/* 공통 */
.margin-top-40 {margin-top: 40px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-40 {margin-bottom: 40px;}
.margin-bottom-60 {margin-bottom: 60px;}
.margin-bottom-70 {margin-bottom: 70px;}
.text-center {text-align: center;}
.text-padding-less h2 {padding: 0 5%;}
.text-padding-less h5 {padding: 0 10%;}
.text-padding-less p {padding: 0 15%;}

@media only screen and (min-width: 992px) {
    .pc-max-90per {max-width: 90% !important;}
    .pc-max-80per {max-width: 80% !important;}
    .pc-max-70per {max-width: 70% !important;}
    .pc-max-60per {max-width: 60% !important;}
}
@media only screen and (min-width: 1200px) {
    .min1200-margin-right-10px {margin-right: 10px;}
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 991px) {
    .text-padding-less h2 {padding: 0 3%;}
    .text-padding-less h5 {padding: 0 6%;}
    .text-padding-less p {padding: 0 10%;}
    .w901-margin-bottom-40px {margin-bottom: 40px;}
    .mo-max-90per {max-width: 90% !important;}
    .mo-max-80per {max-width: 80% !important;}
    .mo-max-70per {max-width: 70% !important;}
    .mo-max-60per {max-width: 60% !important;}
    .max991-margin-bottom {margin-bottom: 50px;}
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 767px) {
    .text-padding-less h2 {padding: 0;}
    .text-padding-less h5 {padding: 0 3%;}
    .text-padding-less p {padding: 0 6%;}
    .max767-margin-bottom-40px {margin-bottom: 40px;}
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}

/* 서브페이지 기본 폼 1 */
.em-subpage-1 {}
.em-subpage-1 .sec-title-container h2 {line-height: 1.2;color: #323232;position: relative;font-family: 'pretendard';letter-spacing: -0.05em;}
.em-subpage-1 .sec-title-container h2:after {
	position: absolute;
    width: 70px;
    height: 4px;
    left: calc(50% - 35px);
    bottom: -15px;
    content: "";
}
.em-subpage-1 .sec-title-container h4 {line-height: 1.2;color: #323232;position: relative;letter-spacing: -0.05em;text-align: left;font-weight: bold;margin-bottom: 0;font-size: 26px;}
.em-subpage-1 .sec-title-container h4:after {
	position: absolute;
    width: 50px;
    height: 4px;
    left: 0;
    bottom: -15px;
    background-color: #3597d9;
    content: "";
}
.em-subpage-1 .sec-title-container h4 span.t-icon {font-size: 0.7em;}
.em-subpage-1 .sec-title-container h4.step2 {position: relative;line-height: 1.2;color: #323232;position: relative;letter-spacing: -0.05em;text-align: left;font-weight: bold;margin-bottom: 0;padding-left: 15px;}
.em-subpage-1 .sec-title-container h4.step2:after {
	position: absolute;
    width: 4px;
    height: 22px;
    left: 0;
    top: calc(50% - 10px);
    background-color: #3597d9;
    content: "";
}

.em-subpage-1 .greeting-style-1 {padding: 200px 30px;background-position: center;background-repeat: no-repeat;background-size: cover;}

.em-subpage-1 .img-con-area img {max-width: 100%;margin-left: auto;margin-right: auto;}
.em-subpage-1 .img-con-area img.img-responsive {width: 100%;}
.em-subpage-1 .img-con-area img.pc {display: block;}
.em-subpage-1 .img-con-area img.mobile {display: none;}
.em-subpage-1 .img-con-area .img-col-4 {display: block;}
.em-subpage-1 .img-con-area .img-col-4 li {float: left;width: calc(100% / 4);padding: 5px 5px;}
.em-subpage-1 .img-con-area p {margin-top: 10px;margin-bottom: 0;color: #323232;word-break: keep-all;line-height: 1.6;text-align: center;}

.em-subpage-1 .text-con-area h6 {font-size: 16px;color: #323232;font-weight: 500;line-height: 1.4;}
.em-subpage-1 .text-con-area h6.green {color: #066868;}
.em-subpage-1 .text-con-area p {word-break: keep-all;font-size: 14px;color: #525252;font-weight: normal;line-height: 1.6;}
.em-subpage-1 .text-con-area ul {width: auto;list-style: disc;margin-left: 20px;}
.em-subpage-1 .text-con-area ul li {font-size: 14px;line-height: 1.6;margin: 5px 0;color: #525252;font-weight: normal;}
.em-subpage-1 .text-con-area .arrow-bottom-icon {width: 16px;height: auto;}

.em-subpage-1 .tbl-wrap ul {width: auto;list-style: disc;margin-left: 20px;margin-top: 5px;margin-bottom: 5px;}
.em-subpage-1 .tbl-wrap ul li {font-size: 14px;line-height: 1.6;margin: 5px 0;color: #525252;font-weight: normal;}

.em-subpage-1 .st1, .em-subpage-1 .st2, .em-subpage-1 .st3 {float: left;}
.em-subpage-1 .st2 {width: 100px;text-align: center;}
.em-subpage-1 .st2 h6 span {font-size: 40px;line-height: 0.5;}
.em-subpage-1 .st1, .em-subpage-1 .st3 {width: calc((100% - 100px) / 2);padding: 20px 20px;border: 1px solid #dfdfdf;}

/* 2024-04-18 추가 */
.col-box-opt-1 .con-img-1 {
    width: 100%;
    margin-top: 70px;
}
.col-box-opt-1 .con-img-1 img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
/* 2024-04-18 추가 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
@media only screen and (min-width: 1200px) {
    .em-subpage-1 .text-con-area h6 {font-size: 20px;}
    .em-subpage-1 .text-con-area p {font-size: 16px;}
    .em-subpage-1 .text-con-area ul li {font-size: 16px;}
    .em-subpage-1 .tbl-wrap ul li {font-size: 16px;}
    .em-subpage-1 .img-con-area p {font-size: 16px;}
}
@media only screen and (max-width: 1199px) {
    br.min1200 {display: none;}
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 991px) {
    .em-subpage-1 .sec-title-container h2 {font-size: 32px;}
}
@media only screen and (max-width: 800px) {
    .em-subpage-1 .sec-title-container h2 {font-size: 28px;}
    .em-subpage-1 .sec-title-container h2 {margin-left: 10px;margin-right: 10px;}
    .em-subpage-1 .img-con-area img.pc {display: none;}
    .em-subpage-1 .img-con-area img.mobile {display: block;}
    .em-subpage-1 .img-con-area .img-col-4 li {width: calc(100% / 2);}
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 480px) {
    .em-subpage-1 .sec-title-container h2 {font-size: 26px;}
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}

/* 서브페이지 기본 폼 2 */
.em-subpage-2 {background-image: url(../img/bg/bg-220914.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;}
.em-subpage-2 .sec-title-container h2 {line-height: 1.2;color: #fff;position: relative;font-family: 'Montserrat';}
.em-subpage-2 .sec-title-container h2:after {
	position: absolute;
    width: 70px;
    height: 4px;
    left: calc(50% - 35px);
    bottom: -15px;
    content: "";
}
.em-subpage-2 .text-con-area p {word-break: keep-all;}
@media only screen and (max-width: 800px) {
	.em-subpage-2 .sec-title-container h2 {margin-left: 10px;margin-right: 10px;}
}

/* 테이블 */
.tbl-wrap, .tbl_wrap {overflow-x: auto;}
table {
    empty-cells: show;
    border-collapse: collapse;
    border: 0;
    border-spacing: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #525252;
}
caption {
    font-size: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
.tbl-wrap table {
    border-top: 1px solid #252525;
    border-bottom: 1px solid #dfdfdf;
    min-width: 44.4444444444em;
    word-break: keep-all;
}
.tbl-wrap table caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.tbl-wrap table thead th {border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;text-align: center;padding: 8px 10px;background-color: #f6f6f6;}
.tbl-wrap table tbody th {border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;text-align: center;padding: 8px 10px;background-color: #f6f6f6;}
.tbl-wrap table tbody td {border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;padding: 8px 10px;}
.tbl-wrap table thead th:last-child, .tbl-wrap table tbody td:last-child {border-right: none;}
.tbl-wrap table tbody th strong, .tbl-wrap table tbody td strong {color: #323232;}
.tbl-wrap .table-overguide {display: none;}
@media only screen and (min-width: 1200px) {
    .tbl-wrap table thead tr th {font-size: 16px;}
    .tbl-wrap table tbody tr th {font-size: 16px;}
    .tbl-wrap table tbody tr td {font-size: 16px;}
}
@media screen and (max-width: 991px) {
	.tbl-wrap table thead {display: table-header-group;} /* 부트스트랩 테이블 변환 초기화 */
	.tbl-wrap table thead tr {display: table-row;} /* 부트스트랩 테이블 변환 초기화 */
    .tbl-wrap table thead tr th {display: table-cell;} /* 부트스트랩 테이블 변환 초기화 */
	.tbl-wrap table tbody {display: table-row-group;} /* 부트스트랩 테이블 변환 초기화 */
	.tbl-wrap table tbody tr {display: table-row;} /* 부트스트랩 테이블 변환 초기화 */
    .tbl-wrap table tbody tr th {display: table-cell;} /* 부트스트랩 테이블 변환 초기화 */
	.tbl-wrap table tbody tr td {display: table-cell;} /* 부트스트랩 테이블 변환 초기화 */
    .tbl-wrap .table-overguide {display: block;font-size: 14px;line-height: 1;margin-bottom: 8px;}
}
