@charset "utf-8"; /*! Fontface */

.tab-area.layer {
	padding-top: 10px!important
}

@media (max-width: 767px) {
	.tab-area.layer .inst {
		padding-top:0!important
	}
}

.conts-area.login-type .tab-area {
	padding-top: 40px
}

.conts-area .tit-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	row-gap: 32px
}

.conts-area .tit-wrap .certify-opt-tit {
	font-size: 20px
}

@media (max-width: 767px) {
	.conts-area .tab-area {
		padding-top:0
	}
}

.conts-area .tab-conts {
	margin-top: 60px
}

.conts-area .tab-area .certify-sel-wrap.type-slim .certify-option>li {
	padding-top: 20px
}

@media (max-width: 767px) {
	.conts-area .tab-area .certify-sel-wrap.type-slim .certify-option>li {
		padding-top:0
	}
}

@media (max-width: 767px) {
	.conts-area {
		padding-top:32px
	}

	.conts-area .tit-wrap.order-change {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}

	.conts-area .tab.full {
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}
}

.tab > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow-x: auto;
	width: 100%
}

.tab .btn-tab,.tab li {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	position: relative;
	white-space: nowrap
}

.tab .btn-tab {
	width: 100%;
	background-color: #fff;
	border: 1px solid #fff;
	color: #555;
	font-weight: 500;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.tab .btn-tab:not(:disabled):hover {
	border-radius: 6px;
	background-color: #edf1f5;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.tab .btn-tab:not(:disabled):active {
	background-color: #cdd7e4;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.tab .btn-tab[disabled] {
	color: #8e8e8e;
	cursor: default
}

.tab li {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0
}

.tab.full {
	width: 100%
}

.tab.full .btn-tab {
	height: 40px!important;
	font-size: 20px!important
}

@media (max-width: 767px) {
	.tab.full .btn-tab {
		height:30px!important;
		font-size: 16px!important
	}
}

.tab.full>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	position: relative;
	width: 100%
}

.tab.full>ul>li {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0px;
	min-width: 0
}

.tab.fill .btn-tab {
	height: 48px;
	padding: 0 16px;
	font-size: 19px
}

.tab.fill .active .btn-tab {
	background-color: #003675;
	border-color: #003675;
	color: #fff
}

.tab.fill>ul>li+li {
	margin-left: 8px
}

.tab.fill>ul>li .btn-tab {
	border-radius: 8px
}

.tab.fill.full .btn-tab {
	border: 1px solid #b4c4d6
}

.tab.fill.full .active .btn-tab {
	background-color: #003675;
	border-color: #003675;
	color: #fff!important
}

.tab.fill.full>ul>li+li {
	margin-left: 0
}

.tab.fill.full>ul>li+li .btn-tab {
	border-left: none
}

.tab.fill.full>ul>li .btn-tab {
	border-radius: 0
}

.tab.fill.full>ul>li:first-of-type .btn-tab {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px
}

.tab.fill.full>ul>li:last-of-type .btn-tab {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px
}

.tab.line .btn-tab {
	height: 48px;
	padding: 0 2px;
	font-size: 19px
}

.tab.line .btn-tab:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: "";
	width: 0;
	height: 2px;
	background-color: #003675;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.tab.line .active .btn-tab {
	color: #003675
}

.tab.line .active .btn-tab:before {
	position: absolute;
	left: 0;
	width: 100%
}

.tab.line>ul>li+li {
	margin-left: 16px
}

.tab.line.full .btn-tab {
	padding-left: 0;
	padding-right: 0;
	border: 0;
	border-bottom: 2px solid #d8d8d8
}

.tab.line.full .btn-tab:before {
	bottom: -2px;
	height: 4px
}

.tab.line.full .btn-tab:active,.tab.line.full .btn-tab:hover {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.tab.line.full>ul>li+li {
	margin-left: 0
}

.tab-conts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 40px;
	display: none;
	margin-top: 40px
}

.tab-conts.mgt0 {
	margin-top: 0
}

.tab-conts>form {
	-webkit-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 40px
}

.tab-conts.active,.tab-conts>form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}