/* 메인화면 CSS - DARUM_ver_S */
@charset "utf-8";

.s_authority_staff .main_banner_area { background:url('/html/img/wfo/bg/bg_mainbanner_staff.png') center 0 no-repeat; background-size:cover;}
.s_admin_staff .main_banner_area { background:url('/html/img/wfo/bg/bg_mainbanner_admin_staff.png') center 0 no-repeat; background-size:cover;}
.s_counsel_staff .main_banner_area { background:url('/html/img/wfo/bg/bg_mainbanner_counsel_staff.png') center 0 no-repeat; background-size:cover;}

/* . .main_banner_area { background:url('/html/img/wfo/bg/bg_mainbanner_admin_staff.png') center 0 no-repeat; } */
#main_container_area { min-width:1040px; margin-top:0px; overflow-x:hidden; overflow-y:auto;}
.main_inwrap_area { margin:0 auto; width:1080px; height: 775px; }
.main_inwrap_area .main_inwrap_01{width:100%;height:55%;margin-bottom:50px;border-bottom:1px solid #ccc}
.main_inwrap_area .main_inwrap_02{width:100%;height:38%;}

.main_link_title_area{width:100%;height:20%;}
.main_link_title_search{width:100%;height:55%;}
.main_link_title_head{width:100%;height:45%;}
   
.main_link_title_area_sub{width:100%;height:13%;}
.main_link_title_sub_head{width:100%;height:100%;}
        			
.main_content_area { position:relative; width:100%; min-width:1080px; padding:20px 0 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz--webkit-box-sizing:border-box;}
.main_content_area:before { content:''; position:absolute; top:0; left:0; width:100%; height:164px; background:#fff;}
.main_content_area .main_inwrap_area { position:relative;}

.main_banner_area { position:relative; width:1080px; height:67%; border-radius:10px; box-shadow:8px 10px 23px -11px rgba(0, 0, 0, 0.5);  }
.main_banner_area ul { position:relative; padding:18px 0 0 10px; margin:0 40px 0 40px;}
.main_banner_area ul:after { content:''; clear:both; display:block;}
.main_banner_area ul li { float:left; width:162px; margin:0 0 17.5px 0; text-align:center; background:url('/html/img/wfo/bg/bg_mainbanner_ico_shadow.png') center 0 no-repeat;}
.main_banner_area ul li.space_none { margin-left:0;}
.main_banner_area ul li a { font-family:NanumBarun; font-size:16px; color:#ffffff; }
.main_banner_area ul li a .ico { display:inline-block; padding-bottom:7px; width:100%; height:78px;}
.main_banner_area ul li a .ico.callhelp { background:url('/html/img/wfo/ico/ico_banner_callhelp.png') center 0 no-repeat;}
.main_banner_area ul li a .ico.admin { background:url('/html/img/wfo/ico/ico_banner_admin.png') center 0 no-repeat;}
.main_banner_area ul li a .ico.record { background:url('/html/img/wfo/ico/ico_banner_record.png') center 0 no-repeat;}
.main_banner_area ul li a .ico.quality { background:url('/html/img/wfo/ico/ico_banner_quality.png') center 0 no-repeat;}
.main_banner_area ul li a .ico.exchange { background:url('/html/img/wfo/ico/ico_banner_callhelp.png') center 0 no-repeat;}
.main_banner_area ul li a .ico.ivr { background:url('/html/img/wfo/ico/ico_banner_ivr.png') center 0 no-repeat;}
.main_banner_area ul li a .ico.ckms { background:url('/html/img/wfo/ico/ico_banner_ckms.png') center 0 no-repeat;}
.main_banner_area ul li a .ico.work { background:url('/html/img/wfo/ico/ico_banner_work.png') center 0 no-repeat;}
.main_banner_area ul li a .ico.messenger { background:url('/html/img/wfo/ico/ico_banner_messenger.png') center 0 no-repeat;}
.main_banner_area ul li a .ico.swat { background:url('/html/img/wfo/ico/ico_banner_swat.png') center 0 no-repeat;}
.main_banner_area ul li a .ico.cti { background:url('/html/img/wfo/ico/ico_banner_cti.png') center 0 no-repeat;}
.main_banner_area ul li a .ico.pds { background:url('/html/img/wfo/ico/ico_banner_pds.png') center 0 no-repeat;}
.main_banner_area ul li a .ico.add { background:url('/html/img/wfo/ico/ico_banner_add.png') center 0 no-repeat;}

/* 관련 사이트 리스트 */
.participating_site_area { position:relative; width:100%;height:40%;background:#f1f1f1;}
.participating_site_area ul { padding:25px 45px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.participating_site_area ul:after { content:''; clear:both; display:block;}
.participating_site_area ul li { float:left; position:relative; margin-left:50px; width:72px; text-align:center;}
.participating_site_area ul li:first-child { margin-left:0;}
.participating_site_area ul li a { font-family:NanumBarun; font-size:14px; color:#5f5f5f;}
.participating_site_area ul li a .ico { display:inline-block; width:100%; height:34px; background:url('/html/img/wfo/bg/bg_participating_ico_shadow.png') center no-repeat; }
.participating_site_area ul li a .ico.add { background:url('/html/img/wfo/ico/ico_banner_site_add.png') center no-repeat;}
.participating_site_area ul li a .ico.site01 { background:url('/html/img/wfo/ico/ico_participating_site01.png') center no-repeat;}
.participating_site_area ul li a .ico.site02 { background:url('/html/img/wfo/ico/ico_participating_site02.png') center no-repeat;}
.participating_site_area ul li a .ico.site03 { background:url('/html/img/wfo/ico/ico_participating_site03.png') center no-repeat;}
.participating_site_area ul li a .ico.site04 { background:url('/html/img/wfo/ico/ico_participating_site04.png') center no-repeat;}
.participating_site_area ul li a .ico.site05 { background:url('/html/img/wfo/ico/ico_participating_site05.png') center no-repeat;}
.participating_site_area ul li a .ico.site06 { background:url('/html/img/wfo/ico/ico_participating_site06.png') center no-repeat;}
.participating_site_area ul li a .ico.site07 { background:url('/html/img/wfo/ico/ico_participating_site07.png') center no-repeat;}
.participating_site_area ul li a .ico.site08 { background:url('/html/img/wfo/ico/ico_participating_site08.png') center no-repeat;}
.participating_site_area ul li:first-child + li img { padding-left:4px}

.main_link_title{
	padding:2px 0 6px 28px; 
	font-size:14px; 
	color:#444444; 
	font-family:NanumBarun; 
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENURCRDk5M0E5QTgxMUU3QTYxOEUxNzY2N0UwNTM5OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENURCRDk5NEE5QTgxMUU3QTYxOEUxNzY2N0UwNTM5OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1REJEOTkxQTlBODExRTdBNjE4RTE3NjY3RTA1Mzk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1REJEOTkyQTlBODExRTdBNjE4RTE3NjY3RTA1Mzk4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ItEK9wAAAMRJREFUeNpifG9vxwAFbECcAcSRQKwDFbsCxMuBeAYQ/wIJMEI1SAPxFiA2YMAOLgCxDxA/BWkAmXwSj2IYuAjE5kxAIp0IxSCgD8RpIA1RaBI7gFgKinegyUWBnPQT6mEYACl8DmVLAvEzJLmfTASc8R+N/xuk4Rya4BwglgBiGSCeiyZ3hQUazhZIgl5ITkIHy0F+YIcGqz4B510CYjOQk0Ce9oZGDr448EL29FNQpABxARCfAeKvUHwGKmYGVcMAEGAASAQsPcaesYEAAAAASUVORK5CYII=);
	background-repeat: no-repeat ;
	background-position:  10px 4px;
}

/* 링크 설정 팝업  */
#divMainLinkPop{width:100%;padding-top:10px;}
#divMainLinkPop .mainLinkBoxArea{width:100%;height:100px;}
.mainLinkBoxArea .mainLinkBox{width:100%;height:30%;text-align:center;}
.mainLinkBox .boxLeft{float:left;width:25%;text-align:center;}
.mainLinkBox .boxRight{float:right;width:75%;text-align:center;}

#divMainLinkPop .mainLinkIconBoxArea{width:100%;height:200px;text-align:center;margin-bottom:5px;}
.mainLinkIconBoxArea .iconBoxTitle{width:100%;height:10%;margin-bottom:10px;}
.mainLinkIconBoxArea .mainIconBox{width:100%;height:83%;overflow-y:hidden;overflow-x:scroll;padding:2px;border-top:1px solid #ccc;}
.mainLinkIconBoxArea .mainIconBoxSub{display:inline-block;border:1px solid #CCC;width:100%;height:160px;overflow-x:hidden;overflow-y:scroll;padding:2px;}

#divMainLinkPop .linkSetButtonArea{width:100%;height:20px;text-align:right;}

/* 추가할 메인 화면용 아이콘 */
.mico { display:inline-block; width:100%; padding-bottom:7px; height:78px;}
.mico.callhelp { background:url('/html/img/wfo/ico/ico_banner_callhelp.png') center 0 no-repeat;}
.mico.admin { background:url('/html/img/wfo/ico/ico_banner_admin.png') center 0 no-repeat;}
.mico.record { background:url('/html/img/wfo/ico/ico_banner_record.png') center 0 no-repeat;}
.mico.quality { background:url('/html/img/wfo/ico/ico_banner_quality.png') center 0 no-repeat;}
.mico.exchange { background:url('/html/img/wfo/ico/ico_banner_callhelp.png') center 0 no-repeat;}
.mico.ivr { background:url('/html/img/wfo/ico/ico_banner_ivr.png') center 0 no-repeat;}
.mico.ckms { background:url('/html/img/wfo/ico/ico_banner_ckms.png') center 0 no-repeat;}
.mico.work { background:url('/html/img/wfo/ico/ico_banner_work.png') center 0 no-repeat;}
.mico.messenger { background:url('/html/img/wfo/ico/ico_banner_messenger.png') center 0 no-repeat;}
.mico.swat { background:url('/html/img/wfo/ico/ico_banner_swat.png') center 0 no-repeat;}
.mico.cti { background:url('/html/img/wfo/ico/ico_banner_cti.png') center 0 no-repeat;}
.mico.pds { background:url('/html/img/wfo/ico/ico_banner_pds.png') center 0 no-repeat;}
.mico.add { background:url('/html/img/wfo/ico/ico_banner_add.png') center 0 no-repeat;}

/* 추가할 배너용 아이콘 2021*/
.bico { display:inline-block; width:100%; height:34px;}
.bico.add{ background:url('/html/img/wfo/ico/ico_participating_add.png') center no-repeat;}
.bico.site01 { background:url('/html/img/wfo/ico/ico_participating_site01.png') center no-repeat;}
.bico.site02 { background:url('/html/img/wfo/ico/ico_participating_site02.png') center no-repeat;}
.bico.site03 { background:url('/html/img/wfo/ico/ico_participating_site03.png') center no-repeat;}
.bico.site04 { background:url('/html/img/wfo/ico/ico_participating_site04.png') center no-repeat;}
.bico.site05 { background:url('/html/img/wfo/ico/ico_participating_site05.png') center no-repeat;}
.bico.site06 { background:url('/html/img/wfo/ico/ico_participating_site06.png') center no-repeat;}
.bico.site07 { background:url('/html/img/wfo/ico/ico_participating_site07.png') center no-repeat;}
.bico.site08 { background:url('/html/img/wfo/ico/ico_participating_site08.png') center no-repeat;}

#divMenuAuthTreePop{width:100%;}