@import url(reset.css);

/*@import url('/static/nsh/css/style-common.css?v=20231205');*/

/*@import url('/static/nsh/fonts/fontawesome/css/all.min.css?v=20231205');*/

@import url('/static/nsh/fonts/glfonts_2024.css');

html,
body {
  font-size: 62.5%;
}
@media all and (max-width: 1400px) {
    html {font-size:35%;}
 }
 @media all and (max-width: 900px) {
    html {font-size:35%;}
 }
 @media all and (max-width: 600px) {
    html {font-size:62.5%;}
 }

/* style-common.css */
 /* font */
.fs-11{font-size: 1.1rem;}
.fs-12{font-size: 1.2rem;}
.fs-13{font-size: 1.3rem;}
.fs-14{font-size: 1.4rem !important;}
.fs-15{font-size: 1.5rem;}
.fs-16{font-size: 1.6rem;}
.fs-18{font-size: 1.8rem; line-height: 3.2rem;}
.fs-20{font-size: 2rem;}
.fs-21{font-size: 2.1rem;}
.fs-22{font-size: 2.2rem;}
.fs-24{font-size: 2.4rem;}
.fs-26{font-size: 2.6rem;}
.fs-28{font-size: 2.8rem;}
.fs-34{font-size: 3.4rem;}


@media only screen and (max-width: 850px) {
    .fs-14{font-size: 1.2rem !important; line-height: 2.2rem;}
    .fs-16{font-size: 1.3rem; line-height: 2.3rem;}
    .fs-18{font-size: 1.4rem; line-height: 2.4rem;}
    .fs-19{font-size: 1.5rem; line-height: 2.5rem;}
    .fs-20{font-size: 1.6rem; line-height: 2.6rem;}
    .fs-21{font-size: 1.7rem; line-height: 2.7rem;}
    .fs-22{font-size: 1.8rem; line-height: 2.8rem;}
    .fs-23{font-size: 1.9rem; line-height: 2.9rem;}
    .fs-24{font-size: 2rem; line-height: 3rem;}
    /*.fs-20{font-size: 1.8rem; line-height: 1.5;}*/
    .fs-34{font-size: 2rem;}
}

/* line-height 20230824 */
.lh-28{line-height: 2.8rem;}

/* height 20240705 */
.h-04{height: 4rem !important;}

@media only screen and (max-width: 850px) {
    .lh-28{line-height: 2.4rem; display: contents;}
}
.bold {font-weight: 700;}
.under{text-decoration: underline;}
.fc-blue-light{color: #003994 !important;}
.fc-blue{color: #003994 !important;}
.fc-yellow{color: #ffe440 !important;}
.fc-black{color: #000 !important;}
.fc-red{color: #E40000 !important;}
.fc-gray{color: #666666 !important;}
.fc-green{color: #39b549 !important;}
.fc-violet{color: #91268f !important;}
.fc-orange{color: #C54D0F !important;}
.fc-pink{color: #e9058e !important;}
.fc-white{color: #fff !important;}
.fc-light{color: #707070 !important;}

.sub-title-01{font-size: 2.8rem; font-weight: 700; background: url(../img/bg-title.svg) no-repeat 0 50%; background-size:0.4rem auto; padding-left: 1.2rem;  margin-bottom: 0.8rem;}
.sub-title-02{font-size: 2.8rem; font-weight: 700; background: url(../img/bg-title.svg) no-repeat 0 50%; background-size:0.4rem auto; padding-left: 1.2rem;  margin-bottom: 2.4rem; margin-top: 8rem; line-height: initial; /*22.12.12*/}
.sub-title-02:first-of-type{margin-top: 0;}
.sub-title-02 span {position: relative;}
.sub-title-02 .sub {position: absolute; top: 4px; font-size: 14px; margin-left: 8px; color: #666; line-height: 2.4rem; font-weight: 300;} /*22.12.12*/
.sub-title-03{font-size: 2.8rem; font-weight: 700; no-repeat 0 50%; background-size:0.4rem auto; padding-left: 1.2rem;  margin-bottom: 2.4rem; margin-top: 8rem; line-height: initial; /*24.01.30*/}

.sub-info-content h5{font-size: 2.8rem; font-weight: 700; background: url(../img/bg-title.svg) no-repeat 0 50%; background-size:0.4rem auto; padding-left: 1.2rem;  margin-bottom: 2.4rem; margin-top: 8rem;}
.sub-info-content .view-info {display: none;}
.sub-info-content .view-info.on {display: block;}

.number-text {font-size: 1.8rem; line-height: 3.2rem; margin-top: 1.6rem; position: relative; padding-left: 3.3rem;}
.number-text:first-of-type {margin-top: 0;}
.number-text span:first-of-type{display: flex; width: 2.4rem; height: 2.4rem; background: #2F436B; border-radius: 50%; color: #fff; align-items: center; justify-content: center; font-size: 1.4rem; margin-right: 0.8rem; position: absolute; left: 0; top: 0.5rem;}
.title-blue-20{color: #003994; font-size: 2rem; margin-top: 4rem; margin-bottom: 1.5rem; font-weight: 700;}
.sub-tit-txt{color: #003994; font-size: 2rem; margin-top: 4rem; margin-bottom: 1.5rem; font-weight: 700;}
.box-list .title{color: #003994; font-size: 2rem; margin-top: 4rem; margin-bottom: 1.5rem; font-weight: 700; display: block;}
.text{font-size: 1.8rem;}
.bulit-text li{line-height: 3.2rem; font-size: 1.8rem; flex-wrap: wrap; position: relative; padding-left: 1.2rem;}
.bulit-text li span {display: block;}
.bulit-text li .fc-blue {display: inline-block;}
.bulit-text li.none {padding-left: 0;} /* 22.12.12 */
.bulit-text li.none::before {display: none;} /* 22.12.12 */
.bulit-text li.ico-none::before {display: none;}
.bulit-text li:before{content: ""; display:inline-flex; width: 0.4rem; height: 0.4rem; background-color:#666666; border-radius: 50%; margin-right: 0.8rem; flex: none; position: absolute; left: 0; top: 1.4rem;}
.bulit-text.size-s li{font-size: 1.4rem; line-height: 2.4rem; align-items: flex-start;}
.bulit-text.size-s li:first-child{margin-top: 0;}
.bulit-text.size-s li:before{top: 1.1rem;}

.txt-list>li{line-height: 2.9rem; font-size: 1.8rem; flex-wrap: wrap; position: relative; padding-left: 1.2rem; margin-top: 0.8rem;}
.txt-list>li:before{content: ""; display:inline-flex; width: 0.4rem; height: 0.4rem; background-color:#666666; border-radius: 50%; margin-right: 0.8rem; flex: none; position: absolute; left: 0; top: 1.4rem;}
.txt-list.ico-none>li:before {display: none;}

.text-center{text-align: center;}
.text-right{text-align:right; position: relative;}
.text-24{font-size: 2.4rem; color: #000; font-weight: 700;}
.sky-box{border: 1px solid #ddd; margin-bottom: 1.6rem;}
.sky-box .sky-head{background: #F2F6FB; text-align: center; font-size: 1.8rem; font-weight: 700; height: 5rem; border-bottom: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
.sky-box .sky-con{padding: 2.4rem;}


@media only screen and (max-width: 600px) {
    .sub-title-01{font-size: 2.0rem; font-weight: 700; background: url(../img/bg-title.svg) no-repeat 0 0%; background-size:0.4rem auto; padding-left: 1.2rem;}
    .sub-title-02{font-size: 2.0rem; font-weight: 700; background: url(../img/bg-title.svg) no-repeat 0 0%; background-size:0.4rem auto; padding-left: 1.2rem; margin-bottom:1.5rem; margin-top:4rem;}
    .sub-title-02.flex {flex-wrap: wrap;} /*22.12.12*/
    .sub-title-02.flex div {margin-bottom: 1rem;} /*22.12.12*/
    .sub-info-content h5{font-size: 2.0rem; font-weight: 700; background: url(../img/bg-title.svg) no-repeat 0 0%; background-size:0.4rem auto; padding-left: 1.2rem; margin-bottom:1.5rem; margin-top:4rem;}

    .map-link-list {width: 100%;}

    .text{font-size: 1.4rem; line-height: 2.4rem;}
    .bulit-text li{line-height: 2.4rem; display: flex; align-items:flex-start; font-size: 1.4rem;}
    .bulit-text li span {display: block; margin-right: 1rem;}
    .bulit-text li:before{margin-right: 0.8rem; top: 1rem;}

    .txt-list>li{line-height: 1.8rem; display: flex; align-items:flex-start; font-size: 1.4rem; font-weight: 400;}
    .txt-list>li:before{margin-right: 0.8rem; top: 1rem;}


    .bulit-text.size-s li{font-size: 1.2rem; }
    .bulit-text.size-s li:before{}

    .number-text {font-size: 1.4rem; line-height: 2.4rem; margin-top: 1rem; position: relative; padding-left:2.3rem;}
    .number-text span:first-of-type{display: flex; width: 2rem; height: 2rem; background: #2F436B; border-radius: 50%; color: #fff; align-items: center; justify-content: center; font-size: 1.2rem; margin-right: 0.8rem; position: absolute; left: 0; top: 0.2rem;}
    .title-blue-20{color: #003994; font-size: 1.8rem; margin-top: 0; margin-bottom: 0.8rem;}
    .sub-tit-txt{color: #003994; font-size: 1.8rem; margin-bottom: 0.8rem;}
    .box-list .title{color: #003994; font-size: 1.8rem; margin-bottom: 0.8rem;}
    .text-center{text-align: center;}
    .text-24{font-size: 2rem; color: #000; font-weight: 700;}

    .page-move{border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 2rem;}
    .page-move li:first-child{border-bottom: 1px solid #ddd;}
    .page-move li{display: flex; height:auto; align-items: center; font-size: 1.4rem; color: #666;}
    .page-move li a{color: #666;}
    .page-move li span{display: flex; height:auto; width: 7rem; align-items: center; padding:1rem 0.5rem; font-weight: 500; color: #000;}
    .page-move li span i{font-size: 1.2rem; margin-left: 1rem;}

}

/* 레이어 팝업 */
.popupList{text-align: center; width: 100%;}
.popupList p{margin-top: 1rem; height: 2rem;}
.popupList p a{display:inline-block; height: 2rem; line-height: 2rem;}
.modal{display: block;}
.overlay{display: none; position: fixed; top: 0; left: 0; z-index:100; width: 100%; height: 100%; min-height: inherit; background: #000; opacity: 0.5;}
.overlay span{display: none;}
.overlay.active {display: block;}

/* btn */
button{outline: none; box-shadow: none; border: none; background: none;font-family:'Noto Sans KR',sans-serif; cursor: pointer; transition: all 0.2s ease;}
button:focus, label:focus{outline: 3px solid #E60021 !important; border: 2px solid #fff !important; border-radius: 3px; box-sizing: border-box; box-shadow: none;}
.btn{display: inline-flex; box-sizing: border-box; transition: all 0.2s ease; align-items: center; justify-content: center; font-size: 1.6rem; flex: none;}
.btn img{margin-left: 0.5rem; margin-top: 0.2rem;}
.btn:disabled{background: #ADADAD; color: #333333;}
.btn:focus{box-shadow: none;}
.btn-s{ height: 4rem; min-width: 13.5rem; border-radius: .6rem; font-weight: 300; padding: 0 1.6rem; font-size: 1.4rem;}
.btn-xs{ height: 2.4rem; min-width: 8rem; min-width: 6.2rem; font-size: 1.2rem; font-weight: 300; border-radius: .2rem;}
.btn-m{height:4.8rem; min-width: 9.5rem; font-weight: 400; padding-left: 1.5rem; padding-right: 1.5rem; line-height: 100%;}
.btn-m i,.btn-l i{margin-left: 1rem; font-size: 1.2rem; line-height: 100%; position: relative; margin-top: 0.2rem;}
.btn-m img,.btn-l img{margin-left: 1rem;}
.btn-w-18{width: 18rem;}
.btn-l{height: 5.6rem; font-size: 1.8rem; min-width: 16rem; padding: 0 1rem;}
.btn-wide{width: 40rem !important; margin-left: 0 !important; margin-right: 0 !important;}

.btn-blue{color: #fff !important; background-color: #003994;}
.btn-blue:hover{background-color: #2F436B}
.btn-white{background-color: #fff; border: 1px solid #ddd;}
.btn-white:hover{border: 1px solid #333333;}
.btn-black{color: #fff !important; background-color: #000;}
.btn-orange{color: #fff !important; background-color: #EB6B00 !important;}
.btn-orange.btn-wide {font-size: 2.3rem; font-weight: 700;}
.btn-orange:hover{background: #FF5C00 !important;}
.btn-red{color: #fff !important; background-color: #E40000;}
.btn-skyblue{color: #fff !important; background-color: #0079A2;}
.btn-skyblue:hover{background-color: #2f95c0;}
/* 20230302 추가 */
.btn-navy{color: #fff !important; background-color: #003994;}

.btn-list a{margin-right: 0.5rem; margin-top: 1.6rem;}
.btn:disabled{background-color: #f5f5f5; color: #888888 !important; border: .1rem solid #dddddd; cursor: default;}

@media only screen and (max-width: 600px) {
    .btn-s{ height: 3.8rem; min-width: inherit; font-size: 1.2rem;}
    .btn-m{height: 3rem; min-height: 3rem; font-size: 1.4rem;}
    .btn-l{height:3.8rem; font-size: 1.6rem; min-width: 0;}
    .btn-wide{width:100% !important;}
    .m-full{width: 100% !important; margin-top: 0.8rem; margin-left: 0 !important; margin-right: 0 !important; min-width: 0 !important;}
    .m-select{width: 100% !important; margin-top: 0.8rem; margin-left: 0 !important; margin-right: 0 !important; min-width: 0 !important;}
    .btn-list a{margin-top: 0.5rem;}
}

/* style-common.css */

/* link */
a{color:#303030;text-decoration:none; transition: all 0.2s ease;}
a:link, a:visited, a:active{text-decoration: none;}
a:hover{color:#003994;}

/* SKIP */
.accessbility{left:0;top:0;text-align:center;width:100%;z-index:100;background:#292929;font-size:1.6rem;position: absolute;}
.accessbility a{overflow:hidden;display:block;height:0;width:0;margin-bottom:-0.1rem;text-align:center;white-space:nowrap;color:#fff}
.accessbility a:focus,.accessbility a:active{height:auto;width:auto;padding:1.8rem 0;color:#fff}

/* common */
*{
    font-family:'Noto Sans KR', 'Noto Sans Korean', 'Roboto', sans-serif;
    /* 페이지 속도 개선에 의한 static/style.css 내의 공통 태그 추가_20240311 */
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
	word-break: keep-all;
	box-sizing: border-box;
    letter-spacing: -0.2rem;
}

*:focus {
	outline: none;
}

*:focus:focus-visible {
	outline: 3px solid #E40000;
	border: 2px solid #fff;
	border-radius: 0.3rem;
	box-sizing: border-box;
	box-shadow: none;
	z-index: 1;
}

input[type=text].datepicker {
	display: inline-flex;
	position: relative;
	background: url(../img/calendar.svg) no-repeat right 0.8rem center;
}

input[type=text], input[type=email], input[type=password], input[type=tel],
	textarea, select {
	-webkit-appearance: none;
	border: 0.1rem solid #ddd;
	background-color: #fff;
	height: 4.8rem;
	padding: 0 1rem;
	font-size: 1.6rem;
	box-sizing: border-box;
	font-family: 'Noto Sans KR', sans-serif;
	width: 100%;
	vertical-align: middle;
	color: #333;
}

input[type=tel] {
	text-align: right;
}

input[type=text]:disabled, input[type=password]:disabled, select:disabled
	{
	background-color: #ECECEC;
	opacity: 1;
}

textarea {
	width: 100%;
	padding-top: 1.3rem;
	padding-bottom: 1.3rem;
	height: 30rem;
	font-size: 1.4rem;
	background: none;
	border: none;
	border: 1px solid #ddd;
}

select::-ms-expand {
	display: none;
}


button {
	outline: none;
	box-shadow: none;
	border: none;
	background: none;
	font-family: 'Noto Sans KR', sans-serif;
	cursor: pointer;
	transition: all 0.2s ease;
}

button:hover {
	color: #0a64bf;
}

button.active {
	color: #0a64bf;
}

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

em {
	font-style: normal;
}

input[type=radio], input[type=checkbox] {
	outline: none;
}

input:focus:focus-visible, textarea:focus:focus-visible, select:focus:focus-visible {
	outline: 3px dashed #E40000;
	border: 2px solid #fff !important;
	border-radius: 0;
	box-sizing: border-box;
	box-shadow: none;
}

input[type=radio]:focus:focus-visible, input[type=checkbox]:focus:focus-visible{
	outline: 0px dashed #E40000;
	border: 0px solid #fff !important;
}

input[type=radio]:focus:focus-visible+label:before, input[type=checkbox]:focus:focus-visible+label:before{
	outline: 3px dashed #E40000;
	border: 2px solid #fff !important;
	border-radius: 0;
	box-sizing: border-box;
	box-shadow: none;
}

input.error {
	border: 1px solid #E60021;
}

label {
	outline: none !important;
}

select {
	visibility: visible !important;
	background: #fff url(../img/ico-arrow-bottom.svg) no-repeat right 1rem
		center;
	padding-right: 3.5rem;
	color: #555;
	background-size: 2.4rem 2.4rem;
}

input[type=radio] {
	width: 0rem;
	height: 0rem;
	position: absolute;
	margin-top: 0.82rem;
	/* opactiy: 0; */
}

.radio-position input[type=radio] {
	margin-top: 0.8rem;
	margin-left: 0.1rem;
}

input[type=radio]+label:before {
	content: "";
	display: inline-block;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	border: 0.1rem solid #ddd;
	background-color: #fff;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin-right: 0.4rem;
	vertical-align: top;
}

input[type=radio]+label:after {
	content: "";
	display: block;
	position: absolute;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	/* background-color: #ddd; 웹접근성 markup 라디오 안쪽 색 제거 */
	left: 0.5rem;
	top: 0.5rem;
	z-index: 1;
	transition: all 0.2s ease;
}

input[type=radio]+label {
	line-height: 2rem;
	display: inline-flex;
	vertical-align: top;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 1.6rem;
	align-items: center;
}

input[type=radio]:checked+label {

}

input[type=radio]:checked+label:after {
	opacity: 1;
	background-color: #003994;
}

input[type=radio]:disabled+label:before {
	border: solid .1rem #dcdfe2;
	background-color: #f2f3f5;
	cursor: default;
}

input[type=radio]:disabled+label {
	cursor: default;
}

input[type=checkbox] {
	width: 0rem;
	height: 0rem;
	position: absolute;
	margin-top: 0.81rem;
}

input[type=checkbox]+label {
	display: inline-flex;
	position: relative;
	height: 3.6rem;
	cursor: pointer;
	align-items: center;
	vertical-align: middle;
	font-size: 1.6rem;
	color: #333;
	line-height: 1.3;
}

input[type=checkbox]+label:before {
	content: "";
	display: inline-block;
	width: 2rem;
	height: 2rem;
	border: solid 1px #ddd;
	background-color: #fff;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin-right: 0.4rem;
	vertical-align: top;
	box-sizing: border-box;
	flex: none;
}

input[type=checkbox]:checked+label:before {
	background: url(/static/nsh/img/ico-checked.svg) no-repeat;
	border: none;
	background-size: 2rem;
}

input[type=checkbox]:disabled+label:before {
	border: solid 0.1rem #dcdfe2;
	background-color: #f2f3f5;
	cursor: default;
}

input[type=checkbox]:disabled+label {
	cursor: default;
}

@media only screen and (max-width: 600px) {
    input[type=radio] {
		margin-top: 0.415rem;
	}
	.radio-position input[type=radio] {
		margin-top: 0.4rem;
	}
	input[type=radio]+label, input[type=checkbox]+label {
		font-size: 1.4rem;
	}
}

/* style-common.css */
hr{height: 1px; background-color: #ddd; display: block; border: none;}
hr.dot{background: none; border-top: 1px dashed #ddd;}
.semi-bold{font-weight: 500;}
.flex{display: flex;}
.flex-m-inline-table {display: flex;}
.flex-row {flex-direction: row !important;}
.flex-colum{flex-direction: column !important;}
.wrap{flex-wrap: wrap;}
.just-between{justify-content: space-between;}
.flex-bet-m-colum{justify-content: space-between;}
.just-center{justify-content:center;}
.align-center{align-items: center;}
.align-bottom{align-items: flex-end;}
.text-left{text-align: left !important;}
.image{display: flex; position: relative; justify-content: center;}
.image img{width: 100%; height: 100%; object-fit: cover;}
.row{width: 128rem; margin-left: auto; margin-right: auto; position: relative;}
.btn-line{margin-top: 4rem; display: flex; width: 100%;}
.btn-line .btn-center{justify-content: center; align-items: center; display: flex; width: 100%;}
.btn-line .btn-center a,.btn-line .btn-center a{width: 18rem; margin: 0 0.8rem;}
.btn-line .btn-right{justify-content:flex-end; align-items: center; display: flex; width: 100%;}
.btn-line .btn-right a, .btn-line .btn-right a{margin-left: 0.8rem;}
.btn-line .btn-list .btn{flex: auto;}
.zoom{position: relative; overflow: hidden;}
.zoom img{background-color: #fff;}
.zoom::after{content: ""; display: block;  position: absolute; right: 0; bottom: 0; z-index: 10;  height: 4rem; width: 4rem; background: url(../img/btn-zoom.svg) no-repeat; display:none;}
.space-line{display: inline-flex; width: 1px; height: 1.8rem; background-color: #ddd; margin: 0 0.8rem;}
.under{text-decoration: underline !important;}
.ci-block{justify-content: space-between;}
.ci-img{border: 1px solid #ddd; text-align: center; box-sizing: border-box; overflow: hidden;}
.info-graphic{border: 1px solid #ddd; padding:4rem 2.4rem; display: flex; justify-content: center; position: relative;}
.info-graphic img{width: 100%;}
.m-block{margin-top:0.4rem; margin-bottom: 0.4rem;}
.c-zoom__wrapper {display: none;  position: absolute;  top: 0;  left: 0;  right: 0; bottom: 0;}
.file-upload{display: flex; background-color: #333333; width: 26rem; position: relative; }
.file-upload .filename-block{display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 1.6rem; padding: 0  1.6rem; width: 100%; height: 4.8rem; margin-top: 0 !important;}
.file-upload .filename-block span{display: block; width: 100%; margin-right: 1.6rem; white-space:nowrap; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -o-text-overflow: ellipsis; vertical-align:middle; }
.file-upload input{position: absolute; left: 0; top: 0; width: 100%; height: 100%;opacity: 1;z-index:-1}
.bg-blue{background-color: #F2F6FB !important;}
.center-align{display: flex; justify-content: center;}
.center-align > *{margin:0 0.8rem;}
.scroll{overflow-y: auto;}
.under-tit{font-size: 1.4rem; color: #003994; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.under-tit:after{content: ""; display: block; width:1.6rem; height: 1px; background: #003994;}
.line-title{border-bottom: 2px solid #333; font-size: 2.4rem; font-weight: 700; padding-bottom: 1.6rem;}
.caution-line{display: flex; align-items: center; justify-content: center; background: #FCF1F3; min-height: 5.8rem; color: #DE0021; padding: 1rem 2rem;}
.caution-line.blue{background: #F2F6FB;color: #2F436B;}
.caution-line img{margin-right: 0.8rem;}
.caution-line-01{display: flex; align-items: center;}
.caution-line-01 img{margin-right: 0.5rem;}
.paging{display: flex; justify-content: center; align-items: center;}
.paging a{display: flex; justify-content: center; align-items: center; width: 4rem; height: 4rem; border-bottom: 0.2rem solid #fff; padding-top: 0.2rem; overflow: hidden;}
.paging a:hover{color: #003994;}
.paging a.active{color: #003994;border-bottom: 0.2rem solid #003994;}
.business-text{border: 1px solid #ddd; border-top: 2px solid #2F436B; color: #2F436B; padding: 4rem; font-weight: 500; display: flex; align-items: center; position: relative; margin-bottom: 2.5rem;}
.business-text:last-of-type {margin-bottom: 0;}
.business-text > img{margin-right: 4rem; align-self: flex-start;}
.business-text:after{position: absolute; height:2px; background: #DE0021; width: 28rem; position: absolute; right: 0; top: 0; content: ""; top:
-2px}
.gray-tab{margin-top: 8rem; display: flex; margin-bottom: 8rem;}
.gray-tab > li.active > a {color: #fff; background: #2F436B;}
.gray-tab.tab-s{margin-bottom: 4rem;}
.gray-tab.line-02 {flex-wrap: wrap;}
.gray-tab.line-02 li{width: 25%;}

.gray-tab > li {width: 100%;}
.gray-tab > li > a{display: flex; align-items: center; justify-content: center; position: relative; font-size: 2rem; background-color:#ECECEC; width: 100%; height: 5rem; padding: 3rem 1rem; text-align: center; line-height: 1.1;}
.gray-tab > li > a:before{content: ""; display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; right: 0; top: 0;}
.gray-tab > li:last-child > a:before{display: none;}
.gray-tab > li.active > a::before{display: none;}
@media only screen and (max-width: 600px) {


	.m-wrap {flex-wrap: wrap;}
	.m-wrap p {width: 100% !important;}
	.m-wrap input {width: 100% !important;}
    .flex-bet-m-colum{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .flex-m-colum{flex-direction: column;}
    .btn-line{margin-top: 2.4rem;}
    .btn-line .btn-center a,.btn-line .btn-center a{width: 100%; margin: 0; flex: 1; margin-right: 0.7rem;}
    .btn-line .btn-center button,.btn-line .btn-center a:last-child{margin-right: 0;}
    .zoom{overflow:visible;}
    .zoom::after{display:block}
    .ci-img{width: 100% !important;}
    .ci-img img{width: 100% !important;}
    .m-block{display: block;}
    .info-graphic{padding: 2rem;}
    .info-graphic img{width: 100% !important;}
    .info-graphic img.zoomImg{width:auto !important;}
    .center-align{flex-direction: column;}
    .center-align > *{margin-bottom: 0.8rem; margin-left: 0; margin-right: 0;}
    .center-align > * img{width: 100% !important;}
    .line-title{font-size: 2rem;}
    .caution-line{padding: 1rem;}
    .caution-line-01 img{margin-right: 0.5rem; align-self: flex-start; margin-top: 0.5rem;}
    .paging{display: flex; justify-content: center; align-items: center;}
    .paging a{font-size: 1.4rem;}
    .business-text{border: 1px solid #ddd; border-top: 2px solid #2F436B; color: #2F436B; padding: 2.4rem 1.6rem; letter-spacing: -0.13rem; flex-direction: column; align-items: flex-start; }
    .business-text img{margin-right: 4rem; display: block; width: 5.6rem; margin-bottom: 0.8rem;}
    .business-text a{margin:0.4rem 0; width: 100%; display: flex; justify-content: space-between; align-items: center;}
    .business-text a img{width: auto; margin: 0;}
    .business-text:after{width: 7rem;}
    .gray-tab{margin-top: 4rem; display: flex; margin-bottom: 4rem;  flex-wrap: wrap;}
    .gray-tab > li {flex: 1 1 50%;}
    .gray-tab > li > a {display: flex; align-items: center; justify-content: center; font-size: 1.4rem; background-color:#ECECEC; height:auto; min-height: 6.4rem; position: relative; flex-wrap: wrap;}
    .gray-tab > li > a:before{content: ""; display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; right: 0; top:50%; transform: translateY(-50%);}
    .gray-tab > li:last-child > a:before {display: none;}
    .gray-tab > li.active > a {color: #fff; background: #2F436B;}
    .gray-tab > li.active > a::before {display: none;}
    .gray-tab.full > li {width: 100%;}
    .gray-tab.full > li > a {height: 100%; padding: 0.8rem 0; min-height: 0; text-align: center;}
    .gray-tab.depth-02 > li {width: 50%;}
    .gray-tab.depth-02 > li > a {max-height: 4rem; height: 100%; padding: 0.8rem 0; min-height: 0; text-align: center;}
/*     .gray-tab.depth-02 li:nth-child(2n+2) a::before{display: none;} */
    .gray-tab.line-02 > li {width: 50%;}
    .gray-tab.line-02 > li > a {min-height: 4rem;}
    .gray-tab.line-02 > li:nth-child(2n+2) > a::before {display: none;}
    .gray-tab.size-s > li > a {min-height: 4rem; height: 100%; padding-top: 0; padding-bottom: 0; text-align: center;}
    .image img {height: auto;}
}

/* tab-ui-con */
.tab-ui-con > * {display: none; transition: all 0.4s ease; transform: translateY(4rem); pointer-events: none;}
.tab-ui-con > *.active{display: flex; transform: translateY(0); pointer-events: all; opacity: 1;}
.tab-ui-con.block > *.active{display: block; transform: translateY(0); pointer-events: all; opacity: 1;}
.over{overflow: hidden;}
.over img{transition: all 3.4s ease;}
.over:hover img{transform: scale(1.1);}
.stroke{ -webkit-text-stroke: .1rem #303030; -webkit-text-fill-color: transparent;}
.pc-view{display: block;}
.mob-view{display: none;}
.slide-up{opacity: 0;}

@media only screen and (max-width: 600px) {
    html,body {font-size: 62.5%;}
    .row{width: 100%; padding-left: 0.8rem; padding-right: 0.8rem;}
    .pc-view{display:none;}
    .mob-view{display:flex; flex-direction: column;}

}

/* style-common.css */

/* table */
caption, legend {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0);}
.table-caption{display: flex; justify-content: space-between; margin-top: 4rem; margin-bottom: 1.5rem;}
.table-caption .caption-title{font-size: 2rem; font-weight: 700;}
.table-block{border-top: 2px solid #000; display: flex; flex-direction: column;}
.table-block dl{display: flex; border-bottom: 1px solid #ddd;}
.table-block dl dt{display: flex; background-color: #FAFAFA; font-size: 1.6rem; flex: none; min-width: 20rem; border-right: 1px solid #ddd; padding: 1.5rem 3rem; align-items:center; font-weight: 500;}
.table-block dl:first-of-type dt {border-left: 0 !important;}
.table-block div dl:last-of-type dt {border-left: 1px solid #ddd;}
.table-block dl dd{display: flex; padding: 1.5rem; flex-direction: column; justify-content: center; width: 100%;}
.table-block dl dd p{margin-top: 0.8rem;}
.table-block dl dd p:first-of-type{margin-top: 0rem;}
.table-block dl dd input[type=text],
.table-block dl dd input[type=password] {max-width: 35rem;}
.table-block .form-info{font-size: 1.6rem; margin-top: 0.8rem; color: #666666;}
.table-block .form-info.error{color: #DE0021;}
.table-block .space{display: inline-flex; align-self: center; min-width: 2rem; flex: none; justify-content:center;}

.table-block.type-s dl dt{width: 26rem;}
.table-block.type-s dl dd{font-size: 1.4rem;}
.table-block.type-s .form-info{font-size: 1.4rem;}

/* .table-block .type span{color: #fff; display: inline-flex; min-width: 20rem; background: #7E7E7E; border-radius: 1.6rem; margin-right: 1rem; text-align: center; padding: 0 1rem; height: 3.2rem; align-items: center; justify-content: center;} */

.number-form {display: flex; align-items: center; }
.number-form.wrap{flex-wrap: wrap;}
.number-form p.m-full{margin-top: 0 ;}
.number-form .m-full{margin-left: 1rem;}
.email-form select{margin-left: 0.5rem;}
.email-form > div:first-of-type select{margin-left: 0rem;}

.mob-show-td{display: inline-flex; align-items: center; display: none; }
.mob-show-td::before{content: ""; display: block; width: 1px; height: 1.4rem;  background-color: #ddd;  margin-top: 0.2rem; margin-right: 1rem;}

.bbs-view-head{table-layout:fixed;  color:#444; border-top:2px solid #000;}
.bbs-view-head thead th {position:relative; padding:1.6rem 0.5rem; color:#222; font-weight:400; background:#FAFAFA; border-bottom:1px solid #ddd; font-weight:600; height: 5.8rem; text-align:center;  }
.bbs-view-head tbody th {padding:1.5rem 1.5rem; border-bottom:1px solid #ddd; color: #666; background: #FAFAFA; text-align:center;}
.bbs-view-head tbody td {padding:1.5rem 1.5rem; border-bottom:1px solid #ddd; color: #666;}

.bbs-view-block{padding: 4rem; padding-bottom: 0; min-height: 60rem;}
.bbs-view-block.alone{padding-bottom: 4rem; border-bottom: 1px solid #ddd;}

/* style-common.css */
table.table-default{ border-top: 2px solid #000;}
table.table-default.left td{text-align: left;}
table.table-default thead th{background: #F2F6FB; border-bottom: 1px solid #ddd; padding: 2rem 0; border-right: 1px solid #ddd; line-height: 140%; word-break: break-all;}
table.table-default thead tr:first-of-type th:last-of-type {border-right: none;}
table.table-default thead tr:last-of-type th:last-of-type{border-right: none;}
table.table-default tbody th{background: #FAFAFA; border-bottom: 1px solid #ddd; text-align: center; padding: 1rem;border-right: 1px solid #ddd; }
table.table-default tbody td{border-bottom: 1px solid #ddd; text-align: center; padding: 2rem 1.5rem;border-right: 1px solid #ddd; word-break: break-all;}
table.table-default tbody td:last-of-type {border-right: none;}
table.table-default tbody td.center{text-align: center;}
table.table-default tbody td.bg-blue{background-color: #F2F6FB;}
table.table-default thead tr
table.table-default tbody tr td:last-of-type{border-right: none;}
table.table-default tfoot tr td{background: #FAFAFA; border-bottom: 1px solid #ddd; text-align: center; padding: 1rem 0;border-right: 1px solid #ddd;}
table.table-default tfoot tr td:last-of-type{border-right: none;}
table.table-default thead tr.b-R-line th.b-R-line {border-right: 1px solid #ddd;}
table.table-default thead th.b-R-line {border-right: 1px solid #ddd !important;}

.table-type-row{border-top: 2px solid #000; table-layout: fixed;}
.table-type-row tbody th{background: #FAFAFA; border-bottom: 1px solid #ddd; padding:2.4rem 0;}
.table-type-row tbody td{position: relative; border-bottom: 1px solid #ddd; padding: 2.4rem;border-left: 1px solid #ddd;}
.table-type-row.size-s th{padding: 1.6rem 0.8rem;}
.table-type-row.size-s td{padding: 1.6rem;}


.table-type-row-default{border-top: 2px solid #000; table-layout: fixed;}
.table-type-row-default tbody th{background: #FAFAFA; border-bottom: 1px solid #ddd; padding:0 2.4rem; font-size: 1.6rem; text-align: left; font-weight: 500;}
.table-type-row-default tbody td{border-bottom: 1px solid #ddd; padding: 1.6rem;border-left: 1px solid #ddd;}


.scroll-table table{width: 128rem;}
.scroll-table table tbody td:last-of-type {border-right: none;}
.scroll-table.pc-scroll {width: 100%; overflow-x: auto;}
.scroll-table.pc-scroll::-webkit-scrollbar {width: 0.8rem; height: 1rem; }
.scroll-table.pc-scroll::-webkit-scrollbar-thumb {background: #003994;border-radius: 0px; }
.scroll {width: 100%; overflow-x: auto;}
.scroll::-webkit-scrollbar {width: 0.8rem; height: 1rem; }
.scroll::-webkit-scrollbar-thumb {background: #003994;border-radius: 0px; }

@media only screen and (max-width: 600px) {
    .table-caption .caption-title{font-size: 1.8rem; font-weight: 700;}
    .scroll-table{width: 100%; overflow-x: auto;}
    .scroll-table table{width: 80rem;}
    .scroll-table.pc-scroll::-webkit-scrollbar {width: 0.8rem; height: 0.2rem; }
    .table-block{border-top: 2px solid #000; display: flex; flex-direction: column;}
    .table-block dl{display: flex; border-bottom:0; flex-direction: column; width: 100% !important;}
    .table-block dl:nth-of-type(2) dt {border-left: 0;}
    .table-block dl dt{display: flex; width: 100% !important; font-size: 1.4rem; flex: none; width:auto; border-right: none; padding: 1.5rem 0 0.8rem 0;}
    .table-block dl dd{display: flex; flex-direction: column;}
    .table-block dl dd input[type=text],
    .table-block dl dd input[type=password] {width:100%; max-width: inherit;}
    .table-block .form-info{font-size: 1.2rem; margin-top: 0.8rem; color: #666666;}
    .number-form {}
    .number-form select{width: 11rem; flex: none;}
    .number-form input:not(input[type=checkbox]){width: 100% !important;}
    .number-form p.m-full{margin-top: 0.8rem; margin-left: 0; margin-right: 0; width: auto; }
    .email-form{flex-direction: column;}
    .email-form div{width: 100%;}
    .email-form div input{width: 100% !important;}
    .email-form select{margin-left: 0rem;}
    .mob-show-td{display: inline-flex;}

    .bbs-view-block{padding: 2rem 0 0 0; min-height: 30rem;}
    .bbs-view-head{table-layout:fixed;  color:#444; border-top:2px solid #000;}
    .bbs-view-head thead th {height: auto; padding:1rem 1rem;}
    .bbs-view-head tbody th {padding:1rem 0rem; border-bottom:1px solid #ddd; color: #666; background: #FAFAFA; text-align:center;}
    .bbs-view-head tbody td {padding:1rem 1rem; border-bottom:1px solid #ddd; color: #666;}

    table.table-default{ border-top: 2px solid #000;}
    table.table-default thead th{background: #F2F6FB; border-bottom: 1px solid #ddd; padding: 1rem 0; font-size: 1.4rem;}
    table.table-default tbody th{font-size: 1.2rem;}
    table.table-default tbody td{border-bottom: 1px solid #ddd; text-align: center; padding: 1rem; font-size: 1.2rem;}


    .table-type-row{border-top: 2px solid #000; table-layout: fixed; display: block;}
    .table-type-row tbody {width: 100%; display: flex; flex-direction: column;}
    .table-type-row tbody tr{display: flex; flex-direction: column; width: 100% !important;}
    .table-type-row tbody th{display: flex; align-items: center; width: 100% !important; font-size: 1.4rem; padding: 0.8rem 0;}
    .table-type-row tbody td{display: block; width: 100% !important; padding: 2.5rem 0; border-left: none; text-align: left;}
    .table-type-row.size-s td{padding: 1rem 0;}
    .table-type-row.size-s tr{flex-direction: row; flex-wrap: wrap;}
    .table-type-row.size-s tr th{width: 30% !important;}
    .table-type-row.size-s tr td{width: 70% !important; padding: 1.6rem;}

}
/* style-common.css */

/* 블럭박스 */
.scroll-block{height: 30rem; overflow-y: auto;}
.scroll-block2{max-height: 63.5rem; overflow-y: auto; border: 1px solid #ddd; border-top: 0;}
.gray-text-block{ background: #FAFAFA; border: 1px solid #ddd; padding: 2.4rem;}
.gray-block{background-color: #ECECEC; padding: 1.5rem; font-size: 1.4rem;}
.blue-text-box{text-align: center; line-height: 2.6rem; font-size: 1.8rem; background-color:#F2F6FB; margin-top: 4rem; padding: 1.6rem 0; color: #2F436B;}
.box-con{display: flex; border: 1px solid #ddd; margin-top: 0.8rem; flex: 1 1 30%; margin-right: 1rem;}
/* .box-con:last-child {margin-right: 0;} */
.box-con.gray dt{background-color:#FAFAFA;}
.box-con dt{display: flex; align-items: center; justify-content: center; background-color: #F2F6FB; font-size: 1.8rem; font-weight: 500; width: 20rem; border-right: 1px solid #ddd; flex: none; text-align: center; letter-spacing: -0.13rem;}
.box-con dd{display: flex; flex-direction: column; justify-content: space-between; position: relative; width: 100%; height: 100%; padding: 2.4rem;}
.box-con dd .bold {font-weight: 700;}
.box-con.type-01 {}
.box-con.type-01 dt{}
.box-con-row {display: flex; justify-content:space-between; flex-wrap: wrap;}
.box-con-row .box-con{width: 49.5%; flex-direction: column;}
.box-con-row .box-con dt{width: 100%; border-bottom: 1px solid #ddd; padding: 1.6rem 0; border-right: 0;}
.box-con-row.row-03 {display: flex; justify-content:space-between; flex-wrap: wrap;}
.box-con-row.row-03 .box-con{width: 33%; flex-direction: column;}
.box-con-row.row-03 .box-con dt{width: 100%; border-bottom: 1px solid #ddd; border-right: 0;}
.gray-line-block {border: 1px solid #ddd;}
.gray-line-block .block-head {background: #FAFAFA; padding: 1.6rem 2.4rem; border-bottom: 1px solid #ddd; display: flex; align-items: center;}
.gray-line-block .block-head input[type=checkbox] {margin-top: 0 !important;}
.gray-line-block .block-head .flex {align-items: center;}
.gray-line-block .block-head.white {display: flex; flex-direction: row; align-items: center; background: #fff;}
.gray-line-block .block-head.white span {line-height: 1.3;}
.gray-line-block .block-head em{display: flex; align-items: center;}
.gray-line-block .block-head img {width: 4.5rem; height: 3rem; margin-right: 1rem; background-size: cover;}
.gray-line-block .block-head .btn-radius {display: flex; justify-content: center; align-items: center; min-height: 4rem; padding: 0 2rem; background-color: #ddd; border-radius: 5rem; color: #fff; font-weight: 100;}
.gray-line-block .block-head .btn-radius.blue {background-color: #0079A2;}
.gray-line-block .block-head .btn-radius.red {background-color: #f1f1f1; border: 1px solid #ddd; color: #333;}
.gray-line-block .block-head .btn-radius.gray {background-color: #9aa;}
.gray-line-block .block-head b {margin-left: 0.5rem; font-weight: 700;}
.gray-line-block .block-con{padding:1.6rem 2.4rem;}
.date-picker{position: relative; display: inline-flex;}
.date-picker a{position: absolute; right: 1.2rem; top: 1.2rem;}
.white-block{border: 1px solid #ddd;}
.white-block .block-head{padding: 1.6rem 2.4rem; border-bottom: 1px dashed #ddd;}
.white-block .block-con{padding: 1.6rem 2.4rem;}
.black-line-block{border: 1px solid #ddd; border-top: 2px solid #000; padding: 2.4rem;}
.slide-box{margin-top: 2.4rem;}
.slide-box-head{background: #2F436B; color: #fff; height: 5.4rem; display: flex; justify-content: space-between; align-items: center; font-size: 1.8rem; padding: 0 2.4rem; cursor:pointer;}
.slide-box-head:hover {color: #fff;}
.slide-box-head i{font-size: 1.2rem; transition: all 0.4s ease; transform: rotateZ(180deg);}
.slide-box-con{background: #FAFAFA; padding: 2.4rem;  display: none;}
.slide-box-con *{line-height: 3.2rem;}
.slide-box.active .slide-box-con{display: block;}
.slide-box.active i{transform: rotateZ(0);}

.black-top-block{border: 1px solid #ddd; border-top: 2px solid #000; padding: 2.4rem;}

.box-con2 dl {display: flex; position: relative; border: 1px solid #ddd; margin-bottom: 5.6rem; flex: 1 1 30%;}
.box-con2 dl:last-of-type {margin-bottom: 0;}
.box-con2 dl:last-of-type::after {display: none;}
.box-con2 dl::after{content: ""; display: block; width: 2.7rem; height: 2.7rem; background: url(../img/ico-setp-right.svg) no-repeat; position: absolute; left: 50%; bottom: -4rem; transform: translateX(-50%) rotate(90deg); z-index: 1; background-size: 100%;}
.box-con2 dl dt {display: flex; align-items: center; justify-content: center; background-color: #F2F6FB; font-size: 1.8rem; font-weight: 500; width: 100%; min-height: 5.2rem; padding: 1rem; text-align: center; letter-spacing: -0.13rem; color: #000 !important; font-size: 1.8rem !important;}
.box-con2 dl dt::after {display: none !important;}
.box-con2 dl dd {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; min-height: 9.1rem; padding: 2rem 1rem; line-height: 1.4; color: #333;}
.box-con2 dl dd span {display: block; position: relative; margin-bottom: 2.4rem;}
.box-con2 dl dd span:last-of-type {margin-bottom: 0;}
.box-con2 dl dd span:last-of-type::after {display: none;}
.box-con2 dl dd span::after {content: '+'; position: absolute; left: 50%; bottom: -17px; transform: translateX(-50%); font-size: 3rem; font-weight: 100;}

.info-step.full.column .step {flex-direction: column;}
.info-step.full.column .step dl {width: 100%;}

@media only screen and (max-width: 600px) {
    .scroll-block{height: 20rem;}
    .scroll-block2 {height: 35rem;}
    .gray-text-block{ background: #FAFAFA; border: 1px solid #ddd; padding: 1.4rem;}
    .gray-block{background-color: #ECECEC; padding: 0.8rem; font-size: 1.2rem;}
    .blue-text-box{line-height: 2.4rem; font-size: 1.4rem; background-color:#F2F6FB; margin-top: 3rem; padding: 1rem;}
    .box-con{display: flex; border: 1px solid #ddd; flex-direction: column;}
    .box-con dt{display: flex; align-items: center; justify-content: center; background-color: #F2F6FB; font-size: 1.4rem; font-weight: 500; width: 100%; border-right:none; flex: none; min-height: 4rem; border-bottom: 1px solid #ddd; padding: 0.8rem 0;}
    .box-con dt br{display: none;}
    .box-con dd{padding: 1.5rem;}
    .box-con.type-01 {margin-top: 0.8rem;}
    .box-con-row {display: flex; justify-content:space-between; flex-direction: column;}
    .box-con-row .box-con{width: 100% !important; flex-direction: column;}
    .box-con-row .box-con dt{width: 100% !important; border-bottom: 1px solid #ddd; padding: 0.8rem 0;}

    .info-step.full.column .step img {margin-right: 0;}
    .info-step.full.column .step dl {width: 100%; align-items: center;}
    .info-step.full.column .step dt {min-height: inherit;}
    .info-step.full.column .step dt:after {margin-left: 1rem;}
    .info-step.full.column .step dd {width: 100%; min-height: inherit; text-align: center;}
    .info-step.full.column .step .box-con2 {margin-top: 2rem;}
    .info-step.full.column .step .box-con2 dt {font-size: 1.6rem !important;}
    .info-step.full.column .step .box-con2 dd {align-items: center; padding: 1rem;}
    .box-con2 dl {margin-bottom: 3rem;}
    .box-con2 dl::after {bottom: -3rem;}
    .box-con2 dl dd span::after {bottom: -22px; font-size: 1.8rem;}

    /* .gray-line-block .block-head{flex-direction: column; align-items:flex-start; padding: 1.6rem;} 230229 변경 */
    .gray-line-block .block-head{align-items:flex-start; padding: 1.6rem;}
    .gray-line-block .block-head input[type=checkbox] {margin-top: 0.8rem !important;}
    .gray-line-block .block-head.flex-bet-m-colum {flex-direction: row; align-items: center; justify-content: space-between;}
    .gray-line-block .block-head.white {align-items: flex-start;}
    .gray-line-block .block-head.white img {margin-top: 3px;}
    .gray-line-block .block-head.white span {font-size: 1.5rem;}
    .gray-line-block .block-head .btn-radius {min-height: 3rem; padding: 0 1.5rem;}
    .gray-line-block .block-con{padding:1.6rem;}

    .white-block .block-head{padding:0.8rem;}
    .white-block .block-con{padding:0.8rem;}
    .black-line-block{padding: 1.6rem;}
    .slide-box{margin-top: 2.4rem;}
    .slide-box-head{height:4rem; font-size: 1.4rem; padding: 0 1.2rem;}
    .slide-box-head i{font-size: 1.2rem;}
    .slide-box-con{background: #FAFAFA; padding:1.5rem;}
    .slide-box-con *{line-height: 2.2rem;}
    .black-top-block{padding: 1.6rem;}
}


/* layout */
.modal.modal-inside{transform: none; display: none;}

/* modal */
.modal-dialog-centered{display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2));}
.modal{display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.4s ease; transform: translateY(5rem); z-index: 1050; overflow: hidden; outline: 0;}
.modal.show{opacity: 1; transform: translateY(0);}
.modal-dialog{max-width: none; margin-left: auto; margin-right: auto; z-index: 101; align-items: center; position: relative; display: flex; height: 100%; pointer-events: none; width: 98rem;}
.modal-content{border-radius: 1.2rem; box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, 0.3); border: none; position: relative; display: flex; background-color: #fff; flex-direction: column; width: 100%; pointer-events: auto;}
.modal-header{display: flex; align-items: center; justify-content:center; border-radius: 1.2rem 1.2rem 0 0; padding: 0 4rem; border: none; background-color: #2F436B; height: 5.6rem; font-size: 2.4rem;}
.modal-content .close{position: absolute; right: 0.8rem; top: 0.8rem;transform: none;}
.modal-content .close img{width: 6.2rem; height: 6.2rem;}
/*.modal-content .close img{width: 4rem;}*/
.modal-header h1{font-size:2.4rem; font-weight: 700; display: flex;align-items: center; line-height: 120%; font-weight: bold; color: #fff;}
.modal-header h1 span{font-size: 3.2rem; font-weight: 600; margin-right: 1rem;}
.modal-body{border: none; padding: 4rem; padding-right: 0; outline: none; border-radius: 0 0 1.2rem 1.2rem; font-size: 1.4rem; line-height: 2.4rem;}
.modal-body:focus {outline: 3px solid #E60021;}
.modal-body textarea{width: 100%; border: .1rem solid #ddd; border-radius: .4rem; padding: 1rem; height: 12rem;}
.modal-footer{border-top: none; padding:0rem; justify-content:center; padding: 1.2rem; background: #ECECEC;}
.modal-scroll-con{overflow-y: auto; max-height: 54rem; padding-right: 4rem;}

.scroller::-webkit-scrollbar {width: 0.5rem;}
.scroller::-webkit-scrollbar-thumb {background-color: #2F436B;}
.scroller::-webkit-scrollbar-track {background-color: #fff;}

/*.modal-dialog.modal-s{width: 50rem;height: 100% !important;}*/
/*.modal-dialog.modal-s{width: 110rem;}*/
.modal-dialog.modal-s .modal-content{border-radius: 0;}
.modal-dialog.modal-s .modal-header{border-radius: 0; height: auto; min-height: 7.6rem; padding: 1.6rem 8rem; text-align: center;}
.modal-dialog.modal-s .modal-body{border-radius: 0; padding: 4rem 0 4rem 1.6rem}
.modal-dialog.modal-s .modal-scroll-con{padding-right: 1.6rem;}

.modal-dialog.modal-intro {width: 115rem;}
.modal-dialog.modal-intro .modal-content.no-backcolor {background-color: transparent;display: flex;flex-wrap: wrap;flex-direction: row;box-shadow:none;justify-content:space-around;}
.modal-dialog.modal-intro .modal-content .modal-body {height: 80rem;}
.modal-dialog.modal-intro .modal-content .modal-body .modal-scroll-con {max-height: 70rem;}

.overlay.overlay-intro {display: none; position: fixed; top: 0; left: 0; z-index:100; width: 100%; height: 100%; min-height: inherit; background: #000; opacity: 0.2;}
.overlay.overlay-intro span {display: none;}

/* 웹접근 focus 설정 */
.modal-content:focus {outline: 3px solid #E40000;border: 2px solid #fff;border-radius: 1.2rem;box-sizing: border-box;overflow: hidden;}
.modal-body:focus:focus-visible {outline: 3px solid #E40000;}

@media only screen and (max-width: 800px) {
	.modal-content.no-backcolor {
		margin-top: -6rem;
		flex-direction: column;
	}
    .modal-content .close img{width: 5.2rem; height: 5.2rem;}
}

/* added:begin */
.modal-blur .modal-header,
.modal-blur .modal-body,
.modal-blur .modal-footer {
	filter: blur(1rem);
}
.modal-blur .modal-blur-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: bold;

	display: flex;
	align-items: center;
	justify-content: center;
}
/* added:end */

@media (max-width: 600px) {
    .modal.show{opacity: 1; transform: translateY(0);}
    .modal-dialog{max-width: none; margin-left: auto; margin-right: auto; z-index: 101; align-items: center; position: relative; display: flex; height: 100%; pointer-events: none; width: 95%;}
    .modal-content{border-radius:0; box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, 0.3); border: none; position: relative; display: flex; background-color: #fff; flex-direction: column; width: 100%; pointer-events: auto; max-height: 80%;}
    .modal-header{display: flex; align-items: center; justify-content: center; border-radius:0; padding: 0.8rem 0.8rem 0.8rem 2rem; border: none; min-height: 6rem; flex:none; padding-right: 5rem;}
    .modal-header h1{font-size:1.6rem; font-weight: 700; display: flex; align-items: center; justify-content: flex-start; line-height: 120%; font-weight: bold; color: #fff;}
    .modal-header h1 span{font-size: 2.4rem; font-weight: 600; margin-right: 0.5rem;}
    .modal-body{border: none; padding: 2rem; padding-right: 0; outline: none; border-radius: 0; font-size: 1.2rem; display: flex;  flex: 1; overflow-y: auto;}
    .modal-body textarea{width: 100%; border: .1rem solid #ddd; border-radius: .4rem; padding: 1rem; height: 12rem;}
    .modal-footer{border-top: none; justify-content:center; padding: 0.8rem;}
    .modal-scroll-con{overflow-y: auto; height: auto; padding-right: 2rem;  flex: 1 ; }

    .modal-dialog.modal-s{width:90vw; height: auto;}
    .modal-dialog.modal-s .modal-content{border-radius: 0;}
    .modal-dialog.modal-s .modal-header{border-radius: 0;}
    .modal-dialog.modal-s .modal-body{border-radius: 0; padding: 2.4rem 0 2.4rem 2.4rem}
    .modal-dialog.modal-s .modal-scroll-con{padding-right: 2.4rem;}

}

/* fix-style.css */
.modal-content .modal-body {max-height: calc(100vh - 100px);padding: 0.4rem !important;}
.modal-content .modal-body.mh {max-height: none !important;}
/*.modal-content .close {top: 50%; background: transparent; transform: translateY(-50%); border: none;}*/
pre em {font-weight: 600}

.modal {z-index:1000}
.modal-body{padding-right: 4rem;}
.modal-body img {max-width:100%;}

@media (max-width: 600px) {
	.modal-dialog{width: 95% !important;}
    .modal-body img {max-width:100%;}
}

.scroll-table{overflow-x: auto;}
.scroll-table table{table-layout: fixed; border-top: 2px solid #333;}
.scroll-table table thead th{height: 5.8rem; background-color:#F2F6FB; font-size: 1.8rem; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.scroll-table table thead th:first-of-type{border-left:none;}
.scroll-table table tbody td{ border-bottom: 1px solid #ddd; padding: 1.5rem; font-size: 1.8rem; border-left: 1px solid #ddd;}
.scroll-table table tbody tr td:first-of-type{border-left: none;}

::-webkit-scrollbar {width: 0.8rem; height: 0.2rem; }
::-webkit-scrollbar-thumb {background: #003994; border-radius: 10px; }
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2);}

.scroll-table table {width:100% !important}
.scroll {width: 100%; overflow-x: auto;}

.modal-scroll-con{
	padding-right : 0;
}
/* fix-style.css */

/* layout */
html, body {scroll-behavior:smooth; color: #303030;}
html.fixed{overflow-y: hidden; overflow-x: auto;}
body.fixed{overflow-y: hidden; overflow-x: auto;}
body{font-size: 1.8rem; font-weight:400; line-height: 3.2rem; letter-spacing: -0.13rem;}
#wrapper{width: 100%;height: 100%;background: #eaeff9;}

footer{background-color: #2A2C31; color: #fff;}


@media (max-width: 600px) {
    body{font-size: 1.4rem; line-height: 2.4rem;}
    input[type=radio]+label,input[type=checkbox]+label{font-size: 1.4rem;}
    .digital a{width: 3rem; height: 14rem; color: #fff; background: #E9374E; border-radius: 6px 0px 0px 6px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; writing-mode: vertical-lr; text-orientation: upright; letter-spacing: 0.5rem;}
    body{font-size: 1.4rem;}
}


.index-con{display:flex; flex-direction: column; align-items: center; justify-content:center; position: relative; overflow: hidden; background: url(../img/bg-index.webp) no-repeat 50% 50% #eaeff9; background-size: cover; height: 100%;}
.index-con .shape li{ position: absolute; left: 50%; z-index: 10; }
.index-con .shape li:nth-child(1){width: 14.9rem; top: 77rem; margin-left: -82rem;}
.index-con .shape li:nth-child(2){width: 12.7rem;margin-left: -92.2rem; top: 68rem;}
.index-con .shape li:nth-child(3){width: 19.5rem; bottom: 0; margin-left: 56rem; display:none;}
.index-con .shape li:nth-child(4){width: 9.3rem; bottom: 0; margin-left: 88rem; display:none;}
.index-con .shape li:nth-child(5){width: 18.6rem; margin-left: 72rem;; top: 4rem;}
.index-con img{width: 100%;}
.index-con img.con-img01 {width: 46.13rem;height: 5.06rem;}
.index-con h1{width: 85%; margin: 0 auto;}
.index-con .slogan{width: 100%;}
.index-con .slogan p, .index-con .slogan h2 {font-weight: 300;color:#454545;transform: rotate(-0.03deg);}
/*.index-con .slogan .strong-slogan {color:#003994;}*/
.index-con .slogan.web{display:block;width: 100%; padding-top: 2rem;}
.index-con .slogan.web p.slogan-sub{font-size: 3.2rem;line-height: 3.8rem;}
.index-con .slogan.web h2.slogan-main{font-size: 5.8rem;line-height: 8.5rem;color: #003994;font-weight: 400;}
.index-con .slogan.web .strong-text {font-size: 3.8rem;font-weight: 500;}
.index-con .slogan.web .strong-slogan {font-size: 6.7rem;font-weight: 500;}
.index-con .slogan.mobile{display:none;}
.index-head {display: flex;width: 145rem;margin: 0 auto;padding-top: 5rem;flex-direction: column;text-align: center;position: relative;}
.index-main {display: flex;width: 145rem;flex-direction: row;margin: 0 auto;padding-top: 3rem;justify-content: space-around;align-items: flex-start;position: relative;top: 3rem;}
.index-con .schedule-link{display:flex;flex-direction:row;justify-content:flex-start; align-items:center; margin-top: 6rem; font-size: 2.2rem; font-weight: 500; color: #000;}
.index-con .schedule-link .btn-pop{height:2.8rem;margin-top: 0; margin-left: 1rem; background-color: #003994; }
.index-con .con-box{display:flex; align-items: normal; flex-direction: column; width: 60rem;margin-top:0;}
.index-con .con-box.type-01 {width: 100%;}
.index-con .con-box.type-02 {width: 80rem;}
.index-con .con-box.text, .index-con .sub-link{z-index:11;}
.index-con .con-box .mobile-hidden-01 {display:block; width:65rem;}
.index-con .con-box .mobile-hidden-02 {display:none;}
.site-link-index {margin-top: 0; display: flex; justify-content: end; padding-bottom: 13rem; position: relative; z-index: 11;}
.site-link-index.pB00 {padding-bottom:0;}
.site-link-index.mT03 {margin-top: 3.4rem;}
.site-link-index a{width: 36rem; height: 45rem; display: flex; flex-direction: column; margin: 0 1.3rem; padding: 3rem; }
.site-link-index a.base {/*background: #fff;*/ display: inline-block; /*height:40rem;  margin-top:18rem;*/ position:relative; width:36rem; padding: 10rem 3rem; box-shadow:3px 7px 6px -4px rgba(0,0,0,.1);}
.site-link-index a.base.left {}
.site-link-index a.base.right {}
/*.site-link-index a.base:hover {background: #3C427A;}*/
/*.site-link-index a.base:before {border-bottom:7rem solid #fff; border-left:5rem solid transparent; border-right:31rem solid #fff; content:"";height:0;left: 0; position: absolute; top:-6.9rem;width: 0;}
.site-link-index a.base:hover:before {border-bottom:7rem solid #3C427A; border-left:5rem solid transparent; border-right:31rem solid #3C427A;}*/
/*.site-link-index a.base.right:hover {background: #D00000;}*/
.site-link-index a.base.right:hover dd {color: #F4E1E6; /*color:#AE0F22;*/ /*opacity: 1;*/}
/*.site-link-index a.base.right:before {border-bottom:7rem solid #fff; border-left:31rem solid #fff; border-right:5rem solid transparent; content:"";height:0;left: 0; position: absolute; top:-6.9rem;width: 0;}
.site-link-index a.base.right:hover:before {border-bottom:7rem solid #D00000; border-left:31rem solid #D00000; border-right:5rem solid transparent ;}*/
.site-link-index a:first-of-type:hover {background-size: 100% auto; color: #fff;}
.site-link-index a:last-of-type:hover {background-size: 100% auto; color: #fff;}
.site-link-index a:first-of-type{background-size: 100% auto; text-align: right; color: #003994;}
.site-link-index a:last-of-type{background-size: 100% auto; text-align: left;/*color: #E60021;*/color: #AE0F22;}
/*.site-link-index a:first-of-type:hover {background: url(../img/img-main-btn-01_on.png) no-repeat; background-size: 100% auto; color: #fff;}
.site-link-index a:last-of-type:hover {background: url(../img/img-main-btn-02_on.png) no-repeat; background-size: 100% auto; color: #fff;}
.site-link-index a:first-of-type{background: url(../img/img-main-btn-01.png) no-repeat; background-size: 100% auto; align-items: flex-end; text-align: right; color: #003994;}
.site-link-index a:last-of-type{background: url(../img/img-main-btn-02.png) no-repeat; background-size: 100% auto; display: flex; align-items: flex-start; color: #E60021;}
.site-link-index a.gbc-link:hover {background: url(../img/img-main-btn-03_on.png) no-repeat; background-size: 100% auto; color: #fff;}*/
/*.site-link-index a.gbc-link{height: 13.1rem; padding:2.7rem 4rem; background: url(../img/img-main-btn-03.png) no-repeat; background-size: 100% auto; display: flex; align-items: center; text-align: center; color: #3795c5;}*/
.site-link-index a.gbc-link{height: 8.5rem; padding:2rem 1rem; /*background-color:#3E7AA4;*/ background-color:#2F5B79; /*background: url(../img/img-main-btn-03_on.png) no-repeat;*/ background-size: 100% auto; display: flex; align-items: center; text-align: center; color: #fff;}
.site-link-index a dl.basic {position:relative;z-index:2;top:-1rem;}
.site-link-index a dl dt{font-size: 2.9rem; font-weight: bold; line-height:2rem;}
.site-link-index a dl dt .web-txt {font-size: 3.2rem; line-height: 3.6rem;}
.site-link-index a dl dd{opacity: 0.76; font-size: 2.1rem; font-weight: 500; margin-top: 1.5rem;letter-spacing: -0.3rem;}
.site-link-index a p{position: absolute; bottom: 4rem; right:0; width:19rem; /*margin-top: 15.7rem;*/ padding:0 3rem;}
.site-link-index a.gbc-link dl {}
.site-link-index a.gbc-link dl dt{font-size: 2rem; font-weight: 500; letter-spacing:-0.2rem;}
.site-link-index a.gbc-link dl dd{opacity: 0.8; font-size: 1.8rem; font-weight: 500; margin-top: 0.1rem;}
.site-link-index a.gbc-link p{margin-top: 2.7rem;}

.site-link-index button{width: 36rem; height: 25.1rem; display: flex; flex-direction: column; margin: 0 1.3rem; padding: 3rem; }
.site-link-index button.base {background: #fff; display: inline-block; height:40rem;  margin-top:18rem; position:relative; width:36rem; box-shadow:3px 7px 6px -4px rgba(0,0,0,.1);}
.site-link-index button.base.left {}
.site-link-index button.base.right {}
.site-link-index button.base:hover {background: #3C427A;}
.site-link-index button.base:before {border-bottom:7rem solid #fff; border-left:5rem solid transparent; border-right:31rem solid #fff; content:"";height:0;left: 0; position: absolute; top:-6.9rem;width: 0;}
.site-link-index button.base:hover:before {border-bottom:7rem solid #3C427A; border-left:5rem solid transparent; border-right:31rem solid #3C427A;}
.site-link-index button.base.right:hover {background: #D00000;}
.site-link-index button.base.right:hover dd {color: #F4E1E6; opacity: 1;}
.site-link-index button.base.right:before {border-bottom:7rem solid #fff; border-left:31rem solid #fff; border-right:5rem solid transparent; content:"";height:0;left: 0; position: absolute; top:-6.9rem;width: 0;}
.site-link-index button.base.right:hover:before {border-bottom:7rem solid #D00000; border-left:31rem solid #D00000; border-right:5rem solid transparent ;}
.site-link-index button:first-of-type:hover {background-size: 100% auto; color: #fff;}
.site-link-index button:last-of-type:hover {background-size: 100% auto; color: #fff;}
.site-link-index button:first-of-type{background-size: 100% auto; text-align: right; color: #003994;}
.site-link-index button:last-of-type{background-size: 100% auto; text-align: left;color: #E60021;}
.site-link-index button.gbc-link{height: 8.5rem; padding:2rem 1rem; background-color:#2F5B79; /*background: url(../img/img-main-btn-03_on.png) no-repeat;*/ background-size: 100% auto; display: flex; align-items: center; text-align: center; color: #fff;}
.site-link-index button dl.basic {position:relative;z-index:2;top:-1rem;}
.site-link-index button dl dt{font-size: 2.9rem; font-weight: bold; line-height:2rem;}
.site-link-index button dl dt .web-txt {font-size: 3.2rem; line-height: 3.6rem;}
.site-link-index button dl dd{opacity: 0.76; font-size: 2.1rem; font-weight: 500; margin-top: 1.5rem;letter-spacing: -0.1rem;}
.site-link-index button p{position: absolute; bottom: 4rem; right:0; width:19rem; /*margin-top: 15.7rem;*/ padding:0 3rem;}
.site-link-index button.gbc-link dl {}
.site-link-index button.gbc-link dl dt{font-size: 2rem; font-weight: 500; letter-spacing:-0.3rem;}
.site-link-index button.gbc-link dl dd{/*opacity: 0.8;*/ font-size: 1.8rem; font-weight: 500; margin-top: 0.1rem;}
.site-link-index button.gbc-link p{margin-top: 2.7rem;}
.site-link-index .arrow.re {transform:scaleX(-1); left: 0;}
.site-link-index .chatbot {width: 8.5rem; height:8.5rem; border-radius : 50%; background: url('/static/nsh/img/btn-quick-01.png') no-repeat center;}
.site-link-index .arrow img {width: 13rem;height: 2.4rem;}
.city{position: absolute; bottom: 0; width: 99rem; z-index: 1;}
.city img.city-img01 {width: 99.2rem; height: 43.5rem;}
.circle li{background: linear-gradient(181.3deg, rgba(46, 49, 146, 0.5) 11.47%, rgba(146, 39, 143, 0.5) 91.17%); position: absolute; border-radius: 50%; opacity: 0.4; display:none;}
.circle li:first-of-type{width: 63rem; height: 63rem; top: 2rem; right:-48rem;}
.circle li:last-of-type{width: 38rem; height: 38rem; bottom: -10rem; left: -14rem; }
.obj-move img.img-main-01 {width: 15rem;height: 20.7rem;}
.obj-move img.img-main-02 {width: 12.8rem;height: 23.15rem;}
.obj-move img.img-main-03 {width: 10rem;height: 12rem;}
.obj-move img.img-main-04 {width: 9rem;height: 20rem;}
.obj-move img.img-main-05 {width: 18.7rem;height: 31.85rem;}
.city img, .obj-move img{aspect-ratio: 16 / 9;object-fit: cover;}
table.table-default.intro {width: 100%;}
table.table-default.intro td, th {font-size:1.6rem;}
table.table-default tbody td {background-color:#fff;}
.mobile-hidden-01 .spacing-002 {letter-spacing: -0.03rem;}
.mobile-hidden-02 .spacing-002 {letter-spacing: 0rem;text-indent: -1.5rem;padding-left: 1rem; line-height: 2rem;}
.btn-line .btn-center button,.btn-line .btn-center button{width: 18rem; margin: 0 0.8rem;}
.btn-line .btn-right{justify-content:flex-end; align-items: center; display: flex; width: 100%;}
.btn-line .btn-right button, .btn-line .btn-right button{margin-left: 0.8rem;}
.btn-line .btn-list .btn{flex: auto;}


@media (max-width: 600px) {
    .index-con{display:flex; flex-direction: column; align-items: center; padding-bottom: 0; position: relative; overflow: hidden; background:rgba(225, 232, 246, 0.7) url(../img/bg-index-m.png) no-repeat center bottom; background-size: 37.5rem auto; height: auto;}
    .index-con .shape {display: none;}
    .index-con img{width: 100%;}
    .index-con h1{width: 26rem;}
    .index-con img.con-img01 {width: 100%; height: 100%;}

    .index-con .slogan{margin-top:3rem; width:35rem;}
    .index-con .slogan.web{display:none;}
    .index-con .slogan.mobile{display:block;width: 100%;text-align: center;}
    .index-con .slogan.mobile p.slogan-sub{font-size: 2rem;line-height: 2rem;}
    .index-con .slogan.mobile h2.slogan-main{font-size: 2.8rem;line-height: 4.8rem;color: #003994;font-weight: 400;}
    .index-con .slogan.mobile .strong-text {font-size: 2.2rem;font-weight: 500;}
    .index-con .slogan.mobile .strong-slogan {font-size: 3.2rem;font-weight: 500;}

    .index-head {width: 100%;height: 15rem;}
	.index-main {width: 100%;flex-direction: column;top: 0;}
    .index-con .schedule-link{display:flex;flex-direction:row;justify-content:center; align-items:center; margin-top: 4rem; font-size: 1.6rem; font-weight: 500; color: #000;}
    .index-con .schedule-link .btn-pop{height:2.8rem;margin-top: 0; margin-left: 1rem; background-color: #003994;}
    .index-con .con-box{display:flex; flex-direction: column; align-items: center; width: 100%;margin-top:0;}
    .index-con .con-box.type-01 {align-items:center;margin-top:0;width: 100%; padding:0 2rem;}
    .index-con .con-box.type-02 {margin-top:0;width: 100%; padding:0 2rem;}
    .index-con .con-box .mobile-hidden-01 {display:none;}
    .index-con .con-box .mobile-hidden-02 {display:block;width:100%;margin:0 auto;}
    .site-link-index {margin-top: 0; display: flex; flex-direction: column; justify-content: center; padding-bottom: 15rem;}
    .site-link-index.pB00 {padding-bottom:0;}
    .site-link-index.mT03 {margin-top: 2.4rem;}
    .site-link-index a{width:33rem; height: 13.3rem; display: flex; flex-direction: column; margin: 0; padding:0rem; justify-content: center; align-items: center;}
    .site-link-index a.base {/*background: #fff;*/ display: inline-block; height:17rem; margin-top:2rem; position:relative; width:100%;padding: 6rem 3rem;/*box-shadow:3px 7px 6px -4px rgba(0,0,0,.1);*/box-shadow:none;}
    .site-link-index a.base.left{}
    .site-link-index a.base.right{margin-top: 3rem;}
    /*.site-link-index a.base:hover {background: #3C427A;}*/
    /*.site-link-index a.base:before {border-bottom:5rem solid #fff; border-left:4rem solid transparent; border-right:29rem solid #fff; content:"";height:0;left: 0; position: absolute; top:-5rem;width: 0;}
    .site-link-index a.base:hover:before {border-bottom:5rem solid #3C427A; border-left:4rem solid transparent; border-right:29rem solid #3C427A;}*/
    /*.site-link-index a.base.right:hover {background: #D00000;}*/
    /*.site-link-index a.base.right:before {border-bottom:5rem solid #fff; border-left:29rem solid #fff; border-right:4rem solid transparent; content:"";height:0;left: 0; position: absolute; top:-5rem;width: 0;}
    .site-link-index a.base.right:hover:before {border-bottom:5rem solid #D00000; border-left:29rem solid #D00000; border-right:4rem solid transparent;z-index:1;}*/
    .site-link-index a:first-of-type{background-size: 100% auto; align-items: center; text-align: center; color: #003994;}
    .site-link-index a:last-of-type{background-size: 100% auto; align-items: center; color: #E60021; text-align: center;}
    /*.site-link-index a:first-of-type{background: url(../img/img-main-btn-01.png) no-repeat; background-size: 100% auto; align-items: center; text-align: center; color: #003994;}
    .site-link-index a:last-of-type{background: url(../img/img-main-btn-02.png) no-repeat; background-size: 100% auto; display: flex; align-items: center; color: #E60021; margin-top: 1.6rem; text-align: center;}*/
    /*.site-link-index a.gbc-link{height: 8.1rem; padding:2.7rem 4rem; background: url(../img/img-main-btn-03.png) no-repeat; background-size: 100% auto; display: flex; align-items: center; color: #3795c5;}*/
    .site-link-index a.gbc-link:hover{background-size: 100% 105%;}
    .site-link-index a.gbc-link{height: 8.1rem; padding:2.7rem 1rem; background-color:#3795C5; /*background: url(../img/img-main-btn-03_on.png) no-repeat;*/ background-size: 100% 105%; display: flex; align-items: center; color: #fff;}
    .site-link-index a dl.basic {position:relative;z-index:2;top:-2.4rem;}
    .site-link-index a dl dt{font-size: 2.4rem; font-weight: bold;}
    .site-link-index a dl dt .web-txt {font-size:2.2rem;line-height: 2.4rem;}
    .site-link-index a dl dd{opacity: 0.5; font-size: 1.6rem; font-weight: 500; margin-top: 0.8rem;line-height: 2rem;}
    .site-link-index a p{display:none; width: 33rem;margin-top: -2rem;}
    .site-link-index a p img{width: 6.5rem; }
    .site-link-index a.gbc-link dl {}
    .site-link-index a.gbc-link dl dt{font-size: 1.6rem; font-weight: 400;line-height:2.3rem;letter-spacing: -0.1rem;}
    .site-link-index a.gbc-link dl dd{opacity: 0.9; font-size: 1.6rem; font-weight: 500; margin-top: 0.2rem;}
    .site-link-index .arrow.re {transform:scaleX(1)}
    .site-link-index .chatbot {margin : auto; margin-bottom: 20px; }
    .city{display: none;}
    .circle{display: none;}
    /*.schedule-link{display: none;}
    table.table-default {display:none;}*/
    table.table-default.intro {width:100%;}
    table.table-default.intro td, th {font-size: 1.4rem;}
    .btn-line .btn-center button{width: 100%; margin: 0; flex: 1; margin-right: 0.7rem;}
}


/*--20241224 --*/
.modal-header h1 {font-size: 2.4rem;}
.modal-dialog {width:45rem;}
.modal-dialog.modal-s .modal-header {padding: 1.6rem 5rem;}
.modal-dialog.modal-pop-0807 .modal-body.popup {height: 62rem; padding: 0 1.6rem !important; margin-bottom:0.6rem;}
.modal-dialog.modal-pop-0807 {width: 160rem;display: flex; justify-content: center;align-items: start;margin-top: 5rem;}
.modal-dialog.modal-pop-0807 > div {padding:0 2rem;}
.modal-body .popup_01 {text-align: center;}
.modal-body .popup_01 img.pop-img {width: 47.1rem;height: 61.9rem;}
.modal-body .popup_01 img.pop-img-1028 {width: 50rem;height: 47.5rem;}
.btn-line {margin-bottom: 0rem;}
.btn-line.type01 ul {width: 100%;}
.btn-line.type01 ul a{
	width: 18.5rem;
    margin: 0.5rem;
	text-align: center;
    line-height: 2rem;
}
.btn-line .btn-right a.sideLink {
	width: auto;
	font-size: 1.4rem;
    height: 3.5rem;
	margin-left: 0.8rem;
}
.scroll-table.bg-gray {background: #f0f0f0;}
.btn-line .btn-center {margin-bottom: 0.5rem;}
/*#webmark_pop1 {display: none !important;}*/
/*#webmark_pop1 .modal-dialog {top:-5rem;}*/
.pop-img-01 {display: block;}
.pop-img-02 {display: none;}
/*.modal-body .pop-img-01 img {width: 70.5rem;height: 42.1rem;}*/
.modal-body .pop-img-01 img {width: 79.5rem;height: 47.5rem;}
.sub-title-02{background: none;text-align: center;}
.btn-brown {color: #fff !important; background: #AC5106 !important}
.btn-brown:hover{background: #904609 !important;}
.top-left {background: linear-gradient(135deg, transparent 4rem, #fff 0);}
.top-left:hover {background: linear-gradient(135deg, transparent 4rem, #3C427A 0);}
.top-right {background: linear-gradient(-135deg, transparent 4rem, #fff 0);}
.top-right:hover {background: linear-gradient(-135deg, transparent 4rem, #D00000 0);}
@media only screen and (max-width: 600px){
	/*.index-con .slogan.mobile {display: flex; justify-content: center;}*/
	.index-con .slogan.mobile img {width: 23.7rem;height: 7.7rem}
	.modal {overflow: auto;}
	.modal-header h1 {width: 100%; justify-content: center; font-size: 1.8rem;}
	.modal-dialog.modal-s .modal-header {min-height: 6.6rem;}
	.modal-dialog.modal-pop-0807 {display: flex;flex-direction: column; width: 100%;}
	.modal-dialog.modal-pop-0807 > div {padding:2rem;}
	.modal-dialog.modal-pop-0807 .modal-header {min-height:0rem;}
	.modal-dialog.modal-pop-0807 .modal-body.popup {padding: 1rem !important;}
	.modal-dialog.modal-s .modal-scroll-con {padding-right: 0.5rem;}
	.modal-body .popup_01 {text-align: center;}
	.modal-body .popup_01 img.pop-img {width: 100%;height: 100%;}
	.modal-body .popup_01 img.pop-img-1028 {width: 90%;height: 90%;}
	.btn-line.type01 ul li a, .btn-line ul li {
		width: 100%;
   		margin: 4px 0;
	}
	.btn-line.type01 ul a, .btn-line ul a {
		height: 4rem;
        min-height: 4rem;
	}
	.scroll-table.bg-gray {background: transparent; }
	.btn-line .btn-right a.sideLink {width: 100%; margin-left: 0;}
	#webmark_pop1 .modal-dialog {top:0rem;}
	.modal-body .pop-img-02 img {width: 95%;height: 95%;}
	.pop-img-01 {display: none;}
	.pop-img-02 {display: block;}
	.scroll-table table thead th {font-size: 1.4rem;}
	.site-link-index button {width: 90%;margin: 0 auto;}
	.site-link-index button.gbc-link dl dt {font-size: 1.8rem;letter-spacing: -0.2rem;}
    .top-left {background: linear-gradient(135deg, transparent 2rem, #fff 0);}
    .top-left:hover {background: linear-gradient(135deg, transparent 2rem, #3C427A 0);}
    .top-right {background: linear-gradient(-45deg, transparent 2rem, #fff 0);}
    .top-right:hover {background: linear-gradient(-45deg, transparent 2rem, #D00000 0);}
}
/*--20241224 --*/