@charset "utf-8";

/* ---------------------------------- sub page */
/*
	sub layout
*/

body {
	word-break: keep-all;
}

#subConts {
    position: relative;
    width:100%;
    overflow: hidden;
    min-height: 310px;
    margin: 0 auto;
}

/* sub visual */
.sub-visual {
    display: table;
    width: 100%;
    height: 450px;
    text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/sub/bg_sub_visual_00.jpg');
    overflow: hidden;
}
.sub-visual.sub01 {
	background-image: url('../images/sub/bg_sub_visual_01.jpg');
}

.sub-visual.sub02 {
	background-image: url('../images/sub/bg_sub_visual_02.jpg');
}

.sub-visual.sub03 {
	background-image: url('../images/sub/bg_sub_visual_03.jpg');
}

.sub-visual.sub04 {
	background-image: url('../images/sub/bg_sub_visual_04@220311.jpg');
}

.sub-visual.sub05 {
	background-image: url('../images/sub/bg_sub_visual_05.jpg');
}

.sub-visual.sub06 {
	background-image: url('../images/sub/bg_sub_visual_02@old.jpg');
}

/* etc */
.sub-visual.sub {

}

.sub-visual > div {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	padding-bottom: 10px;
}

.sub-visual h2 {
	font-weight: bold;
	font-size: 46px;
	line-height: 1;
	color: #fff;
	text-shadow: 0 0 35px rgba(11, 11, 11, 0.39);
	font-family: 'NEXON Lv1 Gothic Low',sans-serif;
}

.sub-visual .sub-visual_img {
	margin-top: -1.5rem;
}

@media (max-width: 991px) {
	.sub-visual {
		height: 340px;
	}

	.sub-visual > div {
		padding-top: 0;
		padding-bottom: 0;
	}
	.sub-visual h2 {
		font-size: 2.5rem;
	}
	
	.sub-visual .sub-visual_img {
		width: 251px!important;
		
	}
}

@media (max-width: 767px) {
	.sub-visual {
		height: 280px;
	}
}

/* location */
.location-wrap {
	position: relative;
	width: 100%;
	margin-top: -70px;
	z-index: 10;
}
.location-wrap.fixed {
	position: fixed;
	top: 100px;
	margin-top: 0;
}
.location-wrap:before {
	content: '';
	position: absolute;
	left: 30%;
	width: 70%;
	height: calc(100% - 1px);
	border-bottom: 1px solid #ddd;
	background: #fff;
}

@-webkit-keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}
@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}


.location-wrap ul.location-ul {
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
}

.location-wrap ul.location-ul > li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #ddd;
}

.location-wrap ul.location-ul > li:before {
	content: url('../images/sub/icon_location_down_arrow.png');
	position: absolute;
	top: 50%;
	right: 20px;
	width: 17px;
	color: #fff;
	font-size: 14px;
	height: 7px;
	margin-top: -8.5px;
	pointer-events: none;
}

.location-wrap ul.location-ul > li:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background: #ddd;
}

.location-wrap ul.location-ul > li.location-home {
/*	display: none;*/

}

.location-wrap ul.location-ul > li.location-home a {
	display: flex;
	padding: 0;
	min-width: 98px;
	height: 70px;
	text-align: center;
	border-left: 0;
	background-color: #fff;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 20px;
	border-bottom: 0;
	-webkit-backface-visibility: hidden;
	background-color: #ff901e;
	background-image: -webkit-linear-gradient(left top, #dad235, #ff901e, #ff901e, #dad235);
	background-image: -moz-linear-gradient(left top, #dad235, #ff901e, #ff901e, #dad235);
	background-image: -ms-linear-gradient(left top, #dad235, #ff901e, #ff901e, #dad235);
	background-image: -o-linear-gradient(left top, #dad235, #ff901e, #ff901e, #dad235);
	background-size: 300% 300%;
	-webkit-animation: animatedgradient 3s ease alternate infinite;
	animation: animatedgradient 3s ease alternate infinite
}

.location-wrap ul.location-ul > li.location-home:before {
	display: none;
}

.location-wrap li a {
	display: block;
	padding: 3px 40px 0 20px;
	min-width: 240px;
	border-width: 0 1px;
	font-size: 1.25rem;
	line-height: 67px;
	word-break: keep-all;
	font-weight: 400;
	color: #000;
	background: #fff;
}
.location-wrap ul.location-ul > li:last-child:before {
	content: url('../images/sub/icon_location_down_arrow-on.png');
}
.location-wrap ul.location-ul > li:last-child > a,
.location-wrap ul.location-ul > li.on > a {
	color: #ee8111;
	font-weight: bold;
	background: #f9f5f1;
}

.location-wrap .location-depth2 {
	display: none;
	position: absolute;
	top: 70px;
	left: -1px;
    z-index: 999;
    width: calc(100% + 2px);
	border: 1px solid #ddd;
	border-width: 0 1px;
	background-color: #fff;
}


.location-wrap .location-depth2 a {
	font-size: 1rem;
	line-height: 17px;
	color: #333;
	padding: 18px 20px 14px;
	border-bottom: 1px solid #ddd;
	background: transparent;

}

.location-wrap .location-depth2 li.on a {
	color: #ee8111 !important;
}

/* 2depth */
@media (max-width: 1199px) {
	.location-wrap ul.location-ul {
		margin: 0 -20px 0;
	}
}

@media (min-width: 1200px) {
	.location-wrap .location-depth2 li:not(.location-home) a:hover {
		background: #f1f1f1;
		color: #000;
	}
}

@media (max-width: 767px) {
	.location-wrap {
		margin-top:  -50px;
	}
	.location-wrap ul.location-ul > li {
		display: none;
	}

	.location-wrap ul.location-ul > li:last-of-type {
		display: inline-block;
		width: calc(100% - 56px);

	}

	.location-wrap ul.location-ul > li:last-of-type > a {
		text-align: center;
	}

	.location-wrap li a {
		line-height: 50px;
		padding: 0;
	}
	.location-wrap ul.location-ul > li.location-home {
		display: inline-block;
	}
	.location-wrap ul.location-ul > li.location-home a {
		min-width: 55px;
		height: 50px;
	}

	.location-wrap ul.location-ul > li.location-home img {
		width: 16px;
	}

	.location-wrap .location-depth2 {
		top: 50px;
	}
}

/* sub-conts-wrap */
.sub-conts-wrap {

}
.sub-cont-section {
    padding: 90px 0;
}
.sub-cont-section.section-01 {
	padding-top: 0;
}
.sub-cont-section.pt_0 {
    padding-top: 0;
}
.sub-cont-section.pb_0 {
    padding-bottom: 0;
}
.sub-cont-section:last-child {
	padding-bottom: 110px;
}


@media screen and (max-width: 767px) {
    .sub-conts-wrap {
        padding: 30px 0;
    }
    .sub-cont-section {
        padding: 30px 0;
    }
}

.sub_cont_tit {
	font-family: 'NEXON Lv1 Gothic Low',sans-serif;
    font-size: 3.125rem;
    color: #111;
    line-height: 1;
    font-weight: 700;
    text-align: center;
	padding: 90px 0 80px;
}

.sub_cont_tit + p {
    font-size: 1.4375rem;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .sub_cont_tit {
        font-size: 2rem;
		padding: 50px 0 40px;
    }
    .sub_cont_tit + p {font-size: 1.125rem;}
    .sub_cont_tit + p br {display: none;}
}
@media screen and (max-width: 550px) {
    .sub_cont_tit {
        font-size: 1.875rem;
    }
}
.imgWrap img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}



/* radio button */
.radio_button_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 0 5px;
}
.radio_button_wrap h3,
.radio_button_wrap h4 {float: left; margin-top:0!important; margin-bottom:0!important; padding-right: 30px;}


/* checkbox */
.radio_button_wrap .check_label {
    text-align: right;
}
.radio_button_wrap input[type="radio"] {
    display: none!important;
}

.radio_button_wrap input[type="radio"]+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 30px;
    color: #555;
    font-weight: 500;
    margin-right: 15px;
}
.radio_button_wrap input[type="radio"]+label:before {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    background: transparent;
    border: 1px solid #bbb;
    transition: all .3s ease;
    border-radius: 10px;
    content: "\f00c";
    font-family: 'FontAwesome';
}

.radio_button_wrap [type="radio"]:checked+label:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    border:1px solid #d43c3a;
    color: #d43c3a;
}

/* 판매시작일 종료일 */
.date-start-end {
    display: table;
    width: 100%;
}
.date-start-end > div {
    display: table-cell;
    vertical-align: bottom;
}
.date-start-end > div:not(.datepicker_box) {
    width: 60px;
}
.date-start-end > div:not(.datepicker_box) span {
    display: block;
    width: 20px;
    height: 1px;
    margin: 0 auto 30px;
    background-color: #222;
}
.datepicker_box {
    width: calc(100% - 30px);
}
.datepicker_box img {display: none;}

/* accordion */
.accordion-wrap {}
.info-list {}
.f-wrap {
    position: relative;
    padding: 10px 40px 7px;
    border-bottom: 1px solid #616161;
    cursor: pointer;
}
.f-wrap a {
    font-size: 16px;
    font-family: 'Noto Sans KR',sans-serif;
}
.sale_request_form.basic-form .form_icon.f-wrap:before {
    left: 10px;
    top: 10px;
}
.f-wrap.on a:before {
    content: '사용 함';
}
.f-wrap a:before {
    content: '사용 안함';
}
.f-wrap a:after{
    position: absolute;
    right: 10px;
    bottom: 0;
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 24px;
}
.f-wrap.on a:after {
    content: "\f106";
}
.f-wrap {}
.q-wrap {
    padding-top: 28px;
}
.q-wrap__box {
    padding: 20px 20px 45px;
    border:2px solid #ddd;
}

.q-wrap__box .dl_st {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 100%;
}
.q-wrap__box .dl_st dt {
    position: relative;
    width: 100%;
    padding-left: 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    clear: both;
}
.q-wrap__box .dl_st dd {
    width:100%;
    padding-bottom: 15px;
}

.q-wrap__box .dl_st dt:before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #111;
}
.q-wrap__box .input_holder_box {
    position: relative;
}
.q-wrap__box .input_holder_box .holder {
    font-weight: 400;
    padding-left: 0;
}
.q-wrap__box .input_holder_box .holder .placeholder {
    float: right;
}
@media screen and (min-width: 768px) {
    .q-wrap__box .dl_st dt {
        width: 210px;
        padding-bottom: 15px;
    }

    .q-wrap__box .dl_st dd {
        width: calc(100% - 210px);
    }
}
@media screen and (max-width: 767px){

}

/* // sub-conts-wrap */

/*
	sub layout - 20220215
*/
img {
	max-width: 100%;
}

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

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

.align-left {
	text-align: left;
}

.cb:after {
	content: "";
	display: block;
	clear: both;
}

.btn_type {
	display: inline-block;
	text-align: center;
	padding: 0 20px;
}

.btn_type.type01 {
	background-color: #00619f;
	color: #fff;
}

.btn_type.type02 {
	min-width: 120px;
	height: 40px;
	line-height: 40px;
	background-color: #ebebeb;
	font-size: 16px;
	color: #000;
	transition: all .3s;
}

.btn_type.type02 i {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -2px;
}

.btn_type.type02 i:before {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background-color: #111;
}

.btn_type.type02 i:after {
	content: "";
	display: block;
	width: 12px;
	height: 1px;
	background-color: #111;
	position: absolute;
	top: 5.5px;
    left: -5.5px;
/*	transform: rotate(90deg);*/
}

.btn_type.type02:hover {
	background-color: #ee8111;
	color: #fff;
}

.btn_type.type02:hover i:before,
.btn_type.type02:hover i:after {
	background-color: #fff;
}

.btn_type.type03 {
	border: 1px solid #111;
	color: #111;
	font-weight: 400;
	background: #fff;
	transition: all .3s;
}

.btn_type.type03:hover {
	background-color: #00619f;
	color: #fff;
	border-color: #00619f;
}

.btn_type.type04 {
	min-width: 90px;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	background-color: #a3a9b0;
	font-size: 0.9375rem;
	color: #fff;
}


.btn_type.type04 img {
	margin-left: 2px;
}

/*
@media(max-width:767px) {
	.btn_type {
		min-width: 180px;
		height: 45px;
		line-height: 45px;
	}

	.btn_type.type01 {
		font-size: 16px;
		min-width: 160px;
		height: 45px;
		line-height: 45px;
	}

	.btn_type.type02 {
		font-size: 12px;
		min-width: 80px;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
	}

	.btn_type.type03 {
		min-width: 180px;
		height: 45px;
		line-height: 44px;
		font-size: 14px;
	}
}
*/

@media(max-width:1199px) {
	.table_wrap {
		overflow-x: auto;
	}
}

table {
	width: 100%;
	table-layout: fixed;
}

@media(max-width:767px) {
	.mysangjo-info .accordion_list table {
		table-layout: auto;
	}

	table {
/*		table-layout: auto;*/
	}
}

table td.td_subject {
	text-align: left !important;
}

table .subject {
	text-align: left !important;
}

table.type01 th {
	background-color: #6e6c69;
	font-size: 1.125rem;
	color: #fff;
	padding: 15px 10px;
	text-align: center;
	vertical-align: middle;
}

table.type01 td {
	font-size: 1.125rem;
	color: #000;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	border: 1px solid #eee;
}

table.type02,
.table.type02 {
	border: 1px solid #ddd;
	border-top: 2px solid #005f9d;
}

table.type02 tr.active td {
	background-color: #f6f2ee;
}

table.type02 th,
.table.type02 .th {
	background-color: #f0f3f5;
/*	font-size: 1rem;*/
	font-size: 1.125rem;
	color: #111;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ddd;
	font-weight: 600;
	margin-bottom: 0;
}

table.type02 td,
.table.type02 .td {
	font-size: 1rem;
	color: #111;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ddd;
	font-weight: 500;
	text-align: center;
	background-color: #fff;
}

.table_info_txt {
	display: block;
	font-size: 1.125rem;
	color: #111;
	font-weight: 400;
	text-align: left;
	padding-top: 10px;
}

table.type02 td input,
table.type02 td select {
	width: 100%;
	height: 100%;
	padding: 0 1rem;
	border: 1px solid #ddd;
	height: 45px;
}

table.type02 td .file {
	position: relative;
}

table.type02 td .file .fileHidden {
	display: none;
}

table.type02 td .file label {
	position:absolute;
	left: 0;
	top: 2px;
	width: 110px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	background-color: #53585c;
	text-align: center;
	cursor: pointer;
}

table.type02 td .file input {
	padding-left: 120px;
}

table.type02 .address01 {
	padding-bottom: 10px;
}

table.type02 .address input {
	height: 35px;
}

table.type02 .address01 input {
	width: 320px;
}

table.type02 .address01 button {
	display: inline-block;
	max-width: 130px;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	background-color: #53585c;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
}

table.type02 .date .date-pick {
	position: relative;
}

table.type02 .date .date-pick:after {
	content: "";
    display: inline-block;
    background: url(../images/common/ico_calendar.png) no-repeat;
    width: 18px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

table.type02 .date .date-pick input {
	padding: 0 20px;
}

@media(max-width:767px) {
	table.no-scroll.no-scroll-type03 thead {
		display: block;
	}

	table.no-scroll.no-scroll-type03 thead tr,
	table.no-scroll.no-scroll-type03 thead td {
		display: block;
		padding: 0;
	}

	table.no-scroll.no-scroll-type03 thead th {
		display: none;
	}

	table.no-scroll.no-scroll-type03 thead td input,
	table.no-scroll.no-scroll-type03 thead td select {
		width: 90%;
		margin: 5px auto;
	}

	table.no-scroll.no-scroll-type03 thead td:before {
		content: "";
		display: block;
		font-size: 14px;
		color: #111;
		background: #f0f3f5;
		line-height: 40px;
	}

	table.no-scroll.no-scroll-type03 thead td.type:before {
		content: "구분";
	}

	table.no-scroll.no-scroll-type03 thead td.companyname:before {
		content: "성명(상호)";
	}

	table.no-scroll.no-scroll-type03 thead td.companybirth:before {
		content: "생년월일(사업자번호)";
	}

	table.no-scroll.no-scroll-type03 thead td.ratio:before {
		content: "지분율";
	}

	table.no-scroll.no-scroll-type03 thead td.tel:before {
		content: "전화번호";
	}

	table.no-scroll.no-scroll-type03 thead td.date:before {
		content: "등록일자";
	}
}


@media(max-width:500px) {

	table.no-scroll {
		display: block;
		width: 100%;
	}

	table.no-scroll thead {
		display: none;
	}

	table.no-scroll tbody {
		display: block;
		width: 100%;
	}

	table.no-scroll tbody tr {
		display: block;
		width: 100%;
	}

	table.no-scroll tbody th {
		display: block;
		width: 100%;
	}

	table.no-scroll tbody td {
		display: block;
		width: 100%;
		border: none;
		border-bottom: 1px solid #ddd;
	}

	table.type02 .address01 input {
		width: 100%;
	}

	.table_info_txt {
		font-size: 12px;
	}

	table.no-scroll.no-scroll-type02 thead {
		display: block;
	}

	table.no-scroll.no-scroll-type02 thead tr,
	table.no-scroll.no-scroll-type02 thead td {
		display: block;
		padding: 0;
	}

	table.no-scroll.no-scroll-type02 thead th {
		display: none;
	}

	table.no-scroll.no-scroll-type02 thead td:before {
		content: "";
		display: block;
		font-size: 14px;
		color: #111;
		background: #f0f3f5;
		line-height: 40px;
	}

	table.no-scroll.no-scroll-type02 thead td.name:before {
		content: "성명";
	}

	table.no-scroll.no-scroll-type02 thead td.birth:before {
		content: "생년월일";
	}

	table.no-scroll.no-scroll-type02 thead td.date:before {
		content: "위임일자";
	}

	table.no-scroll.no-scroll-type02 thead td.repre:before {
		content: "주대표";
	}

	table.no-scroll.no-scroll-type02 thead td.tel:before {
		content: "전화번호";
	}

	table.no-scroll.no-scroll-type02 thead td input {
		width: 90%;
		margin: 5px auto;
	}

	table.no-scroll.no-scroll-type04 thead {
		display: block;
	}

	table.no-scroll.no-scroll-type04 thead tr,
	table.no-scroll.no-scroll-type04 thead td {
		display: block;
		padding: 0;
	}

	table.no-scroll.no-scroll-type04 thead th {
		display: none;
	}

	table.no-scroll.no-scroll-type04 thead td p {
		padding: 5px 0;
	}

	table.no-scroll.no-scroll-type04 thead td:before {
		content: "";
		display: block;
		font-size: 14px;
		color: #111;
		background: #f0f3f5;
		line-height: 40px;
	}

	table.no-scroll.no-scroll-type04 thead td.date:before {
		content: "신청일자";
	}

	table.no-scroll.no-scroll-type04 thead td.type:before {
		content: "신청유형";
	}

	table.no-scroll.no-scroll-type04 thead td.result:before {
		content: "처리결과";
	}

	table.no-scroll.no-scroll-type04 thead td.year:before {
		content: "신청연도";
	}

	table.no-scroll.no-scroll-type04 thead td.quarter:before {
		content: "신청분기";
	}

	table.no-scroll.no-scroll-type04 thead td.period:before {
		content: "산정기간";
	}

	table.no-scroll.no-scroll-type04 thead td.regisNum:before {
		content: "업등록번호";
	}

	table.no-scroll.no-scroll-type04 thead td.regisDate:before {
		content: "업등록일자";
	}

	table.no-scroll.no-scroll-type04 thead td.receipDate:before {
		content: "접수일자";
	}
}


@media(max-width:767px) {
	table th,
	.table th {
		font-size: 12px !important;
	}

	table td,
	.table td {
		font-size: 12px !important;
	}

	table.type02 td, .table.type02 .td {
		padding: 10px 5px;
	}

	table.type02 td input {
		height: 35px;
	}
}

.table .line {
	border-bottom: 1px solid #ddd;
}

.table .line:last-child {
	border-bottom: none;
}

.table .line > div {
	display: flex;
	min-height: 55px;
}

.table .line.wid50 > div {
	float: left;
	width: 50%;
}

.table .line h4 {
	flex-shrink: 0;
	width: 300px;
	border: none !important;
	border-right: 1px solid #ddd !important;
}

.table .line .input {
	flex: auto;
	padding: 10px;
}

.table .line .input .radio li {
	display: inline-block;
	padding-right: 10px;
}

.table .line .input input {
	width: 100%;
	height: 100%;
	padding: 0 20px;
/*	background-color: #f3f3f3;*/
	background-color: #fff;
	border: 1px solid #ddd;
}

.bg_f3 {
	background-color: #f3f3f3!important;
}

.table .line .input .date-pick {
	position: relative;
}

.table .line .input .date-pick:after {
	content: "";
	display: inline-block;
	background: url("../images/common/ico_calendar.png") no-repeat;
	width: 18px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.table .line .address01 {
	padding-bottom: 10px;
}

.table .line .address input {
	height: 35px;
}

.table .line .address01 input {
	width: 320px;
}

.table .line .address01 button {
	display: inline-block;
	max-width: 130px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background-color: #53585c;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
}

.table .line .email input,
.table .line .email select {
	width: 200px;
	height: 100%;
	border: 1px solid #ddd;
/*	background-color: #f3f3f3;*/
}

.table .line .account select {
	width: 200px;
	height: 100%;
	border: 1px solid #ddd;
	background-color: #fff;
}

.table .line .account span {
	display: inline-block;
	font-size: 18px;
	color: #111;
	font-weight: 500;
}

@media (max-width:1200px) {
	.table .line h4 {
		width: 220px;
	}
}

@media (max-width:991px) {
	.table .line {
		border-bottom: none;
	}

	.table .line.wid50 > div {
		float: none;
		width: 100%;
		border-bottom: 1px solid #ddd;
	}
}

@media(max-width:660px) {
	.table .line .address01 input {
		width: 100%;
	}

	.table .line .email input, .table .line .email select {
		width: 40%;
	}

	.table .line .email input, .table .line .email select {
		width: 40%;
	}

	.table .line .account select {
		width: 40%;
	}
}

@media(max-width:550px) {
	.table .line h4 {
		width: 160px;
	}
}

@media(max-width:400px) {
	.table .line > div {
		display: block;
	}

	.table.type02 .th {
		width: 100%;
		flex: none;
		border-right: none !important;
	}

	.table .line .input {
		flex: none;
	}

	.table .line .input input {
		height: 35px;
	}

	.table .line .email input, .table .line .email select {
		height: 35px;
	}

	.table .line .account select {
		height: 35px;
	}
}


input[type="radio"] label {
	font-size: 0px;
	color: #343435;
	font-weight: bold;
	display: inline-block;
}


input[type="radio"] {
	position: absolute;
	left: -3000%;
}

input[type="radio"] + label:before {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/common/ico_radio_bf.png) no-repeat;
	position: relative;
	vertical-align: middle;
}

input[type="radio"]:checked + label:before {
	content: "";
	background: url(../images/common/ico_radio_bf_on.png) no-repeat;
}

input[type="radio"] + label {
	position: relative;
	font-size: 18px;
	color: #111;
	cursor: pointer;
}

input[type="radio"] + label span {
	padding-left: 10px;
}

@media(max-width:767px) {
	input[type="radio"] + label {
		font-size: 14px;
	}

	input[type="radio"] + label:before {
		width: 18px;
		height: 18px;
		background-size: 100% 100%;
	}

	input[type="radio"]:checked + label:before {
		width: 18px;
		height: 18px;
		background-size: 100% 100%;
	}
}

select {
	appearance:none;
	-webkit-appearance:none;
	background: url("../images/common/ico_select.png") right 20px center no-repeat;
	padding: 0 10px;
}

select::-ms-expand {
	opacity: 0;
}

#popup,
.popup_wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0,0,0,.5);
	display: none;
}
.popup_wrap .inner,
#popup .inner {
	height: 100%;
}
.popup_wrap .popup-inner,
#popup .popup-inner {
	position: relative;
	background: #fff;
	min-height: 80vh;
	max-height: 80vh;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	max-width: 1100px;
	border-radius: 20px;
	text-align: center;
	padding: 50px 20px;
	margin: 0 auto;
}

/* type-lg */
.popup_wrap.type-lg .popup-inner {

}
.popup_wrap.type-lg .popup-inner,
.popup_wrap.type02 .popup-inner,
#popup.type02 .popup-inner {
	max-width: 850px;
	padding: 3.5rem 3.125rem;
	max-height: 60vh;
	min-height: 40vh;
}

.popup_wrap.type-md .popup-inner {
	max-width: 600px;
	padding: 2.5rem 3.125rem;
	max-height: 60vh;
	min-height: 30vh;
}

.popup_wrap.type-md .popup-inner h3 {
	margin-top: 0;
}

/* 게시글 비밀번호 확인 */
#popup.type-lock .popup-inner {
	max-width: 450px;
	padding: 2.5rem 3.125rem;
	max-height: 60vh;
	min-height: 40vh;
}

#popup.type-lock .popup-inner p {
	font-size: 1rem;
}
.popup_wrap .btn-close,
#popup .btn-close {
	display: inline-block;
	font-size: 0;
	width: 50px;
	height: 50px;
	background: rgba(255,255,255,.7);
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: -60px;
}
.popup_wrap .btn-close:before,
#popup .btn-close:before {
	content: "";
	display: block;
	width: 1px;
	height: 17px;
	background: #111;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}
.popup_wrap .btn-close:after,
#popup .btn-close:after {
	content: "";
	display: block;
	width: 1px;
	height: 17px;
	background: #111;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) rotate(-45deg);
}

.popup_wrap .popup-inner .table_scroll,
#popup .popup-inner .table_scroll {
	overflow-y: scroll;
	max-height: 60%;
}

.popup_wrap .popup-inner h3,
#popup .popup-inner h3 {
	font-size: 35px;
	font-size: 2.1875rem;
	line-height: 1.1;
	color: #000;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	font-weight: bold;
}

.popup_wrap .popup-inner h3.under-line {
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #ddd;
}

.popup_wrap .popup-inner p.fz_35 {
	letter-spacing: -1.4px;
}

.popup_wrap .popup-inner .icon {
	display: block;
	margin: 2rem 0 1.25rem;
}

.popup_wrap .popup-inner h3 span,
#popup .popup-inner h3 span {
	display: block;
	font-size: 18px;
	font-weight: normal;
	margin-top: 15px;
	line-height: 1.5;
}
.popup_wrap .popup-inner .btn-area {
	font-size: 0;
}
.popup_wrap .popup-inner .btn-area a {
	margin: 3px;
}

.popup_wrap.type-lg .popup-inner .btn-area.btn-2ea {
	max-width: 600px;
	margin: 0 auto;
}
.popup_wrap .popup-inner .btn-area.btn-2ea a {
	min-width: inherit;
	width: calc(50% - 6px);
}

.popup_wrap .popup-inner .sign-area,
#popup .popup-inner .sign-area {
	min-height: 250px;
	border-radius: 20px;
	background-color: #f3f3f3;
	border: 1px solid #ddd;
}

.popup_wrap .popup-inner .btn_confirm,
#popup .popup-inner .btn_confirm {
	min-width: 230px;
	height: 60px;
	line-height: 60px;
	font-size: 1.25rem;
	color: #fff;
	margin-top: 20px;
	vertical-align: middle;
}

.popup_wrap .popup-inner .btn_cancel,
#popup .popup-inner .btn_cancel {
	min-width: 230px;
	height: 60px;
	line-height: 60px;
	font-size: 1.25rem;
	color: #111;
	margin-top: 20px;
	border-color: #ccc;
	background: #fff;
	vertical-align: middle;
}

.popup_wrap .popup-inner .btn_cancel:hover,
#popup .popup-inner .btn_cancel:hover {
	background: #f8f8f8;
}

.popup_wrap .popup-inner input,
#popup .popup-inner input {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	border: 1px solid #ddd;
	margin: 10px 0;
}

/* page 사업자 번호 입력 */

#applyForm .popup-inner {
	position: relative;
	text-align: center;
	padding: 50px 20px;
	margin: 0 auto;
	max-width: 850px;
}

#applyForm .popup-inner h3 {
	font-size: 35px;
	font-size: 2.1875rem;
	line-height: 1.1;
	color: #000;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	font-weight: bold;
}

#applyForm .popup-inner h3 span {
	display: block;
	font-size: 18px;
	font-weight: normal;
	margin-top: 15px;
	line-height: 1.5;
}

#applyForm .popup-inner .sign-area {
	min-height: 250px;
	border-radius: 20px;
	background-color: #f3f3f3;
	border: 1px solid #ddd;
}

#applyForm .popup-inner .btn_confirm {
	min-width: 230px;
	height: 60px;
	line-height: 60px;
	font-size: 1.25rem;
	color: #fff;
	margin-top: 20px;
	vertical-align: middle;
}

#applyForm .popup-inner .btn_cancel {
	min-width: 230px;
	height: 60px;
	line-height: 60px;
	font-size: 1.25rem;
	color: #111;
	margin-top: 20px;
	border-color: #ccc;
	background: #fff;
	vertical-align: middle;
}

#applyForm .popup-inner .btn_cancel:hover {
	background: #f8f8f8;
}

#applyForm .popup-inner input {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	border: 1px solid #ddd;
	margin: 10px 0;
}


.tab_type {
	text-align: center;
	font-size: 0;
	margin-bottom: 50px;
}

.tab_type li {
	display: inline-block;
}

.tab_type li a {
	display: block;
	min-width: 250px;
	height: 60px;
	line-height: 59px;
	font-size: 20px;
	color: #111;
	border: 1px solid #ddd;
	margin-left: -1px;
}

.tab_type li.on a {
	background-color: #00619f;
	color: #fff;
	font-weight: bold;
}

.tab_type li:first-child a {
	border-radius: 10px 0 0 10px;
}

.tab_type li:last-child a {
	border-radius: 0 10px 10px 0;
}

@media(max-width:767px) {
	.tab_type {
		margin-bottom: 30px;
	}

	.tab_type li a {
		min-width: 80px;
		padding: 0 10px;
		font-size: 14px;
		height: 45px;
		line-height: 44px;
	}

	#popup .popup-inner input {
		height: 40px;
	}
	#popup .popup-inner .btn_cancel,
	#popup .popup-inner .btn_confirm {
		min-width: 200px;
		height: 40px;
		line-height: 40px;
/*
		margin-left: 5px;
		margin-right: 5px;
*/
	}

}

@media(max-width:550px) {
	.tab_type {
		display: flex;
		flex-wrap: wrap;
	}

	.tab_type li {
		flex: auto;
	}

	.tab_type li a {
		border-radius: 0 !important;
		margin-top: -1px;
	}

	#popup .popup-inner .btn_cancel,
	#popup .popup-inner .btn_confirm {
		min-width: 45%;
		margin-left: 1px;
		margin-right: 1px;
	}
}



/* mysangjo */
.mysangjo-section-01-top-bnr {
	position: relative;
	padding: 50px 30px 50px 45%;
	border-radius: 1.25rem;
	background: #f9f5f1;
}

.mysangjo-section-01-top-bnr > img {
	position: absolute;
	bottom: 0;
	left: 20px;
	max-width: 40%;
}

.mysangjo-section-01-top-bnr > img.img1 {
	padding: 0 30px 25px 30px;
} 

.mysangjo-section-01-top-bnr > img.img2 {
	bottom: 30px;
} 

.mysangjo-section-01-top-bnr h5 {
	color: #000;
	margin-bottom: 1rem;
}

.mysangjo-section-01-top-bnr p {
	color: #000;
	line-height: 1.7;
	font-weight: 500;
}
.mysangjo-section-01-top h4 {
	font-size: 1.875rem;
	font-weight: 700;
	color:#00619f;
	margin-bottom: 1.25rem;
}
.mysangjo-section-01-top .txt_list {
	border-top: 1px solid #000;
}
.mysangjo-section-01-top .txt_list > li {
	position: relative;
	padding: 0 0 30px 60px;
	margin-top: 30px;
	border-bottom: 1px dashed #ddd;
}

.mysangjo-section-01-top .txt_list > li i {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	background-color: #ee8111;
	text-align: center;
	position: absolute;
	left: 0;
	top: 15px;
}

.mysangjo-section-01-top .txt_list > li h5 {
	font-size: 1.375rem;
	color: #000;
	margin-bottom: 5px;
	font-weight: bold;
}

.mysangjo-section-01-top .txt_list > li p {
	font-size: 1.125rem;
	color: #000;
	margin-bottom: 5px;
	font-weight: 500;
}

.mysangjo-section-01-top .message-box {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	max-width: 900px;
	padding: 2.125rem 1.875rem 2.125rem 4.375rem;
	border-radius: 1.25rem;
	background: #f3f3f3;
	margin: 50px auto 70px;
}
.mysangjo-section-01-top .message-box:before {
	position: absolute;
	left: calc(50% - 10px);
    bottom: 100%;
	content: '';
	width: 0px;
	height: 0px;
	border-bottom: 20px solid #f3f3f3;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;

}

.mysangjo-section-01-top .message-box i {
/*	float: left;*/
	display: inline-block;
	vertical-align: middle;
/*	margin-top: -8px;*/
	margin-right: 20px;
}
.mysangjo-section-01-top .message-box p {
	display: inline-block;
/*	width: calc(100% - 4.375rem);*/
}

.mysangjo-section-01-top .message-box p .under-line {
	display: inline;
	color: #00619f;
	border-bottom: 2px solid #00619f;
}

.mysangjo-info .accordion_list > li > h3 {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 25px;
	color: #000;
	font-weight: bold;
	padding: 30px 20px 30px 110px;
	position: relative;
	background-color: #f3f3f3;
	cursor: pointer;
	-webkit-transition: linear .3s;
	-moz-transition: linear .3s;
	-ms-transition: linear .3s;
	transition: linear .3s;
}
.mysangjo-info .accordion_list > li > h3.active,
.mysangjo-info .accordion_list > li > h3:hover {
	background-color:#FFE4C4;
}

.mysangjo-info .accordion_list > li > h3:before {
	content: "";
	display: block;
	width: 25px;
	height: 3px;
	background-color: #ee8111;
	position: absolute;
	left: 40px;
	top: 45px;
}

.mysangjo-info .accordion_list > li .contt {
	text-align: left;
	min-height: 200px;
	padding: 50px 100px;
	display: none;
}

.mysangjo-info .accordion_list > li .contt.wide {
	padding-left: 0;
	padding-right: 0;
}

.mysangjo-info .accordion_list > li .contt h4 {
	font-size: 25px;
	color: #000;
	font-weight: bold;
}

.mysangjo-info .accordion_list > li .contt .txt_list > li {
	position: relative;
	padding-left: 60px;
	margin-bottom: 50px;
}

.mysangjo-info .accordion_list > li .contt .txt_list > li i {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	background-color: #ee8111;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0px;
}

.mysangjo-info .accordion_list > li .contt .txt_list > li h5 {
	font-size: 18px;
	color: #000;
	margin-bottom: 5px;
	font-weight: bold;
}

.mysangjo-info .accordion_list > li .contt .txt_list > li ul li {
	font-size: 18px;
	color: #000;
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
	font-weight: 500;
}

.mysangjo-info .accordion_list > li .contt .txt_list > li ul li em {
	font-size: 18px;
	color: #000;
	font-style: normal;
	position: absolute;
	left: 0;
	top: 0;
}

.mysangjo-info .accordion_list > li .contt .txt_list > li ul li span {
	display: block;
	font-size: 16px;
	color: #000;
	opacity: .7;
	margin-top: 10px;
}

.mysangjo-info .accordion_list > li .contt .img_list {
	display: flex;
	flex-wrap: wrap;
}

.mysangjo-info .accordion_list > li .contt .img_list li {
	width: 20%;
	padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mysangjo-info .btn_go {
	min-width: 220px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	margin:50px 5px;
}

/* 220311 */

.mysangjo-info-li-top {
	text-align: center;
	margin-bottom: 40px;
}

.mysangjo-info-li-top h5 {
	display: inline-block;
	line-height: 1;
	margin-bottom: 15px;
	background: #f06c0a;
    background: -ms-linear-gradient(top, #f06c0a 80%, #f5ae1f 100%);
    background: -moz-linear-gradient(right, #f06c0a 80%, #f5ae1f 100%);
    background: -webkit-linear-gradient(right, #f06c0a 80%, #f5ae1f 100%);
    background: linear-gradient(to left, #f06c0a 80%, #f5ae1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06c0a', endColorstr='#dad235', GradientType=0);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
	-webkit-box-shadow: inset 0 -13px rgba(240, 108, 10, .1);
	box-shadow: inset 0 -13px rgba(240, 108, 10, .1);
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */

    .mysangjo-info-li-top h5 {
        color: #f06c0a;
        background: transparent;
    }
}

.mysangjo-info-li-chart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    padding: 37px 30px 0 56px;
    border-radius: 20px;
	text-align: right;
    -webkit-box-shadow: 0 0 30px 0 rgba(13, 22, 32, 0.1);
    box-shadow: 0 0 30px 0 rgba(13, 22, 32, 0.1);
    background: #fff;
    position: relative;
}
.mysangjo-info-li-chart + .mysangjo-info-li-chart {
	margin-top: 20px;
}

.mysangjo-info-li-chart .txt {
/*    position: absolute;
	left: 0;
	top: 0;
	max-width: 38%;
	padding: 70px 55px;*/
	width: 36.5%;
	display: inline-block;
	text-align: left;
}

.mysangjo-info-li-chart figure {
	width: 63.5%;
	display: inline-block;
	text-align: right;
	vertical-align: top;

}

.mysangjo-info-li-chart .txt h5 {
	font-size: 2.1875rem;
	font-weight: 800;
	margin-bottom: 20px;
	letter-spacing: -0.7px;
}

.mysangjo-info-li-chart .txt p {
	font-size: 1.5625rem;
	font-weight: 500;
	letter-spacing: -.5px;
	margin-bottom: 40px;
}

.mysangjo-info-li-chart .txt p .bg {
	-webkit-box-shadow: inset 0 -25px rgba(20, 155, 240, .1);
	box-shadow: inset 0 -25px rgba(20, 155, 240, .1);
}
.mysangjo-info-li-chart .txt p.chart_dots {
	font-size: .9375rem;
	font-weight: 500;
}

.mysangjo-info-li-chart .txt p.chart_dots span {
	display: block;
}

.mysangjo-info-li-chart .txt p.chart_dots span i {
	display: inline-block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	margin-right: 10px;
	background: #c1c1c1;
}
.mysangjo-info-li-chart .txt p.chart_dots span i.color_1 {
	background: #db5c3a;
}
.mysangjo-info-li-chart .txt p.chart_dots span i.color_3 {
	background: #aece35;
}


.mysangjo-info-li-3 p {
	margin-bottom: -85px;
}
.mysangjo-info-li-3 {

}

.mysangjo-info  .accordion_list .txt_list2 h5 {
	position: relative;
	font-size: 1.375rem;
	color: #fff;
	font-weight: 700;
	line-height: 3.75rem;
	height: 3.75rem;
	padding: 0 8px;
	border-radius: 1.875rem;
	margin-bottom: 25px;
	background: #6e6c69;
}

.mysangjo-info  .accordion_list .txt_list2 h5 i {
	display: inline-block;
	width: 2.8125rem;
	height: 2.8125rem;
	font-size: 1.125rem;
	line-height: 2.8125rem;
	text-align: center;
	font-weight: 700;
	color: #ee8111;
	margin-right: 15px;
	border-radius: 50%;
	background: #fff;
}

.mysangjo-info  .accordion_list .txt_list2 > li + li {
	margin-top: 70px;
}

.mysangjo-info  .accordion_list .txt_list2 ul li {

}

.mysangjo-info  .accordion_list .txt_list2 .row {
	margin: 0;
}

.mysangjo-info  .accordion_list .txt_list2 .row > li {
	padding: 0 25px;
	text-align: center;
}
.mysangjo-info  .accordion_list .txt_list2 .row > li + li {
	border-left: 1px dashed #ddd;
}
.mysangjo-info  .accordion_list .txt_list2 .step_ul {
	padding: 0 10px;
}
.mysangjo-info  .accordion_list .txt_list2 .step_ul li {
	position: relative;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.6;
	text-align: left;
	padding-left: 3.125rem;
}
.mysangjo-info  .accordion_list .txt_list2 .step_ul li b {
	position: absolute;
	left: 0;
	width: 3.125rem;
	color: #ee8111;
}
.mysangjo-info  .accordion_list .txt_list2 ul li h6 {
	color: #ee8111;
	font-size: 1.75rem;
	font-weight: 700;
	margin-bottom: 15px;
}

.mysangjo-info  .accordion_list .txt_list2 ul li p {
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.6;
}

.mysangjo-info  .accordion_list .txt_list2 ul li .box {
	display: flex;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	min-height: 86px;
	font-size: 1.125rem;
	font-weight: 500;
	text-align: left;
	padding:  15px 20px;
	border-radius: 1.25rem;
	margin-top: 20px;
	background: #f3f3f3;
}

.mysangjo-info  .accordion_list .txt_list2 ul li .box i {
	margin-right: 10px;
}

.mysangjo-info  .accordion_list .txt_list2 ul li .box a {
	color: #2887fb;
	text-decoration: underline!important;
}
.mysangjo-info  .accordion_list .txt_list2 ul li .box a:hover {
	opacity: .7;
}

@media(max-width:1400px) {
	.mysangjo-info-li-chart {
		padding: 40px 20px 0;
	}
	.mysangjo-info-li-chart .txt h5 {
		line-height: 1;
	}

	.mysangjo-info-li-chart .txt {
		position: static;
		padding: 0 20px;
	}
/*	.mysangjo-info-li-chart img {
		position: absolute;
		bottom: 0;
		right: 0;
		max-width: 60%;
	}*/
}

@media(max-width:1200px) {
	.mysangjo-info .accordion_list > li > h3 {
		padding: 20px 20px 20px 70px;
		font-size: 22px;
	}

	.mysangjo-info .accordion_list > li > h3:before {
		width: 20px;
		height: 2px;
		left: 30px;
		top: 33px;
	}

	.mysangjo-info .accordion_list > li .contt .img_wrap img {
		width: 100%;
	}

	.mysangjo-info .accordion_list > li .contt h4 {
		font-size: 22px;
	}
}

@media(max-width:1100px) {
	.mysangjo-info .accordion_list > li .contt {
		padding: 20px;
	}

	.mysangjo-info .accordion_list > li .contt .img_list li {
		width: 25%;
	}
	.mysangjo-info .accordion_list .txt_list2 .row > li + li {
		border-left: 0;
		margin-top: 20px;
	}
	.mysangjo-info .accordion_list .txt_list2 .row > li {
		padding: 0;
	}
}

@media(max-width:767px) {

	.mysangjo-info-li-chart .txt {
		max-width: 100%;
	}

	.mysangjo-section-01-top-bnr {
		padding: 45px 25px 0;
	}
	.mysangjo-info-li-chart .txt {
		padding: 0;
	}
	.mysangjo-info-li-chart .txt p:not(.chart_dots) {
		margin-bottom: 40px;
	}

	.mysangjo-section-01-top-bnr img {
		position: static;
		margin-top: 30px;
		max-width: 60%;
		margin-bottom: 30px;
	}

	.mysangjo-section-01-top h4 {
		font-size: 1.5rem;
	}

	.mysangjo-section-01-top .message-box {
		display: block;
		padding: 3rem 20px;
	}

	.mysangjo-section-01-top .message-box p {
		width: 100%;
		display: block;
	}

	.mysangjo-section-01-top .message-box i {
		float: inherit;
		display: block;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.mysangjo-info-li-3 p {
		margin-bottom: -25px;
	}

	.mysangjo-info .accordion_list > li > h3 {
		font-size: 16px;
		padding-left: 50px;
	}

	.mysangjo-info .accordion_list > li > h3:before {
		width: 15px;
		height: 2px;
		left: 22px;
		top: 31px;
	}

	.mysangjo-info .accordion_list > li .contt h4 {
		font-size: 16px;
	}

	.mysangjo-info .accordion_list > li .contt .txt_list > li {
		padding-left: 40px;
		margin-bottom: 30px;
	}

	.mysangjo-info .accordion_list > li .contt .txt_list > li i {
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
	}

	.mysangjo-info .accordion_list > li .contt .txt_list > li h5 {
		font-size: 16px;
	}

	.mysangjo-info .accordion_list > li .contt .txt_list > li ul li {
		font-size: 14px;
	}

	.mysangjo-info .accordion_list > li .contt .img_list li {
		width: 50%;
	}

	.mysangjo-info .btn_go  {
		min-width: 80px;
		padding: 0 10px;
		font-size: 12px;
		height: 45px;
		line-height: 45px;
		margin-left: 1px;
		margin-right: 1px;
	}
}
@media(max-width: 550px) {
	.mysangjo-info-li-chart {
		padding-bottom: 0;
	}
	.mysangjo-info-li-chart .txt {
		width: 100%;
	}
	.mysangjo-info-li-chart figure {
		width: 100%;
	}

	.mysangjo-info-li-chart img {
		position: static;
		max-width: 100%;
	}
	.mysangjo-info .accordion_list .txt_list2 ul li .box {
		display: block;
		text-align: center;
	}
	.mysangjo-info .accordion_list .txt_list2 ul li .box i {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}
}
@media(max-width:400px) {
	.mysangjo-info .btn_go {
		min-width: auto;
		width: 45%;
		vertical-align: middle;
	}
}


.mysangjo-apply-n-confirm .section-01 {
	background: #fceed4;
	padding: 40px 0 0;
}

.mysangjo-apply-n-confirm .section-01 .inner_wrap {
	display: flex;
}

.mysangjo-apply-n-confirm .section-01 .inner_wrap .txt_wrap {
	padding: 50px 0 0;
	flex: auto;
}

.mysangjo-apply-n-confirm .section-01 .inner_wrap .txt_wrap p {
	padding-right: 20px;
	font-size: 40px;
	color: #000;
	line-height: 58px;
	letter-spacing: -1px;
}

.mysangjo-apply-n-confirm .section-01 .inner_wrap .txt_wrap p span {
	display: block;
	font-size: 18px;
	color: #f5901f;
	font-weight: 600;
}

.mysangjo-apply-n-confirm .section-01 .inner_wrap .img_wrap {
	flex-shrink: 0;
	width: 650px;
	padding-left: 50px;
}

.mysangjo-apply-n-confirm .section-02 {
	padding-top: 0;
	margin-top: -150px;
    position: relative;
}

.mysangjo-apply-n-confirm .section-02 .box_wrap {
	background:#fff;
	text-align: center;
}

.mysangjo-apply-n-confirm .section-02 .box_wrap ul {
	display: flex;
	padding: 30px 0;
}

.mysangjo-apply-n-confirm .section-02 .box_wrap ul li {
	flex: 1;
	border-right: 1px solid #e7e7e7;
	padding: 110px 50px 30px;
	position: relative;
}

.mysangjo-apply-n-confirm .section-02 .box_wrap ul li:last-child {
	border-right: 0;
}

.mysangjo-apply-n-confirm .section-02 .box_wrap ul li .ico_wrap {
	position: absolute;
	min-height: 110px;
	width: 100%;
	left: 0;
	top: 0;
}

.mysangjo-apply-n-confirm .section-02 .box_wrap ul li:nth-child(1) .ico_wrap {
	background: url('../images/icons/ico_mysangjo-plus.png') center center no-repeat;
}

.mysangjo-apply-n-confirm .section-02 .box_wrap ul li:nth-child(2) .ico_wrap {
	background: url('../images/icons/ico_mysangjo-minus.png') center center no-repeat;
}

.mysangjo-apply-n-confirm .section-02 .box_wrap ul li:nth-child(3) .ico_wrap {
	background: url('../images/icons/ico_mysangjo-multiply.png') center center no-repeat;
}

.mysangjo-apply-n-confirm .section-02 .box_wrap ul li:nth-child(4) .ico_wrap {
	background: url('../images/icons/ico_mysangjo-divide.png') center center no-repeat;
}

.mysangjo-apply-n-confirm .section-02 .box_wrap ul li span {
	display: block;
	font-size: 20px;
	color: #000;
	font-weight: 600;
}

.mysangjo-apply-n-confirm .section-02 .box_wrap p {
	font-size: 25px;
	color: #000;
	font-weight: 400;
	padding: 70px 0 50px;
}

.mysangjo-apply-n-confirm .section-02 .btn_confirm {
	min-width: 300px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
}

@media (max-width:1200px) {
	.mysangjo-apply-n-confirm .section-01 .inner_wrap .txt_wrap p {
		font-size: 28px;
		line-height: 48px;
	}
}

@media (max-width:991px) {
	.mysangjo-apply-n-confirm .section-01 .inner_wrap .img_wrap {
		width: 450px;
		padding-left: 0;
	}
}

@media (max-width:767px) {
	.mysangjo-apply-n-confirm .section-01 .inner_wrap {
		display: block;
	}

	.mysangjo-apply-n-confirm .section-01 .inner_wrap .txt_wrap {
		flex: none;
		padding-top: 0;
		padding-bottom: 30px;
	}

	.mysangjo-apply-n-confirm .section-01 .inner_wrap .img_wrap {
		width: 100%;
		text-align: center;
	}

	.mysangjo-apply-n-confirm .section-02 .box_wrap ul li {
		padding: 110px 10px 30px 10px;
	}

	.mysangjo-apply-n-confirm .section-02 .box_wrap ul li span {
		font-size: 16px;
	}

	.mysangjo-apply-n-confirm .section-02 .box_wrap p {
		font-size: 18px;
		padding: 20px 0;
	}
}

@media (max-width:550px) {
	.mysangjo-apply-n-confirm .section-01 .inner_wrap .txt_wrap p {
		font-size: 18px;
		line-height: 30px;
	}

	.mysangjo-apply-n-confirm .section-01 .inner_wrap .txt_wrap p span {
		font-size: 12px;
	}

	.mysangjo-apply-n-confirm .section-02 .box_wrap ul {
		flex-wrap: wrap;
		padding: 0;
	}

	.mysangjo-apply-n-confirm .section-02 .box_wrap ul li {
		flex: auto;
		width: 50%;
		border-right: none;
		position: relative;
	}

	.mysangjo-apply-n-confirm .section-02 .box_wrap ul li:after {
		content: "";
		display: block;
		width: 90%;
		height: 1px;
		background-color: #e5e5e5;
		position: absolute;
		left:50%;
		transform: translateX(-50%);
		bottom: 0;
	}

	.mysangjo-apply-n-confirm .section-02 .box_wrap ul li:nth-child(3):after,
	.mysangjo-apply-n-confirm .section-02 .box_wrap ul li:nth-child(4):after {
		display: none;
	}

	.mysangjo-apply-n-confirm .section-02 .btn_confirm {
		min-width: 180px;
		font-size: 14px;
		height: 45px;
		line-height: 45px;
	}
}


.mysangjo-apply-process02 .section-01 p {
	font-size:30px;
	color: #000;
	font-weight: 400;
	margin-bottom: 40px;
	text-align: center;
}

.mysangjo-apply-process02 .section-01 .certi-box {
	display: flex;
}

.mysangjo-apply-process02 .section-01 .certi-box li {
	flex: 1;
	padding: 0 10px;
}

.mysangjo-apply-process02 .section-01 .certi-box li:first-child {
	padding-left: 0;
}

.mysangjo-apply-process02 .section-01 .certi-box li:last-child {
	padding-right: 0;
}

.mysangjo-apply-process02 .section-01 .certi-box li > div {
	border: 3px solid #e8e8e8;
	padding: 70px 20px;
	text-align: center;
	height: 100%;
	min-height: 400px;
	transition: all .3s;
}

/*
.mysangjo-apply-process02 .section-01 .certi-box li > div:hover {
	border-color: #00619f;
}
*/

.mysangjo-apply-process02 .section-01 .certi-box li > div h3 {
	font-size: 30px;
	color: #1a1a1a;
	margin-bottom: 20px;
	font-weight: bold;
	position: relative;
	padding-top: 90px;
}

.mysangjo-apply-process02 .section-01 .certi-box li > div h3:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url("../images/sub/mysangjo/ico_process02_box01_phone.png") center no-repeat;
	height: 90px;
}

.mysangjo-apply-process02 .section-01 .certi-box li:nth-child(2) > div h3:before {
	background-image: url("../images/sub/mysangjo/ico_process02_box01_head.png");
}

.mysangjo-apply-process02 .section-01 .certi-box li > div h3 span {
	display: block;
	margin-top: 10px;
	font-size: 18px;
	color: #111;
	font-weight: 400;
}

.mysangjo-apply-process02 .section-01 .certi-box li > div .btn_cert {
	min-width: 220px;
	height: 60px;
	line-height: 59px;
	font-size: 18px;
}

.mysangjo-apply-process02 .section-01 .certi-box li > div .tel {
	display: inline-block;
	min-width: 220px;
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	color: #111;
	font-weight: bold;
	padding: 0 20px;
	background: #f3f3f3;
	border-radius: 30px;
}

.mysangjo-apply-process02 .section-01 .certi-box li > div .tel:before {
	content: "";
	display: inline-block;
	background: url("../images/sub/mysangjo/ico_process02_tel.png") no-repeat;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin-right: 10px;
}

.mysangjo-apply-process02 .section-01 .certi-box li > div span {
	display: block;
	font-size: 18px;
	color: #1a1a1a;
	opacity: .5;
	margin-top: 5px;
}

@media(max-width:767px) {
	.mysangjo-apply-process02 .section-01 p {
		font-size: 18px;
	}

	.mysangjo-apply-process02 .section-01 .certi-box li > div h3 {
		font-size: 22px;
	}

	.mysangjo-apply-process02 .section-01 .certi-box li > div h3 span {
		font-size: 14px;
	}

	.mysangjo-apply-process02 .section-01 .certi-box li > div .tel {
		min-width: 180px;
		font-size: 18px;
	}

	.mysangjo-apply-process02 .section-01 .certi-box li > div span {
		font-size: 14px;
	}
}

@media(max-width:550px) {
	.mysangjo-apply-process02 .section-01 .certi-box {
		display:block;
	}

	.mysangjo-apply-process02 .section-01 .certi-box li {
		flex: none;
		padding: 0;
		padding-bottom: 20px;
	}

	.mysangjo-apply-process02 .section-01 .certi-box li > div {
		min-height: auto;
		height: auto;
		padding: 20px;
	}

	.mysangjo-apply-process02 .section-01 .certi-box li > div .btn_cert {
		min-width: 120px;
		height: 45px;
		line-height: 44px;
		font-size: 14px;
	}
}

.mysangjo-apply-process03 .section-01 h3 {
	font-size: 22px;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
}

.mysangjo-apply-process03 .section-01 h3 img {
	margin-right: 10px;
}

.mysangjo-apply-process03 .section-01 p {
	font-size: 20px;
	color: #111;
	margin-bottom: 30px;
	font-weight: 500;
}

.mysangjo-apply-process03 .section-01 .form_wrap {
	margin: 50px 0 0;
	border-top: 2px solid #111;
	padding: 50px 0 0;
}

.mysangjo-apply-process03 .section-01 .form_wrap .form_inner {
	max-width: 600px;
	margin: 0 auto;
}

.mysangjo-apply-process03 .section-01 .form_wrap .line {
	position: relative;
	padding-left:100px;
	margin-bottom: 2.5rem;
}

.mysangjo-apply-process03 .section-01 .form_wrap .line:last-child {
	margin-bottom: 3.125rem;
}

.mysangjo-apply-process03 .section-01 .form_wrap .line h3 {
	font-size: 20px;
	color: #111;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0px;
}

.mysangjo-apply-process03 .section-01 .form_wrap .line div select {
	appearance:none;
	-webkit-appearance:none;
	background: url("../images/common/ico_select.png") right 20px center no-repeat;
}

.mysangjo-apply-process03 .section-01 .form_wrap .line div select::-ms-expand {
	opacity: 0;
}

.mysangjo-apply-process03 .section-01 .form_wrap .line div select,
.mysangjo-apply-process03 .section-01 .form_wrap .line div input[type="text"] {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	font-size: 18px;
	border: 1px solid #ddd;
}

.mysangjo-apply-process03 .section-01 .form_wrap .line div .radio {
	text-align: left;
	padding-bottom: 20px;
}

.mysangjo-apply-process03 .section-01 .form_wrap .line div .radio li {
	display: inline-block;
	padding-right: 20px;
}

.mysangjo-apply-process03 .section-01 .form_wrap .btn_wrap {
	border-top: 1px solid #ddd;
}

.mysangjo-apply-process03 .section-01 .form_wrap .btn_cert {
	min-width: 300px;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	margin-top: 3.125rem;
}

@media(max-width:767px) {
	.mysangjo-apply-process03 .section-01 p {
		font-size: 16px;
		line-height: 24px;
	}
}

@media(max-width:550px) {
	.mysangjo-apply-process03 .section-01 .form_wrap {
		padding: 30px 0;
	}

	.mysangjo-apply-process03 .section-01 .form_wrap > div {
		padding: 0;
	}

	.mysangjo-apply-process03 .section-01 .form_wrap .line {
		padding-left: 80px;
	}

	.mysangjo-apply-process03 .section-01 .form_wrap .line h3 {
		font-size: 16px;
	}

	.mysangjo-apply-process03 .section-01 .form_wrap .line div select,
	.mysangjo-apply-process03 .section-01 .form_wrap .line div input[type="text"] {
		height: 45px;
		font-size: 14px;
	}

	.mysangjo-apply-process03 .section-01 .form_wrap .btn_cert {
		min-width: 120px;
		font-size: 14px;
		height: 45px;
		line-height: 45px;
	}
}

@media(max-width:320px) {
	.mysangjo-apply-process03 .section-01 .form_wrap .line {
		padding-left:0px;
	}

	.mysangjo-apply-process03 .section-01 .form_wrap .line h3 {
		position: static;
		margin-bottom: 10px;
	}

	.mysangjo-apply-process03 .section-01 .form_wrap .line div .radio li {
		width: 32.3333%;
		padding-right: 0;
	}

	.mysangjo-apply-process03 .section-01 h3 {
		font-size: 18px;
	}

	.mysangjo-apply-process03 .section-01 p {
		font-size: 14px;
	}
}

.mysangjo-apply-process04 .join-area {
	padding-bottom: 70px;
}

.mysangjo-apply-process04 .join-area.area02 {
	display: none;
}

.mysangjo-apply-process04 .join-area h3 {
	font-size: 30px;
	color: #00619f;
	margin-bottom: 10px;
	font-weight: bold;
}

.mysangjo-apply-process04 .btn_apply {
	min-width: 300px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
}

.mysangjo-apply-process04 .info_txt {
	text-align: left;
	padding-bottom: 50px;
}

.mysangjo-apply-process04 .info_txt h4 {
	font-size: 18px;
	color: #111;
	font-weight: bold;
	margin-bottom: 10px;
}

.mysangjo-apply-process04 .info_txt h4 img {
	vertical-align: middle;
	margin-right: 10px;
}

.mysangjo-apply-process04 .info_txt ol li {
	font-size: 16px;
	color: #111;
	font-weight: 400;
	margin-bottom: 5px;
	position: relative;
	padding-left: 30px;
}

.mysangjo-apply-process04 .info_txt ol li em {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #111;
	font-style: normal;
	position: absolute;
	left: 0;
	top: 0;
	text-decoration: underline;
}

.mysangjo-apply-process04 .info_txt p {
	font-size: 16px;
	color: #111;
	font-weight: bold;
	margin-top: 10px;
}



@media(max-width:767px) {
	.mysangjo-apply-process04 .join-area {
		padding-bottom: 40px;
	}

	.mysangjo-apply-process04 .join-area h3 {
		font-size: 18px;
	}
}

@media(max-width:575px) {
	.mysangjo-apply-process04 .btn_apply {
		min-width: 120px;
		height: 45px;
		line-height: 45px;
		font-size: 14px;
	}
}
.compensationProcedures-process05 h3,
.mysangjo-apply-process07 h3 {
	font-size: 22px;
	color: #111;
	font-weight: bold;
	margin-bottom: 10px;
}
.compensationProcedures-process05 .policy-area,
.mysangjo-apply-process07 .policy-area {
	border: 1px solid #ddd;
	overflow: auto;
	min-height: 250px;
	max-height: 250px;
	padding: 20px;
	text-align: left;
	background-color: #f3f3f3;
}
.compensationProcedures-process05 .policy-area p,
.mysangjo-apply-process07 .policy-area p {
	white-space: pre-wrap;
	font-size: 16px;
	color: #111;
	line-height: 28px;
}
.compensationProcedures-process05 .agree_wrap,
.mysangjo-apply-process07 .agree_wrap {
	text-align: right;
	padding: 15px 0;
}
.compensationProcedures-process05 .agree_wrap li,
.mysangjo-apply-process07 .agree_wrap li {
	display: inline-block;
	padding-left: 20px;
}
.compensationProcedures-process05 .btn_type,
.mysangjo-apply-process07 .btn_type {
	display: inline-block;
	vertical-align: middle;
	margin: 20px 5px;
}
.compensationProcedures-process05 .btn_prev,
.mysangjo-apply-process07 .btn_prev {
	min-width: 230px;
	height: 60px;
	line-height: 59px;
	font-size: 20px;
}
.compensationProcedures-process05 .btn_next,
.mysangjo-apply-process07 .btn_next {
	min-width: 230px;
	height: 60px;
	line-height: 59px;
	font-size: 20px;
}

@media(max-width:767px) {
	.compensationProcedures-process05 h3,
	.mysangjo-apply-process07 h3 {
		font-size: 18px;
	}

	.compensationProcedures-process05 .policy-area,
	.mysangjo-apply-process07 .policy-area {
		min-height: 200px;
		max-height: 200px;
	}

	.compensationProcedures-process05 .policy-area p,
	.mysangjo-apply-process07 .policy-area p {
		font-size: 14px;
		line-height: 26px;
	}
}

@media(max-width:550px) {
	.compensationProcedures-process05 h3,
	.mysangjo-apply-process07 h3 {
		font-size: 16px;
	}

	.compensationProcedures-process05 .policy-area,
	.mysangjo-apply-process07 .policy-area {
		min-height: 180px;
		max-height: 180px;
	}

	.compensationProcedures-process05 .policy-area p,
	.mysangjo-apply-process07 .policy-area p {
		line-height: 22px;
	}

	.compensationProcedures-process05 .btn_prev,
	.mysangjo-apply-process07 .btn_prev {
		min-width: 120px;
		height: 45px;
		line-height: 45px;
		font-size: 14px;
	}

	.compensationProcedures-process05 .btn_next,
	.mysangjo-apply-process07 .btn_next {
		min-width: 120px;
		height: 45px;
		line-height: 45px;
		font-size: 14px;
	}
}

.mysangjo-apply-form .section-01 h3 {
	text-align: center;
	font-size: 30px;
	color: #00619f;
	font-weight: bold;
	margin-bottom: 50px;
}

.mysangjo-apply-form .section-01 h3 span {
	display: block;
	font-size: 20px;
	color: #000;
	font-weight: normal;
	margin-top: 10px;
}

.mysangjo-apply-form .section-01 .info-box {
	background:#f8f8f8;
	border: 1px solid #ddd;
	border-radius: 20px;
	padding: 30px;
	text-align: center;
}

.mysangjo-apply-form .section-01 .info-box p {
	font-size: 20px;
	color: #111;
	font-weight: 400;
	line-height: 38px;
	margin-bottom: 30px;
}

.mysangjo-apply-form .section-01 .info-box .btn_download {
	min-width: 300px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.mysangjo-apply-form .section-01 .info-box .btn_download img {
	margin-left: 10px;
}

@media(max-width:767px) {
	.mysangjo-apply-form .section-01 h3 {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.mysangjo-apply-form .section-01 h3 span {
		font-size: 16px;
	}

	.mysangjo-apply-form .section-01 .info-box p {
		font-size: 16px;
		line-height: 26px;
	}
}

@media(max-width:550px) {
	.mysangjo-apply-form .section-01 h3 {
		font-size: 16px;
	}

	.mysangjo-apply-form .section-01 h3 span {
		font-size: 14px;
	}

	.mysangjo-apply-form .section-01 .info-box p {
		font-size: 14px;
		line-height: 24px;
	}

	.mysangjo-apply-form .section-01 .info-box .btn_download {
		min-width: 120px;
		font-size: 14px;
		height: 45px;
		line-height: 45px;
	}
}

/*
	sub layout - 20220217
*/


.contract-info .section-01 {
	text-align: left;
}

.contract-info .section-01 h3 {
	font-size: 30px;
	color: #00619f;
	font-weight: bold;
	margin-bottom: 10px;
}

.contract-info .section-01 h4 {
	font-size: 22px;
	color: #111;
	margin-bottom: 10px;
	font-weight: bold;
}

.contract-info .contract-info-list {
	border-top: 1px solid #111;
}

.contract-info .contract-info-list li {
	border-bottom: 1px dashed #b2b2b2;
	padding: 30px 20px 30px 30px;
	position: relative;
}

.contract-info .contract-info-list li > div {
	position: relative;
	display: flex;
}

.contract-info .contract-info-list li em {
	display: inline-block;
	font-size: 16px;
	color: #000;
	opacity: .5;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.contract-info .contract-info-list li .ico-wrap {
	flex-shrink: 0;
	width: 140px;
	text-align: center;
	background: url("../images/sub/deductContract/ico_contract-info_step01.png") center no-repeat;
	min-height: 100px;
	position: relative;
}

.contract-info .contract-info-list li .ico-wrap:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #ddd;
}

.contract-info .contract-info-list li:nth-child(1) .ico-wrap {
	background-image: url("../images/sub/deductContract/ico_contract-info_step01.png");
}

.contract-info .contract-info-list li:nth-child(2) .ico-wrap {
	background-image: url("../images/sub/deductContract/ico_contract-info_step02.png");
}

.contract-info .contract-info-list li:nth-child(3) .ico-wrap {
	background-image: url("../images/sub/deductContract/ico_contract-info_step03.png");
}

.contract-info .contract-info-list li:nth-child(4) .ico-wrap {
	background-image: url("../images/sub/deductContract/ico_contract-info_step04.png");
}

.contract-info .contract-info-list li:nth-child(5) .ico-wrap {
	background-image: url("../images/sub/deductContract/ico_contract-info_step05.png");
}

.contract-info .contract-info-list li .ico-wrap img {
	vertical-align: middle;
}

.contract-info .contract-info-list li .txt-wrap  {
	flex: auto;
	padding-left: 40px;
}

.contract-info .contract-info-list li .txt-wrap h4 {
	font-size: 22px;
	color: #000;
	font-weight: bold;
}

.contract-info .contract-info-list li .txt-wrap p {
	font-size: 18px;
	color: #000;
	font-weight: 500;
	line-height: 30px;
}

.contract-info .btn_apply {
	min-width: 220px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #fff;
	margin-top: 50px;
}

@media(max-width:767px) {
	.contract-info .section-01 h3 {
		font-size: 18px;
	}

	.contract-info .section-01 h4 {
		font-size: 14px;
	}

	.contract-info .contract-info-list li .txt-wrap h4 {
		font-size: 16px;
	}

	.contract-info .contract-info-list li .txt-wrap p {
		font-size: 14px;
		line-height: 22px;
	}

	.contract-info .btn_apply {
		min-width: 120px;
		font-size: 14px;
		height: 45px;
		line-height: 45px;
	}
}

@media(max-width:320px) {
	.contract-info .contract-info-list li {
		padding: 20px 0 20px 0;
	}

	.contract-info .contract-info-list li em {
		position: static;
		transform: translateY(0);
	}

	.contract-info .contract-info-list li .ico-wrap {
		width: 90px;
		background-size: 65%;
		background-position: center top 0;
	}
}

.contract-info .contract-step-wrap {
	text-align: center;
	margin-bottom: 80px;
}

.contract-info .contract-step-wrap li {
	position: relative;
	display: inline-block;
	padding: 0 30px;
	position: relative;
	min-width: 150px;
}

/* link 추가 */
.contract-info .contract-step-wrap li a {
	position: absolute;
	width: 100%;
	height: 100%;
}

.contract-info .contract-step-wrap li:after {
	content: "";
	display: block;
	width: 80px;
	height: 1px;
	background-color: #ddd;
	position: absolute;
	right: -40px;
	top: 20px;
}

.contract-info .contract-step-wrap li:last-child:after {
	display: none;
}

.contract-info .contract-step-wrap li strong {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 38px;
	font-size: 18px;
	color: #cdcdcd;
	font-weight: bold;
	border: 2px solid #cdcdcd;
	border-radius: 50%;
}

.contract-info .contract-step-wrap li.active strong {
	background-color: #ff901e;
	color: #fff;
	border-color: #ff901e;
}

.contract-info .contract-step-wrap li span {
	display: block;
	font-size: 16px;
	color: #111;
	font-weight: 600;
	margin-top: 5px;
}

@media (max-width:1200px) {
	.contract-info .contract-step-wrap li {
		padding: 0 10px;
		min-width: 110px;
	}

	.contract-info .contract-step-wrap li:after {
		width: 30px;
		right: -18px;
	}
}

@media(max-width:550px) {
	.contract-info .contract-step-wrap {
		margin-bottom: 30px;
	}

	.contract-info .contract-step-wrap li {
		padding-bottom: 10px;
	}
}

.contract-info .section-area {
	margin-bottom: 50px;
}

.contract-info .section-area:last-of-type {
	margin-bottom: 0;
}

/*
	sub layout - 20220218
*/

/* introduce */
.message .section-01 {
	background: url("../images/sub/introduce/bg_message_section01_greeting.png") left 0 bottom 0 no-repeat;
	width: 100%;
}

.message .section-01 .inner {
	display: flex;
}

.message .section-01 .img-wrap {
	flex: 1;
	width: 50%;
	padding-right: 50px;
}

.message .section-01 .txt-wrap {
	flex: 1;
	width: 50%;
	padding-top: 50px;
	position: relative
}

.message .section-01 .txt-wrap:after {
	content: "";
	display: block;
	background: url("../images/sub/introduce/bg_message_section01.png") no-repeat;
	width: 137px;
	height: 171px;
	position: absolute;
	right: 0;
	top: 0;
}

.message .section-01 .txt-wrap p {
	font-size: 2.5rem;
	color: #000;
	line-height: 3.4375rem;
	font-family: 'NEXON Lv1 Gothic Low',sans-serif;
}

.message .section-01 .txt-wrap p strong {
	color: #ee8111;
	display: block;
}

.message .section-01 .txt-wrap span {
	display: block;
	font-size: 1.25rem;
	color: #000;
	line-height: 2.1875rem;
	margin-top: 40px;
}

.message .section-02 .inner {
	display: flex;
	flex-direction: row-reverse;
}

.message .section-02 .img-wrap {
	flex: 1;
	width: 50%;
	padding-right: 50px;
}

.message .section-02 .txt-wrap p {
	font-size: 1.5rem;
	color: #000;
	font-weight: 500;
	line-height: 2rem;
	margin-bottom: 15px;
	font-family: 'NEXON Lv1 Gothic Low',sans-serif;
}

.message .section-02 .txt-wrap span {
	display: block;
	font-size: 1.25rem;
	color: #000;
	line-height: 2.1875rem;
}

.message .section-02 .txt-wrap span b {
	display: inline-block;
	box-shadow: inset 0 -20px 0 #e7f5fd;
	line-height: 1.3125rem;
}

.message .section-02 .txt-wrap {
	flex: 1;
	width: 50%;
}

.message .section-02 .txt-wrap:after {
	content: "";
	display: block;
	width: 50%;
	height: 45%;
	position: absolute;
	right: -10%;
	bottom: 0;
	background-color: #f3f3f3;
	border-radius: 80px 0 0 0;
	z-index: -1;
}

@media(max-width:1200px) {
	.message .section-01 {
		background-size: 60%;
	}

	.message .section-01 .txt-wrap p {
		font-size: 28px;
		line-height: 38px;
	}

	.message .section-01 .txt-wrap span {
		font-size: 16px;
		line-height: 26px;
	}

	.message .section-02 .txt-wrap span {
		font-size: 16px;
		line-height: 26px;
	}
}

@media(max-width:991px) {
	.message .section-01 {
		padding-bottom: 0;
	}

	.message .section-01 .img-wrap {
		width: 40%;
	}

	.message .section-01 .txt-wrap {
		width: 60%;
		padding-top: 0;
	}

	.message .section-02 .txt-wrap span br {
		display: none;
	}

	.message .section-02 .txt-wrap span b {
		display: initial;
	}

	.message .section-02 .txt-wrap {
		width: 60%;
	}

	.message .section-02 .img-wrap {
		width: 40%;
	}
}

@media(max-width:767px) {
	.message .section-01 .inner {
		display: block;
	}

	.message .section-01 .img-wrap {
		flex: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.message .section-01 .txt-wrap {
		flex: none;
		width: 100%;
	}

	.message .section-01 .txt-wrap:after {
		background-size: 60%;
	}

	.message .section-02 .inner {
		display: block;
	}

	.message .section-02 .img-wrap {
		flex: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.message .section-02 .txt-wrap {
		flex: none;
		width: 100%;
	}

	.message .section-02 .txt-wrap:after {
		display: none;
	}

	.message .section-02 .txt-wrap span br {
		display: block;
	}

}

@media(max-width:320px) {
	.message .section-01 .txt-wrap p {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.message .section-01 .txt-wrap span br {
		display: none;
	}

	.message .section-02 .txt-wrap span br {
		display: none;
	}
}

.introduce .section-01 .sub-tit {
	text-align: center;
	font-size: 30px;
	color: #111;
	font-weight: 400;
	font-family: 'NEXON Lv1 Gothic Low',sans-serif;
	margin-bottom: 30px;
}

.introduce .section-01 .history-wrap  {
	position: relative;
}

.introduce .section-01 .history-wrap .history-line {
	width: 1px;
	height: 100%;
	background-color: #eee;
	position: absolute;
	left: 300px;
	top: 0;
}

.introduce .section-01 .history-wrap .history-tit {
	float: left;
	width: 300px;
	padding-top: 70px;
}

.introduce .section-01 .history-wrap .history-tit h3 {
	font-size: 40px;
	color: #242f69;
	font-weight: 600;
	letter-spacing: -1px;
}

.introduce .section-01 .history-wrap .history-tit h3 span {
	display: block;
	font-size: 20px;
	color: #333;
	font-weight: 500;
	margin-top: 10px;
	letter-spacing: 0px;
}

.introduce .section-01 .history-wrap .history-cont {
	float: left;
	width: calc(100% - 320px);
	padding-top: 70px;
	padding-left: 50px;
}

.introduce .section-01 .history-wrap .history-cont ul li {
	padding-bottom: 80px;
}

.introduce .section-01 .history-wrap .history-cont ul li strong {
	display: block;
	font-size: 35px;
	color: #000;
	font-weight: 400;
	margin-bottom: 10px;
	position: relative;
}

.introduce .section-01 .history-wrap .history-cont ul li strong:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #149bf0;
	border: 6px solid #d0ebfc;
	position: absolute;
	left: -83px;
    top: 13px;
}

.introduce .section-01 .history-wrap .history-cont ul li dl {
	margin-bottom: 10px;
	position: relative;
	padding-left: 45px;
}

.introduce .section-01 .history-wrap .history-cont ul li dl dt {
	position: absolute;
	left: 0;
	width: 45px;
	padding-right: 10px;
	font-size: 20px;
	color: #333;
	font-weight: 600;
}

.introduce .section-01 .history-wrap .history-cont ul li dl dd {
	font-size: 20px;
	color: #333;
	font-weight: 400;
}

@media(max-width:767px) {

	.tab_type {
		padding: 0 20px;
	}

	.introduce .section-01 .sub-tit {
		font-size: 18px;
	}

	.introduce .section-01 .history-wrap .history-tit {
		float: none;
		width: 100%;
		margin-bottom: 50px;
		padding-top: 40px;
	}

	.introduce .section-01 .history-wrap .history-tit h3 {
		font-size: 28px;
	}

	.introduce .section-01 .history-wrap .history-tit h3 span {
		font-size: 18px;
	}

	.introduce .section-01 .history-wrap .history-line {
		display: none;
	}

	.introduce .section-01 .history-wrap .history-cont {
		float: none;
		width: 100%;
		padding: 0;
	}

	.introduce .section-01 .history-wrap .history-cont ul li {
		padding-bottom: 40px;
		padding-left: 30px;
	}

	.introduce .section-01 .history-wrap .history-cont ul li strong {
		font-size: 28px;
	}

	.introduce .section-01 .history-wrap .history-cont ul li dl dt {
		font-size: 16px;
	}

	.introduce .section-01 .history-wrap .history-cont ul li dl dd {
		font-size: 16px;
	}

	.introduce .section-01 .history-wrap .history-cont ul li strong:before {
		width: 8px;
		height: 8px;
		left: -30px;
		border-width: 4px;
	}
}

@media(max-width:320px) {
	.introduce .section-01 .sub-tit {
		font-size: 14px;
	}


}


.purpose-role .sub-tit {
	text-align: center;
	font-size: 30px;
	color: #111;
	font-weight: 400;
	font-family: 'NEXON Lv1 Gothic Low',sans-serif;
	margin-bottom: 30px;
}

.purpose-role .purpose-list {
	padding: 70px 20px 0;
}

.purpose-role .purpose-list li {
	padding-bottom: 60px;
}

.purpose-role .purpose-list li:last-child {
	padding-bottom: 0;
}

.purpose-role .purpose-list li h3 {
	font-size: 22px;
	color: #000;
	font-weight: 700;
	margin-bottom: 10px;
}

.purpose-role .purpose-list li dl {
	margin-bottom: 20px;
	padding-left: 30px;
}

.purpose-role .purpose-list li dl dt {
	font-size: 18px;
	color: #00619f;
	line-height: 38px;
	font-weight: 700;
	position: relative;
}

.purpose-role .purpose-list li dl dt:before {
	content: "";
	width: 14px;
	height: 2px;
	background-color: #dadada;
	position: absolute;
	left: -30px;
	top: 18px;
}

.purpose-role .purpose-list li p {
	font-size: 18px;
	color: #000;
	font-weight: 500;
	line-height: 32px;
}

.purpose-role .purpose-list li p b {
	display: inline-block;
	box-shadow: inset 0 -17px 0 #e7f5fd;
	line-height: 21px;
}

@media(max-width:991px) {
	.purpose-role .sub-tit {
		font-size: 18px;
	}
}

@media(max-width:550px) {
	.purpose-role .purpose-list {
		padding-top: 40px;
	}

	.purpose-role .purpose-list li{
		padding-bottom: 30px;
	}

	.purpose-role .purpose-list li h3 {
		font-size: 18px;
	}

	.purpose-role .purpose-list li p {
		font-size: 16px;
		line-height: 28px;
	}
}

@media(max-width:320px) {
	.purpose-role .sub-tit {
		font-size: 14px;
	}

	.purpose-role .purpose-list li p {
		font-size: 14px;
		line-height: 22px;
	}

	.purpose-role .purpose-list li p b {
		display: initial;
	}

	.purpose-role .purpose-list li dl dt {
		font-size: 16px;
	}
}


.operation .area {
	padding-bottom: 80px;
}

.operation .area:last-of-type {
	padding-bottom: 0;
}

.operation .area h3 {
	font-size: 30px;
	color: #00619f;
	font-weight: 700;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}

.operation .area .circle-list {
	padding: 0 50px;
	text-align: center;
}

.operation .area .circle-list li {
	display: inline-block;
	padding: 0 60px;
	position: relative;
}

.operation .area .circle-list li:after {
	content: "";
	display: block;
	width: 64px;
	height: 7px;
	background: url("../images/sub/introduce/ico_operation_circle-dots.png") no-repeat;
	position: absolute;
	right: -35px;
	top: 50%;
	transform: translateY(-50%);
}

.operation .area .circle-list li:last-child:after {
	display: none;
}

.operation .area .circle-list li > div {
	padding-bottom:20%;
	border-radius: 50%;
	width: 240px;
	position: relative;
}

.operation .area .circle-list li:nth-child(odd) > div {
	background:url("../images/sub/introduce/img_operation_circle-line1.png") center top 0 no-repeat;
	background-size: contain;
}

.operation .area .circle-list li:nth-child(even) > div {
	background:url("../images/sub/introduce/img_operation_circle-line2.png") center top 0 no-repeat;
	background-size: contain;
}

.operation .area .circle-list li > div em {
	display: inline-block;
	font-size: 20px;
	color: #ee8111;
	font-weight: 500;
	border-bottom: 1px solid #ee8111;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 40px;
}

.operation .area .circle-list li > div p {
	font-size: 20px;
	color: #111;
	font-weight: 600;
	position: relative;
	padding-top: 160px;
}

.operation .area .circle-list li > div p:before {
	content: "";
	display: block;
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0;
	top: 60px;
}

.operation .area .circle-list li:nth-child(1) > div p:before {
	background: url("../images/sub/introduce/ico_operation_circle01.png") center center no-repeat;
}

.operation .area .circle-list li:nth-child(2) > div p:before {
	background: url("../images/sub/introduce/ico_operation_circle02.png") center center no-repeat;
}

.operation .area .circle-list li:nth-child(3) > div p:before {
	background: url("../images/sub/introduce/ico_operation_circle03.png") center center no-repeat;
}

.operation .area02 {
	background: url("../images/sub/introduce/bg_operation_section01-txt.png") right 0 bottom 0 no-repeat;
}

.operation .section-02 {
	background-color: #eff1f3;
}

.operation .section-02 ul li {
	margin-bottom: 20px;
	padding-left: 60px;
}

.operation .section-02 ul li h4 {
	font-size: 18px;
	color: #000;
	font-weight: 600;
	margin-bottom: 10px;
	position: relative;
}

.operation .section-02 ul li h4 em {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	position: absolute;
	left: -60px;
	top: 0;
	background-color: #ee8111;
}

.operation .section-02 ul li p {
	font-size: 18px;
	color: #000;
	font-weight: 400;
}

@media(max-width:1200px) {
	.operation .area .circle-list {
		padding: 0;
	}

	.operation .area .circle-list li {
		padding: 0 30px;
	}

	.operation .area .circle-list li:after {
		width: 49px;
	}
}

@media(max-width:991px) {
	.operation .area .circle-list li > div {
		width: 180px;
	}

	.operation .area .circle-list li > div p {
		padding-top: 120px;
		font-size: 14px;
	}

	.operation .area .circle-list li > div em {
		top: 20px;
		font-size: 13px;
	}

	.operation .area .circle-list li > div p:before {
		top: 28px;
	}
}

@media(max-width:600px) {
	.operation .area h3 {
		font-size: 18px;
	}

	.operation .area .circle-list li {
		padding: 0;
		padding-bottom:50px;
		display: block;
	}

	.operation .area .circle-list li > div {
		display: inline-block;
		width: 100%;
		padding-bottom: 10%;
	}

	.operation .area .circle-list li > div p {
		padding-top: 110px;
	}

	.operation .area .circle-list li:after {
		display: none;
	}

	.operation .area .circle-list li:before {
		content: "";
		display: block;
		width: 100%;
		height: 125px;
		background: url("../images/sub/introduce/ico_operation_circle-dots_mb.png") center no-repeat;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 55%;
	}

	.operation .area .circle-list li:last-child:before {
		display: none;
	}

	.operation .section-02 ul li {
		padding-left: 40px;
	}

	.operation .section-02 ul li h4 {
		font-size: 16px;
	}

	.operation .section-02 ul li p {
		font-size: 16px;
	}

	.operation .section-02 ul li h4 em {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 13px;
		left: -40px;
	}

	.operation .area .circle-list li:before {
		transform: translateX(-50%) scale(.5);
		top: 60%;
	}

	.operation .area02 {
		background-size: 50%;
	}
}


.performance .area {
	padding-bottom: 70px;
}

.performance .area:last-child {
	padding-bottom: 0;
}

.performance .area h3 {
	font-size: 30px;
	color: #00619f;
	font-weight: bold;
	margin-bottom:10px;
}

.performance .area h3 span {
	display: block;
	font-size: 16px;
	color: #666;
	font-weight: normal;
}

@media(max-width:767px) {
	.performance .area {
		padding-bottom: 40px;
	}

	.performance .area h3 {
		font-size: 18px;
	}

	.performance .area h3 span {
		font-size: 14px;
	}
}

.organization .section-01 {
	background: url("../images/sub/introduce/bg_orgaize.png") right 0 center no-repeat;
	text-align: center;
}

.organization .org-top {
	background: url("../images/sub/introduce/img_organization_line-top.png") center no-repeat;
	padding-bottom: 100px;
	position: relative;
    z-index: 1;
}

.organization .line {
	padding-bottom: 30px;
}

.organization .line b {
	display: inline-block;
	min-width: 270px;
	height: 70px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	line-height: 70px;
	border-radius: 5px;
}

.organization .line.wid50 b:nth-child(1) {
	float: left;
	margin-left: 100px;
}

.organization .line.wid50 b:nth-child(2) {
	float: right;
	margin-right: 100px;
}

.organization .org-btm {
	padding-bottom: 100px;
	position: relative;
	margin-top: -8px;
	z-index: 0;
}

.organization .org-btm:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/sub/introduce/img_organization_line-btm.png") center top 0 no-repeat;
	position: absolute;
	top: -55px;
}

.organization .org-btm > ul {
	display: flex;
}

.organization .org-btm > ul > li {
	flex: 1;
	width: 25%;
	padding: 0 25px;
}

.organization .org-btm > ul > li b {
	background-color: #677087;
}

.organization .org-btm > ul > li > ul {
	padding: 20px 20px 0 20px;
	background-color: #f3f3f3;
	border-radius: 0 0 5px 5px;
	height: 100%;
}

.organization .org-btm > ul > li > ul > li {
	font-size: 20px;
	color: #111;
	font-weight: 400;
	margin-bottom: 10px;
}

.organization .org-btm > ul > li > ul > li:last-child {
	margin-bottom: 0;
}

@media(max-width:1290px) {
	.organization .org-btm > ul > li {
		padding: 0 5px;
	}

	.organization .org-btm > ul > li b {
		min-width: 100%;
	}
}

@media(max-width:991px) {
	.organization .line b {
		min-width: 180px;
	}

	.organization .org-btm:before {
		background-size: 85% auto;
	}
}

@media(max-width:767px) {

	.organization .org-btm:before {
		display: none;
	}

	.organization .org-btm > ul {
		flex-wrap: wrap;
	}

	.organization .org-btm > ul > li {
		width: 50%;
		flex: auto;
		margin-bottom: 10px;
	}

	.organization .line.wid50 b:nth-child(1) {
		margin-left: 0;
	}

	.organization .line.wid50 b:nth-child(2) {
		margin-right: 0;
	}
}

@media(max-width:420px) {
	.organization .line {
		padding-bottom: 20px;
	}

	.organization .line b {
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		min-width: 120px;
	}

	.organization .org-top {
		padding-bottom: 45px;
		background-position: center top 0;
	}

	.organization .org-btm > ul > li {
		width: 100%;
	}

	.organization .org-btm > ul > li > ul {
		height: auto;
		padding: 20px 0;
	}

	.organization .org-btm {
		margin-top: 0;
	}
}

@media(max-width:320px) {
	.organization .line.wid50 b:nth-child(1) {
		float: none;
		margin-bottom: 10px;
	}

	.organization .line.wid50 b:nth-child(2) {
		float: none;
	}

	.organization .org-top {
		background: none;
	}

	.organization .org-top {
		padding-bottom: 20px;
	}

	.organization .org-top:after {
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background-color: #ddd;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		z-index: -1;
	}

	.organization .org-btm {
		padding-bottom: 0;
	}

	.organization .org-btm > ul > li > ul > li {
		font-size: 14px;
	}
}

.ci-bi .sub_tit {
	font-size: 30px;
	color: #000;
	line-height: 40px;
	font-weight: 400;
	text-align: center;
}

.ci-bi .area {
	padding-top: 70px;
}

.ci-bi .area >img {
	margin-bottom: 30px;
}

.ci-bi .area h3 {
	font-size: 30px;
	color: #00619f;
	font-weight: 600;
}

.ci-bi .area p {
	font-size: 18px;
	color: #000;
}

.ci-bi .area01 h3 {
	float: left;
	width: 320px;
}

.ci-bi .area01 ul {
	float: left;
	width: calc(100% - 320px);
}

.ci-bi .area01 ul li {
	position: relative;
	padding-left: 30px;
}

.ci-bi .area01 ul li:before {
	content: "";
	display: block;
	width: 14px;
	height: 2px;
	background-color: #dadada;
	position: absolute;
	left: 0;
	top: 12px;
}

.ci-bi .area02 ul {
	border-top: 1px solid #ddd;
	padding-top: 30px;
	display: flex;
}

.ci-bi .area02 ul li {
	flex: 1;
	padding: 0 5px;
}

.ci-bi .area02 ul li div {
	width: 100%;
	height: 17px;
	margin-bottom: 20px;
}

.ci-bi .area02 ul li h4 {
	font-size: 22px;
	color: #000;
	margin-bottom: 10px;
	font-weight: bold;
}

.ci-bi .area02 ul li p {
	font-size: ;
}

@media(max-width:767px) {
	.ci-bi .sub_tit {
		font-size: 18px;
		line-height: 26px;
	}

	.ci-bi .area {
		padding-top: 40px;
	}

	.ci-bi .area01 h3 {
		float: none;
		width: 100%;
		font-size: 18px;
	}

	.ci-bi .area01 ul {
		float: none;
		width: 100%;
	}

	.ci-bi .area p {
		font-size: 16px;
	}

	.ci-bi .area02 ul li div {
		margin-bottom: 10px;
	}

	.ci-bi .area02 ul li h4 {
		font-size: 18px;
	}

	.ci-bi .area02 ul li p {
		font-size: 14px;
	}
}

@media(max-width:550px) {
	.ci-bi .area h3 {
		font-size: 18px;
	}

	.ci-bi .area02 ul {
		flex-wrap: wrap;
	}

	.ci-bi .area02 ul li {
		flex: auto;
		width: 50%;
		padding-bottom: 20px;
	}
}

@media(max-width:320px) {
	.ci-bi .sub_tit {
		font-size: 14px;
		line-height: 22px;
	}

	.ci-bi .area02 ul li {
		width: 100%;
	}
}


.location .map-wrap {
	width: 100%;
	height: 490px;
	overflow: hidden;
	margin-bottom: 40px;
}

.location .map-wrap iframe {
	width: 100%;
	height: 100%;
}

.location h3 {
	font-size: 40px;
	color: #000;
	font-weight: 700;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}

.location .info li {
	display: inline-block;
	padding-right: 100px;
	font-size: 18px;
	color: #000;
	font-weight: 400;
}

.location .info li img {
	margin-right: 10px;
}

.location .transport-wrap {
	border-top: 2px solid #111;
	margin-top: 50px;
}

.location .transport-wrap .line {
	padding: 30px 0;
	position: relative;
	padding-left: 130px;
	border-bottom: 1px solid #ddd;
}


.location .transport-wrap .line h4 {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 110px;
	text-align: center;
}

.location .transport-wrap .line h4:before {
	content: "";
	display: block;
	width: 100%;
	height: 70px;
}

.location .transport-wrap .line:nth-child(1) h4:before {
	background: url("../images/sub/introduce/ico_location_bus.png") center top 0 no-repeat;
}

.location .transport-wrap .line:nth-child(2) h4:before {
	background: url("../images/sub/introduce/ico_location_subway.png") center top 0 no-repeat;
}

.location .transport-wrap .line div p {
	font-size: 20px;
	color: #090c08;
	font-weight: bold;
	margin-bottom: 10px;
}

.location .transport-wrap .line div ul li {
	display:block;
	padding-right: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #090c08;
	font-weight: 500;
}

.location .transport-wrap .line div ul li span {
	display: inline-block;
	min-width: 30px;
	padding: 0 5px;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	text-align: center;
}

.location .transport-wrap .line.line02 ul li span {
	border-radius: 15px;
	min-width: 25px;
	line-height: 25px;
}

@media(max-width:767px) {
	.location .map-wrap {
		height: 250px;
	}

	.location h3 {
		font-size: 28px;
	}

	.location .info li {
		font-size: 16px;
		padding-right: 50px;
		padding-bottom: 10px;
	}
}

@media(max-width:320px) {
	.location h3 {
		font-size: 18px;
	}

	.location .transport-wrap .line {
		padding: 20px 0;
		padding-left: 0;
	}

	.location .transport-wrap .line h4 {
		position: static;
		transform: translateY(0);
		margin-bottom: 20px;
	}
}


/* 소비자 */
/* check text */
.check-conts h3 {
	font-size: 22px;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
}

.check-conts h3 img {
	vertical-align: middle;
    margin-top: -3px;
	margin-right: 10px;
}

.check-conts p {
	font-size: 20px;
	color: #111;
	margin-bottom: 30px;
	font-weight: 500;
}

@media(max-width:320px) {
	.check-conts h3 {
		font-size: 18px;
	}

	.check-conts p {
		font-size: 14px;
	}
}

/* 본인인증 */
.self-certi-wrap .certi-box {
	display: flex;
}

.self-certi-wrap .certi-box li {
	flex: 1;
	padding: 0 10px;
}

.self-certi-wrap .certi-box li:first-child {
	padding-left: 0;
}

.self-certi-wrap .certi-box li:last-child {
	padding-right: 0;
}

.self-certi-wrap .certi-box li > div {
	border: 3px solid #e8e8e8;
	padding: 70px 20px;
	text-align: center;
	height: 100%;
	min-height: 400px;
	transition: all .3s;
}

.self-certi-wrap .certi-box li > div h3 {
	font-size: 30px;
	color: #1a1a1a;
	margin-bottom: 20px;
	font-weight: bold;
	position: relative;
	padding-top: 90px;
}

.self-certi-wrap .certi-box li > div h3:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url("../images/sub/mysangjo/ico_process02_box01_phone.png") center no-repeat;
	height: 90px;
}

.self-certi-wrap .certi-box li:nth-child(2) > div h3:before {
	background-image: url("../images/sub/mysangjo/ico_process02_box01_head.png");
}

.self-certi-wrap .certi-box li > div h3 span {
	display: block;
	margin-top: 10px;
	font-size: 18px;
	color: #111;
	font-weight: 400;
}

.self-certi-wrap .certi-box li > div .btn_cert {
	min-width: 220px;
	height: 60px;
	line-height: 59px;
	font-size: 18px;
}

.self-certi-wrap .certi-box li > div .tel {
	display: inline-block;
	min-width: 220px;
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	color: #111;
	font-weight: bold;
	padding: 0 20px;
	background: #f3f3f3;
	border-radius: 30px;
}

.self-certi-wrap .certi-box li > div .tel:before {
	content: "";
	display: inline-block;
	background: url("../images/sub/mysangjo/ico_process02_tel.png") no-repeat;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin-right: 10px;
}

.self-certi-wrap .certi-box li > div span {
	display: block;
	font-size: 18px;
	color: #1a1a1a;
	opacity: .5;
	margin-top: 5px;
}

@media(max-width:767px) {
	.self-certi-wrap p {
		font-size: 18px;
	}

	.self-certi-wrap .certi-box li > div h3 {
		font-size: 22px;
	}

	.self-certi-wrap .certi-box li > div h3 span {
		font-size: 14px;
	}

	.self-certi-wrap .certi-box li > div .tel {
		min-width: 180px;
		font-size: 18px;
	}

	.self-certi-wrap .certi-box li > div span {
		font-size: 14px;
	}
}

@media(max-width:550px) {
	.self-certi-wrap .certi-box {
		display:block;
	}

	.self-certi-wrap .certi-box li {
		flex: none;
		padding: 0;
		padding-bottom: 20px;
	}

	.self-certi-wrap .certi-box li > div {
		min-height: auto;
		height: auto;
		padding: 20px;
	}

	.self-certi-wrap .certi-box li > div .btn_cert {
		min-width: 120px;
		height: 45px;
		line-height: 44px;
		font-size: 14px;
	}
}

/* 프로세스 타이틀 */

.process-wrap .join-area h3 {
	font-size: 30px;
	color: #00619f;
	margin-bottom: 10px;
	font-weight: bold;
}

/* 프로세스 버튼 */
.process-wrap .btn_apply {
	min-width: 300px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
}
.paymentHistory_list .join-area,
.compensationProcedures-process02 .join-area {
    padding-bottom: 70px;
}
@media (max-width: 767px) {
	.process-wrap .join-area h3 {
		font-size: 18px;
	}

	/* 프로세스 버튼 */
	.process-wrap .btn_apply {
		min-width: 120px;
		font-size: 14px;
		height: 45px;
		line-height: 45px;
	}
}

.compensationProcedures-process03 .join-area {
	padding-bottom: 70px;
}

/* info txt box */
.info_txt_wrap {
	padding: 1.875rem 2.8125rem;
	border: 1px solid #ddd;
	border-radius: 1.25rem;
	background: #f8f8f8;
}
.info_txt_wrap .info_txt {
	text-align: left;
}

.info_txt_wrap .info_txt h4 {
	font-size: 18px;
	color: #111;
	font-weight: bold;
	margin-bottom: 10px;
}

.info_txt_wrap .info_txt h4 img {
	vertical-align: middle;
	margin-right: 10px;
}

.info_txt_wrap .info_txt p {
	font-size: 1.125rem;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.info_txt_wrap .info_txt ol li {
	font-size: 1.125rem;
	color: #111;
	font-weight: 500;
	margin-bottom: 5px;
	position: relative;
	padding-left: 30px;
}

.info_txt_wrap .info_txt ol li em {
	display: inline-block;
	font-size: 1.125rem;
	font-weight: bold;
	color: #111;
	font-style: normal;
	position: absolute;
	left: 0;
	top: 0;
	text-decoration: underline;
}

.sub_conts_box h3 {
	font-size: 30px;
	color: #00619f;
	margin-bottom: 10px;
	font-weight: bold;
}

.sub_conts_box h3 + p {
	font-size: 1.125rem;
	color: #111;
	font-weight: 500;
}

@media (max-width: 767px) {
	.sub_conts_box h3 {
		font-size: 18px;
	}
}

.line_ul > li {
	position: relative;
	font-size: 1.125rem;
	color: #111;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 5px;
	padding-left: 25px;
}

.line_ul > li:before {
	content: '';
	width: 14px;
	height: 2px;
	position: absolute;
	left: 0;
	top: .75rem;
	background: #ddd;
}

/* 피해보상금 신청 안내 */

.compensationProcedures_list .step_list {
	text-align: center;
}
.compensationProcedures_list .step_list > li {
	flex: auto;
	position: relative;
	margin-bottom: 2.5rem;
}

.compensationProcedures_list .step_list > li:not(:last-child):after {
	content: '';
	position: absolute;
	top: calc(50px - 0.15625rem);
	left: calc(100% - 1.25rem);
	width: 2.5rem;
	height: .3125rem;
	background: url(../images/sub/consumer/ico_compensationProcedures_step-dots.png)no-repeat center/ 2.5rem;
}

.compensationProcedures_list .step_list > li p {
	font-size: 1.125rem;
	font-weight: 500;
	color: #000;
	margin-top: 10px;
}
.compensationProcedures_list .step_list > li p strong {
	font-size: 1rem;
	color: #ee8111;
}
.compensationProcedures_list .step_list > li > div {
	min-width: 150px;
}

hr.m40 {
	margin: 40px 0;
}

.compensationProcedures_wrap .btn-wrap .btn_cert {
    min-width: 300px;
    height: 60px;
    line-height: 60px;
    font-size: 1.25rem;
	font-weight: 500;
}
.btn-wrap .btn_type {
	margin: 9px;
}
.btn-wrap .btn_type.bg_555 {
	color: #fff !important;
	border-color: #53585c !important;
	background: #53585c !important;
}

.btn-wrap .btn_type.bg_base {
	color: #fff !important;
	border-color: #00619f !important;
	background: #00619f !important;
}

.btn-wrap .btn_type.bg_point {
	color: #fff !important;
	border-color: #aece35 !important;
	background: #aece35 !important;
}

@media (min-width: 768px) {

	.btn-wrap .btn_type.bg_555:hover,
	.btn-wrap .btn_type.bg_base:hover,
	.btn-wrap .btn_type.bg_point:hover {
		border-color: #222 !important;
		background: #222 !important;
	}
}

/* 소비자 피해보상 - 개인정보 수집・이용 동의 */
.compensationProcedures-process05 .tit_h3 {
	font-size: 30px;
	color: #00619f;
	margin-bottom: 10px;
	font-weight: bold;
}
/* 소비자 피해보상 신청서 */
.compensation-app-wrap .section-01 h3 {
	text-align: center;
	font-size: 30px;
	color: #00619f;
	font-weight: bold;
	margin-bottom: 50px;
}

.compensation-app-wrap .section-01 h3 span {
	display: block;
	font-size: 1.25rem;
	color: #000;
	font-weight: normal;
	margin-top: 10px;
}

.compensation-app-wrap .section-01 .info-box {
	background:#f8f8f8;
	border: 1px solid #ddd;
	border-radius: 1.25rem;
	padding: 2.5rem 1.875rem;
	text-align: center;
}

.compensation-app-wrap .section-01 .info-box p {
	font-size: 1.25rem;
	color: #111;
	font-weight: 400;
	line-height: 1.6;
}

.compensation-app-wrap .section-01 .info-box .btn_download {
	min-width: 300px;
	height: 60px;
	line-height: 60px;
	font-size: 1.25rem;
	color: #fff;
	font-weight: bold;
}

.compensation-app-wrap .section-01 .info-box .btn_download img {
	margin-left: 10px;
}

@media(max-width:767px) {
	.compensation-app-wrap .section-01 h3 {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.compensation-app-wrap .section-01 h3 span {
		font-size: 16px;
	}

}

@media(max-width:550px) {
	.compensation-app-wrap .section-01 h3 {
		font-size: 16px;
	}

	.compensation-app-wrap .section-01 h3 span {
		font-size: 14px;
	}

	.compensation-app-wrap .section-01 .info-box .btn_download {
		min-width: 120px;
		font-size: 14px;
		height: 45px;
		line-height: 45px;
	}
}


.compensation-app-wrap .how-to-list {
	display: inline-block;
	text-align: left;
}
.compensation-app-wrap .how-to-list li {
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 50px;
	border-bottom: 1px dashed #c5c5c5;
}

.compensation-app-wrap .how-to-list li p {
	font-size: 1.25rem;
	color: #000;
	font-weight: 600;
	position: relative;
}

.compensation-app-wrap .how-to-list li p em {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 1rem;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	position: absolute;
	left: -50px;
	top: 0;
	background-color: #53585c;
}

/* 정책/방침/가입 */
.ruels_wrap {
	position: relative;
/*	height: 630px;*/
	border: 1px solid #ddd;
/*
	overflow-x: hidden;
	overflow-y: auto;
*/

}

.ruels_conts__inner {
	padding: 50px;
    line-height: 1.6;
    color: #333;
	font-size: 1rem;
	word-break: keep-all;
}

.ruels_conts__inner p {

}

.ruels_conts__inner .tit1 {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 15px;
}

.ruels_conts__inner .tit2 {
	font-size: 1.25rem;
	font-weight: 600;
	margin: 15px 0;
}

.ruels_conts__inner .tit3 {
	font-size: 1.125rem;
	font-weight: 500;
	margin: 15px 0;
}

.ruels_conts__inner .txt1 {
	padding-left: 15px;
}

@media(max-width:767px) {
	.ruels_wrap {
		border:none;
	}
	.ruels_conts__inner {
		padding: 0;
	}
}

/* sitemap */
.sitemap__nav--fc > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -0.625rem;
}

.sitemap__nav--fc > ul > li {
	width: 25%;
	padding: 0 0.625rem;
	margin-bottom: 1.25rem;
}

.sitemap__nav--fc > ul > li > a {
	display: block;
	padding: 1.1875rem 0;
	background: #f7f7f7;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1;
	color: #222;
	border-left: 6px solid #f5901f;
	padding-left: 14px;
}

@media (min-width: 1200px) {
	.sitemap__nav--fc > ul > li > a:hover {
/*		background: #525252;*/
	}
}

@media (max-width: 991px) {
	.sitemap__nav--fc > ul > li {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.sitemap__nav--fc > ul > li {
		width: 100%;
		padding: 0;
	}

	.sitemap__nav--fc > ul {
		margin: 0;
	}

	.sitemap__nav--fc > ul .depth2 {
		display: none;
	}
	.sitemap__nav--fc > ul > li > a {
		position: relative;
	}
	.sitemap__nav--fc > ul > li > a:after {
		content: '\f107';
		display: inline-block;
		position: absolute;
		top: 12px;
		right: 20px;
		font-family: 'FontAwesome';
		font-size: 1.5rem;
		line-height: 1;
		color: #111;
	}

	.sitemap__nav--fc > ul > li > a.on:after {
		content: '\f106';
	}
}

.sitemap__nav--fc .depth2 {
	padding: 1.25rem;
	font-size: 1.125rem;
}

.sitemap__nav--fc .depth2 > li + li {
	margin-top: 0.625rem;
}

.sitemap__nav--fc .depth2 > li > a {
	position: relative;
	display: inline-block;
	padding-left: 0.625rem;
}

.sitemap__nav--fc .depth2 > li > a:before {
	content: "";
	position: absolute;
	top: 0.6875rem;
	left: 0;
	width: 0.1875rem;
	height: 0.1875rem;
	border-radius: 50%;
	background-color: #f5901f;
	-moz-transition: 0.2s all ease-in-out;
	-o-transition: 0.2s all ease-in-out;
	-webkit-transition: 0.2s all ease-in-out;
	transition: 0.2s all ease-in-out;
}

@media (min-width: 1200px) {
	.sitemap__nav--fc .depth2 > li > a:hover:before {
		top: 0;
		height: 100%;
		border-radius: 0;
	}
}


/* 220826 */
@media(min-width: 768px) {
	.mysangjo-info.type_plus .mysangjo-section-01-top-bnr {
		padding: 30px 30px 30px 45%;
	}
}
.lh-17 {line-height: 1.7 !important;}

.mysangjo-info.type_plus .mysangjo-section-01-top h4 {color: #222;}
.mysangjo-info.type_plus .sub_cont_tit_img {vertical-align: middle; margin-top: -1.375rem;} 
.mysangjo-info.type_plus .h4_img {vertical-align: middle; margin-top: -0.9375rem;} 
.mysangjo-info.type_plus .h5_img {vertical-align: middle; margin-top: -0.9375rem;} 
.mysangjo-info.type_plus .h6_img {vertical-align: middle; margin-top: -0.75rem;} 
.mysangjo-info.type_plus .fz_18_img {vertical-align: middle; margin-top: -0.5rem;} 
.mysangjo-info.type_plus .shadow-box {
	margin-top: 3.125rem;
	margin-bottom: 5rem;
	border-radius: 20px;
	box-shadow: 0 0 30px 0 rgba(13, 22, 32, 0.1);
	overflow: hidden;
}
.mysangjo-info.type_plus .accordion_list > li .contt .img_list li {
	height: 5rem;
}
.mysangjo-info.type_plus .accordion_list > li .contt .img_list li p {
	font-size: 1.25rem;
	font-weight: bold;
}

.mysangjo-info.type_plus .accordion_list .txt_list2 .step_ul li {
	padding-left: 2.5rem;
	letter-spacing: -.35px;
}
.mysangjo-info.type_plus .accordion_list .txt_list2 .step_ul li b {
	width: 2.5rem;
	font-size: 1rem;
}
.mysangjo-info.type_plus .accordion_list .txt_list2 .step_ul {
	padding: 0 5px;
}

@media(min-width: 1301px) {
	.mysangjo-info.type_plus .accordion_list .txt_list2 ul li .box { padding: 15px 50px;}
}

@media(min-width: 1101px) {
	.mysangjo-info.type_plus .accordion_list .txt_list2 .row {
		margin: 0 -12px;
	}
	
	.mysangjo-info.type_plus .accordion_list .txt_list2 .row > li {
		padding: 0 12px;
	}
}

@media(min-width: 551px) {
	.mysangjo-info.type_plus .accordion_list .txt_list2 ul li:last-child .box {
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	.mysangjo-info.type_plus .accordion_list .txt_list2 ul li .box > i {
		width: 30px;
	}
	.mysangjo-info.type_plus .accordion_list .txt_list2 ul li .box > span {
		width: calc(100% - 40px);
	}
	
	.type_plus .mysangjo-info-li-chart .txt {
		width: 35.5%;
	}
	
	.type_plus .mysangjo-info-li-chart figure {
		width: 64.5%;
	}
}

@media screen and (max-width: 768px) {
    .mysangjo-info.type_plus .sub_cont_tit_img { width: 200px!important; margin-top: -1rem; } 
	.mysangjo-info.type_plus .h4_img { width: 140px!important; margin-top: -0.5rem;} 
	.mysangjo-info.type_plus .h5_img { width: 146px!important; margin-top: -0.75rem;} 
	.mysangjo-info-li-chart .txt h5 .h5_img { width: 205px!important;  margin-top: -1rem;} 
	.mysangjo-info.type_plus .h6_img {width: 172px!important;}
	.mysangjo-info.type_plus .fz_18_img { width: 103px!important; }	
	.mysangjo-info .accordion_list .txt_list2 h5 .h5_img { width: 134px!important; margin-top: -0.65rem;}
}

@media screen and (max-width: 550px) {
	.mysangjo-info.type_plus .accordion_list .txt_list2 ul li h6 .h6_img {display: block;  margin: 0 auto;}
}