@charset "utf-8";

/*sub03*/
.anSearch{float: right; display: inline-block; margin-right: 50px; border: 0; background-color: #4271b8; font-size: 16px; color: #fff; line-height: 40px; padding: 0 40px; cursor: pointer;}
.anTable .mainTable{width: 100%;}
.mainTable > tbody{border-top: 2px solid #979797; border-bottom: 1px solid #a4a4a4;}
.mainTable th, .bgGray{background-color: #f7f7f7;}
.anTable .mainTable th, .anTable .mainTable td {padding: 7px; font-size: 14px; color: #757575;}
.anTable .mainTable th.left{text-align: left;}
.anTable .mainTable > tbody > tr{ border-bottom: 1px solid #a4a4a4;}
.bordertop{border-top: 2px solid #979797;}

.anSelec{padding: 4px 10px 3px; border: 1px solid #ccc; border-radius: 5px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.anSelec{padding: 1px 10px 5px;}
}
/* .varTb li{display: inline-block; vertical-align: middle;} */
.varTb {width: 100%; padding-left: 60px; box-sizing: border-box;}
.varTb li, .addCondi li{display: block; float: left; vertical-align: middle; margin: 3px 0;}
/* .varTbov{overflow: hidden;} */
.an_pL{padding-left: 60px;}
.varTb li span, .addCondi span{display: inline-block; width: 91px; margin-right:10px; padding: 5px 0; font-size: 14px; text-align: center; border-radius: 5px; cursor: pointer; border: 1px solid #979797; vertical-align: middle; color: #737373;}
.addCondi span{display: block; float: left;}
.an_arrow{padding: 25px 0; text-align: center;}
.addCondi span, .varTb li span:hover{color: #fff; background-color: #f5b800; border: 1px solid #f5b800;}
.addCondi{height: 30px; padding-left: 60px;}

.an_btnWrap{text-align: right;}
.an_btnWrap input{display: inline-block; width: 143px; padding: 10px 0; margin-top: 5px; background-color: #ff774b; font-size: 14px; font-weight: 700; letter-spacing: 1px; color: #fff; text-align: center; border-radius: 5px; border: 0; cursor: pointer;}
.an_btnWrap input:hover{background-color: rgba(255, 102, 51, 1);}
.an_resultTit{padding: 16px 0 16px 48px ; border-bottom: 2px solid #979797; font-size: 14px; color: #757575;}

.subTable{width: 100%; border-top: 1px solid #6d6d6d; border-left: 1px solid #6d6d6d;}
.subTable thead th{padding: 5px; background-color: #e1e7f5; font-size: 14px; font-weight: 700; color: #303437; border-right: 1px solid #6d6d6d; border-bottom: 1px solid #6d6d6d;}
.subTable tbody th, .subTable tbody td{padding: 5px; border-right: 1px solid #6d6d6d; border-bottom: 1px solid #6d6d6d; text-align: center; font-size: 14px;}

/*analy inner table*/
.table_wrap.analy th, .table_wrap.analy td{padding: 2px; font-size: 14px; border-right: 1px solid #d0d0d0;}
.table_wrap.analy th{background-color: #eee;}
.table_wrap.analy table{border-left: 1px solid #d0d0d0;}

/*analysis info*/
.stepWrap{margin: 50px auto;}
.stepWrap li{float: left; width: 16.666%;}
.analyStep{float: left; width: 166px;}
 .analyArrow{float: left; display: block; width: 16px; height: 134px; background: url(../images/common/arrow04.png) no-repeat center 55px;}
.analySnum{width: 134px; height: 134px; margin: 0 auto; background-color: #415b6a; border-radius: 100px; text-align: center;}
.analySnum span{display: block; color: #fff; font-size: 14px; font-weight: 600; line-height: 20px;}
.analySnum span.asBorder{display: inline-block; width: 16px; padding: 25px 0 11px; margin-bottom: 10px; border-bottom: 1px solid #fff;}
.analyP{margin-top: 30px; line-height: 36px; font-size: 14px; text-align: center;}



/*table*/
.table_wrap table{width: 100%;}
.table_wrap thead{border-top: 1px solid #646464;}
.table_wrap tr{border-bottom: 1px solid #ececec;}
.table_wrap tr.border01{border-bottom: 1px solid #e6e6e6;}
.table_wrap th{background-color: #f5f5f5; font-weight: 700;}
.table_wrap th.bg01{background-color: #ebebeb;}
.table_wrap th, .table_wrap td{min-width: 30px; padding: 4px 5px; font-size: 15px; line-height: 21px;}
.table_wrap td{text-align: center; border-left: 1px solid #ececec;}
.table_wrap td.b_less {border: 0;}
.table_wrap tr.border01 td{border-left: 1px solid #e6e6e6;}

.table_wrap.type2 thead th{background-color: #d6eaf7; border-left: 1px solid #d0d0d0;}
.table_wrap.type2 thead th.b_less{border-left: 0;}
.table_wrap.type2 tbody th{background-color: transparent;}
.table_wrap.type2 td{border-left: 1px solid #d0d0d0;}
.table_wrap.type2 td.b_less{border-left: 0;}
.table_wrap.type2 tr, .table_wrap.analy tr{border-bottom: 1px solid #d0d0d0;}
.table_wrap.type2 tr.colorY{background-color: #f1fdec;}


/* layer popup */
div.layer						{display:none; position:fixed; top:0; left:0; width:100%; height: 100%; z-index:1000;}
div.layer .bg					{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); }
div.layer .pop-layer			{position:absolute;top:50%;left:50%;width:1000px; margin:0 !important;background:#fff;z-index: 10;transform: translate(-50%, -50%); }
div.layer .tit					{background:#2f3855;overflow:hidden;padding: 16px 20px;  }
div.layer .tit h2				{float:left;font: 500 22px/22px 'Poppins', 'Noto Sans KR', sans-serif;color:#fff;letter-spacing:-1pt;padding:0}
div.layer .tit p				{float:right; padding:1px 0px 0 0;}
div.layer .tit p a 				{display:block; width:20px; height:20px;}
div.layer .tit p a img 			{width:20px; vertical-align: baseline;}
div.layer .pop_content			{overflow:hidden; padding:25px; height: calc(100% - 54px); overflow-y: auto;}
/* div.layer .table_wrap 			{overflow-y:auto; max-height: 350px;} */


div.layer #bmPop.pop-layer		{height:644px;}
div.layer #stdPop.pop-layer		{height:644px !important;}
div.i_layer .pop_content		{overflow:hidden; padding:25px; height: calc(100% - 54px); overflow-y: auto;}
div.i_layer .table_wrap 		{overflow-X:auto;} 


div.layer .pop-layer.w_600		{width: 95%; max-width: 600px; top: 18%; left: 50%; transform: translateX(-50%);;}
div.layer .w_600 .pop_content	{height: 460px;}
div.layer .pop-layer .cbtn		{width: 24px; height: 24px; position: relative;}
div.layer .pop-layer .cbtn span	{display: block; width: 24px; height: 3px; background: #fff; position: absolute; left: 0; top: 10px;}
div.layer .pop-layer .cbtn span:nth-child(1)	{transform: rotate(45deg);}
div.layer .pop-layer .cbtn span:nth-child(2)	{transform: rotate(-45deg);}

div.layer .pop-layer .joinText_box 			{padding: 15px; line-height: 22px; height: 220px;}
div.layer .pop-layer .join_ol				{padding-left: 20px;}
div.layer .pop-layer .join_ol li			{line-height: 22px;}
div.layer .pop-layer .join_ol li + li		{margin-top: 8px;}
div.layer .pop-layer .pType					{font-size: 14px; line-height: 22px;}
div.layer .pop-layer .in_p					{padding-left: 20px;}
div.layer .pop-layer .in_p.txt_in			{text-indent: -9px; padding-left: 29px;}
div.layer .pop-layer .joinCheck				{background: #f8f8f8; padding: 15px 15px 18px;; font-size: 15px;}
div.layer .pop-layer .joinCheck	.check_tt	{display: inline-block; margin-right: 10px;}

div.layer table										{width: 100% !important;}
div.layer .input_table input						{width: 100%; padding: 5px 7px; border: 1px solid #d5d5d5; display: inline-block; box-sizing: border-box;}
div.layer table.government_table.input_table th,
div.layer table.government_table.input_table td		{padding: 6px;}

div.layer .w_600 .personal_pop						{height: auto;}
div.layer .w_600 .personal_pop .comBtn input		{width: 120px; line-height: 35px; font-size: 15px;}


/* data_analysis */
.data_analysis			{width: 100%; max-width: 1600px; overflow-x:scroll;}
.data_analysis .board 	{width: 100%;}
.data_analysis table	{width: 100%; max-width: 1600px;}
.data_analysis table td,
.data_analysis table th	{padding: 10px 15px;}

.data_analysis .serR	{display: inline-block; position: relative;}
.data_analysis .serR .searchArea{width: 100%; max-width: 280px;}
.data_analysis .serR button		{width: 95px;}

input.blue_btn			{margin: 10px; padding: 5px 10px; background: #2E64FE; color: #fff; border: none; border-radius: 3px; cursor: pointer;}
input.blue_btn:hover	{background: #0449b0;}


/* international01*/
.graphBox{margin-bottom:50px;}
.chart_average{position: relative;}
.chartAver{position: absolute; bottom: -263px; left: 69px;  z-index: 1; font-weight: bold; font-size: 0.7em;}

.who_korea{background-color: #f5f5f5;}

/* sub06 */
.search_L{float: left;  width: 300px;}
.search_R{float: right; width: 425px;}
.s_label{display: inline-block; border: 1px solid #dddddd; line-height: 35px; font-size: 14px; color: #454545; background: url(../images/sub/selecArrow.png) no-repeat; cursor: pointer; vertical-align: middle;}
.select{position: relative; display: inline-block;}
.select label{padding: 0 15px; width: 80px; background-position: 85px center;}
.select label.label02{width: 143px; background-position: 147px center;}

/*notice, board, join*/
.select2 label{padding: 0 62px 0 16px; background-position: 105px center; vertical-align: middle;}
.selec{position: absolute; top: 0; left: 0; opacity: 0; display: inline-block; width: 111px; height: 36px; cursor: pointer;}
.selec#gubun{width: 176px;}
.selec.phone, .selec.tel{width: 102px; height: 30px;}
.selec.email{width: 147px; height: 30px;}
.searchArea{display: inline-block; min-width: 290px; padding: 10px 12px; border: 1px solid #dddddd; vertical-align: middle;}
.serR button{padding: 0 26px 0 50px; background: url(../images/sub/searchBg.png) no-repeat 21px center #3c76c6; border: 0; line-height: 37px; color: #fff; font-size: 14px; cursor: pointer; vertical-align: middle;}
#email_choice{display: inline-block; padding: 5px 7px 4px 3px; border:1px solid #d5d5d5;}
.serL button{padding: 0 26px 0 26px; background: no-repeat 21px center #3c76c6; border: 0; line-height: 37px; color: #fff; font-size: 14px; cursor: pointer; vertical-align: middle;}

/*join table*/
.joinTable table, .appliTable table{width: 100%;}
.joinTable tbody, .appliTable tbody{border-top: 3px solid #232021;}
.joinTable th, .appliTable th{padding: 5px 30px; background-color: #eff2fa; text-align: left; line-height: 1.5; color: #333333; font-weight: 700;}
.joinTable td, .appliTable td{padding: 5px 19px; line-height: 30px;}
.joinTable tr, .appliTable tr{border-bottom: 1px solid #cdcdcd;}

.joinTable input{display: inline-block; width: 20%; padding: 5px 7px; border: 1px solid #d5d5d5; vertical-align: middle;}
.joinTable input:focus{border: 1px solid #ff8787; background-color: #ffefef; box-shadow: 0px 0px 9px #ff3c3c;}
.joinTable .joinBtn, .appliTable .samBtn{padding: 0 22px; margin-left: 5px; border: 0; background-color: #8c9cb4; color: #fff; line-height: 29px; vertical-align: middle; cursor: pointer;}
.joinTable .pType, .appliTable .pType{margin-left: 5px;}
.joinTable .num{width: 80px;}
.joinTable .s_label{padding: 0 10px; line-height: 27px;}
.joinTable .label02{width: 120px; background-position: 120px center;}
.text_bg{background-color: #eeeeee;}
.joinTable input.text_bg:focus{border: 1px solid #d5d5d5; background-color: #eeeeee; box-shadow: none;}

/*JOIN*/
.join{padding-bottom: 200px;}
.join_step {text-align: center;}
.join_step .step{text-align: center; padding-top: 16px;}
.join_step .step li{display: inline-block; padding: 0 52px; line-height: 20px; font-size: 15px; color: #888888;}
.join_step li span{color: #4271b8;}
.join_point {font-weight: 700;}
.joinText_box{height: 80px; overflow-y: scroll; padding: 34px; border: 1px solid #bcc0c5; font-size: 15px; line-height: 26px;}
.join_ol{padding-left: 40px;}
.join_ol li{list-style: decimal; line-height: 26px; font-size: 14px;}
.in_ol{padding-left: 20px;}
.in_ol li{list-style: disc;}
.in_p{padding-left: 20px; line-height: 26px;}


.comBtn{text-align: center;}
.comBtn a{display: inline-block; width: 165px; line-height: 50px; background-color: #8c9cb4; color: #fff;}
.comBtn input{display: inline-block; width: 165px; line-height: 50px; background-color: #8c9cb4; color: #fff; cursor: pointer; border: none; font-size: 16px;}
.comBtn .btnType1{background-color: #4271b8;}

.joinArea .hr{height: 2px; background-color: #aeaeae;}
.pointR, .b_red a{color: #ff3c3c;}

.errorTxt{display: block;}
.error{font-size: 13px; color: #ff3c3c;}



@media screen and (-webkit-min-device-pixel-ratio:0){

}


@media screen and (max-width: 1600px){
	
}
@media screen and (max-width: 1366px){
	
}
@media screen and (max-width: 1200px){
	/* analysis info*/
	.appliP{padding: 20px;}	
	
/* layer popup */
div.layer						{display:none; position:fixed; top:0; left:0; margin:0; width:100%; height:100%; z-index:102;}
div.layer .bg					{position:absolute; top:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); cursor:pointer;}
div.layer .pop-layer			{position:absolute; background:#fff; z-index: 1; top: 10%; max-width: 1000px; width: 100%; transform: unset;}
div.layer .tit					{background:#2f3855;overflow:hidden;padding: 16px 20px;  }
div.layer .tit h2				{float:left;font: 500 20px/20px 'Poppins', 'Noto Sans KR', sans-serif;color:#fff;letter-spacing:-1pt;padding:0}
div.layer .tit p				{float:right; padding:1px 0px 0 0;}
div.layer .tit p a 				{display:block; width:20px; height:20px;}
div.layer .tit p a img 			{width:20px; vertical-align: baseline;}
div.layer .pop_content			{overflow:hidden; padding:20px; height: calc(100% - 54px); overflow-y: auto;}
div.layer .table_wrap 			{overflow-X:auto;} 
div.layer .table_wrap table 	{width: 600px;}

div.layer .pop-layer .joinCheck				{padding: 10px 15px 14px; font-size: 14px;}

iframe.courseAttachFile_iframe	{height: calc(100vh - 54px);}
div.i_layer .pop_content		{overflow:hidden; padding:20px; height: calc(100% - 54px); overflow-y: auto;}
div.i_layer .table_wrap 		{overflow-X:auto;} 
div.i_layer .table_wrap table 	{width: 100%; max-width: 600px;}
}

@media screen and (max-width: 1024px){

	/* analysis */
	.an_result{overflow-x: scroll;}
	
	/*analysis info*/
	.stepWrap li{width: 33.333%; margin-bottom: 50px;}
	.analyStep{width: 80%;}
	.analyArrow{width: 20%;}

}

@media screen and (max-width: 768px){
	/*sub04*/
	.search_L{float: none;}
	.search_R{float: none; margin-top: 10px;}
	.tab li{width: 50%;}
	.tab li:nth-child(n+3) a{border-top: 0;}

	/*analysis info*/
	.stepWrap li{width: 50%;}
}

@media screen and (max-width: 640px){
	/*sub01 notice*/
	.fieldcon.notice .searchBar{text-align: left;}
	.fieldcon.notice .select{width: 100%;}
	.fieldcon.notice .serInp{width: 100%; margin-top: 10px;}
	.fieldcon.notice .searchArea{width: 76%; min-width: auto; padding: 10px 1%;}
	.serR button{width: 19%; background-image: none;}

	/*sub04*/
	.search_R{width: 100%; margin-top: 10px;}
	.searchArea{width: 76%; min-width: auto; padding: 10px 1%;}
	.serR button{width: 20%; padding: 0;}
	
	
	
	
	
}

@media screen and (max-width: 480px){
	/* international01*/
	.chartAver{left: 0;}
	
	/* analysis */
	.addCondi{height: 65px; padding-left: 0;}
	.an_pL, .varTb{padding-left: 0;}

	/*analysis info*/
	.stepWrap li{width: 100%;}
}