@charset "utf-8";
/* Top Frame css */

.topMenuBg{
	height: 80px;
}

.topMenuBg .logoBg{ 
	display: inline-block;
	height:80px;
	background: #fff;
	vertical-align: top;
}

.topMenuBg .logo{
	margin-top: 22px;
	padding-right: 15px;
	background: url("../../images/new/top_logo_bg.png") no-repeat right 12px;
}

.topMenuBg .top_log_text{
	font-size: 16px;
	font-family: "NotoM";
	color: #0c4782;
    vertical-align: top;
    margin-left: 6px;
    margin-top: 32px;
    display: inline-block;
	letter-spacing:-0.05em;
}

.topMenuBg .menuBg{
	display: inline-block;
	height:80px;
	background: #fff;
	vertical-align: top;
}

.topMenuBg .menuBg ul{
	display: inline-block;
	height: 80px;
	/* margin-left: 60px; */
	margin-left: 160px;
}

.topMenuBg .menuBg ul li{
	position: relative;
	float: left;
	height: 80px;
	text-align: center;
	line-height: 80px;
	letter-spacing:-0.05em;
}

.topMenuBg .menuBg > ul > li > a{
	font-size: 18px;
	font-family: "NotoR";
	font-weight:600;
	color: #111;
	padding-top: 3px;
    display: inline-block;
   	padding-left: 16px;
	padding-right: 16px;
}

.topMenuBg .menuBg > ul > li.active > a{
	font-size: 18px;
	font-family: "NotoR";
	font-weight:600;
	color: /* #009dde */ #006cb8;
	padding-top: 3px;
    display: inline-block;
   	padding-left: 16px;
	padding-right: 16px;
	background:  url("../../images/new/menu_active.png") no-repeat center bottom;
}
.topMenuBg .menuBg ul li .menuSubBg{
	display: none;
	position: absolute;
	background: #fff;
	border: 2px solid /* #009dde */ #006cb8;
	padding-top:12px;
	padding-bottom: 12px;
	width: 100%;
	min-width: 183px;
	z-index: 1;
	top: 80px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.topMenuBg .menuBg ul li.active .menuSubBg{
	display: inline-block;
}

.topMenuBg .menuBg ul li.active .menuSubBg ul{
	display: block;
	width: 100%;
	height: 100%;
	margin-left: 0px;
}
.topMenuBg .menuBg ul li.active .menuSubBg ul li{
	position: relative;
	float: inherit;
	height: 29px;
	text-align: left;
	line-height: 29px;
}
.topMenuBg .menuBg ul li.active .menuSubBg ul li a{
	font-size: 14px;
	font-family: "NotoM";
	color: #333;
	padding-top: 0px;
    display: inline-block;
   	padding-left: 20px;
	padding-right: 20px;
	width:100%;
	background: #fff; 
}

.topMenuBg .menuBg ul li.active .menuSubBg ul li.active a{
	font-size: 14px;
	font-family: "NotoM";
	color: /* #009dde */ #006cb8;
	padding-top: 0px;
    display: inline-block;
   	padding-left: 20px;
	padding-right: 20px;
	background: #f5f5f5 url("../../images/new/menu_sub_active.png") no-repeat right center;
}

.topMenuBg .btnAria{
	height: 80px;
    line-height: 84px;	
    display: inline-block;
    vertical-align: top;
    float: right;
}    

.topMenuBg .btnAria .loginBtn,
.topMenuBg .btnAria .mypageBtn{
	background: /* #009dde */ #006cb8;
	display: inline-block;
	width: 56px;
	height: 26px;
	font-size: 13px;
	font-family:"NotoL";
	font-weight:bold;
	color: #fff;
	margin-right: 2px;	
	border: 0px;
	padding: 0px;
}
.topMenuBg .btnAria .mypageBtn{
	width: 76px;
}
.topMenuBg .btnAria .joinBtn{
	background: #fff;
	border: 1px solid #ccc;
	display: inline-block;
	width: 69px;
	height: 26px;
	font-size: 13px;
	font-family:"NotoL";
	font-weight:bold;
	color: #666;	
}


/* main CSS */
.mainBannerBg{
	background: url("../../images/new/main_title_bg04.png") repeat-x;
	border-top:1px solid #b1b1b1;
	/* border-bottom:1px solid #b1b1b1; */
}

.mainBannerBg .main_banner{
	height: 450px;
	background:  url("../../images/new/mainbg02.png") no-repeat;
}
.mainBannerBg .main_banner p {color: #fff;}
.mainBannerBg .main_banner p:nth-child(1){letter-spacing:-0.05em; color: #2ac9f7;}
.mainBannerBg .main_banner p:nth-child(2){ 
/*	background: linear-gradient(to right, #00abdd, #03568f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
	color: #fff;
	font-weight:500;}
.mainBannerBg .main_banner p:nth-child(3){line-height:160%;color: #cccccc;}

.mainContent{
	padding-bottom: 45px;
}

.mainContent .bannerAria{
	display: inline-block;
	position: absolute;
	top:50px;
	left:0;
	margin-right: 26px;
}
.mainContent .bannerAria ul{
	display: inline-block;
	width: 380px;
	height: 391px;
}
.mainContent .bannerAria ul li{
	display: inline-block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.mainContent .bannerAria ul li a{
	display: inline-block;
}
.mainContent .bannerBtnAria{
	display: inline-block;
	position: absolute;
	height: 26px;
	z-index: 1;
	top: 10px;
	right: 10px;
}

.mainContent .bannerBtnAria .bannerCount{
	display: inline-block;
	width: 52px;
	height: 26px;
	text-align: center;
	background: #fff;
	line-height: 26px;
	opacity: 0.7;
}

.mainContent .bannerBtnAria .bannerPrev,
.mainContent .bannerBtnAria .bannerStop,
.mainContent .bannerBtnAria .bannerPlay,
.mainContent .bannerBtnAria .bannerNext,
.mainContent .bannerBtnAria .bannerList{
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 0px;
	text-align: center;
	line-height: 26px;
	opacity: 0.7;
	margin-left: 1px;
	border: 
}

.mainContent .bannerBtnAria .bannerPrev{background: #fff url("../../images/new/bannerPrev.png") no-repeat center;}
.mainContent .bannerBtnAria .bannerStop{background: #fff url("../../images/new/bannerStop.png") no-repeat center;}
.mainContent .bannerBtnAria .bannerPlay{background: #fff url("../../images/new/bannerPlay.png") no-repeat center;}
.mainContent .bannerBtnAria .bannerNext{background: #fff url("../../images/new/bannerNext.png") no-repeat center;}
.mainContent .bannerBtnAria .bannerList{background: #fff url("../../images/new/bannerList.png") no-repeat center;}

.mainContent .container{height:675px;}

.mainContent .bottomBox { padding: 20px 25px !important;}
.mainContent .bottomBox h1 {padding-top: 5px;}

/* 메인페이지 - 생체정보 분산관리 표준 부분 */
.mainContent .bioInfor{display:block;position:absolute;top:461px;left:0; padding: 20px 25px !important;}
.mainContent .bioInfor h1 {padding-top: 5px;}
.mainContent .bioInfor .inforTxt{color:#777;font-size:13px;padding-top:17px;letter-spacing: -0.03em;}
.mainContent .bioInfor .bioBtnArea{margin-top:30px;box-sizing:border-box;}
.mainContent .bioInfor .bioBtnArea:after{content:"";display:block;clear:both;}
.mainContent .bioInfor .bioBtnArea li{float:left;width:32%;margin-right:6.5px;}
.mainContent .bioInfor .bioBtnArea li:last-child{margin-right:0;}
.mainContent .bioInfor .bioBtnArea li a{display:block;font-size:13px;padding:6px 20px;border:1px solid #ccc;background:#fff url(../../images/new/moreView.png) no-repeat 90% 50%;border-radius:5px;}

/* 메인페이지 - API 중계방식 표준 부분 */
.mainContent .APIInfor{display:block;position:absolute;top:461px;left:410px; padding: 20px 25px !important;}
.mainContent .APIInfor h1 {padding-top: 5px;}
.mainContent .APIInfor .inforTxt{color:#777;font-size:13px;padding-top:17px;letter-spacing: -0.03em;}
.mainContent .APIInfor .APIBtnArea{margin-top:30px;box-sizing:border-box;}
.mainContent .APIInfor .APIBtnArea:after{content:"";display:block;clear:both;}
.mainContent .APIInfor .APIBtnArea li{float:left;width:32%;margin-right:8.5px;}
.mainContent .APIInfor .APIBtnArea li:nth-of-type(1) {width: 94px;}
.mainContent .APIInfor .APIBtnArea li:nth-of-type(2) {width: 123px;}
.mainContent .APIInfor .APIBtnArea li:nth-of-type(3) {width: 94px;}
.mainContent .APIInfor .APIBtnArea li:last-child{margin-right:0;}
.mainContent .APIInfor .APIBtnArea li a{display:block;font-size:13px;padding:6px 17px;border:1px solid #ccc;background:#fff url(../../images/new/moreView.png) no-repeat 90% 50%;border-radius:5px;}

/*20211102 api중계방식표준 추가페이지 s*/

/*오픈API소개*/
.apiWrap {margin-top: 25px;}
.apiWrap:after {content: ""; display: block; clear: both;}
.apiState {position: relative; float: left; width: 250px; margin: 0 27px;}
.apiState:after {content: ''; display: block; width: 1px; height: 100%; background-color: #e8e8e8; position: absolute; top: 0; right: -27px;}
.apiState:first-child{margin-left:0;}
.apiState:last-child{margin-right:0;}
.apiState:last-child:after{display: none;}
.apiState p {width: 250px; height: 85px; border-radius: 30px;background-color: #009dde; text-align: center; font-size: 18px; color: #fff !important; line-height: 85px; border-radius: 45px;}
.apiState p b{font-size: 36px; color: #ffff00;}
.apiState > span {display: block; width: 100%; text-align: center; margin-top: 13px; font-size: 15px;}

/*적용사례*/
.apiService {}
.apiService li {display: flex; align-items: center; padding: 30px 0; border-top: 1px solid #e8e8e8;}
.apiService li:last-child {border-bottom: 1px solid #e8e8e8;}
.apiService li:after {content:""; display: block; clear: both;}
.apiService li .icon {display: block;width: 160px; box-sizing: border-box; text-align: center;}
.apiService li .Cnt {padding-left: 30px; box-sizing: border-box;}
.apiService li .Cnt .tit {font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.apiService li .Cnt .txt {}

.apiService .addInfo {margin-top: 27px;}
.apiService .addInfo dl {}
.apiService .addInfo dl dt{position: relative; vertical-align: top; font-weight: bold; display: inline-block;}
.apiService .addInfo dl dt:before {content: "·"; margin-right: 4px;}
.apiService .addInfo dl dd{display: inline-block;}


/*20211102 api중계방식표준 추가페이지 s*/

/* 메인페이지 - 교육신청방법 부분 */
.mainContent .eduRequest{display:block;position:absolute;top:50px;right:410px;height: 120px;}



/* 메인페이지 - 자료실 부분 */
.mainContent .fileDisk{display:block;position:absolute;top:50px;right:0; height: 259px;}
.mainContent .fileDisk h1 {padding-bottom: 13px; border-bottom: 1px solid #ccc;}

/* 메인페이지 - 고객센터 부분 */
.mainContent .contentBox.customerCenter2{display:block;position:absolute;top:461px;right:0;}

.contentGrp{
	position:absolute;
	top:451px;
	left:0;
	vertical-align: top;
    display: inline-block;
    width: 380px;
}


.mainContent .contentBox,
.mainContent .contentBox2{
	display: inline-block;
	width: 380px;
	padding:15px 22px;
	border: 1px solid #ddd;
	vertical-align: top;
} 

.mainContent .contentBox2{
	background: #f8f8f8 url("../../images/new/contentBox2Bg01.png") no-repeat 272px 47px;
}
.mainContent .contentBox2.APIInfor{
    background: #f8f8f8 url("../../images/new/contentBox2Bg02.png") no-repeat 251px 41px;
}

.mainContent .contentBox2 .dotteP{
	background: url("../../images/new/dotte01.png") no-repeat left 8px;
	padding-left: 14px;
	color: #666;
	font-size: 14px;
	letter-spacing: -1px;
}
.moreView{
	background: url("../../images/new/moreView.png") no-repeat right !important;
	border: 0px !important;
	padding-right: 17px !important;
	padding-left: 0px !important;
	vertical-align: bottom;
	margin-top: 8px; 
	color: #666;
}

.mainContent .contentBox h1,
.mainContent .contentBox2 h1{
	font-size: 20px;
	color: #111;
	letter-spacing:-0.02em;
}

.mainContent .contentBox h1.titlLine{padding-bottom:13px;border-bottom:1px solid #ccc;}


.eduTable p{
	font-size: 12px;
	padding-left: 60px;
	padding-bottom: 1px;
	color: #333;
	font-family: "NotoM";
}
.eduTable p:last-child {padding-bottom: 0;}
.eduTable p > span{
	color: #333;
}

.eduTable p.fstLine{
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
	font-size: 15px !important;
	padding-left: 0px;
	padding-bottom:3px;
	color: #333;
	font-family: "NotoR";
	cursor: pointer;
}
.eduTable p.fstLine .state01,
.eduTable p.fstLine .state02{
	display: inline-block;
	width: 42px;
	height: 19px;
	color: #fff;
	background: #ff712d;
	border-radius: 3px;
	text-align: center;
	line-height: 19px;
	font-size: 11px !important;
	margin-right: 14px;
}
.eduTable p.fstLine .state02{
	background: #999;
}
.eduTable p.fstLine .eduPoint01,
.eduTable p.fstLine .eduPoint02,
.eduTable p.fstLine .eduPoint03{
	font-size: 15px;
	font-weight: bold;
}
.eduTable p.fstLine .eduPoint01{
	color: /* #009dde */ #006cb8;
}
.eduTable p.fstLine .eduPoint02{
	color: #339900;
}
.eduTable p.fstLine .eduPoint03{
	color: #9966ff;
}

.mainContent .contentBox .chartAriaBg{
	width: 189px;
	float: left;
	height: 100%;
}

.mainContent .contentBox .chartAriaBg .chartAria{
    display: inline-block;
    width: 140px;
    height: 140px;
    background: #ececec;
    margin-top: 10px;
}

.mainContent .contentBox table{
	table-layout: fixed;
	width: 100%;
	margin-top: 20px;
}
.mainContent .contentBox table tr td{
	position:relative;
	line-height: 21px;
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
	cursor: pointer;
	padding: 2px 0;
}
.mainContent .contentBox table tr td.dotteLine{
	color: #333;
	padding-left: 10px;
	/* font-family: "留묒? 怨좊뵓", Malgun Gothic; */
	font-family: 'NotoM';
	letter-spacing: -1px;
	font-size: 14px;
}
.mainContent .contentBox table tr td.dotteLine:before {
	content: "";
	width: 3px;
	height: 3px;
	background: #333;
	border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 0;
}

.mainContent .contentBox table tr td.date{
	text-align: right;
	color: #999;
	font-size: 12px;
	/* font-family: "留묒? 怨좊뵓", Malgun Gothic; */
	font-family: 'NotoM';
}


.mainContent .contentBox .applyAria{
	padding-top:20px;
}

.mainContent .contentBox .applyAria .circle{
	display: inline-block;
	width: 70px;
	height: 35px;
	background: #3550dc;
	border-radius:3px;
	color:#fff;
	font-size: 14px;
	font-family:"NotoR";
	text-align: center;
	vertical-align: top; 
	line-height: 10px; 
	padding-top: 12px;
	margin-right: 1.5px;
}
.mainContent .contentBox .applyAria .circle:last-child {margin-right: 0;}

.mainContent .contentBox .applyAria .arrow{
	display: inline-block;
	width: 14px;
	height: 38px;
	margin:0 -2px;
	background: url("../../images/new/arrow_mini.png") no-repeat center;
	vertical-align: top;
}

.mainContent .contentBox .eduResult,
.mainContent .contentBox .adviserResult{
    display: inline-block;
	position:absolute;
	top:0px;
	right:22px;
    cursor: pointer;
    margin-top: 20px; 
	padding:4px 25px 4px 10px;
    font-size: 12px;    
	border-radius:3px;
	border:1px solid #ccc;
	background: #fff url(../../images/new/moreView.png) no-repeat 92% 50%;
}

.mainContent .contentBox .eduResult{/*background: url("../../images/new/eduResult.png") no-repeat 275px center;*/}
.mainContent .contentBox .adviserResult{background: url("../../images/new/adviserResult.png") no-repeat 135px center;}

.mainContent .contentBox.customerCenter{background: url("../../images/new/customerCenterBg.png") no-repeat 240px 40px;}

.mainContent .contentBox.customerCenter .number {
	font-size: 30px;
	color: /* #009dde */ #006cb8;
	font-weight: bold;
	margin-top: 15px;
}

.mainContent .contentBox.customerCenter .time {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-top: 17px;
	font-family:"NotoL";
}

.mainContent .contentBox.customerCenter .text {
	font-size: 14px;
	color: #777;
	margin-top: 3px;
}

.mainContent .contentBox.customerCenter2{background: url("../../images/new/customerCenterBg02.png") no-repeat 235px 40px; height: 213x;}
/* .mainContent .contentBox.customerCenter2 > p{padding-left:17px;} */

.mainContent .contentBox.customerCenter2 .number2 {
	font-size: 22px;
	color: /* #009dde */ #006cb8;
	letter-spacing:-0.05em;
	font-family:"NotoM";
}

.mainContent .contentBox.customerCenter2 .time2 {
	font-size: 12px;
	color: #999;
	font-weight: bold;
	font-family:"NotoL";
}

.mainContent .contentBox.customerCenter2 .text2 {
	font-size: 13px;
	color: #333;
	font-weight: bold;
}

.bottomLink {
	border-top : 1px solid #ddd;
}
.bottomline{
	border-top : 1px solid #ddd;
	margin-top: -1px;
}

.bottomLink ul{
	display: block;
    width: 100%;
    height: 48px;
    border-right: 1px solid #ddd;
}

.bottomLink ul > li{
	/* width: 14.27%; */
    float: left;
    position: relative;
    display: inline-block;
    height: 48px;
	padding: 0 20px;
}
.bottomLink > .container > ul > li:last-child{
	width: 14.27%;
    float: right;
    position: relative;
    display: inline-block;
    height: 48px;
	padding:0;
	border-left:1px solid #ddd;
}

.bottomLink ul > li > a{
	display: inline-block;
	width: 100%;
	height: 49px;
	line-height: 49px;
	text-align: center;
	font-size: 14px;
	font-family: "NotoR";
}

.bottomLink ul > li > a.familysite{
	background: url("../../images/new/familysite.png") no-repeat 133px center;
	text-align: left;
	padding-left: 20px;
} 

.familysiteListBg{
	display: none;
    position: absolute;
    bottom: 49px;
    left: 0px;
    right: -1px;
	padding:10px 0;
    background: #fff;
    border: 1px solid #ccc;	
	border-bottom:none;
}

.familysiteListBg ul{
	height: 100%; 
	border-left: 0px;
}
.familysiteListBg > ul > li{
	width: 100%;
	height: 23px;
	padding:0;
}

.familysiteListBg ul li:last-child{float:left;width:100%;height:23px;}
.familysiteListBg ul li a{
	width: 100%;
	height: 23px;
	font-size: 13px;
	line-height: 23px;
	color:#666;
	text-align: left;
	padding-left: 10px;
	border-right:0px; 
}
.familysiteListBg ul li a:hover{
	background: #ccc;
	color:#fff;
}
.bottominfo{
	border-top : 1px solid #ccc;
	background: #f6f6f6;
}

.bottominfo .bottominfoBg{
	margin-top:-1px;
	border-top : 1px solid #ccc;
	background: #f6f6f6 url("../../images/new/top_logo.png") no-repeat left 35px;
	padding-left : 173px;
	padding-top: 30px ;
	padding-bottom: 35px;
}

.bottominfo .bottominfoBg p{
	color: #666;
	font-size: 13px;
	font-family: "NotoL";
	font-weight: bold;
	margin-bottom: 5px;
}

.bottominfo .bottominfoBg p.copyright{
	color: #999;
	font-size: 12px;
	margin-top: 10px;
	font-weight: normal;
}

/* substanceAria */
.substanceAria{
	border-top : 3px solid /* #009dde */#006cb8;
}
.substanceBg{
	border-top : 3px solid /* #009dde */#006cb8;
	padding-top: 10px;
	margin-top: -3px;
}
.naveAria{
	text-align: right;
	width: 100%;
}

.naveAria .naveHome{
	display: inline-block;
	background: url("../../images/new/naveHome.png") no-repeat left 9px;
	width: 25px;
	height: 35px;
	vertical-align: middle;
}
.naveAria .naveHome a{
	display: inline-block;
	width: 25px;
	height: 35px;
}
.naveAria .naveStep{
	display: inline-block;
	background: url("../../images/new/naveStep.png") no-repeat left;
	height: 35px;
	padding-left: 12px;
	line-height: 35px;
	vertical-align: middle;
	margin-right: 8px; 
}

.leftSubMenuAria{
	display: inline-block;
	width: 250px;
	height: 100%;
	float: left;
}

.leftSubMenuAria .leftMenuTitle{
	display: inline-block;
	background: url("../../images/new/leftMenuTitleBg.png") no-repeat; 
	width: 250px;
	height: 90px;
	line-height: 90px;
	color: #fff;
	font-size: 26px;
	text-align: center;
}
.leftSubMenuAria .leftMenuTitle p{
	line-height: 26px;
}
.leftSubMenuAria ul{
	display: block;
	width: 100%;
	height: 100%;
}

.leftSubMenuAria ul li{
	display: inline-block;
	border-bottom: 1px solid #ccc;
	width: 100%;
	height: 53px;
}

.leftSubMenuAria ul li a{
	display: inline-block;
	width: 100%;
	height: 53px;
	font-size: 16px;
	line-height: 53px;
	padding-left: 30px;
	color: #333;
	background: url("../../images/new/leftSubMenu.png") no-repeat right;
}

.leftSubMenuAria ul li.active a{
	color:/* #009dde */ #006cb8;
	background: url("../../images/new/leftSubMenu_active.png") no-repeat right;
}

.bodyContentAria{
	display: inline-block;
	width: 950px;
	padding-left: 50px;
	min-height: 622px;
	padding-bottom: 75px;
}

.bodyContentAria .bodyTitle{
	display: inline-block;
	width: 100%;
	height: 90px;
	font-size: 34px;
	line-height: 90px;
	color: #111;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}

.bodyContentAria .bodySubTitle{
	font-size: 24px;
	color: #006db8;
	letter-spacing: -0.5px;
	font-family: "NotoL";
}

.bodyContentAria .bodySubTitle_S{
	font-size: 18px;
	color: #006db8;
	letter-spacing: -0.5px;
	font-family: "NotoL";
}
.bodyContentAria .bodySubLable{
	color:#006db8;
	font-weight: bold;
    font-family: "NotoR";
}

.bodyContentAria p{
	font-size: 15px;
	color: #333;
	letter-spacing: -0.5px;
}

.bodyContentAria .bodyBox01{
	background: #fafbfd;
	border: 1px solid #d9dadc;
	padding: 30px 40px 40px 40px;
	margin-top: 35px;
	display: inline-block;
    width: 100%;
}

.bodyContentAria .bodyBox02{
	background: #fff;
	border: 2px solid #666;
	padding: 30px;
	display: inline-block;
    width: 100%;	
}
.bodyContentAria .bodyBox02 p{
	font-size: 14px;
	color: #111;
    line-height: 22px;
}
.bodyContentAria .bodySubTitle_20{
	font-size: 20px;
    color: #006db8;
    letter-spacing: -0.5px;
    font-family: "NotoR";
}
.bodyContentAria .bodySubTitle_18{
    font-size: 18px;
    color: #006db8;
    letter-spacing: -0.5px;
    font-family: "NotoR";
    font-weight: bold;
}
.bodyContentAria .bodySubTitle_15{
    font-size: 15px;
    color: #006db8;
    letter-spacing: -0.5px;
    font-family: "NotoR";
}
.bodyContentAria .bodyTable{
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	border-top: 2px solid /* #009dde */ #006cb8; 
}

.bodyContentAria .bodyTable thead tr th{
	background: #f6fcfe;
	border-bottom: 1px solid /* #009dde */ #006cb8; 
	height: 40px;
	border-right: 1px solid #ddd;
	color: #006db8;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	font-family: "NotoR";
}
.bodyContentAria .bodyTable thead tr th:last-child,
.bodyContentAria .bodyTable tbody tr td:last-child{
	border-right: 0px;	
}
.bodyContentAria .bodyTable tbody tr:last-child td{
	border-bottom: 1px solid /* #009dde */ #006cb8; 
}
.bodyContentAria .bodyTable tbody tr td{
	border-bottom: 1px solid #ddd; 
	border-right: 1px solid #ddd;
	color: #333;
	font-size: 15px;
	text-align: center;
	line-height: 25px;
	letter-spacing: -0.35px;
	padding: 20px;
}
.bodyContentAria .bodyTable tbody tr.summry td{
	color: /* #009dde */ #006cb8 !important;
	font-weight: bold;
}
.bodyContentAria .bodyTable tbody tr td.leftHead{
	background: #fafafa;
}

.contentBg01{
	background: url("../../images/new/contentBg01.png") no-repeat right 30px;
}

.mapInfoTableBg{
	width: 860px;
	border-top: 2px solid /* #009dde */ #006cb8;
	border-bottom: 1px solid /* #009dde */ #006cb8;
}
.mapInfoTable{
	width: 860px;
	table-layout: fixed;
	border-collapse: collapse;
}
.mapInfoTable tr td{
	font-size: 15px;
	color: #333;
	border-bottom: 1px solid #ccc;
	padding-top: 9px;
	padding-left: 20px;
	padding-bottom: 9px;
	letter-spacing: -0.5px;
}

.mapInfoTable tr td.tableHead{
	border-right: 1px solid #ccc;
	text-align: center;
	padding: 0px;
	background: #fafafa;
	color: #006db8;
	font-weight: bold;
	font-family: "NotoR";
}

.mapInfoTable tr:last-child td{
	border-bottom: 0px !important;
}
.eduListAria {
    display: inline-block;
    width: 100%;
}
.eduListBg{
	display: inline-block;
	width: 420px;
	height: 205px;
	text-align: left;
	padding-top: 23px;
	float: left;
}
.eduListBg:nth-child(2n) {float: right;}

.eduListBg .edulistVer{
	height: 83px;
    width: 100%;
    display: table;
    background: url("../../images/new/eduListBg.png") no-repeat;
}

.eduListBg .edulistVer .eduListTitle{
	text-align: center;
	color: #fff;
	font-size: 23px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
	padding-right: 20px;
}

.eduListBg .eduListday{
	text-align: left;
	color: #333;
	font-size: 15px;
}

.eduListBg .eduMoreVie{
	display:inline-block;
	border: 1px solid #fff;
	border-radius: 0px;
	color: #333 ;
	font-size: 15px;
	background: url("../../images/new/moreView.png") no-repeat right !important;
	border: 0px !important;
	padding-right: 17px !important;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
}

.eduDetailAria {
	display: inline-block;
    width: 100%;
}


.eduDetailAria .eduDetailBg{
	border-bottom: 1px solid /* #009dde */ #006cb8;
	border-top: 2px solid /* #009dde */ #006cb8;
}
.eduDetailAria .eduDetailTitleBg{
	border-bottom: 1px solid #ccc;
	background: #f6fcfe;
	width: 100%;
	padding: 20px 10px;
}
.eduDetailAria .eduDetailBg .eduDetailTitleBg .eduDetailTitle{
	color: #006db8;
	font-size: 24px;
}

.eduDetailAria .eduDetailBg .eduDetailTitleBg .eduDetailday{
	color: #666;
	font-size: 14px;
}


.eduDetailAria .eduDetailBg .eduDetailContent{
	padding: 30px;
	font-size: 15px;
	color: #333;
	min-height: 300px;
}

.ctrBtnBg{
	display: inline-block;
    width: 100%;
}

.wbtn, .bbtn, .gbtn{
	display: inline-block;
	width: 160px;
	height: 40px;
	text-align: center;
	line-height: 38px;
	border: 1px solid #ccc;
	border-radius: 0px;
	font-size: 18px;
	color: #333;
}

.bbtn{
	background: #006db8;
	border: 1px solid #09629f;
	color: #fff;
}
.gbtn{
	background: #ededed;
	color: #111;
}


.wbtnPop, .gbtnPop, .bbtnPop{
	display: inline-block;
	width: 100px;
	height: 36px;
	text-align: center;
	line-height: 34px;
	border: 1px solid #ccc;
	border-radius: 0px;
	font-size: 16px;
	color: #333;
}

.bbtnPop{
	background: #006db8;
	border: 1px solid #09629f;
	color: #fff;
}
.gbtnPop{
	background: #ededed;
	color: #111;
}

.neighboringList{
	width: 100%;
}

.neighboringList table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
}

.neighboringList table tr td{
	border-bottom: 1px solid #ccc;
	height: 45px;
	text-align: center;
	color:#333;
}

.neighboringList table tr td.title a{
	display: block;
	height: 100%;
	line-height: 45px;
	text-align: left;
	color: #666;
	padding-left: 45px;
	width: 100%;
}

.neighboringList .prevBtn, .neighboringList .nextBtn{
	display: block;
	width: 100%;
	height: 100%;
	background: url("../../images/new/eduListPrev.png") no-repeat center;
}


.neighboringList .nextBtn{ 
	background: url("../../images/new/eduListNext.png") no-repeat center;
}


.techListAria{
	
}
.techListAria .searchBtn{
	display: inline-block;
	width: 68px;
	height: 32px;
	line-height: 32px;
	background: #f5f5f5;
	border: 1px solid #aaa;
	border-radius: 3px;
	font-size: 14px;
	color: #666;
}
.techListAria table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-top: 2px solid /* #009dde */ #006cb8;
}

.techListAria table thead tr td{
	background: #f6fcfe;
	height: 36px;
	border-bottom: 1px solid /* #009dde */ #006cb8;
	text-align: center;
	color: /* #009dde */ #006cb8;
	font-size: 14px;
	font-weight: bold;
}
.techListAria table tbody tr{
	cursor: pointer;
}

.techListAria table tbody tr td{
	height: 39px;
	border-bottom: 1px solid #dedede;
	text-align: center;
	color: #333;
	font-size: 14px;
}

.techListAria table tbody tr td.techListTitle{
	text-align: left;
}

.techListAria table tbody tr td a.fileLink{
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(../../images/new/fileLink.png) no-repeat center;
}
.techListAria table tbody tr td span.tableNew{
	display: inline-block;
    width: 14px;
    height: 20px;
    background: url(../../images/new/tableNew.png) no-repeat center;
    margin-left: 10px;
    vertical-align: top;
}
.pagingAria{
    text-align: center;
    display: inline-block;
    width: 100%;
}

.pagingAria .startBtn,
.pagingAria .prevBtn,
.pagingAria .paggingBtn,
.pagingAria .nextBtn,
.pagingAria .endBtn{
	border: 1px solid #ccc;
	border-radius: 0px;
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	color: #666;
	background: #fff;
	background-repeat: no-repeat;
    background-position: center;
}
.pagingAria .paggingBtn.active{
	background: /* #009dde */ #006cb8;
	border: 1px solid /* #009dde */ #006cb8;
	color: #fff;
}
.pagingAria .startBtn{
	background-image: url(../../images/new/startBtn.png);
}
.pagingAria .prevBtn{
	background-image: url(../../images/new/prevBtn.png);
}
.pagingAria .nextBtn{
	background-image: url(../../images/new/nextBtn.png);
}
.pagingAria .endBtn{
	background-image: url(../../images/new/endBtn.png);
}


.eduDetailLabel table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.eduDetailLabel table tbody tr td{
	border-bottom: 1px solid #ddd;
	height: 60px;
	padding-left: 20px;
	padding-right: 20px;
}
.eduDetailLabel table tbody tr td.headLabel{
	background: #fafafa;
	text-align: center;
	font-size: 16px;
	color: #111;
}


.detailFileList table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-top: 1px solid #ddd;
}
.detailFileList table tbody tr td{
	border-bottom: 1px solid #ddd;
	height: 42px;
	padding-left: 20px;
	padding-right: 20px;
}

.detailFileList table tbody tr td.headLabel{
	background: #fafafa;
	text-align: center;
	font-size: 16px;
	color: #111;
}

.detailFileList table tbody tr td a.filedown{
	padding-left: 23px;
}

.detailFileList table tbody tr td a.filedown.txt{
	background: url(http://kfbs.or.kr/images/new/txt.png) no-repeat left;
}	
.detailFileList table tbody tr td a.filedown.hwp{
	background: url(../../images/new/hwp.png) no-repeat left;
}
.detailFileList table tbody tr td a.filedown.pdf{
	background: url(../../images/new/pdf.png) no-repeat left;
}
.detailFileList table tbody tr td a.filedown.xlsx{
	background: url(../../images/new/xlsx.png) no-repeat left;
}
.detailFileList table tbody tr td a.filedown.pptx{
	background: url(../../images/new/pptx.png) no-repeat left;
}


ul.tapBtnAria{
	display: inline-block;
	width: 100%;
}

ul.tapBtnAria li{
	float: left;
	width: 20.1%;
	background: #f8f8f8;
	color:#999;
	text-align: center;
	height: 42px;
	line-height: 42px;
	border: 1px solid #ccc;
	margin-left: -1px;
	font-size: 16px;
	cursor: pointer;
}


ul.tapBtnAria li.active{
	background: #006db8;
	color: #fff;
	border: 1px solid #006db8;
}

.tapPageAria{
	padding-top: 35px;
	
}


/* 회원서비스 */

.loginAria{
	border-top : 2px solid #333;
	border-bottom: 1px solid #ddd;
    display: inline-block;
    width: 100%;
}

.loginAria .loginlabel{
	display: inline-block;
	width: 95px;
	height: 40px;
	color: /* #009dde */ #006cb8;
	border-bottom: 2px solid /* #009dde */ #006cb8;
	line-height: 40px;
	padding-left: 8px;
	margin-right: 10px;
	font-size: 14px;
}

.loginAria .loginInput{
	background: #f8f8f8;
	border: 1px solid #ccc;
	height: 40px;
	width: 300px;	
}

.loginAria .loginbtn{
	display: inline-block;
	width: 103px;
	height: 88px;
	color: #fff;
	background: #006db8;
	font-size: 18px;
	border-radius: 0px;
	margin-left: 10px;
}

.loginAria ul{
	display: inline-block;
	margin-left: 90px;
	margin-top: 30px;
}

.loginAria ul li{
	float: left;
}

.loginAria ul li a{
	border-right: 1px solid #ccc;
	padding-left: 15px;
	padding-right: 15px;
	color: #666;
	font-size: 14px; 
}

.loginAria ul li:last-child a{
	border-right: 0px;
}

.pointLabel{
	background:  url(../../images/new/point_label.png) no-repeat left;
	font-size: 14px;
	color: #666;
	padding-left: 20px;
}
.loginAria table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.loginAria table tbody tr td{
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

.loginAria table tbody tr:last-child td{
	border-bottom: 0px;
}


.HandlingPlanAria{
	border-top : 2px solid #333;
	border-bottom: 1px solid #ddd;
    display: inline-block;
    width: 100%;
    background: #f7f7f7;
    height: 260px;
    padding: 30px;
    overflow-y: scroll;
}

.handlingPlanAria p{
    font-size: 14px;
    color: #111;
    letter-spacing: -0.3px;
    line-height: 22px;
}


.popupBg{
	display: none;
	border: 1px solid /* #009dde */ #006cb8;
	position: absolute;
	z-index: 1;
	top: 60%;
	left: 30%; 
	min-width: 500px;
	background: #fff;
    box-shadow: 3px 3px 10px #0000004f;
}

.popupBg .poptitleBg{
	display: inline-block;
	width: 100%;
	height: 53px;
	background: /* #009dde */ #006cb8;
}
.popupBg .poptitleBg .poptitle{
	color: #fff;
	font-size: 18px;
	line-height: 53px;
	padding-left: 25px;
}
.popupBg .poptitleBg .popCloseBtn{
	display: inline-block;
	width: 15px;
	height: 15px;
    margin-top: 19px;
    margin-right: 25px;
	border: 0px;
	background: url(../../images/new/popCloseBtn.png) no-repeat ;
	
}

.popupBg .popContentAria{
	background: #fff;
	padding: 30px;
}


.popupBg .popContentAria table{
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border-top: 2px solid /* #009dde */ #006cb8;
}

.popupBg .popContentAria table thead tr th{
	background: #f6fcfe;
	color: #006db8;
	font-size: 15px;
	height: 41px;
	border-bottom: 1px solid /* #009dde */ #006cb8;
	border-right: 1px solid #ddd;
	font-weight: normal;
    font-family: "NotoR";
}

.popupBg .popContentAria table thead tr th:last-child{
	border-right: 0px;
}


.popupBg .popContentAria table tbody tr td{
	font-size: 15px;
	height: 45px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd; 
	font-weight: normal;
	color: #333;
}
.popupBg .popContentAria table tbody tr:last-child td{
	border-bottom: 1px solid /* #009dde */ #006cb8;
}
.popupBg .popContentAria table tbody tr td:last-child{
	border-right: 0px;
}

.perTable{
	width: 100%;
	table-layout: fixed;
	margin-top: 5px;
	border-collapse: collapse;
}

.perTable tbody tr td{
	border: 1px solid #ccc;
	text-align: left;
	padding-left: 10px; 
}

#page_info{clear:both;width:800px;padding-top:20px;padding-bottom:3px;} 
#page_info_align{float:right;}
#paging_div{clear:both;position:relative;width:650px;}
#paging_div .paging_align{
	clear: both;
    margin: 0 auto;
    padding-top: 16px;
    text-align: center;
    width: 800px;}
.page_info{
    text-align: center;
    display: inline-block;
    width: 100%;
}
.page_info .page_info_align{
	border: 1px solid #ccc;
	border-radius: 0px;
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	color: #666;
	background: #fff;
	background-repeat: no-repeat;
    background-position: center;
}
.page_info .page_info_align.active{
	background: /* #009dde */ #006cb8;
	border: 1px solid /* #009dde */ #006cb8;
	color: #fff;
}
    
.paging_align .first{border:medium none;padding:0px;}
#paging_align li{display:inline;border-right:1px solid #dddddd;padding-left:3px;padding-right:10px; vertical-align:middle;}
.paging_align li{
	border: 1px solid #ccc;
	border-radius: 0px;
	display: inline-block;
	margin:0 2px;
	width: 32px;
	height: 32px;
	line-height: 30px;
	vertical-align: top;
	text-align: center;
	font-size: 16px;
	color: #666;
	background: #fff;
	background-repeat: no-repeat;
    background-position: center;
}
.paging_align li a{color:#666666;}
.paging_align li a:hover{color:#0958A5;font-weight:bold;}
.paging_align a:active{color:#0958A5;} 
.paging_align a:visited{color:#0958A5;}
.paging_align li strong{
	border: 0px;
	border-radius: 0px;
	display: inline-block; 
	width: 32px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	background: #006cb8;
	background-repeat: no-repeat;
    background-position: center;
}
.paging_align li a.arrow {display: block; height: 100%;}
.paging_align li a.arrow img {margin-top: 8px;}
.paging_align li strong {margin: -1px 0 0 -1px;}
/* 사이트맵 */
.sitemapZone{}
.sitemapZone:after {content:"";display:block;clear:both;}
.sitemapZone dl {float:left;width:240px;min-height:200px;margin-right:60px;margin-bottom:40px;}
.sitemapZone dl:nth-child(3n+3) {margin-right:0;}
.sitemapZone .depth_1 {color:#006cab;font-weight:600;font-size:20px;text-align:center;padding:6px 6px 10px;margin-bottom:20px;border-bottom:3px solid #006cab;}
.sitemapZone .depth_2 {border-bottom:1px solid #eee;}
.sitemapZone .depth_2 > a {display:block;padding:4px 15px;}
.sitemapZone .depth_2 > .depth_3 {font-size:13px;border-top:1px solid #eee;padding:10px 0;margin-top:5px;background-color:#f8f8f8;}
.sitemapZone .depth_2 > .depth_3 li {padding:0px 0px 0px 25px;}
.sitemapZone .depth_2 > .depth_3 li > a {padding-left:5px;}
.sitemapZone .depth_2 > .depth_3 li:before {content:"·";display:inline-block;font-size:18px;font-weight:600;}

/*민식추가 s*/

/* 메인페이지 - 궁금증해결 부분 */
.mainContent .question{display:block;position:absolute;top:321px;right:0px;}
/* 메인페이지 - 궁금증해결 부분 */
/* 메인페이지 - 교육목록 부분 */
.mainContent .eduListArea{display:block;position:absolute;top:182px;left:410px;height: 259px;}

.mainContent .contentBox.question
{
	padding:0px;	
	/* background:#f6f9fe; */
	border:1px solid transparent;
} 
.mainContent .contentBox .eduTable{
	width: 100%;
	padding-top: 13px;;
}
.mainContent .contentBox .eduTable:last-child {padding-bottom: 0;}
#open_popup_wrap  {
width : 100%;
position : relative;
background-color :#006db8;
 background-image:url("../../images/new/backbg.png");
z-index : 1;
}
#open_popup_wrap .open_popup  {
position : relative;
max-width : 1062px;
margin : 0 auto;
padding :0 38px;
}
#open_popup_wrap .open_popup:after  {
content : "";
display : block;
clear : both;
}
#open_popup_wrap .open_popup a.prev_btn  {
width : 22px;
height : 41px;
display : block;
background : url(../../images/new/slide_pop_prevbtn.gif) no-repeat;
position : absolute;
left : 10px;
top : 37px;
z-index : 80;
}
#open_popup_wrap .open_popup a.next_btn  {
width : 22px;
height : 41px;
display : block;
background : url(../../images/new/slide_pop_nextbtn.gif) no-repeat;
position : absolute;
right : 46px;
top : 37px;
z-index : 80;
}

#open_popup_wrap .open_popup .popup_box  {
max-width : 1000px;
height : 110px;
margin : 0 auto;
overflow : hidden;
position : relative;
}

#open_popup_wrap .open_popup .popup_box dl  {
    
    height : 90px;    
    margin: 10px;
}
#open_popup_wrap .open_popup .popup_box dl dt  {
    color:#ffffff;margin-top:40px;
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
    text-align:center;
    line-height:18px;
}
#open_popup_wrap .open_popup .popup_box dl   {
    display : block;
}
#open_popup_wrap .open_popup .popup_box dl dd {
	text-align:center;
    font-size:14px;
    line-height:26px;
    
    color:#FFF;
}
#open_popup_wrap .open_popup .popup_box dl dd a{text-decoration:none;}
#open_popup_wrap .open_popup .popup_box dl dd a:link{color:#F3E14A;}
#open_popup_wrap .open_popup .popup_box dl dd a:visited{color:#F3E14A;}
#open_popup_wrap .open_popup .popup_box dl dd a:hover{color:#F1C43E;}
#open_popup_wrap .open_popup .popup_box dl dd a:focus{color:#F1C43E;}
.check {color:#ffffff;
    position: absolute;
    right: 100px;
    top: 75px;
}
.check input{border:0px solid #d1d1d1;}

.close{position: absolute;     top: 0;    right: -60px;width:40px;height:40px;border-radius:0 0 20px 20px; background-color:#006db8;}
.close .pop_btn_bg{display: block;width: 100%;height: 100%;border: none;cursor: pointer;background: none;padding: 0;}
/*민식 추가 e*/

/* 공통 : 팝업 */
.poplayerUI{width:100%;position:relative; overflow:hidden;border:2px solid #006db8;}
.layer-close{position:absolute; top:-2px; right:0; display:block; width:44px; height:46px; text-indent:-9999px; border-left:1px solid #006db8; background:#006db8 url('../../images/sub/popup_close.png') no-repeat center center;}
.poplayerUI h3{color:#fff;font:1.25rem NotoR;padding:15px 20px;background-color:#006db8;}
.poplayerUI h6{position: relative;margin: 20px 0 10px;font: 1.25rem NotoKR-Bold !important;color: #111;letter-spacing: -1.5px;background: url(../../images/sub/bul_h6.png) no-repeat left 10px;padding-left: 15px;}
.poplayerUI h5{position: relative;min-height: 26px;color: #333;font: 1rem NotoKR-Bold !important;letter-spacing: -0.9px;line-height: 1.5;text-indent: 0px;padding:0 0 0 16px;margin: 20px 0 5px 0;}
.poplayerUI h5:before{content: "·";position: absolute;top: -16px;left: 4px;display: inline-block;width: 2px;color: #009bdf;font-size: 2.25rem;}

.poplayerUI.layer-sm{width:480px;}
.poplayerUI.layer-lg{width:800px;}
.poplayerUI.layer-fg{width:1000px;}
.poplayerUI.layer-webzin{width:935px;}
.poplayerUI .layer-cont{width:auto;padding:0 20px 15px 20px;margin:0 auto;background:#fff;overflow:hidden;}
.poplayerUI .layer-cont .in_wrap {overflow:hidden;}
.poplayerUI .layer-cont.scroll_f {width:auto;overflow:hidden; height:500px; overflow-y:auto;}/* 전체 height값이 정해져있을때 스크롤 생김*/
.poplayerUI .layer-cont.scroll {width:auto;overflow:hidden; height:500px; overflow-y:auto;}/* 전체 height값이 정해져있을때 스크롤 생김*/
.poplayerUI .layer-cont.scroll_s {width:auto;overflow:hidden; height:280px; overflow-y:auto;}/* 전체 height값이 정해져있을때 스크롤 생김*/
.poplayerUI .product_box {overflow:hidden;border-top: 2px solid #33334a;border-left:1px solid #e0e2e4;border-right:1px solid #e0e2e4;border-bottom:1px solid #e0e2e4;padding:15px;text-align:center;margin-bottom: 25px;}/* 제품이미지 */
.poplayerUI .product_box img{left:0;top:0;width:100%;height:100%;border:1px solid #e0e0e0}
.poplayerUI p{font-size:16px;text-align:left;margin-bottom:15px;}

.promi {margin-top:20px;}
.promi ul{margin-bottom:20px;}
.promi ul li{font-size:16px;line-height:35px; padding-bottom:20px;}
.promi ol{margin-bottom:20px;padding-left:20px;}
.promi ol li{font-size:16px;line-height:35px; padding-bottom:10px;}
.promi p{font-weight:bold;font-size:28px;}
.prominame {margin-left:600px;margin-bottom:50px;}
.prominame dl{margin-bottom:8px;}
.prominame dt{font-weight:600;display:block;width:120px;float:left;font-size:15px;line-height:30px;}