@charset "utf-8";
/* CSS Document */

/* 개인정보처리지침 박스 라인 */

/************ 회사소개 / abt ************/
li {
	list-style: none;
}
/*sub*/
.subWrap {
	width: 100%;
	margin: 0 auto;
}

.subTop {
	width: 100%;
	height: 400px;
	position: relative;
	background-size: cover;
}

.subTop.sub1 {
	background: url(../images/contents/sub_top_img01.jpg) no-repeat center;
	background-size: cover;
}

.subTop.sub2 {
	background: url(../images/contents/sub_top_img02.jpg) no-repeat center;
	background-size: cover;
}

.subTop.sub3 {
	background: url(../images/contents/sub_top_img03.jpg) no-repeat center;
	background-size: cover;
}

.subTop.sub4 {
	background: url(../images/contents/sub_top_img04.jpg) no-repeat center;
	background-size: cover;
}

.subTop.sub5 {
	background: url(../images/contents/sub_top_img05.jpg) no-repeat center;
	background-size: cover;
}

.subTop.sub6 {
	background: url(../images/contents/sub_top_img06.jpg) no-repeat center;
	background-size: cover;
}

.subTop.sub7 {
	background: url(../images/contents/sub_top_img07.jpg) no-repeat center;
	background-size: cover;
}

.subTop:after {
	content: "";
	width: 1024px;
	height: 70px;
	display: inline-block;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.subVisText {
	width: 100%;
	margin: 0 auto;
	height: 400px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.subVisText p {
	width: 100%;
	text-align: center;
	font-size: 2.813rem;
	color: #fff;
	font-weight: 700;
}

.subVisText h2 {
	width: 100%;
	text-align: center;
	font-size: 2.813rem;
	color: #fff;
	font-weight: 700;
	height:40px;
	margin-top: 20px;
}

.subVisText p b {
	font-family: 'Poppins Bold';
}

.subVisText span {
	display: block;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	font-weight: 400;
	margin-top: 5px;
}

.subVisText p {
	display: block;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	font-weight: 400;
	margin-top: 5px;
}

.subGnbMenu {
	width: 1280px;
	height: 70px;
	margin: 0 auto;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -640px;
	bottom: 0;
	z-index: 50;
}

.snv {
	width: 100%;
	text-align: left;
}

.subGnbMenu .snv h2 {
	width: 18px;
	height: 70px;
	line-height: 68px;
	float: left;
	margin-right: 20px;
}


.subGnbMenu .snv h2 a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	background: url(../images/common/icon_home.png) no-repeat center;
	background-size: 18px auto;
	vertical-align: middle;
	text-indent: -9999px;
}

.subGnbMenu .snv h2 a:focus{
	width: 100%;
	height: 100%;
	display: block;
}

/*서브메뉴 selectbox*/
.subnav {
	width: auto;
}

.subnav li {
	width: auto;
	float: left;
	position: relative;
}

.subnav button {
	position: relative;
	display: block;
	width: auto;
	text-align: left;
	padding-right: 20px;
	height: 70px;
	line-height: 70px;
	color: #000;
	background: #fff;
	font-family: 'Noto Sans KR';
	font-weight: 700;
	font-size: 16px;
}

.subnav button:focus{
	display: block;
	width: 100%;
	height: 100%;
}

.subnav button.subOn {
	color: #0076C2;
}

.subnav button:after {
	content: "";
	width: 8px;
	height: 5px;
	background-image: url(../images/common/sub_menu_arr_black.png);
	margin-left: 20px;
	vertical-align: middle;
	display: inline-block;
}

.subnav button.subOn:after {
	background-image: url(../images/common/sub_menu_arr_blue.png);
}

.subnav li:last-child button {
	color: #0076C2;
	position: relative;
	text-decoration: underline;
	text-underline-position: under;
	text-underline-offset: 4px;
}

.subnav li:last-child button:after {
	background-image: url(../images/common/sub_menu_arr_blue.png);
}

.subdeptbox {
	display:none;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	min-width: 190px;
	background: #fff;
	top: 50px;
	left: 0;
	box-shadow:10px 10px 30px rgba(0,0,0,0.1);
	z-index: 1;
	padding:20px;
	border:1px solid #ddd;
	border-top:1px solid #1768de;
}

.subdeptbox li {
	width: 100%;
	display: block;
	float: left;
	word-break: keep-all;
}

.subdeptbox li a {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	padding: 5px 0;
	color: #666;
}

.subdeptbox li a:hover,
.subdeptbox li a.on {
	color: #1783de;
}

.subMN>ul>li:hover>.subdeptbox {
	display: block;
	top: 50px;
	opacity: 1;
}

button.print {
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background-color: #dfe8f3;
}

button.print img {
	vertical-align: middle;
}

.subCon {
	width: 100%;
	margin: 0 auto;
	padding-top: 50px;
}

.subTit {
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 45px;
	font-weight: 700;
	margin-bottom: 50px;
	line-height: 1em;
}

.subTit:after {
	content: "";
	width: 1px;
	height: 20px;
	display: block;
	background: #000;
	margin-left: 50%;
	margin-top: 20px;
}

.subTit.dept02 {
	margin: 94px auto 85px auto;
}

.subTit.dept02::after {
	display: none;
}

/*서브공통*/
.subCon_wrap {
	padding: 0 0 100px 0;
	overflow: hidden;
	position: relative;
	font-size: 16px;
}

.innerS {
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}

h3 {
	line-height: 180%;
	font-size: 30px;
	font-weight: 700;
	color: #111;
	display: block;
	max-width: 1280px;
	margin: 0 auto;
}

h3.pdl26 {
	width: calc(1280px - 26px);
	padding-left: 26px;
}

h4 {
	font-size: 22px;
	font-weight: 700;
	color: #111;
	line-height: 180%;
	display: block;
	max-width: 1280px;
	margin: 0 auto;
}

h4 .pinfo {
	position: relative;
	font-size: 20px;
	color: #111;
	margin: 0 0 20px;
	padding: 0 0 0 25px;
	line-height: 1;
	font-weight: 400;
}



p.exp {
	color: #019cd5;
	font-size: 15px;
	font-weight: 500;
}

p.ex {
	color: #777;
	font-size: 14px;
	font-weight: 400;
}

p.ex b {
	color: #111;
}

.rowFull {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.sub01Con {
	width: 1280px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}

.deptLeft, .deptRight {
	width: 50%;
	display: inline-block;
	float: left;
}

.deptLeft {
	font-size: 46px;
	color: #000;
	font-family: 'Poppins Bold';
	line-height: 1.1em;
	letter-spacing: -.015em;
}

.deptLeft b {
	display: block;
	color: #1768de;
	font-family: 'Poppins Bold';
}

.deptRight p {
	color: #000;
	font-size: 30px;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 32px;
}

.deptRight span {
	width: 100%;
	display: block;
	color: #666;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.8em;
	word-break: keep-all;
}

.deptRight span block {
	display: block;
}

.sub01img {
	width: 1280px;
	margin: 0 auto;
}

.sub01img01 {
	width: 1280px;
	margin: 0 auto;
}

.sub01img img {
	width: 100%;
}

.sub01img01 img {
	width: 100%;
}

.sub01Con02 {
	width: 100%;
	height: 100%;
	position: relative;
	/*background: url(../images/common/sub_img01_bg.png) no-repeat;
	background-position: center top 412px;
	background-size: 100%;*/
	float: left;
	margin-top: 90px;
	z-index: 1;
}

.sub01Con02::before {
	content: "";
	width: 100%;
	height: 495px;
	display: block;
	position: absolute;
	left: 0;
	top: 444px;
	z-index: -1;
	background: #0eaeea; /* Old browsers */
	/* background: -moz-linear-gradient(-45deg, #0eaeea 0%, #0964b2 100%); */
	/* FF3.6-15 */
	/* background: -webkit-linear-gradient(-45deg, #0eaeea 0%, #0964b2 100%); */
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #0C71C3 0%, #0C589D 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0eaeea',
		endColorstr='#0964b2', GradientType=1); */
	/* IE6-9 fallback on horizontal gradient */
}

.sub01Con02 h4 {
	font-size: 38px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 1em;
	padding-top: 118px;
}

.sub01Con02 h4 + p {
	display: block;
	font-size: 22px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	margin-top: 23px;
	word-break: keep-all;
}

button.top.sub {
	background: #0072ce;
}

.sub01Box {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 50px;
	float: left;
}

.sub01Box ul {
	width: 1280px;
	padding: 40px 0;
	margin: 0 auto;
}

.sub01Box ul li {
	width: 46%;
	height: 270px;
	display: inline-block;
	float: left;
	box-shadow: 0 20px 25px rgb(0 0 0/ 10%), 0 15px 20px rgb(0 0 0/ 10%);
	background: #fff;
	border-bottom: 6px solid #0fabe8;
	border-radius: 4px;
	margin: 2%;
}

.sub01Box ul li p {
	display: inline-block;
	float: left;
	height: 100%;
	padding: 0 0;
	margin: 0 0;
	text-align: center;
}

.sub01Box ul li p:nth-child(1) {
	background: #edf4f9;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 40%;
	align-items: center;
}

.sub01Box ul li p:nth-child(1) span:nth-child(1) {
	width: 100%;
	height: 91px;
	line-height: 89px;
	display: block;
}

.sub01Box ul li p:nth-child(1) img {
	width: auto;
	vertical-align: middle;;
}

.sub01Box ul li p:nth-child(1) span:nth-child(2) {
	display: block;
	font-size: 1.563rem;
	font-weight: 700;
	color: #000;
	padding: 0 0;
	margin: 24px 0 0 0;
	line-height: 1em;
}

.sub01Box ul li p:nth-child(1) span:nth-child(2) em {
	display: block;
	font-size: 12px;
	font-weight: 700;
	color: #222;
	font-family: 'Poppins Regular';
	padding: 0 0;
	margin: 10px 0 0 0;
}

.sub01Box ul li p:nth-child(2) {
	width: calc(60% - 73px);
	height: auto;
	float: left;
	padding: 45px 20px 0 53px;
}

.sub01Box ul li p:nth-child(2) span {
	display: block;
	float: left;
	width: 100%;
	padding: 0 0;
	font-size: 16px;
	color: #333;
	font-weight: 400;
	text-align: left;
	line-height: 1em;
	margin-bottom: 15px;
	position: relative;
	padding-left: 10px;
}

.sub01Box ul li p:nth-child(2) span:last-child {
	margin-bottom: 0;
}

.sub01Box ul li p:nth-child(2) span:before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #19a8e2;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
}

.boxmgLeft li {
	margin-bottom: 15px;
	line-height: 150%;
}

.title1 {
	font-size: 1.1rem;
	margin-bottom: 10px;
}

.tbl_privacy {
	/* border: 1px solid #eee; */
	width: 100%;
	margin-top: 10px;
	padding: 0;
	border-spacing: 0;
	text-align: center;
	border-color: #888;
	border-style: solid;
	border-width: 2px 0 1px 0px;
}

.tbl_privacy thead {
	border-bottom: 1px solid #888;
}

.tbl_privacy th {
	width: 20%;
	padding: 10px 20px;
	border-bottom: 1px solid #888;
	border-right: 1px solid #eee;
	vertical-align: middle;
	line-height: 150%;
	font-weight: bold;
}

.tbl_privacy .bd_btm {
	border-bottom: 1px solid #eee;
}

.tbl_privacy .bd_rgt {
	border-right: none;
}

.tbl_privacy td {
	width: 20%;
	padding: 10px 20px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #888;
	vertical-align: middle;
	line-height: 150%;
}

.result_wrap {
    padding: 2rem;
    margin-right: 2rem;
    border: 1px solid #eee;
    border-radius: 10px;
}

.img_privacy_03 {
	width: 100%;
	object-fit: contain;
}

.pro-wrap {
	border:1px solid #e7e4e4; 
	padding: 2rem;
    margin-right: 2rem;
    color: #000;
	text-indent: 0;
	text-align: center;
}

.pro-result_wrap img,
.pro-wrap img {
	width: 100%;
}

.terms-wrap a.btn_viewer {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 5px;
	background: #0074E5;
	color: #fff;
	text-decoration: none;
	margin-top: 5px;
}

.terms-wrap a.btn_viewer:focus,
.terms-wrap a.btn_viewer:hover,
.terms-wrap a.btn_viewer:active {
	background: #0056AA;
	color: #fff;
}

.slt_privacy {
	padding: 10px 20px;
	font-size: 16px;
	border-radius: 5px;
	appearance: none;
	background: url("/spe/_res/mof/SPE/img/board/bg-arr-dw.gif") no-repeat 95% center/ 12px auto;
	margin-top: 5px;
}


@media screen and (max-width: 1300px) {
	.innerS {
		width: auto;
		margin: 0 5%;
	}
	
	.images > .innerS {
		width: auto;
		margin: 0px 15px 0px 15px;
	}
	
	/*.innerS.sub04,
	.innerS.sub05{
		margin: 0 auto;
	}*/
	
	.subTit {
		width: auto;
		margin: 0 5% 70px;
		word-break: keep-all;
		line-height: 120%;
	}
	
	.chat.sub {
		top: 260px;
	}
	
	.subTop {
		height: 380px;
	}
	
	.subTop:after {
		display: none;
	}
	
	.subVisText {
		height: 380px;
		margin-top: 0;
	}
	
	.subGnbMenu .snv h2 {
	    width: 70px;
	    height: 70px;
	}
	
	.subGnbMenu {
		width: 100%;
		height: 70px;
		margin: 0 auto;
		background: #fff;
		position: absolute;
		left: 0;
		margin-left: 0;
		bottom: 0;
		z-index: 50;
		text-align: center;
	}
	
	.sub01Con {
		width: 90%;
		margin: 0 5%;
	}
	
	.sub01img {
		width: 90%;
		margin: 0 5%;
	}
	
	.sub01img img {
		height: 574px;
		object-fit: cover;
	}
	
	.sub01img01 {
	
		width: 90%;
		margin: 0 5%;
	}
	
	.sub01img01 img{max-width:100%;}
	
	.sub01img01 img {
		object-fit: cover;
	}
	
	.sub01Box ul {
		width: 90%;
		margin: 0 5%
	}
	
	.sub01Box ul li {
		width: calc(50% - 10px);
		display: inline-block;
		margin: 20px 20px 0 0;
	}
	
	.sub01Box ul li:nth-child(2n) {
		margin-right: 0;
	}
	
	.sub01Box ul li p:nth-child(2) {
		width: calc(60% - 40px);
		height: auto;
		float: left;
		padding: 45px 20px 0;
	}
	
	h3.pdl26 {
		width: auto;
		padding:0 5%;
	}
}

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

	.snv {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
	}
	
	.subGnbMenu .snv h2 {
	    width: 18px;
	    height: 70px;
	    line-height: 68px;
	    float: left;
	    margin-right: 20px;
	}
	
	button.print {
		display: none;
	}
}

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

	.deptLeft, .deptRight {
		width: 100%;
		padding: 0%;
	}
	
	.deptRight {
		margin-top: 50px;
	}
	
	.sub01img img {
		height: 450px;
		object-fit: cover;
	}
	
	.sub01img01 img {
	object-fit: cover;
	}
	
	.sub01Con02::before {
		top: 280px;
	}
	.sub01Con02 p {
		padding-top: 80px;
	}
	.sub01Box ul {
		padding: 0;
		margin-top: 40px;
	}
	.sub01Box ul li {
		width: 100%;
		height: 100%;
		margin: 0 0 30px 0;
		border: 1px solid #e3e6e8;
		border-bottom: 3px solid #0fabe8;
	}
	.sub01Box ul li:last-child {
		margin-bottom: 0;
	}
	.sub01Box ul li p:nth-child(1) {
		width: calc(100% - 40px);
		float: left;
		padding: 20px;
	}
	.sub01Box ul li p:nth-child(1) span:nth-child(2) {
		margin: 20px;
	}
	.sub01Box ul li p:nth-child(2) {
		width: calc(100% - 40px);
		padding: 45px 20px;
	}
	
	.subTit.dept02 {
		margin: 80px 0 0 0;
	}
}

@media screen and (max-width: 680px) {
	.chat.sub {
		top: 380px;
	}


	.subTop:after {
		display: none;
	}
	
	.snv {
	    width: calc(100% - 20px);
	    display: flex;
	    flex-wrap: nowrap;
	    justify-content: flex-start;
	    padding-left: 20px;
	}
	
	.subGnbMenu {
		background: #f2f4f7;
		border-bottom: 1px solid #e3e4e5;
	}
	
	.subGnbMenu .snv>ul>li {
		margin-right: 5px;
	}
	
	.subGnbMenu .snv>ul>li:not(:last-child){display: none;}

	/*서브메뉴*/
	.subGnbMenu .snv>ul>li:last-child button {
		color: #333;
		background: #f2f4f7;
		font-size: 15px;
	}
	
	.subGnbMenu .snv>ul>li>button:after {
		content: "";
	    width: 8px;
	    height: 5px;
	    background-image: url(../images/common/sub_menu_arr_black.png);
	    margin-left: 20px;
	    vertical-align: middle;
	    display: inline-block;
	}
	
	.subTit{
		font-size: 35px;
		margin: 0 5% 30px;
	}
	
	.sub01img img {
		height: 350px;
	}
	
	.sub01img01 img {
		object-fit: cover;
	}
	
	.sub01Con02::before {
		top: 180px;
	}
	.subdeptbox {
		left: 0;
	}
	.deptRight span br {
		display: none;
	}
	.sub01Con02 p {
		width: 90%;
		padding: 80px 5% 0;
	}
	.sub01Con02>p>span {
		line-height: 1.25em;
		word-break: keep-all;
	}
}

@media screen and (max-width: 480px) {
	.subCon {
		padding-top: 50px;
	}
	.chat.sub {
		top: 240px;
	}

	.subVisText p {
		width: 100%;
		text-align: center;
		/*font-size: 2.4em;*/
		margin: 0 0;
		padding: 0 0;
		color: #fff;
		/*font-weight: 700;*/
		line-height: 1.2em;
	}
	.subGnbMenu {
		height: 70px;
	}
	.snv {
		width: calc(100% - 5%);
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		padding-left: 5%;
	}
	
	.subGnbMenu .snv>div>ul>li>a {
		height: 50px;
		line-height: 50px;
		font-size: .95em;
	}
	.subGnbMenu .snv>div>ul>li>a:after {
		margin-left: 10px;
	}
	.sub01img img {
		height: 250px;
	}
	
	.sub01img01 img {
		object-fit: cover;
	}
	
	.sub01Con02::before {
		top: 150px;
	}
	.deptLeft {
		font-size: 36px;
	}
}

@media screen and (max-width: 375px) {
	.subCon {
		padding-top: 50px;
	}
	
	.deptLeft {
		font-size: 2em;
	}
	
	.deptRight p {
		font-size: 1.6em;
	}
	
	.footgnbMb li a {
		font-size: .8em;
	}
}

/*페이지준비중
.CommInfo_wrap {
	width: 100%;
	height: auto;
	margin: 0;
}

.CoICon {
	width: 1280px;
	height: 100%;
	margin: 0 auto;
	border: 1px solid #c4c4c4;
	border-top: 2px solid #111;
	overflow: hidden;
}

.CoICon p {
	width: 100%;
	display: block;
	float: left;
	text-align: center;
}

.CoICon p:nth-child(1) {
	font-size: 42px;
	font-weight: 500;
	color: #222;
	padding: 70px 0;
}

.CoICon p:nth-child(1) span {
	width: 100%;
	display: block;
	text-align: center;
}

.CoICon p:nth-child(1) span.selfTt {
	font-size: 40px;
	font-weight: 700;
}

.CoICon p em.self_stt {
	width: 100%;
	display: block;
	font-size: 17px;
	font-weight: 400;
	color: #666;
	padding: 0 0;
	margin: 10px 0;
	line-height:1.25em;
}

.CoICon p:nth-child(1) img {
	display: block;
	margin: 0 auto 30px;
}

.CoICon p:nth-child(1) span b {
	color: #0071cd;
}

.CoICon p:nth-child(2) {
	background: #f5f7f9;
	font-size: 18px;
	color: #555;
	word-break: keep-all;
	border-top: 1px solid #dfe6ef;
	padding: 55px 0;
}

.CoICon p.button_bottom {
	background: #f5f7f9;
	font-size: 18px;
	color: #555;
	word-break: keep-all;
	border-top: 1px solid #dfe6ef;
	padding: 39px 0;
	text-align: center;
	position: relative;
}

.CoICon p.button_bottom button {
	width: 158px;
	height: 58px;
	background: #0071cd;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	border-radius: 3px;
}

.CoICon p.button_bottom button.selfPosBtn {
	width: 328px;
	height: 64px;
	background: #0071cd;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	border-radius: 3px;
	position: absolute;
	top: -35px;
	left: 50%;
	margin-left: -164px;
}

.CoICon p.button_bottom button.selfPosBtn:after {
	content: "";
	width: 5px;
	height: 11px;
	display: inline-block;
	position: absolute;
	right: 20px;
	top: calc(50% - 7px);
	background: url(../images/common/ico_arr_selfBtn.png) no-repeat center;
}

.CoICon p.button_bottom span {
	width: calc(100% - 20px);
	display: block;
	float: left;
}

.CoICon p.button_bottom span.selfInfo {
	padding: 88px 10px 0 10px;
	font-size: 16px;
	color: #555;
	font-weight: 400;
	text-align: center;
}

.CoICon p.button_bottom span.imp {
	padding: 40px 10px 40px 10px;
	font-size: 16px;
	color: #f8414c;
	font-weight: 400;
	text-align: center;
}

@media screen and (max-width: 1300px) {
	.CoICon {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		border-top: 2px solid #111;
		border: 1px solid #c4c4c4;
		box-sizing:border-box;
		overflow: hidden;
	}
	.CoICon p:nth-child(1) span {
		width: calc(100% - 20px);
		padding: 0 10px;
		display: block;
		text-align: center;
		line-height: 1.23em;
	}
}

@media screen and (max-width: 980px) {
	.CommInfo_wrap {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.CommInfo_wrap.join {
		width: 100%;
		height: auto;
		margin: 70px 0 0 0;
	}
}
*/
/*미션비전전략목표*/
.missionWrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.marquee__part {
	flex-shrink: 0;
	padding: 0 4px;
	/* -webkit-font-smoothing: antialiased; */
}

.marquee {
	width: 100%;
	height: 661px;
	background: #f4f6f8;
	color: #e6eaef;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 130px;
	font-family: 'Poppins Bold';
	position: relative;
	overflow: hidden;
}

.marquee__inner {
	/* -webkit-font-smoothing: antialiased; */
	width: fit-content;
	display: flex;
	flex: auto;
	flex-direction: row;
	margin-top: 220px;
}

.mission_con {
	width: 1280px;
	height: 661px;
	position: absolute;
	top: 0;
	left: calc(50% - 640px);
	background: url(../images/contents/missionConbg.png) no-repeat center;
	background-size: 545px auto;
}

.missBox {
	width: 832px;
	height: 298.1px;
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: 180px;
}

.missBox div {
	width: 298.1px;
	height: 298.1px;
	border-radius: 50%;
	background: #fff;
	border: 1px dashed #7fadd3;
	float: left;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.missBox div p {
	font-size: 22px;
	font-weight: 400;
	color: #15507f;
	text-align: center;
	line-height: 1.2em;
}

.missBox div p b {
	display: block;
}

.missBox div.center {
	position: absolute;
	top: 180px;
	left: calc(50% - 149.05px);
	background: #0971D5;
	border: 0;
	z-index: 10;
}

.missBox div.center p {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 1.3em;
}

.missBox div.center p span {
	font-family: 'Poppins Bold';
	font-size: 18px;
	color: #fff;
	letter-spacing: .5em;
	display: block;
}

.missBox div:first-child:before {
	content: "";
	width: 20px;
	height: 20px;
	background: #fff;
	border: 7px solid #097fdf;
	box-sizing: border-box;
	border-radius: 50px;
	display: block;
	position: absolute;
	left: calc(50% - 10px);
	bottom: -10px;
}

.missBox div:first-child:after {
	content: "Mission";
	text-align: center;
	font-size: 20px;
	color: #0044a0;
	font-size: 17px;
	font-family: 'Poppins SemiBold';
	position: absolute;
	bottom: -40px;
	display: block;
	width: 100%;
}

.missBox div:last-child:before {
	content: "";
	width: 20px;
	height: 20px;
	background: #fff;
	border: 7px solid #0fabe8;
	box-sizing: border-box;
	border-radius: 50px;
	display: block;
	position: absolute;
	left: calc(50% - 10px);
	bottom: -10px;
}

.missBox div:last-child:after {
	content: "Vision";
	text-align: center;
	font-size: 20px;
	color: #0971D5;
	font-size: 17px;
	font-family: 'Poppins SemiBold';
	position: absolute;
	bottom: -40px;
	display: block;
	width: 100%;
}

/* .Count {
    width: 1280px;
    margin: 0 auto;
    text-align: center;
}

.Count div {
    width: 33.333%;
    text-align: center;
    border-right: 1px solid #e4e4e4;
    box-sizing: border-box;
    float: left;
}

.Count div:last-child {
    border-right: 0;
}

.Count div label {
    width: auto;
    height: 40px;
    line-height: 36px;
    display: inline-block;
    font-size: 15px;
    color: #0071cd;
    border: 2px solid #0071cd;
    background: #fff;
    border-radius: 50px;
    box-sizing: border-box;
    font-family: 'Poppins SemiBold';
    padding: 0 21px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.CountNum {
    display: block;
    width: 100%;
    float: left;
    margin: 49px 0 24px 0;
    letter-spacing: -.058em;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

.CountNum span {
    font-size: 72px;
    color: #111;
    font-family: 'Poppins Bold';
}

.Count div > span {
    font-size: 24px;
    font-weight: 400;
    color: #111;
    margin-top: 40px;
    text-align: center;
    display: block;
}

.Count div > p.vimg {
    width: 90%;
    margin: 0 5%;
}

.Count div > p.vimg img {
    width: 100%;
} */

/*미션목표수정*/
.tag {
	position: relative;
	padding-bottom: 100px
}

.tag ol {
	max-width: 1280px;
	height: 100%;
	margin: 0 auto;
}

.tag ol li {
	width: calc(25% - 15px);
	margin-right: 20px;
	position: relative;
	opacity: 1;
	visibility: visible;
	top: 63px;
	display: inline-block;
	float: left;
}

.tag ol li:last-child {
	margin-right: 0;
}

/*.tag.active ol li {
	opacity: 1;
	top: 0;
	visibility: visible;
}

.tag.active ol li:nth-child(1) {
	transition: top, opacity, 0.35s ease;
	transition-delay: 0.2s;
}

.tag.active ol li:nth-child(2) {
	transition: top, opacity, 0.35s ease;
	transition-delay: 0.4s;
}

.tag.active ol li:nth-child(3) {
	transition: top, opacity, 0.35s ease;
	transition-delay: 0.6s;
}

.tag.active ol li:nth-child(4) {
	transition: top, opacity, 0.35s ease;
	transition-delay: 0.8s;
}
*/
.tag ol p.mark {
	display: flex;
	justify-content: center;
	width: 100%;
	position: absolute;
	top: -25px;
	left: 0;
}

.tag ol p.mark span {
	width: auto;
	height: 47px;
	line-height: 47px;
	padding: 0 27px;
	background: #fff;
	border: 2px solid #0071cd;
	border-radius: 50px;
	color: #0071cd;
	font-family: 'Poppins SemiBold';
	font-size: 16px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
}

.tag ol li p.timg {
	width: 100%;
}

.tag ol li p.timg img {
	width: 100%;
}

.tag ol li .ttext {
	margin-top: 33px;
	font-size: 25px;
	color: #111;
	text-align: center;
	line-height: 1.2em;
}

.tag ol li .ttext b {
	display: block;
}

.tag ol li .tnum {
	width: 100%;
	display: inline-block;
	margin-top: 40px;
	font-size: 20px;
	font-style: italic;
	color: #0071cd;
	font-family: 'Poppins Bold';
	text-align: center;
	position: relative;
}

.tag ol li .tnum:after {
	content: "";
	width: 20px;
	height: 1px;
	display: block;
	background: #0071cd;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: 0;
}

.missionBt {
	width: 100%;
	height: auto;
	min-height: 744px;
	background: url("../images/contents/mission_BottomBG.jpg") no-repeat
		center;
	background-size: cover;
	margin-top: 160px;
	float: left;
}

.mbTit {
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 38px;
	font-weight: 700;
	margin: 109px auto 135px auto;
}

.missionBt>ul {
	width: 1280px;
	margin: 0 auto;
}

.missionBt>ul>li {
	display: inline-block;
	float: left;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	border-right: 1px solid #3d8ba0;
	box-sizing: border-box;
}

.missionBt>ul>li:nth-child(1) {
	width: 18%;
	padding: 0 0;
}

.missionBt>ul>li:nth-child(2) {
	width: 27%;
	padding-left: 35px;
}

.missionBt>ul>li:nth-child(3) {
	width: 28%;
	padding-left: 35px;
}

.missionBt>ul>li:nth-child(4) {
	width: auto;
	border-right: 0;
	padding-left: 35px;
}

.missionBt>ul>li>ol {
	width: 100%;
	margin-top: 55px;
}

.missionBt>ul>li>ol>li {
	width: 100%;
	font-size: 17px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 20px;
	border: 0;
}

.missionBt>ul>li>ol>li:before {
	content: "";
	width: 2px;
	height: 2px;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

@media screen and (max-width: 1340px) {
	.missionBt>ul {
		width: 100%;
		margin: 0 0;
	}
	.missionBt>ul>li {
		display: inline-block;
		float: left;
		font-size: 1.5em;
		font-weight: 700;
		color: #fff;
		border-right: 1px solid #3d8ba0;
		box-sizing: border-box;
	}
	.missionBt>ul>li:nth-child(1), .missionBt>ul>li:nth-child(2), .missionBt>ul>li:nth-child(3),
		.missionBt>ul>li:nth-child(4) {
		width: 25%;
		padding: 0 3%;
	}
}

@media screen and (max-width: 1300px) {
	.mission_con {
		width: 100%;
		left: 0;
	}
	.Count {
		width: 100%;
	}
	.Count div>span {
		width: 90%;
		padding: 0 5%;
		font-size: 20px;
		line-height: 1.3em;
		word-break: keep-all;
	}
	.tag ol {
		width: auto;
		margin: 0 5%;
	}
}

@media screen and (max-width: 1280px) {
	.missionBt {
		width: 100%;
		height: auto;
		min-height: 100%;
		background: url(../images/contents/mission_BottomBG.jpg) no-repeat
			center;
		background-size: cover;
		margin-top: 100px;
		padding-bottom: 100px;
		float: left;
	}
	.mbTit {
		margin: 140px 0 60px 0;
	}
	.missionBt>ul {
		width: 100%;
		margin: 0 0;
	}
	.missionBt>ul>li {
		display: inline-block;
		float: left;
		color: #fff;
		border-right: 1px solid #3d8ba0;
		margin-bottom: 20px;
		font-size: 2em;
	}
	.missionBt>ul>li:nth-child(1), .missionBt>ul>li:nth-child(2), .missionBt>ul>li:nth-child(3),
		.missionBt>ul>li:nth-child(4) {
		width: 50%;
		padding: 0 5%;
	}
	.missionBt>ul>li:nth-child(2n) {
		border-right: 0;
	}
}

@media screen and (max-width: 1180px) {
	.tag ol li {
		width: calc(50% - 15px);
		margin: 0 20px 100px 0;
	}
	.tag ol li:nth-child(2n) {
		margin-right: 0;
	}
	.missionBt {
		margin-top: 0;
	}
}

@media screen and (max-width: 840px) {
	.mission_con {
		background-size: 460px auto;
		left: 0;
	}
	.missBox {
		width: 80%;
		height: auto;
		margin: 0 10%;
		padding-top: 160px;
		display: flex;
		flex-direction: column;
	}
	.missBox div {
		width: 100%;
		height: auto;
		min-height: 60px;
		padding: 20px 0;
		border-radius: 10px;
		position: relative;
		margin-bottom: 10px;
	}
	.missBox div.center {
		position: relative;
		top: inherit;
		left: inherit;
		background: #097fdf;
		border: 0;
		z-index: 10;
	}
	.CountNum span {
		font-size: 1.95em;
		color: #111;
		font-family: 'Poppins Bold';
	}
	.missionBt>ul>li {
		font-size: 1.6em;
	}
}

@media screen and (max-width: 680px) {
	.missionBt>ul>li {
		display: block;
		float: left;
		border-bottom: 1px solid #3d8ba0;
		border-right: 0;
		font-size: 2em;
		word-break: keep-all;
	}
	.missionBt>ul>li:last-child {
		border-bottom: 0;
	}
	.missionBt>ul>li:nth-child(1), .missionBt>ul>li:nth-child(2), .missionBt>ul>li:nth-child(3),
		.missionBt>ul>li:nth-child(4) {
		width: 90%;
		margin: 0 5% 40px 5%;
	}
	.missionBt>ul>li>ol {
		margin-top: 40px;
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 620px) {
	.tag {
		margin-top: 0;
	}
	.tag ol li {
		width: 100%;
		margin: 0 0 100px 0;
		position: relative;
		opacity: 1;
		visibility: visible;
		top: 63px;
		display: flex;
		flex-direction: column;
		align-items: center;
		align-content: center;
	}
}

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

	.Count div {
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #e4e4e4;
		border-radius: 0;
		box-sizing: border-box;
		float: left;
		padding: 40px 0;
	}
	.Count div:last-child {
		border-bottom: 0;
	}
}

@media screen and (max-width: 480px) {
	.mission_con {
		background-size: 350px auto;
	}
	.missBox div p {
		font-size: 18px;
	}
	.missBox div.center p {
		font-size: 26px;
		font-weight: 700;
		color: #fff;
		text-align: center;
		line-height: 1.2em;
	}
	.missBox div.center p span {
		font-family: 'Poppins Bold';
		font-size: 16px;
		color: #76a7e1;
		letter-spacing: .5em;
		display: block;
	}
	.missBox div:first-child:before {
		top: -10px;
	}
	.missBox div:first-child:after {
		top: -40px;
	}
	.mbTit {
		margin: 60px 0 40px 0;
		font-size: 2em;
	}
	.missionBt>ul>li {
		font-size: 1.6em;
	}
}

/*조직도*/
/*조직도*/
.org-wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	float: left;
}

.org-wr .org-list {
	display: block;
	height: auto;
	width: 1091px;
	margin: 0 auto;
	position: relative;
}

.org-wr .org-list li .h1 {
	display: block;
	width: 160px;
	height: 160px;
	background: #3d55a5;
	color: transparent;
	font-size: 30px;
	margin: 0 auto 30px;
	border-radius: 50%;
	border: 20px solid #ccd7e0;
	text-align: center;
	box-sizing: border-box;
	position: relative;
}

.org-wr .org-list li .h1::after {
	content: "";
	width: 10px;
	height: 10px;
	background: #3d55a5;
	/* border: 10px solid #eef4f9; */
	display: inline-block;
	position: absolute;
	left: calc(50% - 5px);
	top: 296px;
	border-radius: 50px;
	box-sizing: border-box;
	z-index: 3;
}

.org-wr .org-list li .h1 span b {
	display: block;
	margin: 0 0;
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	letter-spacing: .05em;
}

.org-wr .org-list li .h1 span button {
	font-size: 28px;
	background: transparent;
	color: #fff;
	font-weight: 700;
	letter-spacing: .05em;
	margin-top: 40px;
}

.org-wr .org-list li .dl-list-wr .d1 {
	position: relative;
	width: 50%;
	float: left;
	height: 100px;
	margin-top: 80px;
}

.dl-list-wr {
	position: relative;
}

/*.dl-list-wr a:focus span{ border:2px solid #111 !important; }*/
.dl-list-wr button:focus span{ border:2px solid #ff8000 !important; }

.org-wr .org-list li .dl-list-wr::before {
	content: "";
	width: 1px;
	height: 120px;
	background: #d4dae0;
	display: block;
	bottom: -90px;
	left: 50%;
	position: absolute;
}

.org-wr .org-list li .dl-list-wr .d1 span {
	display: block;
	width: 170px;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	border-radius: 5px;
}

.org-wr .org-list li .dl-list-wr .d1.h2 {
	display: inline-block;
	/* margin: 100px 0 0 0; */
}

.org-wr .org-list li .dl-list-wr .d1.h2 span {
	position: absolute;
	left: 200px;
	top: 25px;
	background: #3d55a5;
	color: #fff;
	border: 1px solid #3d55a5;
	box-sizing: border-box;
	z-index: 1;
	height: 45px;
	line-height: 44px;
}

.org-wr .org-list li .dl-list-wr .d1.h2::before {
	content: "";
	width: 50%;
	height: 1px;
	display: inline-block;
	background: #d4dae0;
	position: absolute;
	right: 0;
	top: calc(47px + 4px);
}

.org-wr .org-list li .dl-list-wr .d1.h2::after {
	content: "";
	width: 1px;
	height: 100%;
	display: inline-block;
	background: #d4dae0;
	position: absolute;
	right: -1px;
	top: 0;
}

.org-wr .org-list li .dl-list-wr .d1.h3 {
	width: 50%;
	display: inline-block;
}



.org-wr .org-list li .dl-list-wr .d1.h3 span {
	position: absolute;
	right: 200px;
	background: #f3f5f9;
	color: #333;
	border: 1px solid #D9E6F2;
	box-sizing: border-box;
	top: 20px;
	height: 45px;
	line-height: 44px;
}

.org-wr .org-list li .dl-list-wr .d1.h6 {
	width: 50%;
	display: inline-block;
	position: absolute;
	right: 0px;
	top: -50px;
}

.org-wr .org-list li .dl-list-wr .d1.h6 span {
	position: absolute;
	right: 200px;
	background: #4c72bd;
	border: 1px solid #4c72bd;
	box-sizing: border-box;
	height: 45px;
	line-height: 44px;
	color: #fff;
	top: 0;
	border-radius: 5px;
}

.org-wr .org-list li .dl-list-wr .d1.h6 span::after {
    content: "";
    width: 1px;
    height: 25px;
    position: absolute;
    left: calc(50% + 1px);
    bottom: -26px;
    background: #d4dae0;
    z-index: 1;
}

.org-wr .org-list li .dl-list-wr .d1.h7 {
	width: 50%;
	display: inline-block;
	position: absolute;
	/* left: 0px; */
	top: -50px;
}

.org-wr .org-list li .dl-list-wr .d1.h7 span {
	position: absolute;
	left: 200px;
	background: #243980;
	color: #fff;
	height: 45px;
	line-height: 44px;
	border: 1px solid #243980;
	box-sizing: border-box;
	top: 0;
}


.org-wr .org-list li .dl-list-wr .d2 {
	position: relative;
	width: 50%;
	height: 100px;
	float: left;
	padding: 13px 0 0;
}

.org-wr .org-list li .dl-list-wr .d2 span {
	display: block;
	width: 170px;
	font-size: 20px;
	height: 45px;
	line-height: 44px;
	/* padding: 12px 0; */
	text-align: center;
	border-radius: 5px;
	color: #fff;
}

.org-wr .org-list li .dl-list-wr .d2.h4 {
	display: inline-block;
	position: relative;
}

.org-wr .org-list li .dl-list-wr .d2.h4 span {
	position: absolute;
	left: 200px;
	top: 0;
	background: #3655ac;
}

.org-wr .org-list li .dl-list-wr .d2.h4::before {
	content: "";
	width: 50%;
	height: 1px;
	display: inline-block;
	background: #d4dae0;
	position: absolute;
	right: 0;
	top: calc(23px + 4px);
}

.org-wr .org-list li .dl-list-wr .d2.h4::after {
	content: "";
	width: 1px;
	height: calc(100% - 5px);
	display: inline-block;
	background: #d4dae0;
	position: absolute;
	right: -1px;
	top: 0;
}

.org-wr .org-list li .dl-list-wr .d2.h5 {
	display: inline-block;
	position: relative;
}

.org-wr .org-list li .dl-list-wr .d2.h5:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #3d55a5;
	/* border: 10px solid #eef4f9; */
	display: inline-block;
	position: absolute;
	left: -5px;
	top: 22px;
	border-radius: 50px;
	box-sizing: border-box;
	z-index: 3;
}

.org-wr .org-list li .dl-list-wr .d2.h5 span {
	position: absolute;
	right: 200px;
	top: 0;
	background: #3d55a5;
}

.org-wr .org-list li .dl-list-wr li>ul.sto {
	width: 100%;
	height: 100%;
	float: left;
	display: block;
	position: relative;
}

.org-wr .org-list li .dl-list-wr li>ul.sto::before {
	content: "";
	width: 68.8%;
	height: 1px;
	top: 0;
	left: calc(50% - 34.4%);
	background: #d4dae0;
	display: block;
	position: absolute;
}

.org-wr .org-list li .dl-list-wr .d3 {
	position: relative;
	float: left;
	width: calc(33.333% - 20px);
	margin-right: 30px;
	display: block;
	padding-top: 60px;
}

.org-wr .org-list li .dl-list-wr .d3:last-child {
	margin-right: 0;
}

.org-wr .org-list li .dl-list-wr .d3 span {
	display: block;
	width:170px;
	margin:0 auto;
	color: #fff;
	background: #4c72bd;
	font-size: 20px;
	text-align: center;
	margin-bottom: 23px;
	border-radius: 5px;
	vertical-align: middle;
	line-height: 45px;
	height: 44px;
	position: relative;
	cursor: pointer;
	z-index: 7;
}

.org-wr .org-list li .dl-list-wr .d3.h6 span button, 
.org-wr .org-list li .dl-list-wr .d3.h7 span button, 
.org-wr .org-list li .dl-list-wr .d3.h8 span button {
	font-size: inherit;
	display: block;
	color: #fff;
	border: 1px solid #4c72bd;
	text-align: center;
	border-radius: 7px;
	height: 45px;
	line-height: 45px;
	position: relative;
	width: 100%;}

/*.org-wr .org-list li .dl-list-wr .d3.h6 span {
	background: #0044a0;
}

.org-wr .org-list li .dl-list-wr .d3.h7 span {
	background: #0971D5;
}

.org-wr .org-list li .dl-list-wr .d3.h8 span {
	background: #4840bb;
}*/

.org-wr .org-list li .dl-list-wr .d3::after {
	content: "";
	width: 1px;
	height: 60px;
	position: absolute;
	left: calc(50% + 1px);
	top: 0;
	background: #d4dae0;
}

.org-wr .org-list li .dl-list-wr .d3::before {
	content: "";
	width: 10px;
	height: 10px;
	background: #3d55a5;
	/* border: 10px solid #eef4f9; */
	display: inline-block;
	position: absolute;
	top: -5px;
	left: calc(50% - 3px);
	border-radius: 50px;
	box-sizing: border-box;
	z-index: 3;
}

.org-wr .org-list li .dl-list-wr .d3 button span::after {
	content: "";
	width: 1px;
	height: 22px;
	position: absolute;
	left: calc(50% + 1px);
	bottom: -22px;
	background: #d4dae0;
	z-index: 1;
}

.dl-list-wr .d3 .d3-list .dlist3 {
	width:170px;
	margin:0 auto;
	font-size: 19px !important;
	font-weight: 500;
	margin-bottom: 15px;
	position: relative;
}
/*
.dl-list-wr .d3 .d3-list .dlist3 a {
	display: block;
	color: #3b5465;
	border: 1px solid #d1dee6;
	background: #f6f9fb;
	text-align: center;
	border-radius: 6px;
	height: 81px;
	line-height: 81px;
	position: relative;
}

.dl-list-wr .d3 .d3-list .dlist3 a:hover, .dl-list-wr .d3 .d3-list .dlist3 a.active
	{
	display: block;
	color: #096cba;
	border: 1px solid #4ba1e7;
	background: #e6f2f9;
}

.dl-list-wr .d3 .d3-list .dlist3 a:hover:after, .dl-list-wr .d3 .d3-list .dlist3 a.active:after
	{
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid #4ba1e7;
	border-right: 2px solid #4ba1e7;
	display: inline-block;
	transform: rotate(135deg);
	position: absolute;
	top: calc(50% - 4px);
	right: 34px;
	transition: all .3s ease;
}
*/

.dl-list-wr .d3 .d3-list .dlist3 button {
	font-size: inherit;
	display: block;
	color: #333;
	border: 1px solid #D9E6F2;
	background: #f3f5f9;
	text-align: center;
	border-radius: 5px;
	height: 45px;
	line-height: 44px;
	position: relative;
	width:100%;
	letter-spacing: -0.03em;
}

/**** 조직개편수정***/
.dl-list-wr .d3 .d3-list .dlist3 button:hover, .dl-list-wr .d3 .d3-list .dlist3 button.active
	{
	display: block;
	color: #333;
	border: 1px solid #D9E6F2;
	background: #f3f5f9;
}

/*.dl-list-wr .d3 .d3-list .dlist3 button:hover:after, .dl-list-wr .d3 .d3-list .dlist3 button.active:after
	{
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid #4ba1e7;
	border-right: 2px solid #4ba1e7;
	display: inline-block;
	transform: rotate(135deg);
	position: absolute;
	top: calc(50% - 4px);
	right: 34px;
	transition: all .3s ease;
}*/


.org-list-wr {
	position: relative;
	display: none;
	padding-top: 50px
}

.form {
    width: 100%;
    float: left;
    margin: 100px auto 0;
    /*display: none;*/
}

.formCont{
    width: 1280px;
    margin: 0 auto;
}

.orgTBtit {
    width: 100%;
    display: block;
    text-align: left;
    color: #111;
    font-size: 30px;
    font-weight: 700;
    float: left;
    margin-bottom:20px;
}
.orgTBtit a {color:#111; display:inline-block;}
/*.orgTBtit a:focus {outline:none; border:2px solid #111;}*/

.mb-scr-gui{
	position: absolute;
    top: -9999px;
    left: -9999px;
    width: 0;
    height: 0;
    text-indent: -9999px;
}

@media screen and (max-width:1300px) {
	.org-wr .org-list {
		display: block;
		height: auto;
		width: auto;
		margin: 0 5%;
		position: relative;
	}
	
	.formCont{
		width: 100%;
		margin: 0 auto;
	}
}

@media screen and (max-width:1024px) {
	.org-wr .org-list {
		margin: 0 auto;
	}
	.org-wr .org-list li .dl-list-wr .d1.h2 span, .org-wr .org-list li .dl-list-wr .d2.h4 span
		{
		left: 20px;
	}
	.org-wr .org-list li .dl-list-wr .d1.h3 span, .org-wr .org-list li .dl-list-wr .d1.h6 span, .org-wr .org-list li .dl-list-wr .d2.h5 span
		{
		right: 20px;
	}
}

@media screen and (max-width:1024px) {
	.org-wr .org-list li .dl-list-wr .d1.h2 span, .org-wr .org-list li .dl-list-wr .d2.h4 span, .org-wr .org-list li .dl-list-wr .d1.h7 span
		{
		left: 50px;
	}
	.org-wr .org-list li .dl-list-wr .d1.h3 span, .org-wr .org-list li .dl-list-wr .d1.h6 span, .org-wr .org-list li .dl-list-wr .d2.h5 span
		{
		right: 50px;
	}
}
@media screen and (max-width:980px) {
	
	.subCon_wrap {
		font-size: 15px;
	}
	
	.mb-scr-gui {
	    width: 100%;
	    height: auto;
	    font-size: 16px;
	    position: relative;
	    padding-left: 25px;
	    color: #555;
	    margin-bottom: 28px;
	    vertical-align: middle;
	    line-height: 1em;
	    float: left;
	    font-weight: 500;
	    text-indent: inherit;
	    left: inherit;
	    top: inherit;
	    display: flex;
    	align-items: center;
	}
	
	.mb-scr-gui::before{
		content: "";
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0;
		width: 20px;
		height: 20px;
		background: url(../images/contents/i_gr.png) no-repeat;
	}
}
@media screen and (max-width:840px) {
	.org-wr .org-list li .dl-list-wr .d1 span, .org-wr .org-list li .dl-list-wr .d2 span
		{
		width: 220px;
	}
	.org-wr .org-list li .dl-list-wr .d1.h2 span, .org-wr .org-list li .dl-list-wr .d2.h4 span
		{
		left: 50px;
	}
	.org-wr .org-list li .dl-list-wr .d1.h3 span, .org-wr .org-list li .dl-list-wr .d1.h6 span, .org-wr .org-list li .dl-list-wr .d2.h5 span
		{
		right: 50px;
	}
}

@media screen and (max-width:680px) {
	.org-wr .org-list li .dl-list-wr .d1 span, .org-wr .org-list li .dl-list-wr .d2 span
		{
		width: 92%;
	}
	.org-wr .org-list li .dl-list-wr .d1.h2 span, .org-wr .org-list li .dl-list-wr .d2.h4 span, .org-wr .org-list li .dl-list-wr .d1.h7 span
		{
		left: 0;
	}
	.org-wr .org-list li .dl-list-wr .d1.h3 span, .org-wr .org-list li .dl-list-wr .d1.h6 span, .org-wr .org-list li .dl-list-wr .d2.h5 span
		{
		right: 0;
	}
	.org-wr .org-list li .dl-list-wr .d1.h6 span::after {
    content: "";
    width: 1px;
}
}

@media screen and (max-width:580px) {
	.org-wr .org-list li .dl-list-wr .d3 {width:46%}
	.org-wr .org-list li .dl-list-wr .d3:nth-child(2) {margin-right:0;}
	.org-wr .org-list li .dl-list-wr .d3 span, .dl-list-wr .d3 .d3-list .dlist3 {width:100%}
	.org-wr .org-list li .dl-list-wr .d2.h4::after {
		content: "";
		width: 1px;
		height: 100%;
	}
	.org-wr .org-list li .dl-list-wr li>ul.sto::before {
		content: "";
		width: 55%;
		left: calc(50% - 28%);
	}
}

@media screen and (max-width:500px) {
	.org-wr .org-list li .dl-list-wr .d3 {width: 46.5%;}
	.org-wr .org-list li .dl-list-wr .d2.h4::before { right:-100px;}
}

@media screen and (max-width:480px) {
	.org-wr .org-list li .dl-list-wr .d3 {width: 45.8%;}
}

@media screen and (max-width:400px) {
	.org-wr .org-list li .dl-list-wr .d3 {
		width: 45.6%;
	}
	.dl-list-wr .d3 .d3-list .dlist3 {
		font-size:16px !important;
	}
}


@media screen and (max-width:380px) {
	.org-wr .org-list li .dl-list-wr .d3 {width: 45.2%;}
}


@media screen and (max-width:360px) {
	.org-wr .org-list li .dl-list-wr .d3 {width: 44.7%;}
}


/*@media screen and (max-width:580px) {
	.org-wr .org-list li .dl-list-wr .d1, .org-wr .org-list li .dl-list-wr .d1.h3,
		.org-wr .org-list li .dl-list-wr .d2 {
		width: 100%;
	}
	.org-wr .org-list li .dl-list-wr .d1.h6 {
		width: 100%;
		position:relative;
		top:0;
		right:0;
		
	}

	.org-wr .org-list li .dl-list-wr .d1.h7 {
		width: 100%;
		position:relative;
		top:0;
		right:0;
		
	}

	.org-wr .org-list li .dl-list-wr .d1, .org-wr .org-list li .dl-list-wr .d2
		{
		margin-top: 30px;
		margin-bottom: 0;
		height: 70px;
		padding: 0;
	}
	.org-wr .org-list li .dl-list-wr .d1 span, .org-wr .org-list li .dl-list-wr .d2 span
		{
		width: 100%;
		height: 70px;
		line-height: 68px;
		padding: 0;
	}
	.org-wr .org-list li .dl-list-wr .d1.h2::after, .org-wr .org-list li .dl-list-wr .d1.h3::after, .org-wr .org-list li .dl-list-wr .d1.h6::after, .org-wr .org-list li .dl-list-wr .d1.h7::after,
		.org-wr .org-list li .dl-list-wr .d2.h4::after {
		content: "";
		width: 1px;
		height: 100%;
		display: inline-block;
		background: #d4dae0;
		position: absolute;
		right: 50%;
		top: 70px;
	}
	.org-wr .org-list li .dl-list-wr .d3 {
		position: relative;
		float: left;
		width: 100%;
		margin-right: 30px;
		display: block;
		padding-top: 60px;
	}
	.org-wr .org-list li .h1::after, .org-wr .org-list li .dl-list-wr .d2.h5:before,
		.org-wr .org-list li .dl-list-wr .d3::before {
		display: none;
	}
	.dl-list-wr .d3 .d3-list li:last-child {
		margin-bottom: 0;
	}

	.org-wr .org-list li .dl-list-wr .d2.h4::before {
	content: "";
	height: 0;
	}
}*/

/*사이트맵*/
.site_wrap {
	width: 1280px;
	margin: 70px auto 0;
}

.sitemap.sub {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	border-bottom: 1px solid #000;
}

.sitemap.sub .mn {
	background: #fff;
	padding: 0 0;
	margin-top: 0;
	height: auto;
	min-height: 100px;
	display: flex;
}

.sitemap.sub .mntt {
	width: 204px;
	height: auto;
	background: #f3f6f9;
	display: block;
	font-size: 24px;
	color: #222;
	font-weight: 700;
	float: left;
	padding: 38px;
}

.sitemap.sub .mn>div {
	width: 962px;
	padding: 38px 0 50px 38px;
}

.sitemap.sub .mn>div>ul {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
}

.sitemap.sub .mn>div>ul.mlbr {
	float: left;
	padding-top: 50px;
}

.sitemap.sub .mn>div>ul>li {
	display: inline-block;
	width: 33.333%;
	float: left;
	padding: 8px 0 0 0;
	margin-bottom: 20px;
}

.sitemap.sub .mn>div>ul>li.widdif {
	width: 50%;
}

.sitemap.sub .mn>div>ul>li p {
	display: block;
	width: 100%;
	padding-bottom: 8px;
}

.sitemap.sub .mn>div>ul>li p.smn {
	padding-bottom: 22px;
}

.sitemap.sub .mn>div>ul>li p.smn a {
	font-size: 19px;
	font-weight: 500;
	color: #222;
}

.sitemap.sub .mn>div>ul>li p a {
	font-size: 15px;
	font-weight: 400;
	color: #777;
}

.sitemap.sub .mn>div>ul>li p a:before {
	content: "";
	width: 2px;
	height: 2px;
	display: inline-block;
	margin-right: 4px;
	background: #777;
	vertical-align: middle;
}

.sitemap.sub .mn>div>ul>li p.smn a:before {
	display: none;
}

.sitemap.sub .mn>div>ul>li p a:hover {
	color: #0072ce;
	text-decoration: underline;
}

@media screen and (max-width: 1300px) {
	.site_wrap {
		width: 100%;
		margin: 70px 0;
	}
	.sitemap.sub .mn {
		flex-direction: column;
	}
	.sitemap.sub .mntt {
		width: calc(100% - 38px);
		padding: 20px;
	}
	.sitemap.sub .mn>div {
		width: 100%;
	}
}

@media screen and (max-width: 980px) {
	.sitemap.sub .mn>div>ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.sitemap.sub .mn>div>ul>li {
		display: inline-block;
		width: 50%;
		padding: 8px 0 0 0;
		min-width: 100px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 780px) {
	.sitemap.sub .mntt {
		font-size: 22px;
	}
	.sitemap.sub .mn>div>ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.sitemap.sub .mn>div>ul.mlbr {
		float: left;
		padding-top: 0;
	}
	.sitemap.sub .mn>div>ul>li {
		width: 100%;
	}
}

/*open-api*/
.open-wrap {
	width: 100%;
}

.open-dept {
	width: 1280px;
	margin: 0 auto;
}

.open-dept .open-tt {
	width: 100%;
	display: block;
	border-bottom: 1px solid #111;
	font-size: 30px;
	color: #111;
	padding-bottom: 26px;
	font-weight: 700;
}

.open-intext .content_sub_title1 {
	font-size: 22px;
	padding-bottom: 13px;
	font-weight: 530;
}

.open-intext .content_sub_title2 {
	font-size: 22px;
	padding: 20px 0px 13px 0px;
	font-weight: 530;
}

.open-dept .open-intext {
	width: 100%;
	max-height: 250px;
	padding: 20px 0;
	display: block;
	border-bottom: 1px solid #111;
	font-size: 17px;
	color: #555;
	word-break: keep-all;
	overflow-y: auto;
}

.open-btns {
	width: 100%;
	height: 58px;
	display: block;
	text-align: right;
	margin-top: 20px;
}

.open-btns button {
	width: 176px;
	height: 58px;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 500;
	padding: 0 0;
	letter-spacing: -.058em;
	text-align: center;
}

.open-btns button.down {
	color: #333;
	font-weight: 500;
	background: #fff;
	border: 1px solid #9f9f9f;
}

.open-btns button.down:after {
	content: "";
	width: 17px;
	height: 15px;
	display: inline-block;
	margin-left: 10px;
	background: url("../images/contents/ico_down.png") center no-repeat;
	vertical-align: middle;
}

.open-btns button.link {
	color: #fff;
	font-weight: 500;
	background: #0071cd;
}

.open-btns button.link:after {
	content: "";
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-left: 10px;
	background: url("../images/contents/ico_link.png") center no-repeat;
	vertical-align: middle;
}

@media screen and (max-width:1300px) {
	.open-dept {
		width: 90%;
		margin: 0 5%;
	}
}

@media screen and (max-width:580px) {
	.open-btns {
		width: 100%;
		height: 58px;
		display: block;
		text-align: center;
		margin-top: 20px;
		display: flex;
		justify-content: center;
	}
	.open-btns button {
		width: 145px;
		height: 58px;
		border-radius: 3px;
		font-size: 14px;
		font-weight: 500;
		padding: 0 0;
		letter-spacing: -.058em;
		text-align: center;
		margin: 0 2px;
	}
}

/*사전정보검토0404*/
.declare_wrap {
	width: 1280px;
	margin: 0 auto;
}

.decaleSel {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0;
	background: #f5f7f8;
	border: 1px solid #dde0e1;
	border-top: 2px solid #111;
	display: flex;
	justify-content: center;
}

.decaleSel select {
	height: 48px;
	margin-right: 4px;
}

.deser {
	width: 500px;
	display: flex;
}

.deser input {
	width: calc(100% - 95px);
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	background: #fff;
	font-size: 14px;
	height: 48px;
	box-sizing: border-box;
	padding: 15px;
	margin-right: 4px;
}

.deser input::placeholder {
	font-size: 15px;
	color: #c2c2c2;
	font-weight: 400;
}

.deser .deCButton {
	width: 93px;
	height: 48px;
	border-radius: 2px;
	background: #15222c;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
}

.deCButton::before {
	content: "";
	width: 14px;
	height: 15px;
	display: inline-block;
	margin-right: 5px;
	background: url(../images/contents/ico_decalBtn.png) no-repeat;
	vertical-align: middle;
	background-size: 14px auto;
}

/* tabs */
.tcontainer {
	width: 100%;
	margin: 50px auto 0;
}

.ttab_nav {
	padding-bottom: 41px;
	border-bottom: 1px solid #e9e9e9;
	display: flex;
	width: 100%;
}

.ttab_nav li {
	width: calc(50% - 1px);
	margin-right:1px;
	height: 71px;
	border-radius: 3px;
	background: #eef3f6;
	border: 1px solid #c7cfd4;
	text-align: center;
	cursor: pointer;
	transition: background 0.5s;
	font-size: 19px;
	font-weight: 400;
	color: #484e52;
	vertical-align: middle;
	line-height: 69px;
}

.ttab_nav li:last-child{margin-right:0;}


@media(max-width:1280px){
	.ttab_nav{display:block; padding:0 4px; box-sizing:border-box;}
	.ttab_nav * {box-sizing:border-box;}
	.ttab_nav li{width:100%; margin-right:0; margin-top:3px;}
}

.ttab_nav li.active {
	background: #0071cd;
	color: #fff;
	font-weight: 700;
}


.ttab_nav li a{display:inline-block; width:100%; height:100%; color:#484e52;}
.ttab_nav li a:visited {color:##484e52;}
.ttab_nav li.active a {color:#fff;}

.tcontents {
	width: 100%;
	margin-top: 34px;
}

.tcontents02 {
	text-align: center;
	padding: 15px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	width: calc(100% - 140px);
	margin-top: 32px;
	padding: 32px 70px;
	float: left;
}

.tcontents>div, .tcontents02>div {
	display: none;
	transition: display 1s;
}

.tcontents02>div {
	width: 100%;
}

.tcontents02>div>ul {
	width: 100%;
}

.tcontents02>div>ul>li {
	width: 25%;
	display: inline-block;
	float: left;
	text-align: left;
	padding: 25px 0;
}

.tcontents02>div>ul>li>a {
	color: #555;
	font-size: 17px;
	font-weight: 500;
	padding-bottom: 5px;
}

.tcontents02>div>ul>li>a::before {
	content: '';
	width: 4px;
	height: 4px;
	background: #555;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	transition: all .3s ease;
}

.tcontents02>div>ul>li>a.on {
	color: #019cd5;
	border-bottom: 1px solid #019cd5;
}

.tcontents02>div>ul>li>a.on::before {
	content: '';
	width: 4px;
	height: 4px;
	border-top: 1px solid #019cd5;
	border-right: 1px solid #019cd5;
	display: inline-block;
	transform: rotate(45deg);
	vertical-align: middle;
	margin-right: 10px;
	transition: all .3s ease;
	background: none;
}

.tcontents>div.active, .tcontents02>div.active {
	display: block;
}

.tmn, .ttab_nav02 {
	width: 100%;
	display: flex;
}

.tmn.wid20 li {
	width: calc(20% - 4px);
	height: 57px;
	line-height: 57px;
	vertical-align: middle;
	text-align: center;
	margin-right: 5px;
	border-radius: 4px;
	background: #f3fafc;
	border: 1px solid #c0d2d8;
	margin-top: 7px;
	font-size: 16px;
	font-weight: 500;
}

.ttab_nav02 li {
	width: calc(25% - 4px);
	height: 57px;
	line-height: 57px;
	vertical-align: middle;
	text-align: center;
	margin-right: 5px;
	border-radius: 4px;
	background: #f3fafc;
	border: 1px solid #c0d2d8;
	margin-bottom: 7px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	position: relative;
}

.tmn.wid20 li a {
	color: inherit;
	cursor: pointer;
	display: block;
}

.tmn.wid20 li.on {
	background: #fff;
	border-color: #0971D5;
	border: 1px solid #0971D5;
	color: #0971D5;
	font-weight: 700;
	border-top: 3px solid #0971D5;
	height: 54px;
	line-height: 54px;
	position: relative;
}

.tmn.wid20 li.on::after {
	content: '';
	width: 6px;
	height: 6px;
	border-top: 2px solid #0971D5;
	border-right: 2px solid #0971D5;
	display: inline-block;
	transform: rotate(135deg);
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
	transition: all .3s ease;
}

.ttab_nav02 li.active {
	background: #fff;
	border-color: #019cd5;
	border: 1px solid #019cd5;
	color: #019cd5;
	font-weight: 700;
	border-top: 3px solid #019cd5;
	height: 54px;
	line-height: 54px;
	position: relative;
}

.ttab_nav02 li.active::after {
	content: '';
	width: 6px;
	height: 6px;
	border-top: 2px solid #019cd5;
	border-right: 2px solid #019cd5;
	display: inline-block;
	transform: rotate(135deg);
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
	transition: all .3s ease;
}

.tmn.wid20 li:last-child {
	width: calc(20% - 4px);
	margin-right: 0;
}

.decgui {
	font-size: 15px;
	color: #777;
	font-weight: 400;
	/*     margin-bottom: 103px; */
	width: 100%;
	display: block;
	margin-top: 20px;
	float: left;
}

.decTbTit-wrap {
	width: 100%;
	margin: 70px 0 30px 0;
	float: left;
}

.decTbTit {
	width: 50%;
	display: inline-block;
	text-align: left;
	color: #111;
	font-size: 30px;
	font-weight: 700;
}

.decTb_wrap {
	width: 100%;
	overflow-x: auto;
}

.decTb_wrap>tbl_privacye {
	width: 100%;
}

@media screen and (max-width: 1300px) {
	.declare_wrap {
		width: 100%;
	}
	.decaleSel {
		width: 100%;
	}
	.tcontainer {
		width: 100%;
		margin: 50px 0;
	}
}

@media screen and (max-width: 1024px) {
	.tmn.wid20 {
		display: block;
		overflow: hidden;
	}
	.tmn.wid20 li, .tmn.wid20 li:last-child {
		width: calc(33.333% - 6px);
		margin-right: 5px;
		display: inline-block;;
		float: left;
	}
	.tmn.wid20 li:nth-child(2n+3) {
		margin-right: 0;
	}
	.tcontents02>div>ul>li {
		width: 50%;
		padding: 10px 0;
	}
}

@media screen and (max-width: 920px) {
	.decTb_wrap {
		width: 100%;
		overflow-x: auto;
	}
	.decTb_wrap>tbl_privacye {
		min-width: 1280px;
	}
}

@media screen and (max-width: 780px) {
	.ttab_nav02 {
		display: block;
		overflow: hidden;
	}
	.ttab_nav02 li {
		width: calc(50% - 6px);
		margin-right: 5px;
		display: inline-block;;
		float: left;
		font-size: 15px;
	}
	.ttab_nav02 li.active::after {
		right: 15px;
	}
	.ttab_nav02 li:nth-child(even) {
		margin-right: 0;
	}
	.tcontents02 {
		width: calc(100% - 60px);
		padding: 10px 30px;
	}
	.deser {
		width: 400px;
	}
}

@media screen and (max-width: 680px) {
	.decaleSel {
		width: calc(100% - 40px);
		padding: 20px;
	}
	.deser .deCButton {
		text-indent: -9999px;
		width: 48px;
		height: 48px;
		text-align: center;
		background: url(../images/contents/ico_decalBtn.png) no-repeat center
			#15222c;
	}
	.deser input {
		width: calc(100% - 48px);
	}
}

@media screen and (max-width: 540px) {
	.decaleSel {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.detit {
		display: block;
		margin-bottom: 10px;
	}
	.detit select {
		width: 100%;
		margin-right: 0;
	}
	.deser {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.tmn.wid20 {
		display: block;
		overflow: hidden;
	}
	.tmn.wid20 li, .tmn.wid20 li:last-child {
		width: calc(50% - 6px);
		margin-right: 5px;
		display: inline-block;;
		float: left;
		font-size: 15px;
	}
	.tmn.wid20 li.on::after {
		right: 15px;
	}
	.tmn.wid20 li:nth-child(2n+3) {
		margin-right: 5px;
	}
	.tmn.wid20 li:nth-child(even) {
		margin-right: 0;
	}
	.tcontents02>div>ul>li {
		width: 100%;
		padding: 8px 0;
		font-size: 14px;
	}
}

/*설문조사*/
.survey_wrap {
	width: 1280px;
	margin: 0 auto;
	height: auto;
}

.surveyCon {
	width: 100%;
	border-top: 2px solid #111;
	margin-top: 22px;
}

.surveyList {
	width: 100%;
	float: left;
}

.surveyList>h3 {
	width: 100%;
	font-size: 22px;
	color: #111;
	font-weight: 700;
	padding: 20px 0;
}

.surveyList p.surTit {
	width: calc(100% - 50px);
	padding: 32px 0 32px 50px;
	background: #f4f6f8;
	border-bottom: 1px solid #e9ecee;
	color: #111;
	font-size: 34px;
	font-weight: 700;
	word-break: keep-all;
	line-height: 1.2em;
}

.surveyList p.suvagTit {
	background: #fff;
	text-align: center;
	width: 90%;
	padding: 32px 5%;
	background: #fff;
	border-top: 1px solid #e9ecee;
	border-bottom: 1px solid #aaa;
	color: #111;
	font-size: 34px;
	font-weight: 700;
	word-break: keep-all;
}

.surveyCon .surveyList:first-child {
	border-top: 0;
}

.surveyList .slCon {
	width: calc(100% - 50px);
	padding: 28px 0 71px 50px;
	background: #fff;
	border-bottom: 1px solid #e9ecee;
	color: #111;
	font-size: 24px;
	font-weight: 900;
	float: left;
	position: relative;
}

.surveyList .slCon ul {
	width: calc(100% - 252px);
	padding-right: 252px;
	float: left;
}

.surveyList .slCon ul li {
	width: 100%;
	display: block;
	float: left;
}

.surveyList .slCon ul li label {
	width: 116px;
	font-size: 15px;
	color: #111;
	font-weight: 500;
	display: inline-block;
}

.surveyList .slCon ul li span {
	width: calc(100% - 116px);
	font-size: 16px;
	color: #555;
	font-weight: 500;
}

.surveyList .slCon ul li span.state.ing {
	color: #0044a0;
}

.surveyList .slCon ul li span.share {
	width: auto;
	display: inline-block;
	padding: 1px 15px;
	border-radius: 2px;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 14px;
}

.surveyList .slCon button {
	width: 152px;
	height: 123px;
	border-radius: 3px;
	font-size: 17px;
	font-weight: 500;
	position: absolute;
	right: 50px;
	top: 28px;
	background: #0071cd;
	font-family: 'Noto Sans KR';
	color: #fff;
}

.surveyList .slCon button.suvEnd {
	color: #555;
	border: 1px solid #c6c6c6;
	background: #fff;
}

.useragreeTit {
	font-size: 26px;
	color: #111;
	margin-top: 74px;
	font-weight: 700;
}

.suragreeCon {
	width: calc(100% - 90px);
	border: 1px solid #d5d5d5;
	border-top: 2px solid #111;
	padding: 49px 45px;
	margin-top: 25px;
	float: left;
}

.suragreeCon ul {
	width: 100%;
	float: left;
	overflow: hidden;
}

.suragreeCon ul li {
	width: 100%;
	min-height: 15px;
	padding: 18px 0;
	border-bottom: 1px dotted #d4d4d4;
}

.suragreeCon ul li span {
	display: inline-block;
	float: left;
	font-size: 17px;
}

.suragreeCon ul li span:first-child {
	width: 226px;
	color: #111;
	border-right: 1px solid #d4d4d4;
}

.suragreeCon ul li span:first-child::before {
	content: "";
	width: 2px;
	height: 2px;
	background: #454545;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}

.suragreeCon ul li span:last-child {
	width: calc(100% - 227px - 27px);
	color: #555;
	padding-left: 27px;
}

.suragimp {
	width: calc(100% - 66px);
	padding: 33px;
	display: block;
	border-radius: 4px;
	background: #f5f7f8;
	float: left;
	margin-top: 32px;
	font-size: 16px;
	color: #555;
}

.suragimp b {
	color: #f8414c;
}

.suragsel {
	width: 100%;
	margin-top: 50px;
	float: left;
}

.suragsel p {
	display: inline-block;
	font-size: 18px;
	color: #111;
}

.suragsel p:last-child {
	float: right;
}

.suvList {
	width: 100%;
	float: left;
	border-top: 1px solid #e7e7e7;
}

.suvList dl {
	width: 100%;
}

.suvList dl dt {
	width: calc(100% - 26px - 142px);
	background: #f4f6f8;
	padding: 26px 26px 26px 142px;
	font-size: 18px;
	color: #111;
	font-weight: 500;
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	border-bottom: 1px solid #e7e7e7;
}

.suvList dl dt label {
	width: 80px;
	height: 34px;
	line-height: 34px;
	background: #2c699b;
	border-radius: 50px;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	left: 32px;
	top: calc(50% - 17px);
}

.suvList dl dd {
	width: calc(100% - 142px - 92px);
	padding: 26px 92px 26px 142px;
	background: #fff;
	display: block;
	line-height: 1.5rem;
	color: #555;
	font-size: 16px;
	font-weight: 500;
	position: relative;
}

.suvList dl dd.mgr {
	width: calc(100% - 142px - 60px);
	padding: 26px 60px 26px 142px;
	background: #fff;
	display: block;
	line-height: 1.5rem;
	border-bottom: 1px solid #e7e7e7;
	color: #555;
	font-size: 16px;
	font-weight: 500;
	position: relative;
}

.suvList dl dd div input, .suvList dl dd div textarea {
	width: calc(100% - 20px);
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	background: #fff;
	font-size: 1em;
	height: 48px;
	box-sizing: border-box;
	padding: 0 10px;
}

.suvList dl dd div input.etc {
	width: calc(100% - 150px);
	margin-left: 20px;
}

.suvList dl dd div textarea {
	padding: 20px 10px;
	min-height: 100px;
	overflow-y: auto;
}

.suvList dl dd div input::placeholder, .suvList dl dd div textarea::placeholder
	{
	font-size: 15px;
	color: #c2c2c2;
	font-weight: 400;
	font-family: 'Noto Sans KR';
}

.sellabel {
	margin-left: 20px;
}

.colGui {
	width: 100%;
	display: block;
	text-align: right;
}

.colGui span.gu {
	display: inline-block;
	margin: 0 5px;
	font-size: 15px;
	font-weight: 400;
	color: #555;
	padding: 5px 0;
	vertical-align: middle;
}

.colGui span.gu::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 5px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	background: #ddd;
}

.colGui span.gu.ta01::before {
	background: #0071cd;
}

.colGui span.gu.ta02::before {
	background: #7e68f0;
}

.colGui span.gu.ta03::before {
	background: #17ae77;
}

.colGui span.gu.ta04::before {
	background: #0fabe8;
}

tbl_privacye.surType {
	width: 100%;
	border-top: 2px solid #111;
}

tbl_privacye.surType tr th, tbl_privacye.surType tr td {
	padding: 33px 33px;
	text-align: center;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}

tbl_privacye.surType tr th {
	background: #f4f7f9;
	color: #111;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid #111;
}

tbl_privacye.surType tr td {
	color: #555;
	font-size: 16px;
	font-weight: 400;
}

tbl_privacye.surType tr th:first-child {
	border-left: 0;
}

tbl_privacye.surType tr td:first-child {
	background: #f4f7f9;
	color: #111;
	font-size: 16px;
	font-weight: 700;
	border-left: 0;
}

tbl_privacye.surType tr td .result, tbl_privacye.surType tr td .result ul {
	width: 100%;
}

tbl_privacye.surType tr td div ul li {
	width: 100%;
	display: block;
	float: left;
	margin-bottom: 16px;
}

tbl_privacye.surType tr td div ul li:last-child {
	margin-bottom: 0;
}

.suvList dl dd>div {
	width: 100%;
	overflow: hidden;
	padding-bottom: inherit;
}

.suvList dl dd>div>p {
	width: 100%;
	padding: 12px 0;
	float: left;
}

.suvList dl dd>div>.surpic {
	width: 100%;
	padding: 12px 0;
	float: left;
}

.suvList dl dd>div>.surpic .spCon {
	width: 49%;
	float: left;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #e7e7e7;
	box-sizing: border-box;
	margin: 0 .5%;
}

.suvList dl dd>div>.surpic .spCon p {
	width: 80%;
	display: block;
	text-align: center;
	padding: 15px 10%;
	text-align: center;
	background: #f6f8f7;
}

.suvList dl dd>div>.surpic .spCon>div {
	width: 80%;
	margin: 35px auto;
	padding-bottom: 45%;
	position: relative;
	height: 0;
	text-align: center;
}

.surImg img {
	position: absolute;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}

.check {
	width: 100%;
	height: 22px;
	line-height: 22px;
	display: flex;
}

.check label {
	line-height: 20px;
	font-size: 16px;
	font-weight: 400;
	color: #555;
	margin-right: 10px;
	display: inline-block;
	position: relative;
	margin-left: 31px;
}

.check>input[type="checkbox"] {
	display: none;
}

.check>input[type="checkbox"]+label {
	display: inline-block;
	width: 22px;
	height: 22px;
	border: 3px solid #e1e1e1;;
	border-radius: 4px;
	cursor: pointer;
	margin: 0;
	box-sizing: border-box;
	position: absolute;
	z-index: 1;
}

.check>input[class="ch"]:checked+label::after {
	content: "";
	width: 21px;
	height: 21px;
	border: 3px solid #0071cd;
	background: url(../images/contents/ico_ch.png) no-repeat center #0071cd;
	background-size: 13px auto;
	border-radius: 3px;
	cursor: pointer;
	margin: 0;
	box-sizing: border-box;
	position: absolute;
	z-index: 2;
	top: -2px;
	left: -2px;
}

.inSet input::placeholder {
	font-size: 15px;
	color: #c2c2c2;
	font-weight: 400;
}

.surTh {
	width: 90%;
	display: block;
	text-align: center;
	padding: 30px 5%;
	border-top: 1px solid #111;
	border-bottom: 1px solid #e7e7e7;
	float: left;
	font-size: 16px;
	color: #111;
	font-weight: 500;
}

.barGraph {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.barGraph li {
	margin-bottom: 5px;
	display: block;
	float: left;
	width: 100%;
}

.listTxt {
	font-size: 16px;
	color: #333;
	font-weight: 500;
	width: 100%;
	display: block;
	margin-bottom: 12px;
}

.listTxt::before {
	content: "";
	width: 2px;
	height: 2px;
	background: #333;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.bar_wrap {
	width: calc(100% - 276px);
	display: inline-block;
	float: left;
}

.bar {
	background: #eaeaea;
	border-radius: 20px;
	width: 100%;
	display: block;
	height: 14px;
	margin-top: 5px;
}

.bar span.on {
	background-color: #0071cd;
	border-radius: 20px;
	display: block;
	height: 14px;
	position: relative;
}

.bar span.on.ta01 {
	background: #0071cd;
}

.bar span.on.ta02 {
	background: #7e68f0;
}

.bar span.on.ta03 {
	background: #17ae77;
}

.bar span.on.ta04 {
	background: #0fabe8;
}

.endTxt {
	width: 276px;
	display: inline-block;
	float: right;
	text-align: right;
	font-size: 16px;
	font-weight: 400;
	color: #555;
}

.endTxt b {
	color: #111;
	font-weight: 500;
}

.per {
	font-size: 14px;
	color: #f8414c;
	font-family: 'Poppins SemiBold';
	border-radius: 50px;
	display: inline-block;
	padding: 4px 16px;
	border: 1px solid #f8414c;
	vertical-align: middle;
	margin-left: 10px;
}

.suvList dl dd>div>p.inAnswer, .suvList dl dd>div>p.textAnswer {
	width: calc(100% - 20px);
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	background: #fff;
	font-size: 1em;
	box-sizing: border-box;
	font-size: 16px;
	color: #555;
	font-weight: 400;
}

.suvList dl dd>div>p.inAnswer {
	height: 48px;
	line-height: 48px;
	padding: 0 10px;
}

.suvList dl dd>div>p.textAnswer {
	padding: 10px;
	min-height: 100px;
	overflow-y: auto;
}

.numtt {
	font-size: 16px;
	color: #0068bd;
	font-weight: 500;
	margin-bottom: 5px;
}

.resImg {
	
}

.resImg {
	width: 337px;
	margin: 20px 0;
	text-align: left;
}

.resImg div {
	width: 100%;
	padding-bottom: 75%;
	position: relative;
	height: 0;
}

.resImg div img {
	position: absolute;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}

.imgRes ul li {
	width: 100%;
	display: block;
	float: left;
}

@media screen and (max-width:1300px) {
	.survey_wrap {
		width: 100%;
	}
}

@media screen and (max-width:980px) {
	.surveyList p.surTit {
		width: 100%;
		padding: 32px 0;
		background: #fff;
		border-bottom: 0;
		color: #111;
		font-size: 34px;
		font-weight: 700;
	}
	.surveyList .slCon {
		width: 100%;
		height: 100%;
		padding: 0 0 40px 0;
		border-radius: 8px;
	}
	.surveyList .slCon ul {
		width: calc(100% - 60px);
		padding: 30px;
		float: left;
		background: #f4f6f8;
		border-radius: 8px;
		margin-bottom: 20px;
	}
	.surveyList .slCon ul li span {
		width: calc(100% - 116px);
		display: inline;
		font-size: 16px;
		color: #555;
		font-weight: 500;
		float: right;
		text-align: right;
	}
	.surveyList .slCon button {
		width: 100%;
		height: auto;
		padding: 25px 0;
		text-align: center;
		border-radius: 3px;
		font-size: 20px;
		font-weight: 500;
		position: relative;
		right: inherit;
		top: inherit;
		background: #0071cd;
		font-family: 'Noto Sans KR';
		color: #fff;
	}
}

@media screen and (max-width:870px) {
	.suvList dl dd {
		width: calc(100% - 52px);
		padding: 26px;
		background: #fff;
		display: block;
		line-height: 1.5rem;
		color: #555;
		font-size: 16px;
		font-weight: 500;
		position: relative;
	}
	.suvList dl dd div input, .suvList dl dd div textarea {
		width: 100%;
		border: 1px solid #cdcdcd;
		border-radius: 3px;
		background: #fff;
		font-size: 1em;
		height: 48px;
		box-sizing: border-box;
		padding: 10px 10px;
	}
	.suvList dl dd>div {
		overflow-x: auto;
		width: 100%;
	}
	.suvList dl dd>div>tbl_privacye {
		min-width: 1024px;
	}
	.suvList dl dd.mgr {
		width: calc(100% - 52px);
		padding: 26px;
	}
	.suvList dl dd>div>p.colGui {
		width: 100%;
		display: block;
		text-align: left;
	}
	.resImg {
		width: 100%;
	}
}

@media screen and (max-width:780px) {
	.surveyList .slCon button {
		width: 100%;
		height: auto;
		padding: 20px 0;
		text-align: center;
	}
	.bar_wrap {
		width: 100%;
		display: block;
	}
	.endTxt {
		width: 100%;
		display: block;
		float: left;
		text-align: right;
		margin: 10px 0;
	}
}

@media screen and (max-width:640px) {
	.suvList dl dt {
		width: calc(100% - 52px);
		padding: 26px;
		position: relative;
		display: block !important;
	}
	.suvList dl dt label {
		position: relative;
		left: inherit;
		top: inherit;
		display: block;
		margin-bottom: 5px;
	}
	.suvList dl dd>div>.surpic .spCon {
		width: 49%;
		float: left;
		display: inline-block;
		border-radius: 4px;
		border: 1px solid #e7e7e7;
		box-sizing: border-box;
		margin: 0 .5%;
	}

	/*이미지*/
	.suvList dl dd>div>.surpic .spCon {
		width: 100%;
		margin: 0 0 20px 0;
	}
}

@media screen and (max-width:480px) {
	.surveyList p.surTit {
		text-align: center;
	}
	.surveyList .slCon ul {
		width: calc(100% - 30px);
		padding: 15px;
		margin-bottom: 10px;
		background: transparent;
		border-radius: 0;
	}
	.surveyList .slCon ul li {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 10px;
	}
	.surveyList .slCon ul li label {
		width: 100%;
		text-align: center;
		background: #f4f6f8;
		border-radius: 3px;
		margin-bottom: 10px;
		padding: 8px 0;
	}
	.surveyList .slCon ul li span {
		width: 100%;
		display: block;
		float: left;
		text-align: center;
	}
}

/*선박가치평가*/
.subdept02Tit {
	width: 100%;
	height: 100%;
	display: block;
	text-align: left;
	color: #111;
	font-size: 30px;
	font-weight: 700;
	float: left;
	position: relative;
}

.shipaddBtn {
	position: absolute;
	right: 0;
	top: calc(50% - 10px);
	width: 29px;
	height: 29px;
	vertical-align: middle;
	line-height: 16px;
	border-radius: 4px;
	font-size: 20px;
	font-weight: 500;
	display: inline-block;
	border: 1px solid #c6c6c6;
	box-sizing: border-box;
	background: #fff;
	color: #555;
	cursor: pointer;
}

.shipaddDel {
	width: 29px;
	height: 29px;
	border-radius: 4px;
	font-size: 24px;
	font-weight: 500;
	display: inline-block;
	border: 1px solid #bcbcbc;
	box-sizing: border-box;
	background: #f6f6f6;
	color: #555;
	cursor: pointer;
	float: right;
	padding: 0 0;
	margin: 0 0;
	line-height: 15px;
}

.shipaddDel::before {
	content: "";
	width: 13px;
	height: 15px;
	display: inline-block;
	background: url(../images/contents/ico_delT.png) no-repeat center;
	background-size: 13px auto;
	vertical-align: middle;
}

#field {
	width: 100%;
	min-width: 99%;
	max-height: 600px;
	overflow-y: auto;
	margin-bottom: 70px;
	padding-right: 1%;
}

.upBtn {
	/*width: 100%;*/
	text-align: right;
}
.upBtn ul li {display:block; margin-top:3px;}
.upBtn label {margin:0 10px 0 0;}

.privacy {
	width: calc(100% - 80px);
	margin-top: 20px;
	padding: 40px;
	border: 1px solid #c6c6c6;
	float: left;
}
.upBtn label:before {

	content: "";
	width: 17px;
	height: 15px;
	display: inline-block;
	box-sizing:border-box;
	margin: 0 3px 0 0; 
	background: url(../images/contents/upbtn_ico.png) no-repeat center;
	vertical-align: middle;
}

.privacy p.priTit {
	width: 100%;
	display: block;
	text-align: center;
	color: #111;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: -.058px;
}

.privacy ul {
	width: 100%;
	display: block;
	margin-top: 40px;
	overflow: hidden;
}

.privacy ul li {
	width: 100%;
	display: block;
	float: left;
	position: relative;
	margin: 5px 0;
}

.privacy ul li span {
	display: inline-block;
	font-size: 16px;
	color: #555;
}

.privacy ul li span:nth-child(1) {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	font-family: 'Poppins SemiBold';
}

.privacy ul li span:nth-child(2) {
	margin-left: 30px;
	width: calc(100% - 30px);
	font-weight: 400;
}

.priSel {
	width: calc(100% - 56px);
	display: block;
	float: left;
	overflow: hidden;
	margin-top: 60px;
	position: relative;
	padding: 0 28px 27px 28px;
	border-bottom: 1px solid #d9d9d9;
}

.prAgr {
	font-size: 18px;
	color: #111;
	font-weight: 500;
}

.priSel>div {
	float: right;
	position: absolute;
	top: 0;
	right: 56px;
}

.priguiTxt {
	font-size: 15px;
	color: #888;
	font-weight: 400;
	margin-top: 20px;
	width: 100%;
	display: block;
	float: left;
}

@media screen and (max-width: 680px) {
	.priSel {
		width: 100%;
		padding: 0 0 27px 0;
		border-bottom: 1px solid #d9d9d9;
	}
	.prAgr {
		font-size: 18px;
		color: #111;
		font-weight: 500;
	}
	.priSel>div {
		float: left;
		position: relative;
		top: inherit;
		right: 0;
		margin-top: 10px;
	}
}

/*법인인증*/
.corBox {
	width: 980px;
	min-height: 461px;
	margin: 0 auto;
	padding: 84px 0;
	background: #fff;
	border: 1px solid #dde0e1;
	border-top: 2px solid #111;
	position: relative;
}

.corBox h3 {
	font-size: 32px;
	color: #111;
	font-weight: 700;
	text-align: center;
	width: 100%;
	display: block;
}

.corguitxt {
	width: 100%;
	display: block;
	font-size: 16px;
	color: #666;
	font-weight: 400;
	text-align: center;
	margin-top: 20px;
	padding-bottom: 40px;
	position: relative;
	line-height: 1.4em;
}

.corguitxt::after {
	content: "";
	width: 28px;
	height: 1px;
	background: #111;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: calc(50% - 14px);
}

.stPt {
	width: 500px;
	margin: 0 auto;
	display: block;
	margin-top: 56px;
	display: flex;
	align-items: center;
}

.stPt label {
	width: 120px;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #000;
	font-weight: 500;
}

.stPt label::before {
	content: "";
	width: 4px;
	height: 4px;
	background: #000;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	border-radius: 50px;
}

.stPt input {
	width: calc(100% - 120px);
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	border-radius: 5px;
	border: 1px solid #b8b8b8;
	box-sizing: border-box;
}

.stPt input::placeholder {
	font-size: 14px;
	color: #c2c2c2;
	font-weight: 300;
}

.checker {
	width: 500px;
	min-height: 120px;
	margin: 20px auto 0;
	position: relative;
}

.checker ul li {
	display: inline-block;
	width: auto;
	float: left;
	text-align: center;
	/*    background: #f9f9f9;*/
	line-height: 40px;
}

.checker ul li label {
	display: block;
	width: calc(100% - 120px);
	margin-left: 120px;
	height: 40px;
	line-height: 40px;
	text-align: left;
}

.checker ul li label.ml {
	width: calc(100% - 20px);
	margin-left: 20px;
}

.tabCon {
	width: 500px;
	margin: 0 auto;
}

.tabCon>p.inTextBox {
	width: 100%;
	position: relative;
	display: flex;
	margin: 20px 0;
}

.tabCon>p.inTextBox>label {
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	color: #000;
	font-weight: 500;
}

.tabCon>p.inTextBox>label::before {
	content: "";
	width: 4px;
	height: 4px;
	background: #000;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	border-radius: 50px;
}

.tabCon>p.inTextBox>input {
	width: auto;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	border-radius: 5px;
	border: 1px solid #b8b8b8;
	box-sizing: border-box;
	float: left;
	display: inline-block;
}

.tabCon>p.inTextBox>input::placeholder {
	font-size: 14px;
	color: #c2c2c2;
	font-weight: 300;
}

.tabCon>p.inTextBox.tb01>input.wid31 {
	width: 31%;
	margin-left: 120px;
}

.tabCon>p.inTextBox.tb01>input.wid21 {
	width: 21%;
	margin: 0
}

.tabCon>p.inTextBox.tb01>input.wid40 {
	width: 40%;
	margin: 0
}

.tabCon>p.inTextBox.tb02>input.wid21 {
	width: 21%;
	margin-left: 120px;
}

.tabCon>p.inTextBox.tb02>input.wid15 {
	width: 15%;
	margin: 0
}

.tabCon>p.inTextBox.tb02>input.wid31 {
	width: 31%;
	margin: 0
}

.tabCon>p.inTextBox.tb02>input.wid14 {
	width: 14%;
	margin: 0
}

.tabCon>p.inTextBox>span {
	width: 4%;
	display: inline-block;
	float: left;
	font-size: 18px;
	height: 50px;
	line-height: 48px;
	text-align: center;
}

.tabCon>p.inTextBox>span.wid08 {
	width: 8%;
}

/*.checker input:checked ~ label {
    background: #ccc;
}*/
.checker input:checked ~ .tabCon {
	display: block;
}

.corBox button {
	width: 397px;
	margin: 40px auto 0;
	display: block;
	height: 64px;
	line-height: 64px;
	color: #fff;
	font-weight: 500;
	font-size: 17px;
	text-align: center;
	background: #0071cd;
	border-radius: 3px;
}

.corBox button.wid500 {
	width: 500px;
}

@media screen and (max-width: 1300px) {
	.corBox {
		width: 100%;
		margin: 0;
	}
}

@media screen and (max-width: 980px) {
	.corguitxt {
		width: 90%;
		margin: 20px 5% 0;
		word-break: keep-all;
	}
}

@media screen and (max-width: 640px) {
	.corBox {
		width: 96%;
		margin: 0 2%;
	}
	.stPt {
		width: 80%;
		margin: 0 10%;
		display: block;
		margin-top: 56px;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.stPt label {
		width: 100%;
		display: block;
		margin-bottom: 10px;
		vertical-align: middle;
		font-size: 15px;
		color: #000;
		font-weight: 500;
	}
	.stPt label::before {
		content: "";
		width: 4px;
		height: 4px;
		background: #000;
		display: inline-block;
		margin-right: 5px;
		vertical-align: middle;
		border-radius: 50px;
	}
	.stPt input {
		width: 100%;
	}
	.checker {
		width: 90%;
		margin: 20px 5% 0;
		position: relative;
	}
	.checker>ul>li>input[type="radio"]:checked+label, 
	.checker>ul>li>input[type="radio"]:not(:checked ) +label {
		font-size: 14px;
	}
	.checker>ul>li>label {
		display: block;
		width: 90%;
		margin-left: 10%;
		height: 40px;
		line-height: 40px;
		text-align: left;
		font-size: 12px;
	}
	
	/*.tabCon {
		display: none;
		width: 90%;
		margin: 0 5%;
		text-align: left;
		position: absolute;
		left: 0;
		top: 40px;
		float: left;
	}
	.tabCon>p.inTextBox {
		width: 100%;
		position: relative;
		display: block;
		float: left;
		margin: 5px 0;
	}
	.tabCon>p.inTextBox>label {
		position: relative;
		left: inherit;
		top: inherit;
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size: 15px;
		color: #000;
		font-weight: 500;
		margin-left: 0;
	}
	.tabCon>p.inTextBox>input {
		width: 100%;
		margin-left: 0;
		height: 50px;
		line-height: 50px;
		padding: 0 15px;
		border-radius: 5px;
		border: 1px solid #b8b8b8;
		box-sizing: border-box;
		float: left;
		display: inline-block;
	}
	.tabCon>p.inTextBox>input::placeholder {
		font-size: 14px;
		color: #c2c2c2;
		font-weight: 300;
	}
	.tabCon>p.inTextBox>input.wid23 {
		width: 21%;
		margin-left: 0;
	}
	.tabCon>p.inTextBox>input.wid33 {
		width: 31%;
		margin: 0
	}
	.tabCon>p.inTextBox>input.wid40 {
		width: 40%;
		margin: 0
	}
	.tabCon>p.inTextBox>input.wid46.ml {
		width: 46%;
		margin-left: 0;
	}
	.tabCon>p.inTextBox>input.wid46 {
		width: 46%;
		margin: 0
	}
	.tabCon>p.inTextBox>span {
		width: 4%;
		display: inline-block;
		float: left;
		font-size: 18px;
		height: 50px;
		line-height: 48px;
		text-align: center;
	}
	.tabCon>p.inTextBox>span.wid08 {
		width: 8%;
	}*/
	
	.tabCon {
	    width: 80%;
	    margin: 0 10%;
	    overflow: hidden;
	}
	
	.tabCon>p.inTextBox {
	    display: block;
	    float: left;
	}
	
	.tabCon>p.inTextBox>label {
	    position: relative;
	    left: inherit;
	    top: inherit;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    font-size: 15px;
	    color: #000;
	    font-weight: 500;
	    float: left;
	}
	
	.tabCon>p.inTextBox.tb01>input.wid31 {
	    width: 31%;
	    margin-left: 0;
	}
	
	.corBox button {
		width: 80%;
		margin: 300px 10% 0;
		display: block;
		height: 64px;
		line-height: 64px;
		color: #fff;
		font-weight: 500;
		font-size: 17px;
		text-align: center;
		background: #0071cd;
		border-radius: 3px;
	}
	
	.corBox button.wid500 {
		width: 80%;
		margin: 40px 10% 0;
	}
}
/*온라인상담신청*/
.uniq {
	width: calc(100% - 40px);
	padding: 20px;
	font-weight: 400;
	font-size: 17px;
	color: #333;
	border: 1px solid #dfe6ef;
	background: #f5f7f9;
	border-radius: 6px;
	float: left;
	margin: 20px 0 70px 0;
}

/*홍보동영상 코멘트 추가*/
.videoCommnet {
	width: 1280px;
	margin: 0 auto;
}

/*주요업무 임시 이미지*/
.imgExwrap {
	width: 1920px;
	margin: 0 auto;
}

.imgExwrap img {
	width: 100%;
}

@media screen and (max-width:1300px) {
	.imgExwrap {
		width: 90%;
		margin: 0 5%;
	}
}

/*0418*/
/*0414 게시판 비밀번호*/
.boardPasswrap {
	width: 881px;
	border: 1px solid #d5d5d5;
	border-top: 2px solid #111;
	margin: 0 auto;
}

@media screen and (max-width:980px) {
	.boardPasswrap {
		width: 90%;
		border: 1px solid #d5d5d5;
		border-top: 2px solid #111;
		margin: 0 5% 0;
	}
}

/*기타*/
/*이메일무단수집*/
.emaiTit {
	width: calc(100% - 118px);
	border: 1px solid #d5d5d5;
	border-top: 2px solid #111;
	margin: 0 auto;
	padding: 29px 59px;
	background: #f5f7f8;
}

.emaiTit p {
	width: calc(100% - 143px);
	min-height: 111px;
	font-size: 18px;
	font-weight: 400;
	color: #222;
	position: relative;
	padding-left: 143px;
	display: flex;
	align-items: center;
}

.emaiTit p:before {
	content: "";
	width: 111px;
	height: 111px;
	display: inline-block;
	left: 0;
	top: 0;
	background: url(../images/contents/ico_mail_gui.png) no-repeat center;
	position: absolute;
}

.emlList {
	width: 100%;
	float: left;
	margin: 36px 0 0;
}

.coList {
	width: 96%;
	overflow: hidden;
	margin: 36px 2% 0 2%;
}

.emlList li, .coList li {
	width: calc(100% - 7px);
	display: block;
	float: left;
	font-size: 17px;
	font-weight: 400;
	color: #555;
	margin-bottom: 20px;
	position: relative;
	padding-left: 7px;
}

.emlList li:before, .coList li:before {
	content: "";
	width: 2px;
	height: 2px;
	background: #555;
	display: inline;
	vertical-align: super;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 12px;
}

.bottom_gui {
	width: 100%;
	display: block;
	margin-top: 50px;
	float: left;
	font-size: 17px;
	font-weight: 400;
	color: #555;
	word-break: keep-all;
}

.bottom_gui em {
	color: #0071cd;
}

@media screen and (max-width:1300px) {
	.emaiTit {
		width: calc(100% - 60px);
		padding: 30px 30px;
	}
	.emaiTit p br {
		display: none;
	}
	.bottom_gui br {
		display: none;
	}
}

@media screen and (max-width:580px) {
	.emaiTit p {
		width: 100%;
		min-height: 111px;
		padding-left: 0;
		padding-top: 130px;
	}
	.emaiTit p:before {
		content: "";
		width: 111px;
		height: 111px;
		display: inline-block;
		left: calc(50% - 55.5px);
		top: 0;
		background: url(../images/contents/ico_mail_gui.png) no-repeat center;
		position: absolute;
	}
}

/*기타 이용약관*/
/* TERMS */
.terms-wrap article {
	margin-bottom: 2rem;
}

.terms-wrap article>h3, .terms-wrap article>.terms-title {
	margin: 0 0 50px 0;
	line-height: 1.2em;
	font-weight: 700;
	font-size: 30px;
	color: #111;
	word-break: keep-all;
}

.terms-wrap article>h4, .terms-wrap article>.terms-title-sub {
	margin: 0 0 25px 0;
	line-height: 120%;
	font-weight: 700;
	font-size: 26px;
	color: #111;
	width: 100%;
	display: block;
	overflow: hidden;
}

.terms-wrap article>h4 {
	float: left;
}

.terms-wrap article>h5, .terms-wrap article>.terms-title-sub {
	margin: 0 0 23px 0;
	line-height: 120%;
	font-weight: 700;
	font-size: 20px;
	color: #111;
	width: 100%;
	display: block;
	float: left;
}

.terms-wrap>h5{
	margin: 0 0 23px 0;
	line-height: 120%;
	font-weight: 700;
	font-size: 20px;
	color: #111;
	width: 100%;
	display: block;
	float: left;
}

.terms-wrap article>h6, .terms-wrap article>.terms-title-sub {
	margin: 55px 0 23px 0;
	line-height: 120%;
	font-weight: 500;
	font-size: 20px;
	color: #111;
}

.terms-wrap article>p, .terms-wrap article>ul, .terms-wrap article>ol {
	width: 100%;
	display: block;
	margin: 0 0;
	font-weight: 400;
	font-size: 17px;
	color: #555;
	word-break: keep-all;
	overflow: hidden;
}

.terms-wrap article>p {
	line-height: 1.7em;
}

.terms-wrap article>p.ttbl {
	color: #0071cd;
	font-size: 22px;
	font-weight: 700;
}

.terms-wrap article>p.bl {
	color: #111;
	font-size: 17px;
	font-weight: 400;
}

.terms-wrap article>p.bl em {
	font-size: .7em;
	display: inline-block;
	margin-right: 3px;
	color: #111;
	vertical-align: top;
}

.terms-wrap article>ul>li, .terms-wrap article>ol>li {
	margin-bottom: 5px;
	line-height: 1.7em;
}

.terms-wrap article>ul>li>ul {
	margin: 17px 0;
}

.terms-wrap article>ul>li em {
	font-size: .85em;
	display: inline-block;
	margin-right: 5px;
	color: #0071cd;
}

.terms-wrap article>ul>li em.bck {
	font-size: .65em;
	display: inline-block;
	margin-right: 5px;
	margin-top: -5px;
	vertical-align: middle;
	color: #555;
}

.terms-wrap article>ul>li label {
	display: inline-block;
	border-radius: 50px;
	width: 135px;
	height: 33px;
	line-height: 31px;
	background: #f7fdff;
	border: 1px solid #0071cd;
	box-sizing: border-box;
	color: #0071cd;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	position: relative;
	padding-left: 10px;
	margin-right: 10px;
}

.terms-wrap article>ul>li label img {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -8px;
}

.terms-wrap article li>ul>li, .terms-wrap article li>ol>li {
	padding-left: 1rem;
	text-indent: -1rem;
	font-size: 17px;
}

.terms-wrap article li>ol>li:first-child {
	margin-top: 10px;
}





/*추가 */
.terms-wrap>h3, .terms-wrap article>.terms-title {
	margin: 0 0 50px 0;
	line-height: 1.2em;
	font-weight: 700;
	font-size: 30px;
	color: #111;
	word-break: keep-all;
}

.terms-wrap>h4, .terms-wrap article>.terms-title-sub {
	margin: 0 0 25px 0;
	line-height: 120%;
	font-weight: 700;
	font-size: 26px;
	color: #111;
	width: 100%;
	display: block;
	overflow: hidden;
}

.terms-wrap>h4 {
	float: left;
}

.terms-wrap>h5, .terms-wrap article>.terms-title-sub {
	margin: 0 0 23px 0;
	line-height: 120%;
	font-weight: 700;
	font-size: 20px;
	color: #111;
	width: 100%;
	display: block;
	float: left;
}


.terms-wrap>h6, .terms-wrap article>.terms-title-sub {
	margin: 55px 0 23px 0;
	line-height: 120%;
	font-weight: 500;
	font-size: 20px;
	color: #111;
}

.terms-wrap>p, .terms-wrap article>ul, .terms-wrap article>ol {
	width: 100%;
	display: block;
	margin: 0 0;
	font-weight: 400;
	font-size: 17px;
	color: #555;
	word-break: keep-all;
	overflow: hidden;
}

.terms-wrap>p {
	line-height: 1.7em;
}

.terms-wrap>p.ttbl {
	color: #0071cd;
	font-size: 22px;
	font-weight: 700;
}

.terms-wrap>p.bl {
	color: #111;
	font-size: 17px;
	font-weight: 400;
}

.terms-wrap>p.bl em {
	font-size: .7em;
	display: inline-block;
	margin-right: 3px;
	color: #111;
	vertical-align: top;
}

.terms-wrap>ul>li, .terms-wrap article>ol>li {
	margin-bottom: 5px;
	line-height: 1.7em;
}

.terms-wrap>ul>li>ul {
	margin: 17px 0;
}

.terms-wrap>ul>li em {
	font-size: .85em;
	display: inline-block;
	margin-right: 5px;
	color: #0071cd;
}

.terms-wrap>ul>li em.bck {
	font-size: .65em;
	display: inline-block;
	margin-right: 5px;
	margin-top: -5px;
	vertical-align: middle;
	color: #555;
}

.terms-wrap>ul>li label {
	display: inline-block;
	border-radius: 50px;
	width: 135px;
	height: 33px;
	line-height: 31px;
	background: #f7fdff;
	border: 1px solid #0071cd;
	box-sizing: border-box;
	color: #0071cd;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	position: relative;
	padding-left: 10px;
	margin-right: 10px;
}

.terms-wrap>ul>li label img {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -8px;
}

.terms-wrap li>ul>li, .terms-wrap article li>ol>li {
	padding-left: 1rem;
	text-indent: -1rem;
	font-size: 17px;
}

.terms-wrap li>ol>li:first-child {
	margin-top: 10px;
}








/*.terms-wrap ul > li:before {
    content: '•';
    display: inline-block;
    width: 1.375rem;
    padding-left: 0;
    text-indent: 0;
    font-weight: 500;
    font-size: 100%;
    text-align: left;
}*/
.terms-wrap.privacy ul>li>ul {
	padding-left: 0.375rem;
}

.terms-wrap li a, .terms-wrap li span {
	display: inline-block;
	padding: 0;
	text-indent: 0;
}

.terms-wrap li a {
	/* -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s; */
	transition: all 0.2s;
	color: #2b4fa3;
}

.terms-wrap li a:hover, .terms-wrap li a:focus, .terms-wrap li a:active
	{
	color: #091152;
}

.terms-wrap article .terms-tbl_privacye-wrap {
	padding: 1rem 4.375rem;
}

.w-box {
	margin-top: 40px;
	width: calc(100% - 184px);
	padding: 62px 92px;
	border-radius: 6px;
	background: #f5f7f9;
	border: 1px solid #dfe6ef;
}

.w-box.pd {
	margin: 40px 0;
	width: calc(100% - 80px);
	padding: 40px;
	border-radius: 6px;
	background: #f5f7f9;
	border: 1px solid #dfe6ef;
}

.w-box.pd p {
	padding: 10px 0 10px 20px;
	font-size: 17px;
	font-weight: 500;
	color: #333;
}

.w-box ul {
	width: 100%;
	overflow: hidden;
}

.w-box ul li {
	width: calc(50% - 4%);
	margin: 0 2%;
	padding: 0 0;
	display: inline-block;
	float: left;
}

.w-box ul li ol {
	width: 100%;
	display: block;
	float: left;
	padding: 0 0;
	margin: 0 0;
}

.w-box ul li ol li {
	width: 100%;
	display: block;
	float: left;
	font-size: 17px;
	font-weight: 500;
	color: #333;
	word-break: keep-all;
	padding: 0 0;
	margin: 0 0 10px 0;
	text-indent: 0;
}

.w-box ul li ol li:first-child {
	margin-top: 0;
}

.etcbtns {
	width: 100%;
	margin-top: 45px;
	overflow: hidden;
	border-top: 1px solid #d9d9d9;
	padding-top: 37px;
}

.etcbtns.center {
	text-align: center;
}

.etcbtns.right {
	text-align: right;
}

.etcbtns button {
	width: auto;
	padding: 10px 50px;
	height: auto;
	min-height:67px;
	font-size: 16px;
	font-weight: 500;
	color: #555;
	text-align: center;
	vertical-align: middle;
	position: relative;
	border-radius: 3px;
	background: #fff;
	border: 1px solid #c6c6c6;
	word-break:keep-all;
}

.etcbtns button.bl {
	background: #0071cd;
	border: 1px solid #0071cd;
	color: #fff;
	margin-left: 18px;
}

.etcbtns button.bladd {
	background: #0071cd;
	color: #fff;
	margin-left: 18px;
	width: 168px;
	height: 58px;
	line-height: 58px;
	border: 0;
}

.etcbtns button.bladd:after {
	display: none;
}

.etcbtns button:after {
	content: "";
	width: 6px;
	height: 14px;
	display: inline-block;
	background: url(../images/contents/ico_buttonArr_grey.png) no-repeat
		center;
	background-size: 6px auto;
	position: absolute;
	right: 24px;
	top: 26px;
}

.etcbtns button.bl:after {
	content: "";
	width: 6px;
	height: 14px;
	display: inline-block;
	background: url(../images/contents/ico_buttonArr.png) no-repeat center;
	background-size: 6px auto;
	position: absolute;
	right: 24px;
	top: 26px;
}

.etcbtns button.blDown {
	color: #fff;
	background: #0071cd;
	border: 1px solid #0071cd;
}

.etcbtns button.blLink{
	color: #fff;
	background: #0071cd;
}

.btn_fu_cs:focus {border:2px solid #000;}

.etcbtns button.blLink:focus {outline:none; border:3px solid #fb8000; box-sizing:border-box;}

.etcbtns button.blDown:after {
	content: "";
	width: 17px;
	height: 15px;
	display: inline-block;
	background: url(../images/contents/ico_down.png) no-repeat center;
	background-size: 17px auto;
	position: absolute;
	right: 24px;
	top: 26px;
}

.etcbtns button.blLink:after {
	content: "";
	width: 17px;
	height: 15px;
	display: inline-block;
	background: url(../images/contents/ico_linkGo.png) no-repeat center;
	background-size: 17px auto;
	position: absolute;
	right: 24px;
	top: 26px;
}

.b-box {
	margin: 20px 0;
	width: calc(100% - 46px);
	padding: 18px 23px;
	border-radius: 0;
	background: #fff;
	border: 1px solid #d9d9d9;
}

.b-box ul {
	width: 100%;
	display:inline-block;
	vertical-align:top;
}

.b-box ul li {
	width: 100%;
	padding: 0 0;
	margin: 0 0;
	display: block;
	float: left;
	text-indent: 0;
}

.boxmgLeft {
	padding-left: 2rem;
	text-indent: -1rem;
	margin: 15px 0;
	box-sizing:border-box;
}

.no-in {
	text-indent: 0;
	margin-left: -1rem;
}

.boxmgLeft div {
	text-indent: 0;
	padding-right: 2rem;
}

.boxmgLeft>ul>li {
	margin: 0 0;
	margin-bottom: 5px;
}

.boxmgLeft>ul {
	padding-left: 2rem;
}

.boxmgLeft>ul>li>ol {
	margin: 5px 0 10px 0;
}

.boxmgLeft>ul>li>ol>li {
	margin: 0 0;
}

.boxmgLeft>ul>li>span, .boxmgLeft>span {
	font-size: .5em;
	vertical-align: text-top;
}

.mgLeft {
	padding-left: 1rem;
	text-indent: -1rem;
}

.mgLeft.pdl {
	padding-left: 2rem;
}

.mgLeft>li {
	margin: 5px 0;
}

.mgLeft li span {
	font-size: .5em;
	vertical-align: text-top;
}

.rep {
	width: calc(100% - 50px);
	display: block;
	overflow: hidden;
	float: left;
	margin: 36px 25px 90px;
}

.rep ol {
	display: block;
	width: 100%;
	vertical-align: middle;
	counter-reset: system 0;
}

.rep ol li {
	display: inline-block;
	width: calc(50% - 25px);
	margin-right: 50px;
	position: relative;
	float: left;
	height: 348px;
	padding: 30px 50px;
	background: #fff;
	border: 1px solid #c5d0d9;
	border-top: 5px solid #0071cd;
	border-radius: 5px;
	box-sizing: border-box;
}

.rep ol li:last-child {
	margin-right: 0;
}

.rep ol li:after {
	content: "";
	position: absolute;
	width: 50px;
	height: 100%;
	display: block;
	right: -50px;
	top: 0;
	background: url(../images/contents/icon_guide_arrow.png) no-repeat
		center;
}

.rep ol li:last-child:after {
	display: none;
}

.rep ol li::before {
	position: absolute;
	content: '0' counter(system);
	counter-increment: system;
	right: 30px;
	top: 30px;
	font-size: 24px;
	color: #56779E;
	font-family: 'Poppins Bold Italic';
}

.rep ol li em {
	display: block;
	font-size: 24px;
	font-weight: 700;
	color: #111;
	margin-top: 70px;
	line-height: 1.4em;
}

.rep ol li sub {
	display: block;
	font-size: 17px;
	font-weight: 400;
	color: #555;
	margin-top: 20px;
	line-height: 160%;
}

@media screen and (max-width:1300px) {
	.w-box {
		width: calc(100% - 100px);
		padding: 30px 50px;
	}
	
	.rep{
	    width: 100%;
    	display: block;
    	overflow: hidden;
    	float: left;
    	margin: 36px 0 90px;
	}
	
	.rep ol li sub br {
		display: none;
	}
	
	.rep ol li em {
		margin-top: 40px;
	}
}

@media screen and (max-width:980px) {
	.w-box {
		width: calc(100% - 60px);
		padding: 30px;
	}
	
	.rep ol li {
	    display: block;
	    width: 100%;
	    margin-right: 0;
	    position: relative;
	    float: left;
	    height: auto;
	    padding: 30px 50px;
	    background: #fff;
	    border: 1px solid #c5d0d9;
	    border-top: 5px solid #0071cd;
	    border-radius: 5px;
	    box-sizing: border-box;
	    margin-bottom: 50px;
	}
	
	.rep ol li:after {
	    width: 50px;
	    height: 50px;
	    right: 50%;
	    top: auto;
	    bottom: -50px;
	    margin-right: -25px;
	    transform: rotate(90deg);
	}
}

@media screen and (max-width: 940px) {
	
	.joinStep li {
		width: 190px;
		margin: 0 5px 0 0;
	}
	
	.center_btns button.blDown {
		width: 285px;
		font-size: 14px;
	}
}

@media screen and (max-width:640px) {
	.w-box ul li {
		width: 100%;
		margin: 0 0;
		display: inline-block;
		float: left;
	}
	
	.etcbtns button{
		font-size: 15px;
	}
	
	.etcbtns.right {
		text-align: center;
	}
	
	.rep ol li {
	    padding: 20px;
	}

}

/*연혁*/
.hisWrap {
	width: 1280px;
	margin: 0 auto;
	display: flex;
}

.sticky_box {
	position: sticky;
	top: 150px;
	width: 349px;
	height: 500px;
	z-index: 1;
}

#sidebar {
	position: absolute;
}

.navigation {
	width: 100%;
}

.navigation a {
	width: 100%;
	line-height: 140%;
	display: block;
	float: left;
	letter-spacing: .05em;
	font-size: 43px;
	font-family: 'Poppins Bold';
	color: #8c8f92;
	text-align: left;
}

.navigation a:nth-child(4) {
	letter-spacing: -.015em;
}

.navigation a.active {
	color: #0071cd;
}

.navigation a.active:after {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50px;
	background: #0071cd;
	display: inline-block;
	vertical-align: text-top;
	margin-top: 5px;
}

#sidebar button {
	width: 100%;
	height: auto;
	line-height: 120%;
	letter-spacing: .05em;
	font-size: 43px;
	font-family: 'Poppins Bold';
	color: #dee7ef;
	text-align: left;
	background-color: transparent;
	padding: 0 0;
	margin: 0 0 10px 0;
}

#sidebar button:nth-child(2) {
	letter-spacing: -.015em;
}

#sidebar.fixed {
	position: fixed;
	top: 120px;
}

#sidebar button.col_active {
	color: #0071cd;
}

#sidebar button.col_active:after {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50px;
	background: #0071cd;
	display: inline-block;
	vertical-align: text-top;
	margin-top: 5px;
}

.hiscon {
	width: calc(100% - 349px);
}

.hiscon>section {
	width: 100%;
	min-height: auto;
	float: left;
	margin-bottom: 150px;
}

.fix {
	margin-top: -150px;
	padding-top: 150px;
}

.hiscon>section>p.yearTit {
	width: 100%;
	border-bottom: 2px solid #111;
	font-family: 'Poppins Bold';
	color: #222;
	font-size: 65px;
	line-height: .9em;
	padding-bottom: 20px;
	float: left;
}

.hiscon>section>ul {
	width: 100%;
	height: 100%;
	margin: 50px 0 0 0;
	float: left;
}

.hiscon>section>ul li {
	width: 100%;
	display: block;
	float: left;
	margin-bottom: 23px;
}

.hiscon>section>ul li p {
	display: inline-block;
	float: left;
	line-height: 1.5em;
}

.hiscon>section>ul li p:nth-child(1) {
	width: 109px;
	font-size: 15px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
}

.hiscon>section>ul li p:nth-child(2) {
	width: calc(100% - 109px);
	font-size: 16px;
	color: #666;
	font-weight: 400;
}

@media screen and (max-width: 1300px) {
	.hisWrap {
		width: auto;
		margin: 0 5%;
		display: flex;
	}
	.sticky_box {
		position: sticky;
		top: 150px;
		width: 200px;
		height: 500px;
		z-index: 1;
	}
	.hiscon {
		width: calc(100% - 200px);
	}
}

@media screen and (max-width: 680px) {
	.hisWrap {
		flex-direction: column;
	}
	.sticky_box {
		width: 100%;
		height: auto;
		float: left;
		margin-bottom: 100px;
	}
	#sidebar {
		width: 100%;
	}
	.navigation {
		height: auto;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		display: flex;
	}
	.navigation a {
		width: calc(100%/ 6);
		font-size: 24px;
		margin-right: 40px;
	}
	.navigation a.active {
		margin-right: 60px;
	}
	.hiscon {
		width: 100%;
	}
	.hiscon>section {
		margin-bottom: 50px;
	}
	.hiscon>section>ul li p {
		display: block;
		word-break: keep-all;
	}
	.hiscon>section>ul li p:nth-child(1), .hiscon>section>ul li p:nth-child(2)
		{
		width: 100%;
	}
}

/*ci*/
.ciTop {
	padding: 90px 20px;
	text-align: center;
	margin-bottom: 88px;
	background: url(../images/contents/ci_grid.gif) repeat 0 0;
	border: 1px solid #eaeaea;
	position: relative;
}

.ciTop img {
	max-width: 100%;
	vertical-align: middle;
}

.ciTop span {
	position: absolute;
	bottom: 17px;
	right: 24px;
	color: #888;
}

.ci {
	width:100%;
	margin-bottom: 160px;
	display: flex;
	justify-content: space-between;
	line-height: 1.6em;
}

.ci h3 {
	width:calc(100% - 859px);
	color: #111;
	font-size: 30px;
	font-weight: bold;
}

.ciwr {
	width: 859px;
}

.ciinfotxt {
	font-size: 17px;
	color: #555;
	word-break: keep-all;
	margin-bottom: 50px;
}

.ciDown {
	display: flex;
	justify-content: space-between;
}

.ciwr button {
	width: 49%;
	height: 58px;
	line-height: 58px;
	border: 1px solid #575757;
	float: left;
	position: relative;
	font-size: 16px;
	color: #111;
	font-weight: 500;
	background: #fff;
}

.ciwr button:last-child {
	margin-right: 0;
}

.ciwr button:after {
	content: "";
	width: 17px;
	height: 15px;
	display: inline-block;
	background: url(../images/contents/ci_btn_down.png) no-repeat;
	position: absolute;
	top: calc(50% - 6.5px);
	right: 22px;
}

.ciwr ul {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ciwr ul li {
	width: 48%;
	margin-bottom: 38px;
}

.ciwr ul li h4 {
	font-size: 18px;
	color: #111;
	font-weight: 700;
	padding-bottom: 17px;
	border-bottom: 1px solid #e5e5e5;
}

.ciwr ul li p {
	vertical-align: middle;
	padding: 38px 36px;
}

.ciwr ul li p img {
	max-width: 100%;
	vertical-align: middle;
}

.coCol {
	display: flex;
}

.coCol div {
	padding: 38px;
	position: relative;
}

.maincol {
	width: 48%;
	height: 460px;
	background: #004098;
}

.subcolor {
	width: 26%;
	height: 379px;
}

.subcolor.ty01 {
	background: #009fe3;
}

.subcolor.ty02 {
	background: #e30413;
}

.ciname {
	font-size: 12px;
	color: rgba(255, 255, 255, .4);
	font-family: 'Poppins Medium';
}

.ciname b {
	display: block;
	color: #fff;
	font-size: 34px;
	font-family: 'Poppins SemiBold';
	line-height: .95em;
}

.ciinfo {
	position: absolute;
	bottom: 38px;
	right: 38px;
	text-align: right;
	font-size: 13px;
	color: #fff;
	font-family: 'Poppins Regular';
}

@media screen and (max-width: 1300px) {
	.ci {
		flex-direction: column;
	}
	.ci h3 {
		width: 100%;
		margin-bottom: 40px;
	}
	.ciwr {
		width: 100%;
	}
}

@media screen and (max-width: 880px) {
	.ciwr ul {
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}
	.ciwr ul li {
		width: 100%;
	}
	.ciwr ul li p {
		width: 100%;
		text-align: center;
		padding: 38px 0;
	}
	.coCol {
		display: flex;
		flex-direction: column;
	}
	.maincol {
		width: calc(100% - 76px);
		height: 460px;
		background: #004098;
	}
	.subcolor.ty01 {
		width: calc(80% - 76px);
		height: 379px;
	}
	.subcolor.ty02 {
		width: calc(60% - 76px);
		height: 379px;
	}
}

@media screen and (max-width: 780px) {
	.ciTop {
		padding: 90px 60px;
	}
}

@media screen and (max-width: 640px) {
	.ciTop {
		padding: 60px;
	}
	.ciwr ul li p img {
		max-width: 80%;
	}
}

@media screen and (max-width: 580px) {
	.maincol {
		height: 260px;
		background: #004098;
	}
	.subcolor.ty01, .subcolor.ty02 {
		width: calc(100% - 76px);
		height: 179px;
	}
}

/*ceo프로필*/
.ceoimgBox {
	width: 100%;
	position: relative;
}

.imgpr {
	width: 100%;
	height: 610px;
	background: url(../images/contents/ceo_proBg.jpg) no-repeat top 0 left 0;
	background-size: auto 610px;
}

.textPr {
	width: calc(100% - 542px - 254px);
	height: calc(610px - 124px - 88px);
	background: url(../images/contents/ceoProico.png) no-repeat top 0 left;
	position: absolute;
	top: 124px;
	right: 166px;
	padding: 44px;
}

.textPr p {
	font-size: 30px;
	color: #fff;
	line-height: 1.4em;
	font-weight: 300;
}

.textPr span {
	position: absolute;
	left: 44px;
	bottom: 130px;
}

.textPr span em {
	font-size: 18px;
	color: rgba(255, 255, 255, .8);
	font-weight: 100;
}

.textPr span em:after {
	content: "";
	width: 1px;
	height: 20px;
	background: rgba(255, 255, 255, .6);
	display: inline-block;
	vertical-align: bottom;
	margin-left: 15px;
}

.textPr span b {
	font-size: 24px;
	color: rgba(255, 255, 255, 1);
	font-weight: 700;
	margin-left: 15px;
}

.prList {
	margin-top: 98px;
}

.prList ul {
	display: flex;
}

.prList ul>li {
	width: 50%;
	height: auto;
	max-height: 245px;
	border-right: 1px solid #e0e0e0;
	display: flex;
	justify-content: space-between;
}

.prList ul li:last-child {
	border-right: 0;
}

.prList ul li label {
	width: calc(194px - 30px);
	padding-left: 30px;
	font-size: 30px;
	font-weight: 700;
	color: #111;
}

.prList ul li ol {
	width: calc(100% - 194px);
}

.prList ul li ol li {
	width: 100%;
	height: auto;
	font-size: 17px;
	color: #555;
	position: relative;
	padding-left: 10px;
	margin-bottom: 10px;
}

.prList ul li ol li:before {
	content: "";
	width: 2px;
	height: 2px;
	background: #111;
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 10px;
}

@media screen and (max-width: 1300px) {
	.ceoimgBox {
		width: auto;
	}
	.imgpr {
		background: url(../images/contents/ceo_proBg.jpg) no-repeat top 0 left
			-50px;
		background-size: auto 610px;
	}
	.textPr {
		width: calc(100% - 420px - 108px);
		height: calc(610px - 124px - 88px);
		background: url(../images/contents/ceoProico.png) no-repeat top 0 left;
		position: absolute;
		top: 124px;
		right: 80px;
		padding: 44px 0 44px 44px;
	}
}

@media screen and (max-width: 1140px) {
	.prList ul {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.prList ul>li {
		width: calc(100% - 10px);
		height: auto;
		border-bottom: 1px solid #e0e0e0;
		display: flex;
		justify-content: space-between;
		margin-bottom: 70px;
		padding-bottom: 70px;
		border-right: 0;
	}
	.prList ul li:last-child {
		border-bottom: 0;
	}
}

@media screen and (max-width: 980px) {
	.ceoimgBox {
		width: auto;
	}
	.imgpr {
		background: url(../images/contents/ceo_proBg.jpg) no-repeat top 0 left
			-70px;
		background-size: auto 610px;
	}
	.textPr {
		width: calc(100% - 380px - 124px);
		height: calc(610px - 80px - 88px);
		background: url(../images/contents/ceoProico.png) no-repeat top 0 left;
		position: absolute;
		top: 80px;
		right: 80px;
		padding: 44px 0 44px 44px;
	}
	.textPr p {
		font-size: 2em;
	}
	.textPr span {
		position: absolute;
		left: 44px;
		bottom: 130px;
	}
	.textPr span em {
		display: block;
	}
	.textPr span em:after {
		display: none;
	}
	.textPr span b {
		margin-left: 0;
		display: block;
		margin-top: 10px;
		margin-left: 0;
	}
}

@media screen and (max-width: 880px) {
	.imgpr {
		background-size: auto 70vh;
	}
	.textPr {
		width: calc(100% - 320px - 84px);
		height: calc(70vh - 80px - 88px);
		background: url(../images/contents/ceoProico.png) no-repeat top 0 left;
		position: absolute;
		top: 80px;
		right: 40px;
		padding: 44px 0 44px 44px;
	}
	.textPr p {
		font-size: 1.8em;
		line-height: 1.4em;
	}
}

@media screen and (max-width: 780px) {
	.imgpr {
		width: 100%;
		height:550px;
		background: url(../images/contents/ceo_proBg_mb.jpg) no-repeat center
			top 0;
		background-size: cover;
		position: relative;
	}
	.imgpr::after {
		content: "";
		width: 100%;
		height: 50%;
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		background: linear-gradient(to bottom, rgba(22, 21, 19, 0) 5%, rgba(22, 21, 19, 0.2) 20%, rgba(22, 21, 19, 0.4) 40%, rgba(22, 21, 19, 0.5) 50%, rgba(22, 21, 19, 0.9) 80%, rgba(22, 21, 19, 1) 100%);
	}
	.textPr {
		position: relative;
		top: inherit;
		right: inherit;
		width: calc(100% - 120px);
		height: auto;
		background: url(../images/contents/ceoProico.png) no-repeat top 20px
			left 20px #151515;
		padding: 60px 60px;
	}
	.textPr p {
		margin-bottom: 40px;
	}
	.textPr span {
		position: relative;
		left: inherit;
		bottom: inherit;
		margin-top: 40px;
	}
}

@media screen and (max-width: 640px) {
	.prList ul li {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.prList ul li label {
		width: 100%;
		padding-left: 0;
		margin-bottom: 40px;
	}
	.prList ul li ol {
		width: 100%;
	}
	.prList ul li ol li {
		width: 100%;
		height: auto;
		font-size: 17px;
		color: #555;
		position: relative;
		padding-left: 10px;
		margin-bottom: 10px;
	}
	.prList ul li ol li:before {
		content: "";
		width: 2px;
		height: 2px;
		background: #111;
		vertical-align: middle;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 10px;
	}
}

@media screen and (max-width: 580px) {
	.imgpr {
		width: 100%;
		height: 400px;
		background: url(../images/contents/ceo_proBg_mb.jpg) no-repeat center
			top 0;
		background-size: cover;
		position: relative;
	}
}

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

	.textPr {
		width: calc(100% - 80px);
		background: url(../images/contents/ceoProico.png) no-repeat top 20px
			left 20px #151515;
		padding: 40px;
	}
	.textPr p {
		font-size: 1.4em;
	}
	.textPr span {
		text-align: right;
	}
}

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

	.imgpr {
		height: 300px;
	}
}

/*임원소개*/
.execut-sec {
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.c-tit02 {
	font-size: 30px;
	color: #111;
	font-weight: 700;
	padding-bottom: 26px;
	border-bottom: 1px solid #111;
}

.c-tit02.mt {
	margin-top: 116px;
}

.in-wr {
	width: 100%;
	margin-top: 36px;
	display: flex;
}

.execut-sec .thum {
	float: left;
	width: 250px;
	height: 280px;
	border: 1px solid #e6e6e6;
}

.execut-sec .thum img {
	height: 100%
}

.execut-sec .exeout-txt {
	display: inline-block;
	position: relative;
	width: calc(100% - 250px - 66px);
	margin-left: 66px;
}

p.nm {
	font-size: 32px;
	color: #111;
	font-weight: bold;
}

p.nm label {
	font-size: 15px;
	color: #0071cd;
	font-weight: 500;
	border-radius: 50px;
	border: 1px solid #0071cd;
	padding: 5.5px 10px;
	vertical-align: text-top;
	margin-left: 13px;
}

.exprList {
	width: calc(100% - 120px);
	background: #f7f7f7;
	border-radius: 4px;
	padding: 40px 60px;
	display: flex;
	margin-top: 20px;
	justify-content: space-between;
}

.execut-sec .exeout-txt dl {
	position: relative;
	font-size: 18px;
	line-height: 40px;
	margin-right: 40px;
}

.execut-sec .exeout-txt dl dt {
	position: relative;
	float: left;
	color: #111;
	font-weight: 500;
	padding-left: 10px;
}

.execut-sec .exeout-txt dl dt:before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 2px;
	height: 2px;
	background: #111;
}

.execut-sec .exeout-txt dl dd {
	color: #555;
	font-size: 17px;
	margin: 0 0 10px 130px;
}

@media only screen and (max-width:1300px) {
	.exprList {
		width: calc(100% - 40px);
		background: #f7f7f7;
		border-radius: 4px;
		padding: 30px 20px;
		display: flex;
		margin-top: 20px;
	}
	.execut-sec .exeout-txt dl dd {
		color: #555;
		font-size: 17px;
		margin: 0 0 10px 100px;
	}
}

@media only screen and (max-width:1280px) {
	.exprList {
		width: calc(100% - 120px);
		background: #f7f7f7;
		border-radius: 4px;
		padding: 40px 60px;
		display: flex;
		flex-direction: column;
		margin-top: 20px;
	}
	.execut-sec .exeout-txt dl {
		position: relative;
		font-size: 18px;
		line-height: 40px;
		margin-bottom: 30px;
	}
	.execut-sec .exeout-txt dl dt, .execut-sec .exeout-txt dl dd {
		width: 100%;
		display: block;
		margin: 0 0;
		padding: 0 0;
	}
	.execut-sec .exeout-txt dl dt, .execut-sec .exeout-txt dl dd {
		padding-left: 10px;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width:900px) {
	.execut-sec .exeout-txt {
		margin-left: 33px;
	}
	.exprList {
		width: calc(100% - 80px);
		background: #f7f7f7;
		border-radius: 4px;
		padding: 40px;
		display: flex;
		flex-direction: column;
		margin-top: 20px;
	}
}

@media only screen and (max-width:780px) {
	.in-wr {
		width: 100%;
		margin-top: 36px;
		display: flex;
		flex-direction: column;
	}
	.execut-sec .thum {
		float: left;
		width: 250px;
		height: 280px;
		border: 1px solid #e6e6e6;
		margin: 0 auto;
	}
	.execut-sec .thum img {
		height: 100%
	}
	.execut-sec .exeout-txt {
		display: inline-block;
		position: relative;
		width: 100%;
		margin-left: 0;
		margin-top: 40px;
	}
}

/*지도*/
.wid {
	width: 100%;
	max-width:1280px;
	margin:0 auto;
	position: relative;
}

.btn-skip{
	font-size: 0;
	position: relative;
}

.btn-skip a{
	position:absolute;
	display:block;
	width:100%;
	left:0;
	text-align:center;
	top:-10000px;
	z-index:500;
	font-size:12px;
	color:#fff;
}

.btn-skip a:hover,
.btn-skip a:focus,
.btn-skip a:active{
	position:absolute;
	top:0;
	padding:10px 0;
	background:#234584;
	z-index:500;
}

.root_daum_roughmap{
	width: 100% !important;
	border:1px solid #c8c8c8;
	box-sizing:border-box;
}

.wrap_map{
	width: 100%;
	height: 730px !important;
	background: #eee;
}

.wrap_controllers,
.map_border{
	display: none !important;
}


.mapWidBg {
	width: 100%;
	z-index: 1;
	/*margin-bottom: 100px;*/
	/*margin-top: -122px;*/
	position: relative;
	overflow: hidden;
}

.mapWidBg:before {
	width: 50%;
	height: 277px;
	background: #0071cd;
	display: block;
	content: "";
	display: none;
}

.mapBtnGo {
	width: 1280px;
	margin: 0 auto;
	/*left: 50%;
	margin-left: -640px;
	height: 277px;
	z-index: 20;
	position: absolute;
	bottom: 0;*/
}

.mapBtnGo div {
	float: left;
	width: 50%;
}

.mapBtnGo div:nth-child(1) {
	background: #0071cd;
	height: calc(277px - 80px);
	padding: 40px;
	width: calc(50% - 80px);
}

.mapBtnGo div:nth-child(1) p {
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 42px;
}

.mapBtnGo div:nth-child(1) dl {
	width: 100%;
	display: flex;
	font-size: 17px;
	color: #fff;
	margin-bottom: 20px;
}

.mapBtnGo div:nth-child(1) dl dt {
	width: 110px;
	position: relative;
	padding-left: 22px;
}

dt.mapTT:before {
	content: "";
	width: 16px;
	height: 18px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 4px;
	background: url(../images/contents/ico_map.png) no-repeat;
	background-size: 16px;
}

dt.calTT:before {
	content: "";
	width: 16px;
	height: 18px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 4px;
	background: url(../images/contents/ico_call.png) no-repeat;
	background-size: 16px;
}

.mapBtnGo div dl dt:after {
	content: "";
	width: 1px;
	height: 12px;
	background: rgba(255, 255, 255, .5);
	display: inline-block;
	margin-right: 20px;
	position: absolute;
	right: 0;
	top: 7px;
}

.mapBtnGo div:nth-child(1) dl dd {
	width: calc(100% - 110px);
}

.mapBtnGo div:nth-child(2) {
	background: #f6f8fa;
	width: calc(50% - 106px);
	padding: 0 0 0 106px;
	position: relative;
	height: 277px;
	display: flex;
	align-items: center;
	/* margin-top: 122px; */
}

.mapBtnGo div:nth-child(2) b {
	font-size: 22px;
	color: #333;
}

.mapBtnGo div:nth-child(2) span {
	font-size: 15px;
	color: #888;
	display: block;
	margin-top: 5px;
}

.mapBtnGo div:nth-child(2):after {
	content: "";
	width: 27px;
	height: 16px;
	display: inline-block;
	background: url(../images/contents/maparr_ico.png) no-repeat;
	position: absolute;
	top: calc(50% - 8px);
	right: 86px;
}

.Mapinfo {
	max-width: 1280px;
	margin: 130px auto 0;
}

.Mapinfo h3 {
	font-size: 30px;
	color: #111;
	display: block;
}

.Mapinfo ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 31px;
}

.Mapinfo ul>li {
	width: 48%;
	display: inline-block;
	float: left;
	position: relative;
	border-top: 1px solid #e0e0e0;
	padding: 32px 0 120px 0;
}

.Mapinfo ul li p {
	width: 65px;
	position: absolute;
	left: 0;
	top: 32px;
}

.Mapinfo ul li ol {
	width: calc(100% - 80px);
	margin-left: 80px;
}

.Mapinfo ul li ol li {
	width: 100%;
}

.Mapinfo ul li ol li label {
	font-size: 20px;
	color: #111;
	font-weight: 700;
	margin-bottom: 22px;
	display: inline-block;
}

.Mapinfo ul li ol li span {
	display: block;
	width: 100%;
	font-size: 17px;
	padding-left: 5px;
	position: relative;
	margin-bottom: 10px;
	line-height: 1.3em;
}

.Mapinfo ul li ol li span:before {
	content: "";
	width: 2px;
	height: 2px;
	background: #222;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 10px;
}

.Mapinfo ul li ol li b {
	display: inline-block;
	margin-right: 5px;
}

.mImg {
	margin-top: 40px;
}

.mImg img {
	width: 100%;
}

.parkInfo {
	width: calc(100% - 80px);
	border-bottom: 2px solid #111;
	padding: 40px 40px;
	color: #707070;
	font-size: 18px;
}

.parkInfo label {
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	color: #111;
	margin-right: 32px;
}

.parkInfo label:after {
	content: "";
	width: 1px;
	height: 20px;
	background: #707070;
	display: inline-block;
	margin-left: 32px;
	vertical-align: middle;
}

.parkInfo label img {
	vertical-align: middle;
	margin-right: 8px;
}

.parkInfo em {
	color: #DC3338;
	font-size: 18px;
	font-weight: 500;
}

@media only screen and (max-width:1300px) {
	.mapBtnGo {
		width: 100%;
		margin: 0 auto;
	}
	
	.mapBtnGo div:nth-child(2) {
		background: #f6f8fa;
		width: calc(50% - 50px);
		padding: 0 0 0 50px;
		position: relative;
		height: 277px;
		display: flex;
		align-items: center;
	}
	
	.Mapinfo {
		width: 100%;
		margin: 130px 0 0;
		float: left;
	}
}

@media only screen and (max-width:980px) {
	
	.wrap_map{
		height: 500px !important;
	}
	
	.mapWidBg:before {
		display: none;
	}
	.mapBtnGo {
		width: 100%;
		left: 0;
		margin-left: 0;
		height: auto;
		z-index: 20;
		position: relative;
		bottom: 0;
		float: left;
	}
	.mapBtnGo div:nth-child(1) {
		background: #0071cd;
		width: calc(100% - 80px);
		height: calc(277px - 80px);
		padding: 40px 40px;
	}
	.mapBtnGo div:nth-child(2) {
		background: #f6f8fa;
		height: calc(156px - 108px);
		margin-top: 0;
		width: calc(100% - 40px);
		padding: 54px 0 54px 40px;
		position: relative;
	}
	.Mapinfo ul>li {
		width: 100%;
	}
	.Mapinfo ul li ol {
		width: calc(100% - 100px);
		margin-left: 100px;
	}
	.parkInfo {
		width: 100%;
		padding: 40px 0;
	}
	.parkInfo label {
		display: block;
		margin-bottom: 10px;
	}
	.parkInfo label:after {
		display: none;
	}
}

@media only screen and (max-width:580px) {
	.wrap_map{
		height: 400px !important;
	}
}

@media only screen and (max-width:480px) {
	
	.wrap_map{
		height: 300px !important;
	}
	
	.mapBtnGo div:nth-child(1) {
		background: #0071cd;
		width: calc(100% - 40px);
		height: auto;
		padding: 20px;
	}
	.mapBtnGo div:nth-child(1) p {
		font-size: 26px;
	}
	.mapBtnGo div:nth-child(1) dl {
		width: 100%;
		display: flex;
		font-size: 17px;
		color: #fff;
		margin-bottom: 20px;
		flex-direction: column;
	}
	.mapBtnGo div dl dt:after {
		display: none;
	}
	.mapBtnGo div:nth-child(1) dl dd {
		margin-top: 10px;
	}
	.mapBtnGo div:nth-child(2) {
		background: #f6f8fa;
		height: auto;
		margin-top: 0;
		width: calc(100% - 20px);
		padding: 30px 20px;
		position: relative;
	}
	.mapBtnGo div:nth-child(2):after {
		content: "";
		width: 27px;
		height: 16px;
		display: inline-block;
		background: url(../images/contents/maparr_ico.png) no-repeat;
		position: absolute;
		top: 30px;
		right: 40px;
	}
	
	.Mapinfo ul>li {
	    padding: 32px 0 50px 0;
	}

	.Mapinfo ul li ol{
		margin-left: 0;
		margin-top: 30px;
	}
	
	.Mapinfo ul li p {
	    width: 100%;
	    position: relative;
	    left: inherit;
	    top: inherit;
	    display: flex;
	    justify-content: center;
	    margin-bottom: 10px;
	}
	
	.Mapinfo ul li ol li label {
	    display: block;
	    text-align: center;
	}
}

/*만족도*/

.hd-element {
	display:block;
	position:absolute;
	left:-9999px;
	text-indent:-9999px;
	width:0;
	height:0;
	border:0;
	overflow:hidden;
	font-size:1px;
	line-height:0;
	white-space:nowrap;
}

.psat {
	max-width: 1280px;
	margin: 0 auto 150px;
	display: block;
	border: 1px solid #d7d7d7;
	border-top: 2px solid #111;
}

.charge-satisfy {
	background: #f6f8fa;
	padding: 40px;
}

.charge-satisfy p.satit {
	float: left;
	font-size: 20px;
	color: #111;
	font-weight: 500;
	position: relative;
	padding-left: 30px;
}

.charge-satisfy p.satit:before {
	width: 22px;
	height: 23px;
	display: inline-block;
	margin-right: 10px;
	content: "";
	background: url(../images/contents/ico_bubChat.png) no-repeat;
	vertical-align: middle;
	position: absolute;
	top: 5px;
	left: 0;
}

.satis-chk {
	float: right;
}

.pcomment {
	display: flex;
	width: 100%;
	padding-top: 28px;
}

.pcomment.tac {
	display: flex;
	width: 100%;
	padding-top: 30px;
	justify-content: center;
	margin-top: 100px;
	border-top: 1px dashed #ddd;
	overflow: hidden;
	float: left;
}

.pcomment.tac input[type="submit"] {
	font-family: 'Noto Sans KR';
	width: auto;
	padding: 0 50px;
	height: 68px;
	line-height: 68px;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	border-radius: 3px;
	border: 0;
	color: #fff;
	background: #0071cd;
}

.pcomment input {
	width: calc(100% - 121px - 5px);
	margin-right: 5px;
	height: 48px;
	padding: 0 10px;
	border-radius: 2px;
	box-sizing: border-box;
	font-size: 15px;
	color: #000;
}

.pcomment input::placeholder {
	color: #666666;
	font-size: 14px;
}

.pcomment button {
	width: 121px;
	height: 48px;
	border-radius: 2px;
	background: #0071cd;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}

.pcomment .regBtn {
	width: 121px;
	height: 48px;
	border-radius: 2px;
	background: #0071cd;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	border: 0;
	font-family: 'Noto Sans KR';
	cursor: Pointer;
}

.pcomment .regBtn:focus{outline:none; border:3px solid #fe8000;}

.adp {
	background: #fff;
	/* border-top: 1px solid #ebebeb; */
	padding: 18px;
}

.adp p {
	display: inline-block;
	font-size: 16px;
	color: #555;
	margin-right: 15px;
}

.adp p span {
	display: inline-block;
	font-weight: 500;
	color: #222;
}

.adp p span:before {
	content: "";
	width: 2px;
	height: 2px;
	vertical-align: middle;
	background: #222;
	display: inline-block;
	margin-right: 5px;
}

.adp p span:after {
	content: "";
	width: 1px;
	height: 15px;
	vertical-align: middle;
	background: #dfdfdf;
	display: inline-block;
	margin: 0 15px;
}

@media only screen and (max-width:1300px) {
	.psat {
		width: auto;
		margin: 0 5% 150px;
	}
}

@media only screen and (max-width:1200px) {
	.charge-satisfy p.satit {
		display: block;
		margin-right: 40px;
	}
	.satis-chk {
		float: left;
		display: block;
		text-align: left;
		margin-top: 15px;
	}
}

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

	.charge-satisfy{
		padding: 20px;
	}
	
	.charge-satisfy p.satit {
		font-size: 18px;
	}
	.satis-chk>span {
		margin: 8px 10px 0 0;
		float: left;
		display: block;
		width: 100%;
	}
}

@media only screen and (max-width:580px) {
	.pcomment {
		display: flex;
		flex-direction: column;
	}
	.pcomment input {
		width: 100%;
		margin-right: 0;
		height: 48px;
		margin-bottom: 10px;
	}
	.pcomment .regBtn {
		width: 100%;
		height: 58px;
	}
}

/*통합공시*/
.sub-top-typeBox {
	width: calc(100% - 118px);
	border: 1px solid #dde0e1;
	border-top: 2px solid #111;
	background: #f5f7f8;
	padding: 29px 59px;
	position: relative;
	margin-bottom: 124px;
}

.sub-top-typeBox div {
	width: calc(100% - 143px);
	min-height: 111px;
	font-size: 18px;
	font-weight: 400;
	color: #222;
	position: relative;
	padding-left: 143px;
	display: flex;
	align-items: center;
}

.sub-top-typeBox div:before {
	content: "";
	width: 111px;
	height: 111px;
	display: inline-block;
	left: 0;
	top: 0;
	position: absolute;
}

.sub-top-typeBox div.information:before {
	background: url(../images/contents/sub060101_img.png) no-repeat center;
}

.sub-top-typeBox div.open_view:before {
	background: url(../images/contents/open_view_img.png) no-repeat center;
}

.sub-top-typeBox span {
	position: absolute;
	right: 59px;
	top: 55px;
	width: 335px;
	height: 67px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
}

.gongsi-wr {
	position: relative;
	line-height: 1.2;
	/*border:1px solid #ddd*/
}

.gongsi-wr .gongsi-sec {
	display: inline-block;
	width: 31%;
	margin-left: 3%;
	vertical-align: top;
}

.gongsi-wr .gongsi-sec:first-child {
	margin-left: 0;
}

.gongsi-wr .gongsi-sec .tit-sec {
	padding: 24px 0 29px 0;
	color: #0e60b3;
	font-size: 24px;
	font-weight: 700;
	border-top: 2px solid #0071cd;
}

.gongsi-wr .gongsi-sec>ul {
	padding: 15px;
	margin-bottom: 79px;
}

.gongsi-wr .gongsi-sec>ul>li {
	margin-top: 10px;
	line-height: 160%;
}

.gongsi-wr .gongsi-sec>ul>li:first-child {
	margin-top: 0;
}

.gongsi-wr .gongsi-sec>ul>li>a {
	display: inline-block;
	color: #333;
	font-size: 17px;
	font-weight: 400;
	padding-left: 10px;
	width: calc(100% - 10px);
	position: relative;
}

.gongsi-wr .gongsi-sec>ul>li>a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 2px;
	height: 2px;
	display: inline-block;
	background: #333;
}

.gongsi-wr .gongsi-sec>ul>li>ul {
	padding: 12px 0 5px 16px;
}

.gongsi-wr .gongsi-sec>ul>li>ul>li {
	position: relative;
	padding-left: 12px;
	margin-top: 5px;
}

.gongsi-wr .gongsi-sec>ul>li>ul>li:first-child {
	margin-top: 0;
}

.gongsi-wr .gongsi-sec>ul>li>ul>li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 5px;
	height: 2px;
	background: #666;
}

.gongsi-wr .gongsi-sec>ul>li>ul>li>a {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #555;
}

@media only screen and (max-width:1300px) {
	.sub-top-typeBox div {
		min-height: 111px;
		padding-bottom: 20px;
	}
	.sub-top-typeBox span {
		position: relative;
		right: inherit;
		top: inherit;
		margin-left: 140px;
		height: auto;
		width: auto;
		padding: 30px 0;
	}
}

@media only screen and (max-width:870px) {
	.sub-top-typeBox {
		display: flex;
		flex-direction: column;
	}
	.sub-top-typeBox div {
		width: 100%;
		flex-direction: column;
		align-items: center;
		padding-left: 0;
		text-align: center;
		padding-bottom: 20px;
		word-break: keep-all;
	}
	.sub-top-typeBox div br {
		display: none;
	}
	.sub-top-typeBox div.open_view:before {
		content: "";
		width: 111px;
		height: 111px;
		display: inline-block;
		left: 50%;
		margin-left: -55.5px;
		top: inherit;
		position: absolute;
	}
	.sub-top-typeBox div.open_view p.boxtt {
		margin-top: 120px;
	}
	.sub-top-typeBox div.information:before {
		content: "";
		width: 111px;
		height: 111px;
		display: block;
		left: inherit;
		top: inherit;
		background: url(../images/contents/sub060101_img.png) no-repeat center;
		position: relative;
		margin: 0 auto 20px;
	}
	.sub-top-typeBox span {
		position: relative;
		right: inherit;
		top: inherit;
		margin: 0 20%;
		height: auto;
		width: 60%;
		padding: 5px 0;
		;
	}
	.sub-top-typeBox span img {
		width: 100%;
	}
	.gongsi-wr .gongsi-sec {
		display: block;
		width: 100%;
		margin-left: 0;
	}
}

@media only screen and (max-width:480px) {
	.sub-top-typeBox span {
		margin: 0 0;
		width: 100%;
	}
}

/*open-api*/
.list-statistics {
	width: 100%;
	display: block;
}

.list-statistics a {
	width: calc(100% - 260px);
	border: 1px solid #d9d9d9;
	border-bottom: 5px solid #0071cd;
	padding: 60px 60px 60px 200px;
	border-radius: 8px;
	min-height: 85px;
	position: relative;
	display: inline-block;
	color: #111;
	vertical-align: top;
	margin-bottom: 80px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.list-statistics a:hover {
	background: #f9fbfc;
}

.list-statistics a:before {
	content: "";
	width: 95px;
	height: 85px;
	display: inline-block;
	position: absolute;
	left: 60px;
	background: url(../images/contents/open_icon.png) no-repeat;
	background-size: 95px;
}

.open-type {
	width: 100%;
}

.open-type dt {
	display: flex;
}

.open-type dt mark {
	background: #008860;
	color: #fff;
	border-radius: 3px;
	padding: 8px 0;
	font-size: 16px;
	font-weight: 500;
	margin-right: 15px;
	width: 100px;
	text-align: center;
	display: inline-block;
}

.open-type dt em {
	width: calc(100% - 100px);
	line-height: 30px;
	font-size: 23px;
	font-weight: 700;
	color: #111;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	display: inline-block;
}

.open-type dd.stat-inn {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	font-size: 18px;
	color: #555;
	line-height: 30px;
	margin: 20px 0 5px 0;
}

.open-type dd.stat-info span {
	display: inline-block;
	margin-right: 4px;
	font-size: 16px;
	color: #999;
}

.open-type dd.stat-info span b {
	color: #0b71ac;
	background: #fff;
	font-weight: 500;
}

.opentit {
	width: 100%;
	height: 74px;
	line-height: 74px;
	margin-bottom: 58px;
	border-bottom: 1px solid #1e1e1e;
	font-size: 30px;
	font-weight: 700;
	color: #222;
}

h3.open {
	font-size: 28px;
	color: #111;
	font-weight: 700;
	text-align: left;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	display: block;
}

p.iltt {
	width: calc(100% - 107px - 20px);
	padding-right: 20px;
	display: inline-block;
	float: left;
}

.dt-go {
	float: right;
	width: 107px;
	height: 48px;
	line-height: 48px;
	display: inline-block;
	padding: 0 0;
	color: #fff;
	font-size: 15px;
	vertical-align: middle;
	color: #fff;
	background: #53a6da;
	cursor: pointer;
	text-align: center;
	border-radius: 3px;
}

.ccl-s {
	margin-right: 10px;
	max-width: 160px;
}

@media screen and (max-width:980px) {
	.list-statistics a {
		width: calc(100% - 80px);
		padding: 40px;
	}
	.list-statistics a:before {
		position: relative;
		left: 50%;
		margin-left: -47.5px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:640px) {
	.open-type dt {
		display: flex;
		flex-direction: column;
	}
	.open-type dt em {
		width: 100%;
		margin-top: 10px;
	}
}

/*통합신고*/
.sub-dept05-TopImg {
	height: 473px;
	background: url(../images/contents/sub05_02_01_top.jpg) no-repeat;
	background-size: cover;
	padding-left: 120px;
	display: flex;
	align-items: center;
	margin-bottom: 90px;
}

.sub-dept05-TopImg p {
	width: 100%;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	line-height: 120%;
}

.sub-dept05-TopImg p span {
	display: block;
	font-size: 15px;
	font-family: 'Poppins SemiBold';
	color: rgba(255, 255, 255, .7);
	padding: 0 0;
	margin: 0 0;
	line-height: 100%;
}

@media only screen and (max-width:980px) {
	.sub-dept05-TopImg {
		background: url(../images/contents/sub05_02_01_top.jpg) no-repeat center;
	}
}

@media only screen and (max-width:680px) {
	.sub-dept05-TopImg {
		height: auto;
		padding: 70px 5%;
		text-align: center;
	}
	.sub-dept05-TopImg p {
		font-size: 34px;
		word-break: keep-all;
	}
}

@media only screen and (max-width:480px) {
	.sub-dept05-TopImg p {
		font-size: 28px;
	}
	.sub-dept05-TopImg p span {
		margin-bottom: 20px;
	}
}

.decl {
	border: 1px solid #e3e6e8;
	background: #edf4f9;
	border-radius: 8px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
	margin-bottom: 60px;
	display: flex;
	align-items: center;
}

.decl.dept01 {
	border-bottom: 5px solid #0071cd;
}

.decl.dept02 {
	border-bottom: 5px solid #0fabe8;
}

.decl.dept03 {
	border-bottom: 5px solid #574de1;
}

.decl.dept04 {
	border-bottom: 5px solid #3ea5fb;
}

.decl.dept04 dd ol li:before {
	background: #3ea5fb;
}

.decl dt {
	width: 317px;
	vertical-align: middle;
	text-align: center;
}

.decl dt p, .decl dt p span {
	display: block;
	color: #111;
}

.decl dt p {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2em;
	margin-top: 20px;
	text-align: center;
}

.decl dt p span {
	font-size: 22px;
	font-weight: 400;
}

.decl dd {
	width: calc(100% - 317px - 124px);
	background: #fff;
	padding: 53px 62px;
	position: relative;
	border-top-right-radius: 10px;
}

.decl dd p {
	font-size: 22px;
	font-weight: 500;
	color: #111;
	line-height: 1.2em;
}

.decl dd ol {
	display: block;
	margin-top: 24px;
	width: 80%;
}

.decl dd ol li {
	width: calc(50% - 10px);
	display: inline-block;
	float: left;
	font-size: 17px;
	font-weight: 400;
	color: #555;
	margin-top: 14px;
	position: relative;
	padding-left: 10px;
}

.decl.dept03 dd ol li {
	width: 100%;
	display: inline-block;
	float: left;
	font-size: 17px;
	font-weight: 400;
	color: #555;
	margin-top: 14px;
	position: relative;
	padding-left: 10px;
}

.decl dd ol li:before {
	content: "";
	width: 3px;
	height: 3px;
	display: inline-block;
	top: 10px;
	left: 0;
	position: absolute;
}

.decl.dept01 dd ol li:before {
	background: #0071cd;
}

.decl.dept02 dd ol li:before {
	background: #0fabe8;
}

.decl.dept03 dd ol li:before {
	background: #574de1;
}

.decl dd a {
	position: absolute;
	right: 50px;
	bottom: 50px;
	font-size: 17px;
	font-weight: 500;
}

.decl.dept01 dd a {
	color: #0071cd;
}

.decl.dept02 dd a {
	color: #0F7D8B;
}

.decl.dept03 dd a {
	color: #574de1;
}

@media only screen and (max-width:1240px) {
	.decl dt {
		width: calc(250px - 10%);
		vertical-align: middle;
		text-align: center;
		padding: 0 5%;
		word-break: keep-all;
	}
	.decl dt p {
		line-height: 1.2em;
	}
	.decl dd {
		width: calc(100% - 250px - 124px);
		background: #fff;
		padding: 53px 62px;
		position: relative;
		border-top-right-radius: 10px;
	}
}

@media only screen and (max-width:980px) {
	.decl dd ol {
		display: block;
		margin-top: 24px;
		width: 100%;
	}
	.decl dd ol li {
		width: 100%;
		display: inline-block;
		float: left;
		font-size: 17px;
		font-weight: 400;
		color: #555;
		margin-top: 14px;
		position: relative;
		padding-left: 10px;
		word-break: keep-all;
	}
	.decl dd a {
		position: relative;
		right: inherit;
		bottom: inherit;
		display: block;
		text-align: right;
		margin-top: 30px;
		float: right;
	}
}

@media only screen and (max-width:780px) {
	.decl {
		border: 1px solid #e3e6e8;
		background: #edf4f9;
		border-radius: 8px;
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
		margin-bottom: 60px;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.decl dt {
		width: calc(100% - 10%);
		vertical-align: middle;
		text-align: center;
		padding: 40px 5%;
		word-break: keep-all;
	}
	.decl dt p {
		line-height: 1.2em;
	}
	.decl dd {
		width: calc(100% - 124px);
		background: #fff;
		padding: 53px 62px;
		position: relative;
		border-top-right-radius: 0;
	}
}

@media only screen and (max-width:580px) {
	.decl dd {
		width: calc(100% - 60px);
		background: #fff;
		padding: 53px 30px;
		position: relative;
		border-top-right-radius: 0;
	}
}

/*고객헌장*/
.innerS.sub05 {
	z-index: -1;
}

.top-text {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 0 71px;
}

.top-text div em {
	font-size: 17px;
	color: #0071cd;
	font-family: 'Poppins SemiBold';
	position: relative;
	z-index: 1;
}

.top-text div em:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 9px;
	left: 0;
	bottom: 4px;
	background: #cce3f5;
	position: absolute;
	z-index: -1;
}

.sec-vis {
	width: 561px;
	height: 522px;
}

.sec-vis div {
	width: 100%;
}

.sec-vis div img {
	object-fit: cover;
    height: 522px;
    width: 100%;
    /* height: 100%; */
}

.top-text div p {
	font-size: 67px;
	color: #000;
	font-weight: 500;
	line-height: 110%;
	margin-top: 58px;
}

.top-text div span {
	font-size: 16px;
	color: #111;
	font-weight: 400;
	margin-top: 77px;
	display: inline-block;
}

.sub05-01-sec {
	width: 100%;
	min-height: 364px;
	z-index: 1;
	margin-top: -71px;
	background: url(../images/contents/sub0501_robBg.png) no-repeat center;
	background-size: cover;
}

.sub05-01-sec.dept0560301 {
	min-height: 513px;
	background: url(../images/contents/sub050301_robBg.png) no-repeat center;
}

.rowf {
	width: 100%;
	margin-top: -71px;
	position: relative;
}

.rowCon {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	min-height: 240px;
}

.rowCon>.left {
	width: 992px;
	padding: 60px 0 60px 72px;
	background: url(../images/contents/left_img_Bg.png) no-repeat right top
		#f5f7f9;
	z-index: 99;
	position: relative;
}

.rowCon>.left:before {
	content: "";
	position: absolute;
	display: block;
	width: 1000px;
	height: 100%;
	background: #f5f7f9;
	z-index: 1;
	left: -1000px;
	top: 0;
}

.rowCon .left p {
	max-width: calc(100% - 125px);
	word-break: keep-all;
	font-size: 24px;
	color: #111;
	font-weight: 400;
	line-height: 180%;
	position: relative;
	padding-top: 40px;
	margin-right: 125px;
}

.rowCon .left p:before {
	content: "";
	width: 53px;
	height: 4px;
	background: #111;
	position: absolute;
	left: 0;
	top: 0;
}

.rowCon .left p b {
	display: block;
}

.rowCon .left p b.inline {
	display: inline-block;
}

.rowCon .left sub {
	font-size: 16px;
	color: #019cd5;
	font-weight: 400;
	margin-top: 10px;
	display: block;
}

.rowCon .left sub em {
	content: "";
	display: inline-block;
	margin-right: 5px;
	color: #019cd5;
	font-size: .9em;
	vertical-align: middle;
}

.rowCon .right {
	width: 288px;
	background: #e7eef4;
	margin-top: 71px;
	background: url(../images/contents/right_img_Bg.png) no-repeat left top
		#e7eef4;
	z-index: 2;
	position: relative;
}

.rowCon .right:after {
	content: "";
	position: absolute;
	display: block;
	width: 1000px;
	height: 100%;
	background: #e7eef4;
	z-index: 1;
	right: -1000px;
	top: 0;
}

/*주요업무*/
.innerS.sub04 {
	z-index: 2;
}

.innerS.sub04 .top-text {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 0;
}

.innerS.sub04 .top-text div p {
	font-size: 46px;
	color: #111;
	font-weight: 700;
	line-height: 110%;
	margin-top: 40px;
	font-family: 'Noto Sans KR';
}

a.top-text-link {
	position: relative;
	display: inline-block;
	margin-top: 25px;
	overflow: hidden;
}

a.top-text-link span {
	font-size: 16px;
	color: #777;
	margin-top: 0;
	padding-right: 20px;
	background: url(../images/common/ico_go_grey.png) no-repeat right 22px
		center;
	border: 1px solid #b1b2b6;
	padding: 15px 40px 15px 22px;
	float: left;
}

a.top-text-link:hover span {
	color: #0073D0;
	border: 1px solid #0073D0;
	background: url(../images/common/ico_go_blue.png) no-repeat right 22px
		center;
}

.innerS.sub04 .top-text div a.top-text-link:hover {
	color: #0071cd;
}

.rowf.sub04 {
	background: 100%;
	margin-top: -200px;
	position: relative;
}

.rowf.sub04.mt {
	background: 100%;
	margin-top: -160px;
	position: relative;
}

.rowf.sub04 .rowCon .left {
	width: 683px;
	padding: 60px 0;
	background: url(../images/contents/left_img_Bg.png) no-repeat right top
		#f5f7f9;
	z-index: 99;
	position: relative;
}

.rowf.sub04 .rowCon .left:before {
	display: block;
	width: 1000px;
	height: 100%;
	background: #f5f7f9;
	z-index: 1;
	left: -1000px;
	top: 0;
	position: absolute;
}

.rowf.sub04 .rowCon .left p {
	padding-top: 0;
}

.rowf.sub04 .rowCon .left p:before {
	display: none;
}

.rowf.sub04 .rowCon .left ul {
	width: calc(100% - 125px);
	margin: 20px 125px 0 0;
}

.rowf.sub04 .rowCon .left ul li {
	width: 100%;
	display: block;
	float: left;
	color: #333;
	font-size: 18px;
	line-height: 1.4em;
	position: relative;
	padding-left: 10px;
	margin-bottom: 5px;
}

.rowf.sub04 .rowCon .left ul li label {
	color: #0071cd;
}

.rowf.sub04 .rowCon .left ul li:before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50px;
	background: #333;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 11px;
}

.rowf.sub04 .rowCon .right {
	width: 597px;
	background: url(../images/contents/right_img_bottom_Bg.png) no-repeat
		left bottom #e7eef4;
	z-index: -1;
	margin-top: 0;
}

.rowf.sub04 .rowCon .right p {
	position: absolute;
	left: 20px;
	bottom: 50px;
}

.innerS.sub04 .sec-vis {
	width: 754px;
	height: 412px;
	float: right;
}

.innerS.sub04 .sec-vis div img {
	width: 100%;
	height: 412px;
}

.top-text div em.tba {
	font-size: 17px;
	font-weight: 700;
	color: #0071cd;
	position: relative;
	font-family: 'Noto Sans KR';
	z-index: 1;
	padding-bottom: 13px;
}

.top-text div em:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 2px;
	left: 0;
	bottom: 0;
	background: #0071cd;
	position: absolute;
	z-index: -1;
}

.top-text div em.esg:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 9px;
	left: 0;
	bottom: 0;
	background: #cce3f5;
	position: absolute;
	z-index: -1;
}

@media only screen and (max-width:1300px) {
	.top-text {
		display: flex;
		justify-content: space-between;
		position: relative;
		margin: 0;
	}
	
	
	.innerS.sub04 .top-text div p {
	    font-size: 40px;
	}

	.sec-vis {
		width: 500px;
		height: auto;
	}
	.sub05-01-sec p {
		max-width: calc(100% - 72px);
		margin: 0 auto;
		padding: 72px 0 0 72px;
		word-break: keep-all;
		/* font-size: 20px;*/
	}
	.sub05-01-sec p {
		max-width: calc(100% - 72px);
		margin: 0 auto;
		padding: 113px 0 0 72px;
		word-break: keep-all;
	}
}

@media only screen and (max-width:1240px) {
	.top-text {
		display: flex;
		position: relative;
		flex-direction: column;
		margin: 0;
	}
	
	.top-text div p {
		width: 100%;
		margin: 20px 0 0 0;
		word-break: keep-all;
		letter-spacing: -.058em;
		font-size: 50px;
	}
	
	.top-text div p br {
		display: none;
	}
	
	.innerS.sub04 .top-text div p br{
		display: none;
	}
	
	.top-text div span {
		margin-top: 40px;
	}
	
	a.top-text-link {
	    margin-top: 0;
	}
	
	.sec-vis {
		width: 100%;
		height: auto;
		margin: 40px 0 0;
	}
	
	.innerS.sub04 .sec-vis{
		width: 100%;
		height: auto;
	} 
	
	.sec-vis div {
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		position: relative;
		margin: 0;
	}
	
	.innerS.sub04 .sec-vis div{
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		position: relative;
		margin: 0;
	}
		
	.sec-vis div img,
	.innerS.sub04 .sec-vis div img {
		position: absolute;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
}

@media only screen and (max-width:980px) {
	.sec-vis {
		width: 100%;
		margin: 40px 0 0;
	}
}

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

	.innerS.sub04{
		margin: 0 auto;
	}

	.innerS.sub04 .top-text {
	    width:auto;
	    margin: 0;
	}
	
	.innerS.sub04 > .top-text div.ttx{
		margin: 0 5%;
	}
	
	/*.top-text div p,
	.innerS.sub04 .top-text div p{
		font-size: 30px;
		line-height: 1.4em;
	}*/
	
	.innerS.sub04 .top-text div p{
		margin-bottom: 40px;
	}
	
	.innerS.sub04 > .top-text div.ttx {
		padding-left: 0;
	}
	
	.sec-vis div {
		padding-bottom: 85%;
	}
	
	.rowf.sub04 {
	    background: 100%;
	    margin-top: 0;
	    position: relative;
	}
	
}

@media only screen and (max-width:425px) {
	.top-text div p {
		font-size: 37px;
	}
}

@media only screen and (max-width:1300px) {
	.rowCon {
		width: 100%;
		margin: 0 auto;
		display: flex;
	}
	
	.rowf.sub04 > .rowCon {
		width: auto;
		margin: 0 5%;
	}
	
	.rowCon .left {
		width: calc(100% - 217px - 10%);
    	padding: 60px 5%;
	}
	
	.rowCon .left p,
	.rowf.sub04 > .rowCon .left p {
	    max-width: calc(100% - 10%);
	    margin-right: 10%;
	}
	
	.rowCon .right {
		width: 217px;
		margin-right: 5%;
	}
	
	.rowf.sub04 .rowCon .left {
	    width: 80%;
	    padding: 60px 0;
	    background: url(../images/contents/left_img_Bg.png) no-repeat right top #f5f7f9;
	    z-index: 99;
	    position: relative;
	}
	
	.rowf.sub04 .rowCon .right {
	    width: 217px;
	    margin-right: 5%;
	}
}

@media only screen and (max-width:945px) {
	.rowCon .left p br {
		display: none;
	}
}

@media only screen and (max-width:780px) {
	
	.innerS.sub05 {
    	z-index: 1;
	}
	
	.rowf.sub04 > .rowCon {
	    width: auto;
	    margin: 0;
	}

	.rowCon .left p {
		max-width:100%;
		margin: 110px 0 0 0;
		font-size: 20px;
	}
	
	.rowf.sub04 > .rowCon .left p{
		max-width:100%;
		margin: 0;
		font-size: 20px;
	}

	.rowf {
	    width: 100%;
	    margin-top: -110px;
	    z-index: -1;
	}
	
	.rowCon .left {
		width: calc(100% - 60px);
		padding: 66px 30px 140px 30px;
		background-image: none;
		
	}
	
	.rowf.sub04 .rowCon .left {
	    width: calc(100% - 60px);
		padding: 66px 30px 140px 30px;
		background-image: none;
	}
	
	.rowCon .left:after {
		content: "";
		position: absolute;
		width: 148px;
		height: 133px;
		display: block;
		background: url(../images/contents/esg_left_after_mb.png) no-repeat;
		background-size:auto 133px;
		right:0;
		bottom:0;
	}
	
	.rowf.sub04 .rowCon .left:after {
		content: "";
		position: absolute;
		width: 140px;
		height: 140px;
		display: block;
		background: url(../images/contents/sub05_left_after_mb.png) no-repeat;
		background-size:auto 140px;
		right:0;
		bottom:0;
	}
	
	.rowCon .right,
	.rowf.sub04 .rowCon .right{
		display: none;
	}
	
}


@media only screen and (max-width:375px) {
	
	.rowCon .left {
	    width: calc(100% - 40px);
	    padding: 66px 20px 140px 20px;
	    background-image: none;
	}

	.rowCon .left p {
		font-size: 20px;
	}
}


.innerS.pdl26 {
	max-width: 1280px;
}

.bslist {
	width: 100%;
	margin: 30px 0 100px 0;
	overflow: hidden;
}

.bslist li {
	width: calc(100% - 10px);
	display: block;
	float: left;
	margin-bottom: 10px;
	font-size: 17px;
	color: #555;
	font-weight: 400;
	position: relative;
	padding-left: 10px;
}

.bslist li:before {
	width: 2px;
	height: 2px;
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 11px;
	background: #555;
}

.contTb {
	width: 100%;
	border-top: 2px solid #111;
	table-layout: fixed;
	margin: 5px 0 100px;
}

.contTb thead tr th {
	padding: 28px 0;
	font-size: 16px;
	font-weight: 700;
	color: #111;
	border-bottom: 1px solid #111;
	font-family: 'Noto Sans KR';
}

.contTb tbody tr td {
	padding: 31px 60px;
	text-align: center;
	border-bottom: 1px solid #e7e7e7;
	font-size: 17px;
	font-family: 'Noto Sans KR';
	color: #555;
	font-weight: 400;
}

.contTb tbody tr td em {
	font-size: .95em;
	margin-top: 5px;
}

.contTb thead tr th.bgcol, .contTb tbody tr td.bgcol {
	background: #f4f7f9;
	border-right: 1px solid #d9d9d9;
	color: #111;
	font-size: 16px;
	font-weight: 700;
}

.contTb tbody tr td:last-child {
	text-align: left;
}

.contTb tbody tr td.tac {
	text-align: center;
}

.contTb thead tr th.br, .contTb tbody tr td.br {
	border-right: 1px solid #d9d9d9;
}

.contTb tbody tr td ul {
	width: 100%;
	display: block;
}

.contTb tbody tr td ul li {
	width: 100%;
	display: block;
	line-height: 160%;
	font-size: 16px;
	color: #555;
	position: relative;
	padding-left: 10px;
}

.contTb tbody tr td ul li em {
	font-size: 15px;
	padding-bottom: 10px;
	display: block;
	color: #0071cd;
}

.contTb tbody tr td ul li:before {
	content: "-";
	position: absolute;
	font-size: 16px;
	color: #555;
	left: 0;
}

.application {
	display: block;
}

.application>li {
	font-size: 17px;
	color: #555;
	font-weight: 400;
	line-height: 180%;
	position: relative;
	padding-left: 100px;
}

.application>li.porel {
	font-size: 17px;
	color: #555;
	font-weight: 400;
	line-height: 180%;
	position: relative;
	padding-left: 0;
}

.application>li>span {
	position: absolute;
	left: 0;
	font-size: 17px;
	color: #0071cd;
	font-weight: 500;
	display: inline-block;
}

.application>li.porel>span {
	position: relative;
	left: 0;
	font-size: 17px;
	color: #0071cd;
	font-weight: 500;
	display: inline-block;
}

.application>li>span>label {
	min-width: 80px;
	display: inline-block;
}

.application>li.porel>span>label {
	min-width: auto;
	display: inline-block;
}

.application>li>span>label:before {
	content: "";
	width: 2px;
	height: 2px;
	display: inline-block;
	background: #0071cd;
	margin-right: 4px;
	vertical-align: middle;
}

.application>li>span>em {
	color: #0071cd;
	margin-right: 8px;
	vertical-align: top;
}

.application>li>ol {
	width: 100%;
	overflow: hidden;
}

.application>li>ol>li {
	width: 100%;
	display: block;
	float: left;
	padding-left: 10px;
	position: relative;
	font-size: 15px;
	color: #666;
}

.application>li>ol>li:before {
	content: "";
	width: 5px;
	height: 1px;
	background: #999;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 9px;
}

.sub040601_list {
	width: 100%;
	display: block;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.sub040601_list div {
	width: calc(50% - 67px);
	min-height: 354px;
	margin: 0 134px 80px 0;
	float: left;
	display: inline-block;
	height: 100%;
}

.sub040601_list div:nth-child(2n){
    margin-right: 0;
}

.sub040601_list div p {
	display: block;
	font-size: 25px;
	font-weight: 700;
	color: #111;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 10px;
}

.sub040601_list div p em {
	color: #0071cd;
}

.sub040601_list div p:before {
	content: "";
	display: block;
	margin-bottom: 7px;
	background-size: auto 61px;
}

.sub040601_list div:nth-child(1) p:before {
	width: 49px;
	height: 61px;
	background: url(../images/contents/040601_ico01.png) no-repeat center;
}

.sub040601_list div:nth-child(2) p:before {
	width: 64px;
	height: 61px;
	background: url(../images/contents/040601_ico02.png) no-repeat center;
}

.sub040601_list div:nth-child(3) p:before {
	width: 49px;
	height: 61px;
	background: url(../images/contents/040601_ico03.png) no-repeat center;
}

.sub040601_list div:nth-child(4) p:before {
	width: 64px;
	height: 61px;
	background: url(../images/contents/040601_ico04.png) no-repeat center;
}

.sub040601_list div ul {
	display: block;
	width: 100%;
	margin-top: 32px;
}

.sub040601_list div ul li {
	width: calc(100% - 10px);
	display: block;
	font-size: 17px;
	color: #111;
	font-weight: 500;
	margin-bottom: 20px;
	position: relative;
	padding-left: 10px;
	word-break: keep-all;
}

.sub040601_list div ul>li:before {
	content: "";
	width: 2px;
	height: 2px;
	background: #111;
	left: 0;
	top: 12px;
	display: inline-block;
	position: absolute;
}

.sub040601_list div ul li ol {
	display: block;
	width: calc(100% - 5px);
	padding: 10px 0;
	margin-left: 5px;
}

.sub040601_list div ul li ol li {
	font-size: 17px;
	color: #555;
	position: relative;
	padding-left: 10px;
	width: calc(100% - 10px);
	line-height:1.8em;
	margin-bottom: 0;
}

.sub040601_list div ul li>ol>li:before {
	content: "-";
	position: absolute;
	left: 0;
	color: #555;
}

@media screen and (max-width: 980px) {
	.sub040601_list div {
		width: 100%;
		min-height: auto;
		margin: 0 0 80px 0;
		float: left;
		display: inline-block;
		height: 100%;
	}
	
	.sub040601_list div:nth-child(2n){
	    margin-right: 0;
	}
}


/*040601*/
.exCon {
	width: 100%;
	min-height:385px;
	padding-bottom: 100px;
	float: left;
	position: relative;
}

.exCon.kakao{
	margin-top: 50px;
	padding-bottom: 180px;
}

.exCon::after {
	position: absolute;
	content: '';
	width: 2000px;
	height: 210px;
	left: 50%;
	bottom: 0;
	background: #ecf2f6;
	margin-left: -1000px;
	z-index: -1;
}

.excc {
	width: auto;
}

.extit {
	font-size: 26px;
	font-weight: 700;
	color: #111;
	display: block;
	width: 100%;
	float: left;
	margin-top: 7px;
}

.extit:before {
	width: 24px;
	height: 2px;
	background: #111;
	content: "";
	display: block;
	margin-bottom: 20px;
}

.exsub {
	font-size: 18px;
	font-weight: 400;
	color: #2f74ac;
	display: block;
	margin-top: 20px;
}

.qr {
	width: 190px;
	height: 190px;
	line-height: 188px;
	text-align: center;
	display: inline-block;
	margin-top: 30px;
	border: 1px solid #dedede;
	border-radius: 6px;
	box-shadow: 0 5px 10px rgb(0 0 0/ 20%);
}

.qr img {
	width: 150px;
}

.eximg01 {
	position: absolute;
	right: 0;
	top: 0;
}

.eximg01 p {
	font-size: 17px;
	color: #555;
	margin-top: 27px;
}

.eximg02 {
	position: absolute;
	right: 0;
	top: 0;
	width: 859px;
}

.eximg02 img {
	margin-right: 44px;
}

.eximg02 p {
	position: absolute;
	right: 0;
	top: 0;
	max-width: 337px;
	word-break: keep-all;
	font-size: 17px;
	color: #555
}

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

	.exCon > .innerS{
		width: 100%;
		margin: 0 auto;
	}
	
	.excc {
    	width: 100%;
    	float: left;
    	position: relative;
	}

	.eximg01 {
		position: relative;
		right:inherit;
		top: inherit;
		display: block;
		float: left;
		margin-top: 40px;
		width: 100%;
	}
	
	.eximg01 > img{
		width: 100%;
	}
	
}

@media screen and (max-width: 1240px) {
	
	.qr {
	    width: 120px;
	    height: 120px;
	    line-height: 118px;
	    margin-top: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	
	.qr img {
    	width: 100px;
	}
	
	.eximg02 {
	    position: relative;
	    right: inherit;
	    top: inherit;
	    width: 100%;
	    display: block;
	    margin-top: 100px;
	    overflow: hidden;
	}
	
	.eximg02con{
	    overflow: hidden;
	    box-sizing: border-box;
	    float: left;
	}
	
	.eximg02 p {
	    position: relative;
	    left: inherit;
	    top: inherit;
	    max-width: 337px;
	    word-break: keep-all;
	    font-size: 17px;
	    color: #555;
	    float: left;
	}

}

@media screen and (max-width: 980px) {
	
	.exCon.kakao {
	    padding-bottom: 40px;
	}

	.eximg02 {
	    position: relative;
	    right: inherit;
	    top: inherit;
	    width: 100%;
	    display: block;
	    margin-top: 100px;
	    overflow: hidden;
	}
	
	.eximg02con{
	 	width: 100%;
	 	display: block;
	 	overflow:hidden;
	 	display: flex;
    	justify-content: center;
	}
	
	.eximg02 img {
	    margin-right: 44px;
	    float: left;
	}
	
	.eximg02 img:last-child {
	    margin-right: 0;
	}
	
	.eximg02 p {
	    max-width: 100%;
	    width:100%;
	    display: block;
	    margin-top: 30px;
	    text-align: center;
	}

}

@media screen and (max-width: 580px) {
	
	.eximg02con {
	}
	
	.eximg02 img {
	    margin-right: 2.5%;
	    width: 45%;
	}

}

@media screen and (max-width: 480px) {
	
	.qr {
	    width: 120px;
	    height: 120px;
	    line-height: 118px;
	    margin-top: 40px;
	    position: relative;
	    right: inherit;
	    top: inherit;
	}
	
	.eximg02 {
	    margin-top: 50px;
	}

}

.bdt {
	border-top: 1px solid #e0e0e0;
}

.sub05 ul {
	padding: 98px 0 0 72px;
}

.sub05 ul li {
	margin-bottom: 50px;
	display: flex;
	align-items: center;
}

.sub05 ul li.min-h {
	display: block;
	margin-bottom: 20px;
	display: flex;
}

.sub05 ul li span {
	display: inline-block;
}

.sub05 ul li span:nth-child(1) {
	width: 194px;
	font-size: 24px;
	color: #111;
	font-weight: 700;
	margin-top: 5px;
}

.sub05 ul.min-h li span:nth-child(1) {
	width: 70px;
	min-height: 80px;
	font-size: 24px;
	color: #111;
	font-weight: 700;
	margin-top: 5px;
	margin-right: 124px;
	text-align: center;
	vertical-align: middle;
	line-height: 70px;
	z-index: 1;
	position: relative;
}

.sub05 ul.min-h li span:nth-child(1):after {
	z-index: -1;
	text-align: center;
	display: block;
	width: 100%;
	position: absolute;
	left: -10px;
	top: 0;
	font-size: 100px;
	color: #f2f2f2;
	font-family: 'Poppins Bold';
	font-style: italic;
}

.sub05 ul.min-h li:nth-child(1) span:nth-child(1):after {
	content: "1";
}

.sub05 ul.min-h li:nth-child(2) span:nth-child(1):after {
	content: "2";
}

.sub05 ul.min-h li:nth-child(3) span:nth-child(1):after {
	content: "3";
}

.sub05 ul.min-h li:nth-child(4) span:nth-child(1):after {
	content: "4";
}

.sub05 ul.min-h li:nth-child(5) span:nth-child(1):after {
	content: "5";
}

.sub05 ul li span:nth-child(2) {
	width: calc(100% - 194px);
	text-align: left;
	font-size: 18px;
	color: #333;
	font-weight: 400;
	line-height: 1.8em;
}

.bottom-txt {
	font-size: 18px;
	color: #333;
	font-weight: 400;
	padding: 50px 72px 64px 72px;
}

.bottom-txt {
	font-size: 18px;
	color: #333;
	font-weight: 400;
}

.bottom-txt:after {
	width: 100%;
	height: 1px;
	background: #e7e7e7;
	display: block;
	content: "";
	margin-top: 65px;
}

.writer {
	/*display: block;
	text-align: right;
	margin-right: 72px;
	color: #111;
	font-weight: 500;
	font-size: 20px;*/
	display:block;
	width:263px;
	height:90px;
	margin:0 auto;
}

.writer em {
	display: block;
	text-align: right;
	color: #111;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 10px;
}

.writer b {
	font-weight: 700;
	font-size: 24px;
}

@media only screen and (max-width:1300px) {
	.sub05 ul {
		padding: 40px 0;
	}
	
	.sub05 ul li span:nth-child(1) {
		width: 100px;
		font-size: 24px;
		color: #111;
		font-weight: 700;
	}
	
	.sub05 ul li span:nth-child(2) {
		width: calc(100% - 100px);
		text-align: left;
		font-size: 18px;
		color: #333;
		font-weight: 400;
	}
	
	.bottom-txt {
		padding: 0 5% 64px;
	}
	/*.writer {
		margin-right: 5%;
	}*/
}

@media only screen and (max-width:780px) {
	.sub05 ul li {
	    margin-bottom: 50px;
	    display: flex;
	    align-items: flex-start;
	    flex-direction: column;
	}
	
	.sub05 ul.min-h {
		margin: 40px 0 0 0;
	}
	
	.sub05 ul li span:nth-child(1) {
		width: 100%;
		display: block;
	}
	
	.sub05 ul li span.mb{
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	
	
	.sub05 ul li span:nth-child(2) {
		width: 100%;
		display: block;
	}
	
	.writer {
		text-align: center;
		/*margin: 0 5%;*/
	}
	
	.writer em {
		text-align: center;
	}
}


/*고객응대서비스이해표준*/
ol.bl>li {
	padding-left: 1.375rem;
	text-indent: -1.375rem;
	line-height: 160%;
	margin: 0 0;
}

ol.bl>li:before {
	display: none;
}

ol.bl>li em {
	color: #0071cd;
}

.terms-wrap article>h3.mg-dept05 {
	width: 100%;
	display: block;
	margin: 40px 0 20px;
	float: left;
}

.terms-wrap article>h4.mg-dept05 {
	margin: 20px 0;
}

/* h 태그 점검 시 추가 */

.terms-wrap article>h4.mg-dept05 {
	width: 100%;
	display: block;
	margin: 40px 0 20px;
	float: left;
}

.terms-wrap article>h5.mg-dept05 {
	margin: 20px 0;
}

.terms-wrap > h5.mg-dept05 {
	margin: 20px 0;
}

/*용어검색*/
.word-top {
	width: 100%;
	height: 312px;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to right, #0eaeea, #0e74c9, #0964b2);
	z-index: -1;
}

.word-top.allch {
	width: 100%;
	height: 165px;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to right, #0eaeea, #0e74c9, #0964b2);
	z-index: -1;
}

.word-top:before {
	content: "";
	width: 386px;
	height: 207px;
	content: "";
	display: inline-block;
	background: url(../images/contents/word_left_bg.png) no-repeat;
	background-size: 386px;
	position: absolute;
	left: 75px;
	bottom: 0;
}

.word-top.allch:before {
	content: "";
	width: 386px;
	height: 104px;
	content: "";
	display: inline-block;
	background: url(../images/contents/word_left_bg.png) no-repeat;
	background-size: 386px;
	position: absolute;
	left: 75px;
	bottom: 0;
}

.word-top.allch:after {
	content: "";
	width: 371px;
	height: 231px;
	content: "";
	display: inline-block;
	background: url(../images/contents/word_right_bg.png) no-repeat;
	background-size: 371px;
	position: absolute;
	right: 75px;
	top: 0;
}

.word-top:after {
	content: "";
	width: 371px;
	height: 231px;
	content: "";
	display: inline-block;
	background: url(../images/contents/word_right_bg.png) no-repeat;
	background-size: 371px;
	position: absolute;
	right: 75px;
	top: 0;
}

.wdshconTop {
	display: block;
	text-align: center;
	padding-top: 57px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	/*    margin-top: -312px;*/
}

.wdshconTop.allch {
	display: block;
	text-align: center;
	padding-top: 57px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	/*    margin-top: -165px;*/
}

.wdshconTop>label {
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	margin-right: 10px;
}

.wdshconTop>label:before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	width: 26px;
	height: 26px;
	background: url(../images/contents/ico_wordsh.png);
	vertical-align: middle;
}

.wdshconTop>.inserbox {
	display: flex;
	position: relative;
	height: 48px;
}

.wdshconTop>.inserbox>.inserbox-in {
	width: calc(480px - 35px);
	height: 48px;
	border-radius: 5px;
	background: #fff;
	padding: 0 15px;
	margin-right: 5px;
	font-size: 16px;
	display: inline-block;
	position: relative;
}

.wdshconTop>.inserbox>.inserbox-in>input {
	width: calc(100% - 30px);
	padding: 0 30px 0 0;
	border: 0;
	height: 48px;
}

.wdshconTop>.inserbox>.inserbox-in>input::placeholder {
	color: #555;
	font-size: 15px;
}

.wdshconTop>.inserbox>button {
	width: 76px;
	height: 50px;
	background: #002855;
	border-radius: 5px;
	color: #fff;
	padding: 0 0;
	margin: 0 0;
}

.wdshconTop>.inserbox>button:before {
	content: "";
	width: 14px;
	height: 15px;
	display: inline-block;
	background: url(../images/contents/alldownserBtn_search.png) no-repeat
		center;
	background-size: auto 15px;
	vertical-align: middle;
	margin-right: 2px;
}

.ark {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	width: 100%;
}

.allsearch-ico.sub {
	width: 30px;
	height: 30px;
	line-height: 23px;
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: center;
}

.wdshconTop>.inserbox>.inserbox-in>.ark>.ark_wrap {
	top: 52px;
}

.wordsh-con {
	display: flex;
	justify-content: flex-start;
	margin-top: 54px;
}

.wordsh-con div.word {
	width: 419px;
	position: relative;
}

.wordsh-con div.word>div.wbox {
	width: calc(100% - 50px);
	margin-right: 50px;
	/*    border: 1px solid #dce0e3;*/
	box-sizing: border-box;
	border-radius: 4px;
	height: 827px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}

.wordsh-con div.word:after {
	width: 50px;
	height: 70px;
	text-align: center;
	display: inline-block;
	content: "";
	background: url(../images/contents/wd-step-arr.png) no-repeat center top
		26px;
	background-size: 20px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.wordsh-con div.word.Text:after {
	display: none;
}

.wordsh-con div.word.Text {
	width: 442px;
	position: relative;
}

.wordsh-con div.word.Text>div.wbox {
	width: 100%;
	margin-right: 0;
}

.wbox .tt {
	display: block;
	height: 74px;
	line-height: 74px;
	background: #003b8b;
	border: 1px solid #003b8b;
	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 20px;
	font-weight: 700;
	padding-left: 20px;
}

.wbox .tt.wd03 {
	background: #0971D5;
	border: 1px solid #0971D5;
}

.tt:before {
	content: "";
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-right: 5px;
	background-size: 24px auto;
	vertical-align: middle;
}

.tt.wd01:before {
	background: url(../images/contents/wd01.png) no-repeat;
}

.tt.wd02:before {
	background: url(../images/contents/wd02.png) no-repeat;
}

.tt.wd03:before {
	background: url(../images/contents/wd03.png) no-repeat;
}

.wbox .wdCon {
	border: 1px solid #dce0e3;
	width: calc(100% - 52px);
	height: calc(753px - 17px - 51px);
	background: #fff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 17px 25px 51px;
}

.wbox .wdCon.back {
	background: #f5f8fa;
}

.wbox .wdCon.pad {
	width: calc(100% - 29px - 2px);
	padding: 17px 4px 51px 25px;
}

.wdintxt {
	width: calc(100% - 44px);
	height: calc(119px - 44px);
	border: 1px solid #93a7c8;
	background: #fff;
	padding: 22px;
	border-radius: 4px;
	font-size: 16px;
	color: #30538d;
	line-height: 160%;
	letter-spacing: -.07em;
	word-break: keep-all;
	margin-bottom: 49px;
}

/*용어검색 수정*/
input[class="word"] {
	display: none;
}

.word-con>input[type="radio"]:checked+label, .word-con>input[type="radio"]:not(:checked ) +label {
	position: relative;
	padding-left: 0;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #555;
	font-size: 16px;
	font-weight: 400;
}

.wordtt {
	display: flex;
	width: 100%;
	height: 50px;
	cursor: pointer;
	user-select: none;
}

.wordtt:before, .wordtt:after {
	display: none;
}

label.wordtt div:first-child {
	width: 100%;
	line-height: 45px;
	margin-left: 0;
	font-size: 1.2em;
}

.wdtt {
	font-size: 18px;
	color: #111;
	font-weight: 500;
	display: block;
	margin-bottom: 5px;
}

.w-acc-content {
	box-sizing: border-box;
	font-size: 0.9em;
	max-height: 100%;
	overflow: hidden;
	transition: max-height, .5s;
}

.key {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	border-left: 1px solid #bcc1c3;
	border-bottom: 1px solid #bcc1c3;
	overflow: hidden;
	box-sizing: border-box;
}

.key li {
	width: calc(100%/ 7);
	display: inline-block;
	float: left;
	height: 44px;
	line-height: 44px;
	border-top: 1px solid #bcc1c3;
	border-right: 1px solid #bcc1c3;
	box-sizing: border-box;
	text-align: center;
	color: #353535;
	font-weight: 400;
	font-size: 17px;
	background: #fff;
}

.key li.wd:hover {
	cursor: pointer;
	color: #fff;
	background: #0071cd
}

.key li.wd.active {
	color: #fff;
	background: #0071cd
}

.wdscroll {
	width: calc(100% - 20px);
	padding-right: 20px;
	height: 684px;
	overflow-y: auto;
}

.wdscroll::-webkit-scrollbar {
	width: 8px;
}

.wdscroll::-webkit-scrollbar-thumb {
	background-color: #afafaf;
	border-radius: 10px;
	height: 50px;
}

.wdscroll::-webkit-scrollbar-track {
	background-color: #ededed;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px white;
}

.wdConlist {
	width: 100%;
	overflow: hidden;
}

.wdConlist li {
	display: block;
	width: calc(100% - 10px);
	float: left;
	font-size: 17px;
	color: #333;
	font-weight: 400;
	padding: 10px 0 16px 10px;
}

.wdConlist li:before {
	content: "";
	width: 2px;
	height: 2px;
	background: #333;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.wdConlist li:hover, .wdConlist li.active {
	background: #deeefb;
	color: #0071cd;
	border-radius: 4px;
	cursor: pointer;
}

.wdConlist li:hover:before, .wdConlist li.active:before {
	background: #0071cd;
}

.wdsertit {
	color: #0071cd;
	font-size: 22px;
	font-weight: 700;
	margin-top: 26px;
}

.wdsertit:after {
	display: block;
	width: 17px;
	height: 1px;
	background: #0071cd;
	content: "";
	display: block;
	margin-top: 17px;
}

.wdserintxt {
	margin-top: 22px;
	word-break: keep-all;
	font-size: 16px;
	font-weight: 400;
	color: #555;
	line-height: 200%;
}

@media only screen and (max-width:1300px) {
	.wordsh-con div.word {
		width: 419px;
		position: relative;
	}
	.wordsh-con div.word>div.wbox {
		width: calc(100% - 30px);
		margin-right: 30px;
	}
	.wordsh-con div.word:after {
		width: 30px;
		background-size: 15px;
	}
	.wdintxt {
		width: calc(100% - 20px);
		height: auto;
		padding: 10px;
		font-size: 14px;
	}
}

@media only screen and (max-width:980px) {
	.wdshconTop {
		flex-direction: column;
	}
	.word-top.allch {
		width: 100%;
		height: 195px;
		position: absolute;
		top: 0;
		left: 0;
		background: linear-gradient(to right, #0eaeea, #0e74c9, #0964b2);
		z-index: -1;
	}
	.word-top:before, .word-top.allch:before {
		left: -150px;
		bottom: 0;
	}
	.word-top:after, .word-top.allch:after {
		right: -200px;
		top: -80px;
	}
	.wdshconTop>label {
		margin-right: 0;
		display: block;
		text-align: left;
		width: 100%;
		margin-bottom: 20px;
	}
	.wdshconTop>span {
		color: #fff;
		font-size: 22px;
		font-weight: 700;
		margin-right: 0;
		display: flex;
		width: 100%;
		height: 30px;
	}
	.wdshconTop.allch>span {
		margin-right: 0;
		font-size: 22px;
		font-weight: 500;
	}
	input[class="allch"]+label {
		margin-left: 0 !important;
		margin-right: 5px;
	}
	.wdshconTop>.inserbox {
		width: 100%;
	}
	.wdshconTop>.inserbox>.inserbox-in {
		width: calc(100% - 35px - 76px);
		height: 48px;
		border-radius: 5px;
		background: #fff;
		padding: 0 15px;
		margin-right: 5px;
		font-size: 16px;
		display: inline-block;
		position: relative;
	}
}

@media only screen and (max-width:840px) {
	.wordsh-con {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		margin-bottom: 54px;
	}
	.wordsh-con div.word, .wordsh-con div.word.Text {
		width: 100%;
		position: relative;
	}
	.wordsh-con div.word>div.wbox {
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	.wordsh-con div.word:after {
		width: 100%;
		min-height: 50px;
		background-size: 15px;
		transform: rotate(90deg);
		position: relative;
	}
	.wbox .wdCon {
		border: 1px solid #dce0e3;
		width: calc(100% - 52px);
		height: auto;
		background: #fff;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		padding: 17px 25px 51px;
	}
	.wdscroll {
		width: calc(100% - 20px);
		padding-right: 20px;
		height: 400px;
		overflow-y: auto;
	}
	.word-con>input:checked ~ .w-acc-content {
		max-height: 400px;
		transition: max-height, 1s;
	}
	label.wordtt div:first-child {
		width: 100%;
		height: 38px;
		line-height: 38px;
		position: relative;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #bcc1c3;
	}
	.wdtt:before {
		content: "";
		display: inline-block;
		width: 38px;
		height: 38px;
		border-radius: 50px;
		background: #fff;
		border: 1px solid #c2cdd1;
		position: absolute;
		right: 0;
		top: 0;
		box-sizing: border-box;
	}
	.wdtt:after {
		content: "";
		width: 8px;
		/* 사이즈 */
		height: 8px;
		/* 사이즈 */
		border-top: 2px solid #c2cdd1;
		/* 선 두께 */
		border-right: 2px solid #c2cdd1;
		/* 선 두께 */
		display: inline-block;
		transform: rotate(135deg);
		/* 각도 */
		position: absolute;
		top: calc(50% - 10px);
		/* 기본 0px 값으로 해주세요 */
		right: 13.7px;
		/* 기본 0px 값으로 해주세요 */
		transition: all .3s ease;
	}
	.word-con>input:checked ~ label.wordtt .wdtt::before {
		border: 1px solid #2591b9;
	}
	.word-con>input:checked ~ label.wordtt .wdtt:after {
		content: "";
		display: inline-block;
		transform: rotate(315deg);
		border-top: 2px solid #2591b9;
		/* 선 두께 */
		border-right: 2px solid #2591b9;
		/* 선 두께 */
		top: calc(50% - 8px);
	}
	.w-acc-content {
		box-sizing: border-box;
		font-size: 0.9em;
		max-height: 0;
		overflow: hidden;
		transition: max-height, .5s;
		margin: 10px 0 0 0;
	}
}

@media only screen and (max-width:580px) {
	.wdshconTop>.inserbox>.inserbox-in {
		width: calc(100% - 35px - 50px);
	}
	.wdshconTop>.inserbox>button {
		width: 50px;
		height: 50px;
		text-indent: -9999px;
		background: url(../images/contents/alldownserBtn_search.png) no-repeat
			center #002855;
	}
}

/*통합검색*/
.alch {
	display: inline-block;
	margin-right: 20px;
}

.alch label:before {
	display: none;
}

.sub-top-typeBox div.open_view {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.sub-top-typeBox div.open_view>p.boxtt {
	font-size: 22px;
	color: #222;
	font-weight: 700;
	display: block;
	width: 100%;
}

.sub-top-typeBox div.open_view em {
	font-size: 16px;
	color: #555;
	font-weight: 400;
}

.sub-top-typeBox div ul {
	margin-top: 10px;
}

.sub-top-typeBox div ul li {
	font-size: 16px;
	color: #555;
	font-weight: 400;
	margin-bottom: 4px;
}

.allchdetail {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	height: 0px;
	border: 0;
	background: #fff;
	transition: all .3s;
	font-size: 17px;
	color: #333;
	font-weight: 400;
	opacity: 0;
}

.allchdetail.on {
	height: 387px;
	padding: 20px 0 80px 0;
	border-bottom: 2px solid #0071cd;
	background: #f9fbfc;
	opacity: 1;
	transition: all .25s ease;
	display:none;
}

.alconCenter {
	width: 100%;
	display: block;
}

.aldecon {
	width: 100%;
	padding: 34px 0;
	border-bottom: 1px solid #ddd;
}

.alconCenter {
	width: 780px;
	margin: 0 auto;
	display: flex;
	vertical-align: middle;
	align-items: center;
}

.alconCenter dt {
	width: 162px;
	display: inline-block;
	font-size: 17px;
	color: #111;
	font-weight: 500;
}

.alconCenter dt:before {
	width: 2px;
	height: 2px;
	display: inline-block;
	margin-right: 8px;
	background: #111;
	content: "";
	vertical-align: middle;
}

.alconCenter dd span {
	font-size: 16px;
	color: #555;
	display: inline-block;
	margin-right: 40px;
}

.alconCenter dd em.ex {
	font-size: 15px;
	color: #888;
	margin-left: 20px;
}

.alconCenter dd p {
	max-width: 170px;
	height: 48px;
	min-height: 48px;
	padding: 0 10px;
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	font-size: 16px;
	color: #333;
	background: #fff;
	box-sizing: border-box;
	display: inline-block;
}

.alconCenter dd p>.ui-datepicker-trigger {
	margin-top: 0 !important;
}

.alconCenter dd p input {
	width: calc(100% - 20px);
	height: 46px;
	border: 0;
	padding: 0;
}

.alldownsel {
	width: 180px;
}

.alldownserBtn {
	width: 209px;
	height: 59px;
	border-radius: 4px;
	color: #fff;
	background: #002855;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	font-size: 18px;
	font-weight: 500;
}

.alldownserBtn:before {
	content: "";
	width: 16px;
	height: 17px;
	display: inline-block;
	margin-right: 5px;
	background: url(../images/contents/alldownserBtn_search.png) no-repeat;
}

.search_res {
	width: 100%;
	font-size: 40px;
	padding: 100px 0 0 0;
	display: flex;
	justify-content: center;
	font-weight: 700;
	color: #111;
}

.search_res b {
	font-size: 48px;
	color: #f8414c;
	font-family: 'Poppins Bold';
	margin: 3px 4px 0 4px
}

.reintt {
	width: 100%;
	font-size: 18px;
	padding: 20px 0 92px 0;
	display: flex;
	justify-content: center;
	color: #555;
}

.reintt b {
	color: #111;
}

/*통합검색 웹접근성tab*/
[role='tableist'] {
	width: 1280px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
}

.tab-list {
	width: calc(100%/ 7);
	display: flex;
	justify-content: flex-start;
	margin-right: 10px;
}

.tab-list.last {
	margin-right: 0;
}

[role='tab'] {
	width: 100%;
	height: 71px;
	position: relative;
	margin: 0;
	padding: 0.3em 0.5em 0.4em;
	border: 1px solid #c7cfd4;
	border-radius: 3px;
	background: #eef3f6;
	font-size: 19px;
	color: #484e52;
}

[role='tab'][aria-selected='true'] {
	background: #0071cd;
	font-weight: 700;
	color: #fff;
}

.wrap-tab-contents {
	width: 1280px;
	margin: 0 auto;
	padding-top: 73px;
	overflow: hidden;
}

[role='tabpanel'] {
	position: relative;
}

.wrap-tab-contents h3 {
	width: 50%;
	display: inline-block;
	text-align: left;
	color: #111;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 39px;
}

.searconbox {
	width: 100%;
	height: 100%;
	position: relative;
}

.ser-in-tt {
	position: relative;
	display: block;
	padding: 20px 0 20px 62px;
	font-weight: 400;
	text-align: center;
	font-size: 20px;
	color: #333;
	position: relative;
	text-align: left;
	border-bottom: 2px solid #000;
	background: url(../images/contents/ser-in-tt_search.png) no-repeat
		center left 10px;
}

.ser-in-tt mark {
	color: #0071cd;
	font-weight: 500;
}

.ser-in-tt strong {
	color: #f8414c;
	font-weight: 500;
}

.s-seemore {
	font-size: 16px;
	color: #111;
	font-weight: 400;
	position: absolute;
	right: 0;
	top: 20px;
	padding-right: 30px;
	background-color: transparent;
}

.s-seemore:after {
	content: "";
	position: absolute;
	right: 0;
	top: calc(50% - 8px);
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: block;
	background: url(../images/contents/ser-in-tt_more.png) no-repeat center;
}

.allser-list {
	margin: 47px 0 126px 0;
}

.allser-list li {
	width: 100%;
	display: block;
	margin-bottom: 22px;
}

.allser-list li a {
	font-size: 17px;
	font-weight: 400;
	color: #555;
}

.allser-list li:before {
	content: "";
	width: 4px;
	height: 4px;
	background: #19a8e2;
	border-radius: 50px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.list-desc {
	margin-bottom: 47px;
}

.list-desc li {
	width: 100%;
}

.list-desc li a {
	display: block;
	border-bottom: 1px solid #e7e7e7;
	padding: 46px 0 40px 0;
}

.list-desc li a p {
	display: block;
}

.list-desc li a p.title {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: calc(100% - 120px);
	font-size: 20px;
	color: #222;
	font-weight: 500;
}

.list-desc li a p.title .addicon {
	width: auto;
	max-width: 16px;
	display: inline-block;
	margin-right: 10px;
}

.list-desc li .desc {
	width: calc(100% - 40px);
	min-height: 40px;
	display: block;
	font-size: 16px;
	color: #555;
	margin: 20px 0 34px 0;
	/* display: -webkit-box; */
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 160%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-desc li span {
	display: inline-block;
	position: relative;
	padding: 0 34px 0 25px;
	font-size: 15px;
	color: #777;
}

.list-desc li span:before {
	content: "";
	position: absolute;
	left: 0;
	vertical-align: middle;
	display: inline-block;
}

.list-desc li span.dates:before {
	width: 15px;
	height: 16px;
	top: 2px;
	vertical-align: middle;
	background: url(../images/contents/list-desc_Date.png) no-repeat left
		center;
}

.route:before {
	width: 14px;
	height: 16px;
	top: 2px;
	vertical-align: middle;
	background: url(../images/contents/list-desc_Map.png) no-repeat left
		center;
}

.vodallcit {
	margin-top: 20px;
}

.vodallcit span {
	width: 100%;
	display: block;
	float: left;
	padding: 2px 34px 2px 25px;
	font-size: 15px;
	color: #777;
	position: relative;
	vertical-align: middle;
}

.vodallcit span:before {
	content: "";
	height: 16px;
	position: absolute;
	left: 0;
	top: calc(50% - 8px);
	display: inline-block;
}

.dates:before {
	width: 15px;
	background: url(../images/contents/list-desc_Date.png) no-repeat left
		center;
}

.route:before {
	width: 14px;
	background: url(../images/contents/list-desc_Map.png) no-repeat left
		center;
}

@media only screen and (max-width:1540px) {
	[role='tableist'] {
		width: 90%;
		margin: 0 5%;
		display: flex;
		justify-content: flex-start;
	}
	.wrap-tab-contents {
		width: 90%;
		margin: 0 5%;
	}
}

@media only screen and (max-width:1280px) {
	[role='tableist'] {
		width: 90%;
		margin: 0 5%;
		display: block;
		overflow: hidden;
	}
	.tab-list {
		width: calc(33.333% - 6.7px);
		display: block;
		float: left;
		margin: 0 10px 10px 0;
	}
	.tab-list:nth-child(3n+3) {
		margin-right: 0;
	}
}

@media only screen and (max-width:980px) {
	.aldecon {
		width: calc(100% - 60px);
		margin: 0 30px;
		padding: 34px 0;
		border-bottom: 1px solid #ddd;
	}
	.alconCenter {
		width: 100%;
	}
	.alconCenter dt {
		width: 120px;
		display: inline-block;
		font-size: 17px;
		color: #111;
		font-weight: 500;
	}
	.allser-list {
		margin: 47px 0 80px 0;
	}
	.s-seemore {
		position: relative;
		top: inherit;
		right: inherit;
		width: 100%;
		text-align: center;
		background: #f6f9fb;
		border: 1px solid #d8dcdf;
		border-radius: 3px;
		min-height: 60px;
		line-height: 60px;
		color: #111;
		font-weight: 500;
		font-size: 18px;
		margin-bottom: 50px;
		padding-right: 0;
	}
	.s-seemore:after {
		position: relative;
		display: inline-block;
		margin-left: 5px;
		top: inherit;
		right: inherit;
		vertical-align: inherit;
		background-size: 14px auto;
	}
}

@media screen and (max-width: 870px) {
	.wrap-tab-contents {
		padding-top: 40px;
	}
	.wrap-tab-contents h3 {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width:740px) {
	.aldecon {
		padding: 20px 0;
	}
	.alconCenter {
		margin: 0 auto;
		display: flex;
		vertical-align: middle;
		align-items: flex-start;
		flex-direction: column;
	}
	.alconCenter dt {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.allchdetail.on {
		height: 495px;
	}
}

@media only screen and (max-width:580px) {
	.alconCenter dt {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.alconCenter dd {
		width: 100%;
	}
	.alconCenter dd p {
		max-width: 47%;
		height: 48px;
		min-height: 48px;
		padding: 0 10px;
		border: 1px solid #d1d1d1;
		border-radius: 3px;
		font-size: 16px;
		color: #333;
		background: #fff;
		display: inline-block;
		float: left;
	}
	.alconCenter dd em {
		width: 6%;
		height: 48px;
		line-height: 48px;
		display: inline-block;
		text-align: center;
		float: left;
	}
	.alconCenter dd em.ex {
		display: block;
		margin: 10px 0;
		width: 100%;
		text-align: left;
		float: left;
	}
	.allchdetail.on {
		height: 480px;
	}
	.alldownsel {
		width: 100%;
	}
	.reintt {
		padding: 20px 0 40px 0;
	}
	[role='tableist'] {
		width: 90%;
		margin: 0 5%;
		display: block;
		overflow: hidden;
	}
	.tab-list {
		width: calc(50% - 5.715px);
		display: block;
		float: left;
		margin: 0 10px 10px 0;
	}
	.tab-list:nth-child(2n) {
		margin-right: 0;
	}
	.tab-list:nth-child(2n+1) {
		margin-right: 10px;
	}
	.wrap-tab-contents h3 {
		margin-bottom: 20px;
		width: 100%;
	}
	.search_res {
		width: calc(100% - 40px);
		margin: 0 20px;
		font-size: 30px;
	}
	.search_res b {
		font-size: 30px;
	}
	.reintt {
		width: calc(100% - 40px);
		margin: 0 20px;
		font-size: 18px;
		display: inline-block;
		text-align: center;
		word-break: keep-all;
		line-height: 1.2em;
	}
	.ser-in-tt {
		background: url(../images/contents/ser-in-tt_search.png) no-repeat top
			25px left 10px;
	}
}

@media only screen and (max-width:380px) {
	.alconCenter dd p input {
		font-size: 14px;
	}
	[role='tab'] {
		font-size: 16px;
	}
}

/*UN*/
.charter-list {
	width: calc(100% - 144px);
	margin: 0 72px;
}

.charter-list dl {
	width: 100%;
	overflow: hidden;
	padding: 56px 0 99px 0;
	border-bottom: 1px solid #e7e7e7;
}

.charter-list dl dt, .charter-list dl dd {
	width: 50%;
	display: inline-block;
	float: left;
	padding: 10px 0;
}

.charter-list dl dt {
	font-size: 34px;
	color: #111;
	font-family: 'Poppins Bold';
	vertical-align: middle;
}

.charter-list dl dt em {
	font-size: 20px;
	color: #111;
	font-weight: 500;
	font-family: 'Noto Sans KR';
}

.charter-list dl dt em:before {
	content: "";
	width: 1px;
	height: 13px;
	background: #c6c6c6;
	display: inline-block;
	margin: 0 10px;
}

.charter-list dl dd span {
	width: calc(100% - 100px);
	display: block;
	float: left;
	margin: 15px 0;
	font-size: 18px;
	color: #555;
	font-weight: 400;
	position: relative;
	padding-left: 100px;
	word-break: keep-all;
	line-height: 1.4em;
}

.charter-list dl dd span mark {
	width: 80px;
	padding: 5px 0;
	text-align: center;
	border-radius: 50px;
	font-size: 17px;
	font-weight: 500;
	color: #0071cd;
	border: 1px solid #0071cd;
	position: absolute;
	left: 0;
	top: -5px;
}

@media only screen and (max-width:1080px) {
	.charter-list {
		width: calc(100% - 4%);
		margin: 0 2%;
	}
}

@media only screen and (max-width:910px) {
	.charter-list dl dt, .charter-list dl dd {
		width: 100%;
		display: block;
		float: left;
		padding: 10px 0;
	}
}


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

	.charter-list dl dd span {
		width: 100%;
		display: block;
		padding-left: 0;
		margin-bottom: 30px;
	}
	
	.charter-list dl dd span mark {
		width: 80px;
		display:block;
		position: relative;
		left: inherit;
		top: inherit;
		margin-bottom: 15px;
	}
}

@media only screen and (max-width:480px) {
	.charter-list dl dt em {
	    font-size: 20px;
	    color: #111;
	    font-weight: 500;
	    font-family: 'Noto Sans KR';
	    display: block;
	}
	
	.charter-list dl dt em:before {
	    content: "";
	    width: 1px;
	    height: 13px;
	    background: #c6c6c6;
	    display: inline-block;
	    margin: 0 10px 0 0;
	}
	
}

/* 달력 */
.moninwrap {
	width: auto;
	float: left;
	display: inline-block
}

.MonthPicker {
	width: 180px;
	height: 40px;
	border: 1px solid #d1d1d1;
	background: #fff;
	padding: 0;
	box-sizing: border-box;
	border-radius: 3px;
	float: left;
	position: relative;
}

.MonthPicker input {
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	width: calc(100% - 30px - 10px);
	height: 38px;
	padding: 0 10px;
}

.MonthPicker button {
	position: absolute;
	width: 17px;
	height: 17px;
	top: 10px;
	right: 10px;
	background-color: transparent;
}

.Monthsel b {
	line-height: 40px;
	padding: 0 5px;
	float: left;
}

/*개인정보 라벨링*/
.label_container {padding: 30px 0 0;}
.label_container h4{ text-align:center; font-size:28px;}
.privacy_label{display:inline-block;width:calc(100% + 28px);padding:0;margin:20px -14px 5px -14px; box-sizing: border-box;}
.privacy_label .label_box{position:relative;float:left;width:calc(33% - 28px);box-sizing: border-box;margin:14px;padding:30px;text-align:center; border: 1px solid #dcdcdc; }
.privacy_label .label_box:hover{border: 1px solid #4d74c2;  box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2); cursor:pointer;}
.privacy_label .label_box .label_layer{display: none;position: absolute; box-sizing: border-box;border-radius: 3px;background-color: #fff;border: 1px solid #ccd8e6;width:490px;z-index: 999;box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);}
.privacy_label .label_box .label_layer .label_desc_top{width: 100%;box-sizing: border-box;padding:10px;background-color: #093f84;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.label_desc_top p{color: #fff; text-align:left;}
.label_desc_btm {padding:15px 20px;}
.label_desc_btm p{text-align:left; color: #333;font-weight: 500; line-height:20px; }
.label_cnt {margin:20px 0 0; font-size:18px; color:#333; font-weight:600;}

.label_desc_btm .tbl-type01 {position:relative;width:100%;border-top:1px solid #093f84;margin-top:10px;letter-spacing:-1px;}
.label_desc_btm .tbl-type01 th {padding:7px;font-size: 15px;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f5f5f5;color:#333;text-align:center;line-height:1em;}
.label_desc_btm .tbl-type01 td {padding:5px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;color:#333;}
.label_desc_btm .tbl-type01 td .desc_tit{font-weight:500; font-size: 15px;color: #1647aa; word-break: keep-all; letter-spacing:-0.5px; line-height:1.5rem !important;   }
.label_desc_btm .tbl-type01 td .desc_cnt{color: #333;font-size: 14px; line-height:1.6rem !important;}

.desc_wrap{display: flex;flex-flow: row wrap;}
.desc_box{width: 100%;border-radius: 10px; border: 1px solid #eee;box-sizing: border-box;padding: 10px 15px; margin-top:10px; margin-bottom:10px; display: flex;flex-flow: row wrap;justify-content: space-between;    }
.desc_tit{width: 30%;font-weight:500; font-size: 15px;color: #1647aa !important; word-break: keep-all; letter-spacing:-0.5px; line-height:1.5rem !important;   }
.desc_cnt{ width: 69%;color: #333;font-size: 14px; line-height:1.6rem !important;}

.label_desc_btm .tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;}

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

	.label_container{
		display:none;	
	}
}

.w-box ul li ol a {color:#333;}
.w-box ul li ol a:hover {color:#054294;}

.anc_lo {position:absolute; width:100px; height:200px; top: -200px;}

/* 개인정보 버튼*/
.btn-move02 {display:inline-block; padding: 0 20px 5px; border: 1px solid #D9E6F2; border-radius: 5px; line-height: 32px; font-weight: 500; letter-spacing:-0.04em;font-size: 0.95rem; color: #000; background-color: #F3F5F9;} 
.btn-move02 > span {display: inline-block; vertical-align: middle; line-height: 1.3;}
/* interaction */
.btn-move02:focus {position: relative; background-color: #ffffff; color: #0775DB; outline-color: transparent;}
.btn-move02:hover {color: #fff; background-color: #054294;} 
.btn-move02:focus::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #000000; box-sizing: border-box;}
@media screen and (max-width:800px){
    .btn-move02 {display: block; width: 100%; text-align: center;}
}