#flex{
	width:100%;
	min-width:100%;
	overflow:hidden;
}

#flex .titleLine{
	width:100%;
	background:url(../../images/sub/flex/titleBox.png) no-repeat;
	height:190px;
	padding:45px 0px 50px 30px;
}

#flex .titleLine .name{
	font-size:48px;
	color:#222;
	font-family:'roboto';
}

#flex .titleLine .ex{
	font-size:24px;
	color:#222;
	line-height:21px;
}

#flex .titleLine .ex span{
	font-size:13px;
	color:#777;
}


@media screen and (max-width: 823px){
	
	#flex .titleLine{
		width:100%;
		background:url(../../images/sub/flex/titleBox.png) no-repeat;
		height:auto;
		padding:45px 0px 45px 30px;
		background-size:20%
	}
	
	#flex .exTitleLine{
		width:100%;
		background:url(../../images/sub/flex/titleBox.png) no-repeat;
		height:auto;
		padding:45px 0px 45px 30px;
		background-size:25%
	}
	
	#flex .titleLine .name{
		font-size:36px;
		color:#222;
		font-family:'roboto';
	}
	
	#flex .titleLine .ex{
		font-size:18px;
		color:#222;
	}
}


@media screen and (max-width: 568px){
	
	#flex .titleLine{
		width:100%;
		background:url(../../images/sub/flex/titleBox.png) no-repeat;
		height:auto;
		padding:45px 0px 45px 30px;
		background-size:25%
	}
	
	#flex .titleLine .name{
		font-size:26px;
		color:#222;
		font-family:'roboto';
	}
	
	#flex .titleLine .ex{
		font-size:15px;
		color:#222;
	}
}



@media screen and (max-width: 425px){
	
	#flex .titleLine{
		width:100%;
		background:#fff;
		height:auto;
		padding:0px;
	}
	
	#flex .titleLine .name{
		font-size:26px;
		color:#222;
		font-family:'roboto';
		font-weight:bold;
	}
	
	#flex .titleLine .ex{
		font-size:13px;
		color:#222;
		margin-top:5px;
	}
}

#flex .what{
	width:94%;
	margin:0 auto;
	padding:4em 0px;
}


#flex .what .list{
	width:100%;
	margin-top:30px;
}

#flex .what .list li{
	width:100%;
	display:inline-block;
	margin-top:10px;
}


#flex .what .list li:first-child{
	margin-top:-0px;
}

#flex .what .list li:nth-child(2n){
	text-align:right;
}


#flex .what .list li .thum{
	width:50%;
	display:inline-block;
}

#flex .what .list li .thum img{
	width:100%;
}


#flex .what .list li .logo{
	width:100%;
	margin-top:20px;
}

#flex .what .list li .text{
	font-size:16px;
	color:#444;
	margin-top:10px;
}


@media screen and (max-width: 823px){
	#flex .what{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}
	
	
	#flex .what .list{
		width:100%;
		margin-top:1.5em;
	}
	
	#flex .what .list li{
		width:100%;
		display:inline-block;
		margin-top:20px;
	}

	
	#flex .what .list li:first-child{
		margin-top:-0px;
	}
	
	#flex .what .list li:nth-child(2n){
		text-align:right;
	}
	
	
	#flex .what .list li .thum{
		width:50%;
		display:inline-block;
	}
	
	#flex .what .list li .thum img{
		width:100%;
	}
	
	
	#flex .what .list li .logo{
		width:100%;
		margin-top:20px;
	}
	
	#flex .what .list li .text{
		font-size:16px;
		color:#444;
		margin-top:10px;
		letter-spacing:-0.7px;
	}
	
	
}




@media screen and (max-width: 568px){
	#flex .what{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}
	
	
	#flex .what .list{
		width:100%;
		margin-top:1.5em;
	}
	
	#flex .what .list li{
		width:100%;
		display:inline-block;
		margin-top:40px;
	}

	
	#flex .what .list li:first-child{
		margin-top:-0px;
	}
	
	#flex .what .list li:nth-child(2n){
		text-align:left;
	}
	
	
	#flex .what .list li .thum{
		width:100%;
		display:inline-block;
	}
	
	#flex .what .list li .thum img{
		width:100%;
	}
	
	
	#flex .what .list li .logo{
		width:100%;
		margin-top:20px;
	}
	
	#flex .what .list li .logo img{
		width:35%;
	}
	
	#flex .what .list li .text{
		font-size:16px;
		color:#444;
		margin-top:10px;
		letter-spacing:-0.7px;
	}
	
	
}




@media screen and (max-width: 425px){
	#flex .what{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}
	
	
	#flex .what .list{
		width:100%;
		margin-top:1.5em;
	}
	
	#flex .what .list li{
		width:100%;
		display:inline-block;
		margin-top:40px;
	}

	
	#flex .what .list li:first-child{
		margin-top:-0px;
	}
	
	#flex .what .list li:nth-child(2n){
		text-align:left;
	}
	
	
	#flex .what .list li .thum{
		width:100%;
		display:inline-block;
	}
	
	#flex .what .list li .thum img{
		width:100%;
	}
	
	
	#flex .what .list li .logo{
		width:100%;
		margin-top:20px;
	}
	
	#flex .what .list li .logo img{
		width:35%;
	}
	
	#flex .what .list li .text{
		font-size:13px;
		color:#444;
		margin-top:10px;
		letter-spacing:-0.7px;
	}
	
	
}

#flex .langHistory{
	width:100%;
	background:#f7f7f7;
	padding:80px 0px;
}

#flex .langHistory .title{
	font-size:48px;
	text-align:center;
	color:#222;
	margin-top:20px;
}

#flex .langHistory .subTitle{
	font-size:24px;
	text-align:center;
	color:#222;
	margin-top:5px;
}


#flex .langHistory .historyList{
	width:94%;
	margin:30px auto 0;
	text-align:center;
}

#flex .langHistory .historyList li{
	width:23.5%;
	background:#fff;
	border-top:1px solid #d82221;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	display:inline-block;
	margin-left:1%;
	padding:30px 10px;
	box-sizing:border-box;
}

#flex .langHistory .historyList li:first-child{
	margin-left:0px;
}

#flex .langHistory .historyList li .date{
	font-size:15px;
	font-family:'roboto';
	color:#777;
	text-align:center;
}

#flex .langHistory .historyList li .cont{
	font-size:17px;
	color:#222;
	text-align:center;
	letter-spacing:-0.7px;
	margin-top:10px;
}

#flex .langHistory .exText{
	width:94%;
	margin:10px auto 0px;
	text-align:right;
}


@media screen and (max-width: 823px){
	
	
	#flex .langHistory{
		width:100%;
		background:#f7f7f7;
		padding:4em 0px;
	}
	
	#flex .langHistory .title{
		font-size:36px;
		text-align:center;
		color:#222;
		margin-top:20px;
	}
	
	#flex .langHistory .subTitle{
		font-size:20px;
		text-align:center;
		color:#222;
		margin-top:5px;
	}
	
	
	#flex .langHistory .historyList{
		width:94%;
		margin:1.5em auto 0;
		text-align:center;
	}
	
	#flex .langHistory .historyList li{
		width:48%;
		background:#fff;
		border-top:1px solid #d82221;
		border-bottom:1px solid #e5e5e5;
		border-left:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		display:inline-block;
		margin-left:1%;
		padding:30px 10px;
		box-sizing:border-box;
		margin-top:1em;
	}
	
	#flex .langHistory .historyList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	#flex .langHistory .historyList li .date{
		font-size:15px;
		font-family:'roboto';
		color:#777;
		text-align:center;
	}
	
	#flex .langHistory .historyList li .cont{
		font-size:17px;
		color:#222;
		text-align:center;
		letter-spacing:-0.7px;
		margin-top:10px;
	}
	
	#flex .langHistory .exText{
		width:94%;
		margin:10px auto 0px;
		text-align:right;
	}


}





@media screen and (max-width: 568px){
	
	
	#flex .langHistory{
		width:100%;
		background:#f7f7f7;
		padding:4em 0px;
	}
	
	#flex .langHistory .title{
		font-size:26px;
		text-align:center;
		color:#222;
		margin-top:20px;
	}
	
	#flex .langHistory .subTitle{
		font-size:16px;
		text-align:center;
		color:#222;
		margin-top:5px;
	}
	
	
	#flex .langHistory .historyList{
		width:94%;
		margin:1.5em auto 0;
		text-align:center;
	}
	
	#flex .langHistory .historyList li{
		width:48%;
		background:#fff;
		border-top:1px solid #d82221;
		border-bottom:1px solid #e5e5e5;
		border-left:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		display:inline-block;
		margin-left:1%;
		padding:30px 10px;
		box-sizing:border-box;
		margin-top:1em;
	}
	
	#flex .langHistory .historyList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	#flex .langHistory .historyList li .date{
		font-size:13px;
		font-family:'roboto';
		color:#777;
		text-align:center;
	}
	
	#flex .langHistory .historyList li .cont{
		font-size:16px;
		color:#222;
		text-align:center;
		letter-spacing:-0.7px;
		margin-top:10px;
	}
	
	#flex .langHistory .exText{
		width:94%;
		margin:10px auto 0px;
		text-align:right;
	}


}


@media screen and (max-width: 425px){
	
	
	#flex .langHistory{
		width:100%;
		background:#f7f7f7;
		padding:4em 0px;
	}
	
	#flex .langHistory .title{
		font-size:20px;
		text-align:center;
		color:#222;
		margin-top:20px;
	}
	
	#flex .langHistory .subTitle{
		font-size:14px;
		text-align:center;
		color:#222;
		margin-top:5px;
	}
	
	
	#flex .langHistory .historyList{
		width:94%;
		margin:1.5em auto 0;
		text-align:center;
	}
	
	#flex .langHistory .historyList li{
		width:48%;
		background:#fff;
		border-top:1px solid #d82221;
		border-bottom:1px solid #e5e5e5;
		border-left:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		display:inline-block;
		margin-left:1%;
		padding:30px 10px;
		box-sizing:border-box;
		margin-top:1em;
	}
	
	#flex .langHistory .historyList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	#flex .langHistory .historyList li .date{
		font-size:13px;
		font-family:'roboto';
		color:#777;
		text-align:center;
	}
	
	#flex .langHistory .historyList li .cont{
		font-size:13px;
		color:#222;
		text-align:center;
		letter-spacing:-0.7px;
		margin-top:10px;
	}
	
	#flex .langHistory .exText{
		width:94%;
		margin:10px auto 0px;
		text-align:right;
	}


}


#flex .account{
	width:100%;
	background:#2f2f2f;
	padding:4em 0px;
}

#flex .account .list{
	width:94%;
	margin:0 auto;
}

#flex .account .list dd{
	width:100%;
	background:#fff;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	padding:2em;
	margin-top:1.5em;
}



#flex .account .list dd:nth-child(1){
	margin-top:0px;
	border-left:2px solid #d82221
}

#flex .account .list dd:nth-child(2){
	border-left:2px solid #454ca7
}

#flex .account .list dd:nth-child(3){
	border-left:2px solid #3ec3bb
}


#flex .account .list dd .titleArea{
	width:35%;
	display:inline-block;
	vertical-align:middle;
}

#flex .account .list dd .titleArea .title{
	font-size:24px;
}

#flex .account .list dd .titleArea .title span{
	display:block;
	font-weight:bold;
}

#flex .account .list dd .titleArea .button{
	margin-top:15px;
	border-radius:50px;
	display:Inline-block;
	padding:10px 10px 10px 15px;
	width:180px;
}

#flex .account .list dd .titleArea .button .text{
	font-size:15px;
	display:Inline-block;
	color:#fff;
	margin-top:6px;
}

#flex .account .list dd .titleArea .button .icon{
	display:inline-block;
	float:right;
	width:34px;
}

#flex .account .list dd .titleArea .button .icon img{
	width:100%;
}


#flex .account .list dd:nth-child(1) .titleArea .button{
	background:#d82221;
}

#flex .account .list dd:nth-child(2) .titleArea .button{
	background:#454ca7;
}


#flex .account .list dd .textArea{
	width:64%;
	display:inline-block;
	vertical-align:middle;
	padding-left:1.5em;
	box-sizing:border-box;
}



#flex .account .list dd .textArea li{
	font-size:16px;
	padding:10px 0px 0px 0px;
	box-sizing:border-box;
	width:100%;
	
}

#flex .account .list dd:nth-child(1) .textArea li{
	list-style-image:url(../../images/sub/flex/list-type01.png);
}

#flex .account .list dd:nth-child(2) .textArea li{
	list-style-image:url(../../images/sub/flex/list-type02.png);
}

#flex .account .list dd:nth-child(3) .textArea li{
	list-style-image:url(../../images/sub/flex/list-type03.png);
}	

@media screen and (max-width: 823px){
	
	#flex .account{
		width:100%;
		background:#2f2f2f;
		padding:4em 0px;
	}
	
	#flex .account .list{
		width:94%;
		margin:0 auto;
	}
	
	#flex .account .list dd{
		width:100%;
		background:#fff;
		border-top:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		padding:2em;
		margin-top:1.5em;
	}
	

	
	#flex .account .list dd:nth-child(1){
		margin-top:0px;
		border-left:2px solid #d82221
	}
	
	#flex .account .list dd:nth-child(2){
		border-left:2px solid #454ca7
	}
	
	#flex .account .list dd:nth-child(3){
		border-left:2px solid #3ec3bb
	}
	
	
	#flex .account .list dd .titleArea{
		width:35%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#flex .account .list dd .titleArea .title{
		font-size:20px;
	}
	
	#flex .account .list dd .titleArea .title span{
		display:block;
		font-weight:bold;
	}
	
	#flex .account .list dd .titleArea .button{
		margin-top:15px;
		border-radius:50px;
		display:Inline-block;
		padding:10px 10px 10px 15px;
		width:180px;
	}
	
	#flex .account .list dd .titleArea .button .text{
		font-size:15px;
		display:Inline-block;
		color:#fff;
		margin-top:6px;
	}
	
	#flex .account .list dd .titleArea .button .icon{
		display:inline-block;
		float:right;
		width:34px;
	}
	
	#flex .account .list dd .titleArea .button .icon img{
		width:100%;
	}
	
	
	#flex .account .list dd:nth-child(1) .titleArea .button{
		background:#d82221;
	}
	
	#flex .account .list dd:nth-child(2) .titleArea .button{
		background:#454ca7;
	}
	
	
	#flex .account .list dd .textArea{
		width:64%;
		display:inline-block;
		vertical-align:middle;
		padding-left:1.5em;
		box-sizing:border-box;
	}


	
	#flex .account .list dd .textArea li{
		font-size:15px;
		padding:10px 0px 0px 0px;
		box-sizing:border-box;
		width:100%;
		letter-spacing:-0.7px;
		
	}
	
	#flex .account .list dd:nth-child(1) .textArea li{
		list-style-image:url(../../images/sub/flex/list-type01.png);
	}
	
	#flex .account .list dd:nth-child(2) .textArea li{
		list-style-image:url(../../images/sub/flex/list-type02.png);
	}
	
	#flex .account .list dd:nth-child(3) .textArea li{
		list-style-image:url(../../images/sub/flex/list-type03.png);
	}	

}



@media screen and (max-width: 568px){
	
	#flex .account{
		width:100%;
		background:#2f2f2f;
		padding:4em 0px;
	}
	
	#flex .account .list{
		width:94%;
		margin:0 auto;
	}
	
	#flex .account .list dd{
		width:100%;
		background:#fff;
		border-top:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		padding:2em;
		margin-top:1.5em;
	}
	

	
	#flex .account .list dd:nth-child(1){
		margin-top:0px;
		border-left:2px solid #d82221
	}
	
	#flex .account .list dd:nth-child(2){
		border-left:2px solid #454ca7
	}
	
	#flex .account .list dd:nth-child(3){
		border-left:2px solid #3ec3bb
	}
	
	
	#flex .account .list dd .titleArea{
		width:100%;
		display:block;
	}
	
	#flex .account .list dd .titleArea .title{
		font-size:20px;
	}
	
	#flex .account .list dd .titleArea .title span{
		display:block;
		font-weight:bold;
	}
	
	#flex .account .list dd .titleArea .button{
		margin-top:15px;
		border-radius:50px;
		display:Inline-block;
		padding:10px 10px 10px 15px;
		width:180px;
		display:none;
	}
	
	#flex .account .list dd .titleArea .button .text{
		font-size:15px;
		display:Inline-block;
		color:#fff;
		margin-top:6px;
	}
	
	#flex .account .list dd .titleArea .button .icon{
		display:inline-block;
		float:right;
		width:34px;
	}
	
	#flex .account .list dd .titleArea .button .icon img{
		width:100%;
	}
	
	
	#flex .account .list dd:nth-child(1) .titleArea .button{
		background:#d82221;
	}
	
	#flex .account .list dd:nth-child(2) .titleArea .button{
		background:#454ca7;
	}
	
	
	#flex .account .list dd .textArea{
		width:100%;
		display:block;
		vertical-align:middle;
		padding-left:2em;
		padding-top:1em;
		box-sizing:border-box;
	}


	
	#flex .account .list dd .textArea li{
		font-size:14px;
		padding:10px 0px 0px 0px;
		box-sizing:border-box;
		width:100%;
		letter-spacing:-0.7px;
		
	}
	
	#flex .account .list dd:nth-child(1) .textArea li{
		list-style-image:url(../../images/sub/flex/list-type01.png);
	}
	
	#flex .account .list dd:nth-child(2) .textArea li{
		list-style-image:url(../../images/sub/flex/list-type02.png);
	}
	
	#flex .account .list dd:nth-child(3) .textArea li{
		list-style-image:url(../../images/sub/flex/list-type03.png);
	}	

}




#flex .infomation{
	width:94%;
	margin:0 auto;
	padding:4em 0px;
}	

#flex .infomation .tableBox{
	width:100%;
	border:1px solid #e5e5e5;
	margin-top:30px;
	padding:60px;
	box-sizing:border-box;
}	


#flex .infomation .tableBox .subject{
	font-size:30px;
	font-weight:bold;
	letter-spacing:-0.7px;
}	

#flex .infomation .tableBox .subS{
	font-size:16px;
	letter-spacing:-0.7px;
	color:#999;
}

#flex .infomation .tableBox .table{
	width:100%;
	border-top:1px solid #222;
	margin-top:20px;
}

#flex .infomation .tableBox .table th{
	padding:15px 0px;
	border-bottom:1px solid #e5e5e5;
	font-weight:normal;
	font-size:18px;
	font-family:'roboto','noto sans kr';
}

#flex .infomation .tableBox .table td{
	padding:15px 10px;
	border-bottom:1px solid #e5e5e5;
	font-weight:normal;
	font-size:18px;
	font-family:'roboto','noto sans kr';
	box-sizing:border-box;
	word-break:keep-all;
}


#flex .infomation .tabLine{
	width:100%;
	text-align:center;
	margin-top:50px;
}

#flex .infomation .tabLine div{
	width:220px;
	padding:20px 0px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	display:inline-block;
	font-size:18px;
	margin-left:16px;
	cursor:pointer;
}


#flex .infomation .tabLine div:first-child{
	margin-left:0px;
}

#flex .infomation .lang{
	width:100%;
	margin-top:30px;
}

#flex .infomation .lang .langList{
	width:100%;
	text-align:center;
}

#flex .infomation .lang .langList li{
	display:inline-block;
	width:90px;
}

#flex .infomation .lang .langList li .icon{
	width:80px;
	margin:0 auto;
}

#flex .infomation .lang .langList li .icon img{
	width:100%;
}

#flex .infomation .lang .langList li .text{
	font-size:18px;
	margin-top:10px;

}



@media screen and (max-width: 823px){
		
	#flex .infomation{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}	
	
	#flex .infomation .tableBox{
		width:100%;
		border:1px solid #e5e5e5;
		margin-top:30px;
		padding:30px;
		box-sizing:border-box;
	}	
	
	
	#flex .infomation .tableBox .subject{
		font-size:24px;
		font-weight:bold;
		letter-spacing:-0.7px;
	}	
	
	#flex .infomation .tableBox .subS{
		font-size:15px;
		letter-spacing:-0.7px;
		color:#999;
	}
	
	#flex .infomation .tableBox .table{
		width:100%;
		border-top:1px solid #222;
		margin-top:1em;
	}
	
	#flex .infomation .tableBox .table th{
		padding:15px 0px;
		border-bottom:1px solid #e5e5e5;
		font-weight:normal;
		font-size:18px;
		font-family:'roboto','noto sans kr';
	}
	
	#flex .infomation .tableBox .table td{
		padding:15px 10px;
		border-bottom:1px solid #e5e5e5;
		font-weight:normal;
		font-size:18px;
		font-family:'roboto','noto sans kr';
		box-sizing:border-box;
		word-break:keep-all;
	}

	
	#flex .infomation .tabLine{
		width:100%;
		text-align:center;
		margin-top:50px;
	}
	
	#flex .infomation .tabLine div{
		width:20%;
		padding:15px 0px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		display:inline-block;
		font-size:16px;
		margin-left:16px;
		cursor:pointer;
	}
	
	
	#flex .infomation .tabLine div:first-child{
		margin-left:0px;
	}
	
	#flex .infomation .lang{
		width:100%;
		margin-top:30px;
	}
	
	#flex .infomation .lang .langList{
		width:100%;
		text-align:center;
	}
	
	#flex .infomation .lang .langList li{
		display:inline-block;
		width:10%;
		margin:0px 0.5%;
	}
	
	#flex .infomation .lang .langList li .icon{
		width:100%;
		margin:0 auto;
	}
	
	#flex .infomation .lang .langList li .icon img{
		width:100%;
	}
	
	#flex .infomation .lang .langList li .text{
		font-size:16px;
		margin-top:10px;
	
	}
	
}



@media screen and (max-width: 568px){
		
	#flex .infomation{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}	
	
	#flex .infomation .tableBox{
		width:100%;
		border:1px solid #e5e5e5;
		margin-top:30px;
		padding:20px;
		box-sizing:border-box;
	}	
	
	
	#flex .infomation .tableBox .subject{
		font-size:22px;
		font-weight:bold;
		letter-spacing:-0.7px;
	}	
	
	#flex .infomation .tableBox .subS{
		font-size:15px;
		letter-spacing:-0.7px;
		color:#999;
	}
	
	#flex .infomation .tableBox .table{
		width:100%;
		border-top:1px solid #222;
		margin-top:1em;
	}
	
	#flex .infomation .tableBox .table th{
		padding:15px 0px;
		border-bottom:1px solid #e5e5e5;
		font-weight:normal;
		font-size:13px;
		font-family:'roboto','noto sans kr';
	}
	
	#flex .infomation .tableBox .table td{
		padding:15px 10px;
		border-bottom:1px solid #e5e5e5;
		font-weight:normal;
		font-size:13px;
		font-family:'roboto','noto sans kr';
		box-sizing:border-box;
		word-break:keep-all;
	}

	
	#flex .infomation .tabLine{
		width:100%;
		text-align:center;
		margin-top:50px;
	}
	
	#flex .infomation .tabLine div{
		width:20%;
		padding:15px 0px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		display:inline-block;
		font-size:16px;
		margin-left:16px;
		cursor:pointer;
	}
	
	
	#flex .infomation .tabLine div:first-child{
		margin-left:0px;
	}
	
	#flex .infomation .lang{
		width:100%;
		margin-top:30px;
	}
	
	#flex .infomation .lang .langList{
		width:100%;
		text-align:center;
	}
	
	#flex .infomation .lang .langList li{
		display:inline-block;
		width:11%;
		margin:0px 0.5%;
	}
	
	#flex .infomation .lang .langList li .icon{
		width:100%;
		margin:0 auto;
	}
	
	#flex .infomation .lang .langList li .icon img{
		width:100%;
	}
	
	#flex .infomation .lang .langList li .text{
		font-size:13px;
		margin-top:10px;
	
	}
	
}





@media screen and (max-width: 425px){
		
	#flex .infomation{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}	
	
	#flex .infomation .tableBox{
		width:100%;
		border:1px solid #e5e5e5;
		margin-top:30px;
		padding:20px;
		box-sizing:border-box;
	}	
	
	
	#flex .infomation .tableBox .subject{
		font-size:18px;
		font-weight:bold;
		letter-spacing:-0.7px;
	}	
	
	#flex .infomation .tableBox .subS{
		font-size:15px;
		letter-spacing:-0.7px;
		color:#999;
	}
	
	#flex .infomation .tableBox .table{
		width:100%;
		border-top:1px solid #222;
		margin-top:1em;
	}
	
	#flex .infomation .tableBox .table th{
		padding:15px 0px;
		border-bottom:1px solid #e5e5e5;
		font-weight:normal;
		font-size:13px;
		font-family:'roboto','noto sans kr';
	}
	
	#flex .infomation .tableBox .table td{
		padding:15px 5px;
		border-bottom:1px solid #e5e5e5;
		font-weight:normal;
		font-size:13px;
		font-family:'roboto','noto sans kr';
		box-sizing:border-box;
		word-break:keep-all;
	}

	
	#flex .infomation .tabLine{
		width:100%;
		text-align:center;
		margin-top:50px;
	}
	
	#flex .infomation .tabLine div{
		width:30%;
		padding:15px 0px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		display:inline-block;
		font-size:14px;
		margin-left:1%;
		cursor:pointer;
	}
	
	
	#flex .infomation .tabLine div:first-child{
		margin-left:0px;
	}
	
	#flex .infomation .lang{
		width:100%;
		margin-top:30px;
	}
	
	#flex .infomation .lang .langList{
		width:100%;
		text-align:center;
	}
	
	#flex .infomation .lang .langList li{
		display:inline-block;
		width:17%;
		margin:0.5em 0.5%;
	}
	
	#flex .infomation .lang .langList li .icon{
		width:80%;
		margin:0 auto;
	}
	
	#flex .infomation .lang .langList li .icon img{
		width:100%;
	}
	
	#flex .infomation .lang .langList li .text{
		font-size:13px;
		margin-top:10px;
	
	}
	
}



#flex .withCom{
	width:100%;
	background:url(../../images/sub/flex/withComBg.jpg) no-repeat center center;
	background-color:#f7f7f7;
	padding:4em 0px;
	background-size:100%;
}

#flex .withCom .inner{
	width:94%;
	margin:0 auto;
}
#flex .withCom .inner .text{
	text-align:center;
	font-size:26px;
}

#flex .withCom .inner .text span{
	color:#777;
	font-size:14px;
}

#flex .withCom .inner .comList{
	width:100%;
	text-align:Center;
	margin-top:30px;
}

#flex .withCom .inner .comList li{
	display:inline-block;
	margin:0px 10px;
}

#flex .withCom .inner .comList li img{
	width:80%;
}




#flex .withCom .inner .comList li{
	display:inline-block;
	margin:0px 10px;
}


#flex .withCom .inner .exList{
	width:100%;
	margin-top:50px;
	padding-left:20px;
	box-sizing:border-box;
}

#flex .withCom .inner .exList li{
	width:100%;
	margin-top:5px;
	font-size:13px;
	list-style:disc;
	word-break:keep-all;
}



@media screen and (max-width: 823px){
	#flex .withCom{
		width:100%;
		background:url(../../images/sub/flex/withComBg.jpg) no-repeat center center;
		background-color:#f7f7f7;
		padding:4em 0px;
		background-size:100%;
	}
	
	#flex .withCom .inner{
		width:94%;
		margin:0 auto;
	}
	#flex .withCom .inner .text{
		text-align:center;
		font-size:20px;
	}
	
	#flex .withCom .inner .comList{
		width:100%;
		text-align:Center;
		margin-top:30px;
	}
	
	#flex .withCom .inner .comList li{
		display:inline-block;
		margin:0px 10px;
	}
	
	#flex .withCom .inner .comList li:nth-child(1){
		width:130px;
	}
	
	#flex .withCom .inner .comList li:nth-child(2){
		width:150px;
	}
	
	#flex .withCom .inner .comList li:nth-child(3){
		width:130px;
	}
	
	#flex .withCom .inner .comList li img{
		width:100%;
	}

	
}


@media screen and (max-width: 568px){
	#flex .withCom{
		width:100%;
		background:url(../../images/sub/flex/withComBg.jpg) no-repeat center center;
		background-color:#f7f7f7;
		padding:4em 0px;
		background-size:100%;
	}
	
	#flex .withCom .inner{
		width:94%;
		margin:0 auto;
	}
	#flex .withCom .inner .text{
		text-align:center;
		font-size:18px;
	}
	
	#flex .withCom .inner .comList{
		width:100%;
		text-align:Center;
		margin-top:30px;
	}
	
	#flex .withCom .inner .comList li{
		display:inline-block;
		margin:0px 10px;
	}
	
	#flex .withCom .inner .comList li:nth-child(1){
		width:100px;
	}
	
	#flex .withCom .inner .comList li:nth-child(2){
		width:120px;
	}
	
	#flex .withCom .inner .comList li:nth-child(3){
		width:100px;
	}
	
	#flex .withCom .inner .comList li img{
		width:100%;
	}

	
}









@media screen and (max-width: 425px){
	#flex .withCom{
		width:100%;
		background:url(../../images/sub/flex/withComBg.jpg) no-repeat center center;
		background-color:#f7f7f7;
		padding:4em 0px;
		background-size:100%;
	}
	
	#flex .withCom .inner{
		width:94%;
		margin:0 auto;
	}
	#flex .withCom .inner .text{
		text-align:center;
		font-size:15px;
		word-break:keep-all;
	}
	
	#flex .withCom .inner .text span{
		color:#777;
		font-size:13px;
	}
	
	#flex .withCom .inner .comList{
		width:100%;
		text-align:Center;
		margin-top:30px;
	}
	
	#flex .withCom .inner .comList li{
		display:inline-block;
		margin:0px 4px;
	}
	
	#flex .withCom .inner .comList li:nth-child(1){
		width:90px;
	}
	
	#flex .withCom .inner .comList li:nth-child(2){
		width:80px;
	}
	
	#flex .withCom .inner .comList li:nth-child(3){
		width:90px;
	}
	
	#flex .withCom .inner .comList li img{
		width:100%;
	}

	
}










#flex .exTitle{
	width:94%;
	margin:4em auto 0em;
	text-align:right;
	font-size:13px;
	color:#777;
}

#flex .logoarea{
	width:94%;
	margin:1em auto 4em;
}

#flex .logoarea img{
	width:100%;
}





#flex .tableList{
	width:94%;
	margin:0 auto 4em;
}

#flex .tableList li{
	width:49%;
	display:Inline-block;
	margin-left:1.5%;
	margin-top:1em;
}



#flex .tableList li:nth-child(2n+1){
	margin-left:0px;
}


#flex .tableList li table{
	width:100%;
}

#flex .tableList li table th{
	font-size:15px;
	font-weight:normal;
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	text-align:center;
	padding:15px 0px;
}



#flex .tableList li table thead th{
	background:#f7f7f7;
	border-top:1px solid #e5e5e5;
}



#flex .tableList li table th:first-child{
	border-left:1px solid #e5e5e5;
}


@media screen and (max-width: 568px){
		
	#flex .logoarea{
		width:94%;
		margin:1em auto 3em;
	}
	
	#flex .logoarea img{
		width:100%;
	}
	
	#flex .tableList{
		width:94%;
		margin:0 auto 4em;
	}
	
	#flex .tableList li{
		width:100%;
		display:Inline-block;
		margin-left:0%;
		margin-top:1em;
	}
	
	
	
	#flex .tableList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	#flex .tableList li table{
		width:100%;
	}
	
	#flex .tableList li table th{
		font-size:13px;
		font-weight:normal;
		border-bottom:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		text-align:center;
		padding:15px 0px;
	}
	
	
	
	#flex .tableList li table thead th{
		background:#f7f7f7;
		border-top:1px solid #e5e5e5;
	}
	
	
	
	#flex .tableList li table th:first-child{
		border-left:1px solid #e5e5e5;
	}
}






#flex .tabMenu{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	box-shadow:3px 3px 10px #ccc;
}

#flex .tabMenu ul{
	width:100%;
	margin:0 auto;
	display:flex;
}
#flex .tabMenu ul li{
	width:100%;
	display:inline-block;
	padding:15px 0px;
	border-right:1px solid #e5e5e5;
	box-sizing:border-box;
	text-align:Center;
	font-size:14px;
}
#flex .tabMenu ul li:first-child{
	border-left:1px solid #e5e5e5;
}

#flex .titlearea .title{
	font-size:24px;
	text-align:center;
	word-break:keep-all;
}


#flex .police{
	width:100%;
	margin-top:4em;
}

#flex .police .police01{
	width:100%;
	margin:0 auto;
	padding:0px 3%;
	box-sizing:border-box;
}

#flex .police01 .titlearea{
	width:100%;
}

#flex .titlearea .subtitle{
	width:100%;
	font-size:18px;
	text-align:Center;
	color:#777;
	margin-top:10px;
	font-weight:300;
}

#flex .titlearea .subtext{
	width:100%;
	font-size:14px;
	text-align:Center;
	color:#777;
	margin-top:10px;
	font-weight:300;
}

#flex .police .police03 .titlearea .subtext{
	color:#fff;
}



#flex .ci_listArea{
	width:100%;
	border-top:5px double #222;
	border-bottom:1px solid #e5e5e5;
	padding:1.5em;
	box-sizing:border-box;
	margin-top:2.5em;
}

#flex .ci_listArea .title{
	font-size:16px;
	color:#222;
	font-weight:bold;
}

#flex .ci_listArea .subject{
	font-size:16px;
	color:#222;
	margin-top:20px;
}

#flex .ci_listArea .list{
	width:100%;
	margin-top:15px;
}

#flex .ci_listArea .list li{
	width:100%;
	margin-top:5px;
	font-size:14px;
	letter-spacing:-0.7px;
	color:#777;
}




#flex .police .police02{
	width:100%;
	margin:4em auto 0;
	padding:0px 3%;
	box-sizing:border-box;
}

#flex .police .police02 .tableArea{
	width:100%;
	margin-top:2.5em;
}


#flex .police .police02 .tableArea table{
	width:100%;
}

#flex .police .police02 .tableArea table th{
	border-bottom:1px solid #e5e5e5;
	padding:15px;
	border-right:1px solid #e5e5e5;
	font-size:13px;
	font-weight:normal
}


#flex .police .police02 .tableArea table td{
	border-bottom:1px solid #e5e5e5;
	padding:15px;
	border-right:1px solid #e5e5e5;
	font-size:13px;
}

#flex .police .police02 .tableArea table td span{
	font-weight:bold;
}


#flex .dg_back{
	background:#242424;
	color:#fff;
}


#flex .lg_back{
	background:#f7f7f7;
}




#flex .police .police03{
	width:100%;
	position:relative;
	left:50%;
	margin-left:-50%;
	background:url(../../images/sub/flex/flex05_pol3_bg.jpg) no-repeat;
	padding:4em 0px;
	margin-top:4em;
}


#flex .police .police03 .tableArea{
	width:100%;
	margin:2.5em auto 0;
	padding:0% 3%;
	box-sizing:border-box;
	white-space:nowrap;
	overflow-x:auto;
}

#flex .police .police03 .tableArea table{
	width:100%;
	border-top:1px solid #e5e5e5;
}

#flex .police .police03 .tableArea table th{
	font-size:13px;
	color:#fff;
	font-weight:normal;
	padding:15px;
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	word-break:keep-all;
}

#flex .police .police03 .tableArea table th:last-child{
	border-right:0px solid #e5e5e5;
}

#flex .police .police03 .source{
	width:100%;
	text-align:right;
	color:#999;
	padding:1em 3%;
	box-sizing:border-box;
}


#flex .army{
	width:100%;
	margin-top:80px;
}

#flex .army .army01{
	width:100%;
	margin:0 auto;
	padding:0% 3%;
	box-sizing:border-box;
}

#flex .army .army02{
	width:100%;
	margin:4em auto 0;
	padding:0% 3%;
	box-sizing:border-box;
}

#flex .army .army02 .fieldList{
	width:100%;
	margin-top:1.5em;
	display:inline-block;
}

#flex .army .army02 .fieldList li{
	width:49%;
	display:inline-block;
	float:left;
	margin-left:20px;
	padding:1.5em 0.75em;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #222;
	margin-left:2%;
	margin-top:1em;
	
}


#flex .army .army02 .fieldList li:nth-child(2n+1){
	margin-left:0px;
}


#flex .army .army02 .fieldList li .num{
	font-size:16px;
	text-align:center;
	color:#222;
	font-family:'roboto';
}


#flex .army .army02 .fieldList li .text{
	font-size:13px;
	text-align:center;
	color:#777777;
	margin-top:5px;
	word-break:keep-all;
	min-height:80px;
}

#flex .army .army03{
	width:100%;
	margin-top:4em
}

#flex .army .army03 img{
	width:100%;
}


#flex .army .army04{
	width:100%;
	background:url(../../images/sub/flex/flex05_army04_bg.jpg);
	padding:4em 0px;
}

#flex .army .army04 .take{
	width:100%;
	margin:2.5em auto 0;
	padding:0% 3%;
	box-sizing:border-box;
}

#flex .army .army04 .take dd{
	width:100%;
	background:#fff;
	padding:60px 30px;
	box-sizing:border-box;
	position:relative;
	border-top:1px solid #222;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin-top:50px;
}

#flex .army .army04 .take dd:first-child{
	margin-top:0px;
}


#flex .army .army04 .take dd .title{
	width:280px;
	position:absolute;
	left:50%;
	margin-left:-140px;
	background:#222;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	color:#fff;
	padding:15px 0px;
	top:-30px;
	text-align:center;
	font-size:14px;
}




#flex .army .army04 .take dd .takeList{
	width:100%;
	display:Inline-block;
}



#flex .army .army04 .take dd .takeList li{
	width:100%;
	display:Inline-block;
	margin-top:25px;
}


#flex .army .army04 .take dd .takeList li:First-child{
	margin-top:0px;
}


#flex .army .army04 .take dd .takeList li .subject{
	width:100%;
	display:Inline-block;
	clear:both;
	color:#222;
	font-size:14px;
}

#flex .army .army04 .take dd .takeList li .substance{
	width:100%;
	display:block;
	margin-top:10px;
}

#flex .army .army04 .take dd .takeList li .substance div{
	font-size:14px;
	color:#777;
	margin-top:5px;
	word-break:keep-all;
}

#flex .army .army04 .take dd .takeList li .substance div span{
	display:inline-block;
	padding-right:20px;
	box-sizing:border-box;
	color:#222;
}

#flex .army .army04 .take dd .text{
	font-size:14px;
	color:#222;
	margin-top:25px;
}


#flex .army .army04 .take dd .text{
	font-size:14px;
	color:#222;
	margin-top:25px;
}


#flex .army .army05{
	width:100%;
	margin:4em auto 0;
	padding:0% 3% 4em;
	border-bottom:1px solid #e5e5e5;
}





#flex .army .army05 .tableArea{
	width:100%;
	margin-top:50px;
	white-space:nowrap;
	overflow-x:auto;
}


#flex .army .army05 .tableArea table{
	width:100%;
}

#flex .army .army05 .tableArea table th{
	border-bottom:1px solid #e5e5e5;
	padding:15px;
	border-right:1px solid #e5e5e5;
	font-size:13px;
	font-weight:normal
}


#flex .army .army05 .tableArea table td{
	border-bottom:1px solid #e5e5e5;
	padding:15px;
	border-right:1px solid #e5e5e5;
	font-size:13px;
}

#flex .army .army05 .tableArea table td span{
	font-size:13px;
	color:#777;
}


#flex .army .army05 .tableArea table td span{
	font-size:13px;
	color:#777;
}


#flex .army .army05 .source{
	width:100%;
	text-align:right;
	font-size:13px;
	margin-top:10px;
	color:#777;
}



#flex .civil{
	width:100%;
	margin-top:4em;
}

#flex .civil .civil01{
	width:100%;
	margin:0 auto;
	padding:0% 3%;
	box-sizing:border-box;
}

#flex .civil .civil01 .subject{
	font-size:20px;
	text-align:center;
	color:#222;
	font-weight:bold;
	letter-spacing:-0.7px;
	margin-top:1.5em;
}

#flex .civil .civil01 .substance{
	font-size:13px;
	text-align:center;
	color:#222;
	letter-spacing:-0.7px;
	margin-top:5px;
}


#flex .civil .civil01 .subtext{
	font-size:13px;
	text-align:center;
	color:#999;
	letter-spacing:-0.7px;
	margin-top:20px;
}

#flex .civil .civil01 .more{
	width:150px;
	border:1px solid #222;
	border-radius:2.5em;
	padding:15px;
	text-align:center;
	color:#222;
	margin:50px auto 0;
	font-size:14px;
}

#flex .civil .civil01 .more a{
	color:#222;
}


#flex .civil .civil01 .more:hover{
	
	background:#222;
}

#flex .civil .civil01 .more:hover a{
	color:#fff;
	display:block;
}


#flex .civil .civil01 .thum{
	width:60%;
	margin:50px auto 0;
}

#flex .civil .civil01 .thum img{
	width:100%;
}
@media screen and (max-width: 767px){
	#flex .civil .civil01 .thum{
		width:100%;
		margin:50px auto 0;
	}

}


#flex .civil .civil01 .source{
	text-align:center;
	margin-top:10px;
	color:#999;
	font-size:13px;
}



#flex .civil .civil02{
	width:100%;
	background:#f7f7f7;
	padding:4em 0px;
	margin-top:4em;
}

#flex .civil .civil02 .container{
	width:100%;
	margin:0 auto;
	padding:0% 3%;
	box-sizing:border-box;
}


#flex .civil .civil02 .container .graph{
	width:100%;
	margin-top:50px;
}

#flex .civil .civil02 .container .graph img{
	width:100%;
}



#flex .civil .civil03{
	width:100%;
	margin:4em auto 4em;
	padding:0% 3%;
	box-sizing:border-box;
}

#flex .civil .civil03 .tab{
	width:100%;
	display:inline-block;
	margin-top:50px;
}


#flex .civil .civil03 .tab li{
	width:49%;
	display:Inline-block;
	border:1px solid #e5e5e5;
	padding:35px 10px;
	float:left;
	margin-left:2%;
	margin-top:1em;
	box-sizing:border-box;
}

#flex .civil .civil03 .tab li:nth-child(2n+1){
	margin-left:0px;
}

#flex .civil .civil03 .tab li .simbol{
	width:80px;
	margin:0 auto;
}

#flex .civil .civil03 .tab li .simbol img{
	width:100%;
}

#flex .civil .civil03 .tab li .text{
	font-size:13px;
	letter-spacing:-0.7px;
	margin-top:10px;
	text-align:center;
}







#flex .civil .civil03 .tableArea{
	width:100%;
	margin-top:2.5em;
	white-space:nowrap;
	overflow-x:auto;
}


#flex .civil .civil03 .tableArea table{
	width:100%;
	border-left:1px solid #e5e5e5;
}

#flex .civil .civil03 .tableArea table th{
	border-bottom:1px solid #e5e5e5;
	padding:15px;
	border-right:1px solid #e5e5e5;
	font-size:13px;
	font-weight:normal;
	word-break:keep-all;
}


#flex .civil .civil03 .tableArea table td{
	border-bottom:1px solid #e5e5e5;
	padding:15px;
	border-right:1px solid #e5e5e5;
	font-size:13px;
	word-break:keep-all;
}

#flex .civil .civil03 .tableArea table td span{
	font-size:13px;
	color:#777;
}

#flex .civil .civil03 .tableArea table td span{
	font-size:13px;
	color:#777;
}