/* 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;}

@media only screen and (max-width: 850px) {
    .lh-28{line-height: 2.4rem; display: contents;}
}

.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;}

/* 줄바꿈 20230329*/
.line-break {word-break:break-all !important;}
.line-keep {word-break:keep-all !important;}

/* Round 20230711*/
.left-round-1 {border-top-left-radius: 1rem;border-bottom-left-radius: 1rem;}
.left-round-2 {border-top-left-radius: 2rem;border-bottom-left-radius: 2rem;}
.right-round-1 {border-top-right-radius: 1rem;border-bottom-right-radius: 1rem;}
.right-round-2 {border-top-right-radius: 2rem;border-bottom-right-radius: 2rem;}

/* 레이어 팝업 */
.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;}
}

/* top-aside */
#top-aside{border-bottom: 1px solid #DDDDDD; color: #333; position: relative; z-index: 71; background: #FAFAFA;}
#top-aside a{color: #333; font-size: 1.6rem; }
#top-aside .row{display: flex; justify-content: space-between; height: 4.9rem; box-sizing: border-box;}
#top-aside .aside-left{display: flex;}
#top-aside .aside-left li a{display: flex; align-items: center; height: 60%; line-height: 100%; padding: 0 1.6rem;}
#top-aside .aside-left li a img{margin-left: 0.4rem; transform: translateY(0.1rem);}
#top-aside .aside-left li{display: flex; align-items: center; position: relative;}
#top-aside .aside-left li.active{background-color: #fff; border: 1px solid #ddd; border-top: none; border-bottom: none;}
#top-aside .aside-left li.active:after{content: ""; display: block; width: 100%; height: 0.2rem; background-color: #fff; position: absolute; bottom: -0.1rem;}
#top-aside .aside-left li::before{content: ""; display: inline-flex; width: 0.1rem; height:1.6rem; background-color: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#top-aside .aside-left li:first-of-type:before{display: none;}
#top-aside .aside-left li.active::before{display: none;}
#top-aside .aside-left li.active + li::before{display: none;}

#top-aside .aside-right{display: flex; align-items: center;}
#top-aside .aside-right>li{display: flex; align-items: center; font-size: 1.6rem; position: relative;}
#top-aside .aside-right>li>a{display: flex; align-items: center;  line-height: 100%; height: 2.4rem; line-height: 2.4rem;}
#top-aside .aside-right>li>a>img{margin-right: 0.5rem;}
#top-aside .aside-right>li:after{content: ""; display: inline-flex; width: 0.1rem; height:1.6rem; background-color: #ddd; margin:0 0.8rem; margin-top: 0.2rem;}
#top-aside .aside-right>li:last-child::after{display: none;}
#top-aside .aside-right>li>span{margin-left: 0.5rem; display: flex;}
#top-aside .aside-right>li>span>a{border: 1px solid #ddd; width: 1.6rem; height: 1.6rem; display: flex; align-items: center; justify-content: center; margin-left: -0.1rem;}
#top-aside .aside-right>li>span>a img{margin: 0;}
#top-aside .sub-menu{position: absolute; border: 1px solid #003994; background-color: #fff; top: 3rem; z-index: 10; width: 100%; right: 1rem; padding: 1.6rem; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); transition: all 0.2s ease; transform: translateY(-1rem); opacity: 0; pointer-events: none;}
#top-aside .sub-menu.active{transform: translateY(0); opacity: 1; pointer-events: all;}
#top-aside .sub-menu li{text-align: center; line-height: 2.4rem;}
#top-aside .sub-menu li a{font-size: 1.4rem;}
#top-aside .sub-menu li a:hover{color: #003994; text-decoration: underline;}
#top-aside .sub-menu.mypage-layer{width: 29.5rem; padding: 0;}
#top-aside .sub-menu.mypage-layer .btn{width: 100%;}
#top-aside .sub-menu.mypage-layer dl{ font-size: 1.4rem; padding: 1.6rem;}
#top-aside .sub-menu.mypage-layer dl:last-of-type{padding-top: 0;}
#top-aside .sub-menu.mypage-layer dl dt{font-weight: 700; line-height: 100%; margin-bottom: 0.8rem;}
#top-aside .sub-menu.mypage-layer dl dd{border: 1px solid #ddd; height: 4rem; display: flex; justify-content: space-between; align-items: center; padding: 0.8rem;}
#top-aside .sub-menu.mypage-layer dl dd span{color: #003994;}
#top-aside .sub-menu.mypage-layer dl dd:last-of-type{margin-top: 0.8rem;}
@media only screen and (max-width: 600px) {
    #top-aside{border-bottom: 1px solid #DDDDDD; color: #333; }
    #top-aside a{color: #333; font-size: 1.2rem; letter-spacing: 0;}
    #top-aside .row{display: flex; justify-content: space-between; height: 4rem; padding: 0;}
    #top-aside .aside-left{display: flex; border-left:none; width: 100%;}
    #top-aside .aside-left li{width: 100%; justify-content: center;}
    #top-aside .aside-left li a{text-align: center;}
    #top-aside .aside-right{display: none;}
}

/* aside */
.float{position: fixed; left: 50%; margin-left: 66rem; bottom: 2rem; z-index: 20; display: flex; flex-direction: column; }
.float .btn-top {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4.7rem;
	height: 4.7rem;
	margin-top: 0.4rem;
	border-radius: 5rem;
	background-color: #f9f9f9;
	border: 0.1rem solid #ddd;
	font-size: 1.4rem;
	letter-spacing: 0.1px;
	font-weight: 500;
}
.float img{width: 4.8rem; width: 4.8rem; transition: none; transform: none;}
.float img:hover{transform: none;}
.float dl{position: relative; display: flex; flex-direction: column-reverse;}
.float dl dt {position: relative; z-index: 10;}
.float dl dt a{transition: all 0.4s ease;}
.float dl dd{margin-bottom: 0.4rem; border-radius: 2rem;}
.float dl dd ul{transition: all 0.4s ease;}
.float dl dd ul li{margin-top: 0.4rem; position: relative;}
.float dl dd ul li p{position: absolute; right: 0; background-color: #fff; height:100%; border-radius: 3rem; top: 0; z-index: 0; width: 0rem; border: 1px solid #ddd; font-size: 1rem; display: flex; flex-direction: column; line-height: 100%; justify-content: center; padding-left: 1.6rem; letter-spacing: -0.1rem; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06); overflow: hidden; opacity: 0; transition: all 0.4s ease;}
.float dl dd ul li p.active{width: 18rem; opacity: 1;}
.float dl dd ul li p b{display: block; margin-bottom: 0.4rem; font-size: 1.2rem;}
.float dl dd ul li a{position: relative; z-index: 1;}
.float dl dd ul li img{}
.float.active dl dt a{transform: rotateZ(135deg);}
.float.active dl dd.over{overflow: visible;}
.float.active dl dd ul{transform: translateY(0); opacity: 1;}
.float a img,.float a img{transform: scale(1) !important;}
@media only screen and (max-width: 600px) {
    .float{position: fixed; left:auto; margin-left:0; bottom: 1rem; right: 1rem;}
    .float img{width: 4rem; width: 4rem; transition: none; transform: none;}
}

/* 20241219 정책자금 콜센터 구조 개선 시작 */
.call-menu {
    position: relative;
    top: 0;
    right: 0;
    transform: translateY(0%);
    z-index: 1;
}
.call-menu button {
    display: block;
    width: 4.8rem;
    height: 4.8rem;
    border: none !important;
    border-radius: 50%;
    background-color: #4A4A4A;
    color: white;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.call-menu button img{
    width: 4.8rem;
    height: 4.8rem;
    transition: none;
}
.call-menu button.active {
    height: 9.5rem;
    border-radius: 3rem;
    transition: all 0.4s ease;
}

.call-menu .message {
    display: none;
    position: absolute;
    right: 0;
    background-color: #fff;
    height: 9.5rem;
    border-radius: 3rem;
    top: 0;
    z-index: -1;
    width: 14.5rem;
    border: 1px solid #ddd;
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding: 1rem 2rem;
    opacity: 0;
    letter-spacing: -0.1rem;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06);
    transition: all 0.2s ease;
    white-space: nowrap; /* 텍스트 줄바꿈 방지 */
}

.call-menu .message.on {
    opacity: 1;
}

.call-menu .message::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 10px 5px 0;
    border-color: transparent #ddd transparent transparent;
}
@media (max-width: 768px) {
    .call-menu button {
        width: 48px;
        height: 48px;
    }
}
/* 20241219 정책자금 콜센터 구조 개선 끝 */

/* common */
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: 3rem; display: flex; width: 100%; margin-bottom: 1rem;}
.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, .gray-tab.line-03 {flex-wrap: wrap;}
.gray-tab.line-02 li{width: 25%;}
.gray-tab.line-03 li{width: 16.6666%;}

.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.line-03 > li > a::after{content: ""; display: block; width: 100%; height: 1px; background-color: #ddd; position: absolute; bottom: 0;}
.gray-tab.line-03 > li:nth-child(n+6) > a::after{background-color:transparent;}
.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-03 > li {width: 50%; display: table;}
    .gray-tab.line-02 > li > a {min-height: 4rem;}
    .gray-tab.line-03 > li > a {vertical-align: middle;display: table-cell;}
    .gray-tab.line-02 > li:nth-child(2n+2) > a::before, .gray-tab.line-03 > 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;}

}

/* 폰트 */
.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;}

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


@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;}

}


/* 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;}


.bbs_ListA table {table-layout:fixed;  color:#444; text-align:center; border-top:2px solid #000; } /* color */
.bbs_ListA table 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;  }
.bbs_ListA table thead th:before{content:""; position:absolute; left:0; top:30%; width:1px; height:40%; background:#ddd;}
.bbs_ListA table thead th:first-child:before{display:none;}
.bbs_ListA table tbody th {padding:1.5rem 0.5rem; border-bottom:1px solid #ddd; color: #666; background: #FAFAFA;}
.bbs_ListA table tbody td {padding:1.5rem 0.5rem; border-bottom:1px solid #ddd; color: #666;}
.bbs_ListA table tbody td.borderR {border-right: 1px solid #ddd;}
.bbs_ListA table tbody td.bbs_tit {text-align:left; padding-left: 2rem; }
.bbs_ListA table tbody td.bbs_tit a {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; display: flex; align-items: center;}
.bbs_ListA table tbody td.bbs_tit a.line-02 {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap: break-word; max-height: 6.4rem; width: 100%; display: block;}
.bbs_ListA table tbody td.bbs_tit a img{margin-left: 0.8rem;}
.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;}
.bbs-view-block.basic .sub-text p{font-size: 1.8rem !important;font-weight: 400;line-height: 3.2rem;letter-spacing: -0.13rem; font-family: 'Noto Sans KR', sans-serif !important;}
@media only screen and (max-width: 600px) {
    .bbs-view-block.basic .sub-text p{font-size: 1.4rem !important;line-height: 2.4rem;}    
}

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: 1rem 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: 1rem 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;}

.bbs-thumb-list {margin-top: 1.5rem; padding-top: 1.5rem;}
.bbs-thumb-list {display: flex; flex-wrap: wrap; border-top: 2px solid #000;}
.bbs-thumb-list li{width: 41.8rem; margin-top: 2.4rem; margin-right: 1.2rem;}
.bbs-thumb-list li .image{position: relative; overflow: hidden;}
.bbs-thumb-list li .image:after{content: ""; background:rgba(0,0,0,0.5) url(../img/more.png) no-repeat 50% 50%; display: flex; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.4s ease; position: absolute; opacity: 0; background-size: 8rem; }
.bbs-thumb-list li .image:hover:after{opacity: 1;}
.bbs-thumb-list li:nth-child(3n+3){margin-right: 0;}
.bbs-thumb-list li a{display: flex; flex-direction: column; width: 100%; border: 1px solid #ddd;}
.bbs-thumb-list li a .image{height: 30rem; }
.bbs-thumb-list li a .image img{transition: all 0.2s ease;}
.bbs-thumb-list li a:hover .image img{transform: scale(1.1);}
.bbs-thumb-list li .list-con{padding: 1.6rem;}
.bbs-thumb-list li .title{font-weight: 500; line-height: 2.8rem; height: 5.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap: break-word; margin-bottom: 1rem;}

.thumb-list{border-top: 2px solid #000;}
.thumb-list li{border-bottom: 1px solid #ddd; padding: 2.4rem;}
.thumb-list li a{display: flex; align-items: center; cursor: context-menu; color: #333;}
.thumb-list li a div:hover {cursor: pointer;}
.thumb-list li .image {position: relative; min-width: 30rem; width: 30rem; height: 23rem; margin-right: 2.4rem; background-color: #ececec;}
/* .thumb-list li .image:after{content: ""; background:rgba(0,0,0,0.5) url(../img/more.png) no-repeat 50% 50%; display: flex; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.4s ease; position: absolute; opacity: 0; background-size: 8rem; } */
/* .thumb-list li .image:hover:after{opacity: 1;} */
.thumb-list li dt{font-weight: 700; font-size: 2rem; word-break: break-all;}
.thumb-list li dd{word-break: break-all;}
.thumb-list li .date{font-size: 1.4rem; margin-top: 2.4rem;}


.thumb-list-01{display: flex;}
.thumb-list-01 li{border: 1px solid #ddd;  width: 41rem; background-color: #FAFAFA; margin: auto;}
.thumb-list-01 li a{display: flex; flex-direction: column;}
.thumb-list-01 li .image{position: relative; overflow: hidden; width:100%; height: 31rem;}
.thumb-list-01 li .image:after{content: ""; background:rgba(0,0,0,0.5) url(../img/down.svg) no-repeat 50% 50%; display: flex; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.4s ease; position: absolute; opacity: 0; background-size: 8rem; }
.thumb-list-01 li .image:hover:after{opacity: 1;}
.thumb-list-01 li dl{font-weight: 700; line-height: 2.6rem; padding: 1.6rem;}

.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;}
    .bbs_ListA table {table-layout:auto; text-align:left; display:block;}
	.bbs_ListA table colgroup {display:none; } /* 200325 추가 */
	.bbs_ListA table thead {display:none; }
	.bbs_ListA table tbody{display:block;}
	.bbs_ListA table tbody tr {position:relative; display:block; padding:.5rem 0; border-bottom:1px solid #c6cace; }
	.bbs_ListA table tbody tr:after {content:""; display:block; clear:both; overflow:hidden; }
	.bbs_ListA table tbody td {display:inline-flex; vertical-align: middle; padding:0.15rem 0.5rem; border:none; align-items: center;}
	.bbs_ListA table tbody td.mobNone {display:none; }
	.bbs_ListA table tbody td:first-child,
	.bbs_ListA table tbody td:last-child,
	.bbs_ListA table tbody td.bbs_tit {background:none; }
	.bbs_ListA table tbody td.bbs_tit {position:relative; width:100%; padding:0 0.5rem 0.25rem; float:none; text-align:left !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.bbs_ListA table tbody td.bbs_tit a {color:#222; }
	.bbs_ListA table tbody td.bbs_tit a img {width: 1.6rem;}
    .bbs_ListA table tbody td.mob-line{display: block; margin-top: 0.8rem;}
    .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;}

    .bbs-thumb-list {margin-top: 1.5rem; padding-top: 0;}
    .bbs-thumb-list li{width:100%; margin-top: 2.4rem; margin-right: 0;}
    .bbs-thumb-list li:nth-child(3n+3){margin-right: 0;}
    .bbs-thumb-list li .image:after{background-size: 4rem;}
    .bbs-thumb-list li a .image {max-height: 23rem;}

    .thumb-list{border-top: 2px solid #000;}
    .thumb-list li{border-bottom: 0; padding:0; padding-top: 2.4rem;}
    .thumb-list li a{display: flex; align-items:flex-start; flex-direction: column;}
    .thumb-list li .image {width: 100%; max-width: 100%;}
    .thumb-list li .image:after{content: ""; background:rgba(0,0,0,0.5) url(../img/more.png) no-repeat 50% 50%; display: flex; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.4s ease; position: absolute; opacity: 0; background-size: 8rem; }
    .thumb-list li .image:hover:after{opacity: 1;}
    .thumb-list li dl{margin-top: 1.6rem;}
    .thumb-list li dt{font-weight: 700; font-size:1.8rem;}
    .thumb-list li dd{ color: #333;}
    .thumb-list li .date{color: #333; font-size: 1.4rem; margin-top: 0.8rem;}

    .thumb-list-01{display: flex; flex-direction: column;}
    .thumb-list-01 li{border:0;  width: 100%; background:none; margin:0;}
    .thumb-list-01 li a{display: flex; flex-direction: column;}
    .thumb-list-01 li .image{position: relative; overflow: hidden; width:100%; height: 26rem;}
    .thumb-list-01 li .image:after{content: ""; background:rgba(0,0,0,0.5) url(../img/down.svg) no-repeat 50% 50%; display: flex; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.4s ease; position: absolute; opacity: 0; background-size: 8rem; }
    .thumb-list-01 li .image:hover:after{opacity: 1;}
    .thumb-list-01 li dl{font-weight: 700; line-height: 2.6rem; padding: 1.6rem 0; display: flex;}
    .thumb-list-01 li dl dd{margin-left: 1rem;}
}

/* 블럭박스 */
.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;}
}

/* tab */
.tab-style-m dt{display:none}
.tab-style-m ul{display: flex; border: 1px solid #ddd; border-bottom: none;}
.tab-style-m li{width: 100%;}
.tab-style-m li a{background: #FAFAFA; display: flex; height: 5.6rem; width: 100%; align-items: center; justify-content: center; font-size: 1.8rem; color: #333333; border-bottom: 1px solid #003994;}
.tab-style-m li.active a{background-color: #fff; color: #003994; border: 1px solid #003994; border-bottom: none;}
.arrow-step{background: #FAFAFA; border: 1px solid #DDDDDD; display: flex;}
.arrow-step li{height: 5.6rem; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; width: 100%; position: relative; border-right: 1px solid #ddd;}
.arrow-step li:after{content: ""; height: 5.6rem; width: 2rem; background: url(../img/ico-join.svg) no-repeat; display: flex; position: absolute; right:-2rem; top: 0;}
.arrow-step li.active{background-color: #2F436B; color: #fff;}
.arrow-step li.active::after{background: url(../img/ico-join-active.svg) no-repeat;}
.arrow-step li:last-child{border: none;}
.arrow-step li:last-child::after{display: none;}
.arrow-step li b{margin-right: 0.4rem;}

@media only screen and (max-width: 600px) {
    .tab-style-m{display: flex; border:none; border-bottom: none; flex-direction: column; position: relative;}
    .tab-style-m dt{content: attr(data-title); border: 1px solid #003994; height: 5.6rem; color: #003994; display: flex; justify-content: space-between; padding: 0 1.6rem; align-items: center;}
    .tab-style-m dt span{font-size: 1.4rem; font-weight: 500; letter-spacing: 0;}
    .tab-style-m dd{position: absolute; top: 5.5rem; z-index: 10; border: 1px solid #003994; width: 100%; display: none;}
    .tab-style-m.active dd{display: block;}
    .tab-style-m dd ul{flex-direction: column; background: #FAFAFA;}
    .tab-style-m li{width: 100%;}
    .tab-style-m li a{background: #FAFAFA; display: flex; height: 5.6rem; width: 100%; align-items: center; justify-content: flex-start; font-size: 1.8rem; color: #333333; border-bottom: 1px solid #ddd; padding: 0 1.6rem; font-size: 1.4rem;}
    .tab-style-m li.active a{background-color:#FAFAFA; color: #003994; border: none; border-bottom: 1px solid #ddd; }
    .arrow-step li{font-size: 1.2rem;}
}

.sub-info-content .box-list.info-txt .location-map {display: block; height: 42rem; background: #ECECEC;}
.sub-info-content .box-list.info-txt .location-map img {display: block; width: 100%;}
@media only screen and (max-width: 600px) {
    .sub-info-content .box-list.info-txt .location-map {height: 30rem;}
}

.minHeight {min-height: 195rem;}
.minHeight.min02 {min-height: 233rem;}
.minHeight.min03 {min-height: 193rem;}
.minHeight.min04 {min-height: 264rem;}
.minHeight.min05 {min-height: 94rem;}
.minHeight.min06 {min-height: 140rem;}
.minHeight .faq-block {position: absolute; left: 0; right: 0;}
.faq-block {border-top: 2px solid #000;}
.faq-block li {width: 100%;}
.faq-block li a {display: flex; align-items: center; width: 100%; border-bottom: 1px solid #ddd; padding: 2.4rem; cursor:pointer;}
.faq-block li a *{line-height: 2.6rem;}
.faq-block li a .title {display: flex; align-items: center; color: #666; }
.faq-block li a .title span{margin-right: 0.5rem;}
.faq-block li a .num{border-right: 1px solid #ddd; display: inline-flex; width: 4.5rem; justify-content: center;margin-right: 2.4rem; height: 2.6rem;}
.faq-block li a .arrow{margin-left: auto; transition: all 0.4s ease;}
.faq-block li .answer {background: #FAFAFA; padding: 2.4rem;border-bottom: 1px solid #ddd; display: none;}
.faq-block li a .title .nation{color: #000;}
.faq-block li a .title .num {width: auto; padding-right: 2.5rem; margin-right: 2rem;}
.faq-block li.active a .arrow{ transform:rotateZ(180deg);}
.faq-block li.active a .title span.nation{color: #003994;}
.faq-block li.active a .title {color: #003994;}
.faq-block li.active .answer {display: block;}
.faq-block li.active .answer span {line-height: 1.8;}
.faq-block li.active .answer b {display: block; font-size: 2.2rem;}

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

	.minHeight {padding: 0 2rem;}
	.minHeight {min-height: 158rem;}
	.minHeight.min02 {min-height: 184rem;}
	.minHeight.min03 {min-height: 148rem;}
	.minHeight.min04 {min-height: 220rem;}
	.minHeight.min05 {min-height: 80rem;}
	.minHeight.min06 {min-height: 117rem;}
	.minHeight .faq-block {top: 12rem; left: 1rem; right: 1rem;}

    .faq-block li a * {line-height: 2rem; font-size:1.2rem; }
    .faq-block li a .num {border-right: 1px solid #ddd; display: inline-flex; width:4rem; padding-right: 0.8rem; margin-right:1rem; justify-content: center; height: 2rem; }
    .faq-block li a { padding: 1.6rem 0.8rem; font-size:1.2rem;}
    .faq-block li .answer {padding: 1.6rem 0.8rem; font-size:1.2rem;}
    .faq-block li a .title span.nation {display: block; font-size:1.2rem;}
    .faq-block li a .title .num {padding-right: 1rem; margin-right: 1rem; font-size:1.2rem;}
    .faq-block li.active .answer b {line-height: 1.5;}
}

.contents-title{ font-size: 4.8rem; display: flex; line-height: 100%; flex-direction: column; align-items: center; width: 100%; margin-bottom: 6rem;}
.contents-title:after{content: ""; display: block; width: 6rem; height: 0.2rem; background-color: #000; margin-top: 2.4rem;}
@media only screen and (max-width: 600px) {
    .contents-title{ font-size: 2.8rem; margin-bottom: 3rem;}
    .contents-title:after{margin-top: 1.4rem; width: 4rem;}
}
/*웹접근성 스크린리더 출력 안되도록 수정*/
.contents-title.hide {visibility: hidden !important;}
.screen-contents-title.hide {visibility: hidden !important;}

.help-block{border: 1px solid #ddd; border-top: 2px solid #000; margin-top: 8rem;}
.help-block p {background: #FAFAFA; border-bottom: 1px solid #ddd; padding: 2.4rem; color: #666666; font-size:1.4rem; display: flex; align-items: center;}
.help-block p b {font-size: 2rem; color: #333; margin-right: 0.5rem;}
.help-block ul {display: flex; padding: 2.4rem 0;}
.help-block ul li {display: flex; align-items: center; width: 100%; padding:0 2.4rem; border-right: 1px solid #ddd;}
.help-block ul li:last-child {border-right:0;}
.help-block ul li a {display: flex; align-items: center; width: 100%; font-size: 1.8rem; font-weight: 500; line-height: 100%;}
.help-block ul li a img {width:4rem; margin-right: 0.8rem;}
.help-block ul li a i {margin-left: auto; color: #666; font-size: 1.2rem;}
.help-block ul li.block a {display: block;}
.help-block ul li.block a span {display: flex; align-items: center; margin-bottom: 1rem;}
.help-block ul li.block a span:last-child {margin-bottom: 0;}

.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.accodian {margin-top: 6rem;}
@media only screen and (max-width: 600px) {
    .accodian {border-top: 1px solid #ddd; padding: 2rem 0; margin-top: 0;}
    .accodian .sub-title-02{cursor: pointer; position: relative; margin-bottom: 0;}
    .accodian .sub-title-02:after{content: ""; display: block; position: absolute; background: url(../img/ico-arrow-bottom.svg) no-repeat; width: 2.4rem; height: 2.4rem; right: 0; top: 0;}
    .accodian-con{display: none; padding-top: 2rem;}
    .accodian.active .sub-title-02:after{ transform: rotateZ(180deg);}
    .accodian.active .accodian-con{display: block;}

    .help-block{border: 1px solid #ddd; border-top: 2px solid #000; margin-top:4rem;}
    .help-block p{background: #FAFAFA; border-bottom: 1px solid #ddd; padding: 1.4rem 1.6rem; color: #666666; font-size:1.2rem; display: flex; flex-direction: column; align-items:flex-start;}
    .help-block p b{font-size:1.8rem; color: #333; margin-right: 0.5rem;}
    .help-block ul{display: flex; padding: 0rem 1.6rem; flex-direction: column;}
    .help-block ul li {width: 100%; padding:1.6rem 0; border-right:0; border-bottom: 1px solid #ddd;}
    .help-block ul li:last-child {border-bottom:0;}
    .help-block ul li a{ display: flex; align-items: center; font-size: 1.4rem; font-weight: 500; line-height: 100%;}
    .help-block ul li a img{width:2.8rem; margin-right: 0.8rem;}
    .help-block ul li a i{margin-left: auto; color: #666; font-size: 1.2rem;  width: 2.4rem; height: 2.4rem; display: flex; align-items: center; justify-content: center;}
}
.bulit-blue{display: flex; flex-wrap: wrap;}
.bulit-blue li{width: 50%; color: #666666; display: flex; align-items: center; margin: 1rem 0;}
.bulit-blue.line-03 li{width: 33.33%;}
.bulit-blue.line-04 li{width: 25%;}
.bulit-blue li p {display: flex; align-items: center;}
.bulit-blue li b{color: #333333; display: inline-flex; width: 15rem;  align-items:center;}
.bulit-blue li b::before{content: ""; display: block; width: 0.8rem; height: 0.8rem; background: url(../img/ico-bulit.svg) no-repeat; background-size: 0.8rem; margin-right: 0.8rem;}
.bulit-blue li .q{margin-left: 0.8rem; display: flex;}

.bulit-blue-text li{display: flex;  align-items: center;}
.bulit-blue-text li:before{content: ""; display: block; width: 0.8rem; height: 0.8rem; background: url(../img/ico-bulit.svg) no-repeat; background-size: 0.8rem; margin-right: 0.8rem;}
.login-step{margin-top: 4rem; background: #FAFAFA; border: 1px solid #DDDDDD; display: flex;}
.login-step li {display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 5.6rem;}
.login-step li a {display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 1rem; font-size: 1.8rem;}
.login-step li:after{content: ""; height: 5.8rem; width: 2.2rem; background: url(../img/ico-join.svg) no-repeat; display: flex; position: absolute; right:-2rem; top: 0; background-size:auto 100%;}/* 22.12.12*/
.login-step li.active{background-color: #2F436B; color: #fff;}
.login-step li.active::after{background: url(../img/ico-join-active.svg) no-repeat 100%; width: 2rem; height: 5.6rem; background-size: contain; right: -2rem ;}/* 22.12.12*/
.login-step li.active::before{content: ""; height: 5.8rem; width: 2.2rem; background: url(../img/ico-join.svg) no-repeat; display: flex; position: absolute; left:-0.1rem; top: -0.1rem; bottom:-0.1rem; background-size: auto 100%;}
.login-step li:last-child{border: none;}
.login-step li:last-child::after{display: none;}
.login-step li:first-child::before{display: none;}
.login-step li b{margin-right: 0.4rem;}

.file-add-block{display: flex; justify-content: space-between;}
.file-add-block .file-con{border: 1px solid #ddd; background: #ECECEC; width: 100%; height: 4.8rem; display: flex; align-items: center; justify-content: space-between; padding:0 1.2rem; margin-right: 1rem;}
.file-add-block .file-name{ margin-top: 0;}
.file-add-block .file-info{margin-left: auto; margin-top: 0; color: rgba(0, 0, 0, 0.4); font-size: 1.4rem; margin-right: 1.2rem;}
.file-add-block .file-btn{ margin-top: 0; line-height: 100%;}
.file-add-block .file-btn a{background-color: #fff; color: #8E8E8E; font-size: 14px; border: 1px solid #ddd; height: 2.4rem; padding: 0 1rem; }
.file-input{position: relative;}
.file-input input[type=file]{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.file-up-info{display: flex; justify-content: space-between; width: 100%; padding-top:1.6rem; font-size: 1.4rem; padding-left: 1.6rem; padding-right: 10rem;}
.file-up-info p:last-of-type{color: rgba(0, 0, 0, 0.6);}
.table-block dl dd .file-up-info p{line-height: 100%; display: flex; margin-top: 0;}

.print-block{border-top: 2px solid #000; border-bottom: 1px solid #ddd; padding: 2.5rem; text-align: center;}
.print-block img{max-width: 100%;}

.btn-group{display: flex;   flex-direction: row;    justify-content: space-around; margin-bottom : 2rem;}
.btn-group .btn-area{width: 100%; display: flex; flex-direction: column;}
.btn-group .btn-area a.select-btn-01{ border: 1px solid #ddd; background-color: #fff; padding: 1rem 0;}
.btn-group .btn-area.active>a{border-color: #003994;background-color: #003994;color: #fff !important;font-weight: 500;}
.btn-group>li>a {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;color: #000000;letter-spacing: -0.1rem;}
.btn-group>li>a:hover {border: 1px solid #003994;color: #003994;}

.location{background-color: #2F436B; position: relative;}
.location.black{background-color: #666;}
.location .row{ display: flex; justify-content: center; align-items: center; height: 6.4rem;}
.location .row p{}
.location .row .location-menu{display: flex; align-items: center; width: 100%; height: 100%;}
.location dl{display: flex; align-items: center; position: relative; padding: 0 2.4rem; width: 100%; height: 100%; max-width: 30rem; border-right: 1px solid rgba(255,255,255,0.3);}
.location dl:last-of-type{border: none;}
.location dl dt{width: 100%; height: 100%;}
.location dl dt a{display: block; width: 100%; height: 100%; color: #fff; font-size: 1.8rem; align-items: center; justify-content:space-between; word-break: break-all; white-space: nowrap; text-overflow:ellipsis; word-break:break-all; overflow: hidden; padding-right: 2rem; position: relative; text-align: left; line-height: 3.5;}
.location dl dt a i{font-size: 1rem;transition: all 0.4s ease; position: absolute; right: 1rem; top: 50%; margin-top: -0.5rem;}
.location dl dd{display: none; position: absolute; background-color: #2F436B; width: 100%; left: 0; top: 6.4rem; transition: all 0.4s ease; overflow: hidden; opacity: 0; transform: translateY(1rem); pointer-events: none; z-index: 1;}
.location dl dd ul{}
.location dl dd ul li{line-height: 3rem;}
.location dl dd ul li a{color: #fff; display: flex; height: 5.8rem; align-items: center; border-top: 1px solid rgba(255,255,255,0.3); padding: 0 2.4rem;}
.location dl dd ul li a:hover{background: #202F4F;}
.location dl.active dt a i{transform: rotateZ(180deg);}
.location dl.active dd {display: block; height: auto; opacity: 1; transform: translateY(0); pointer-events: all;}
.location dl.active dd a:focus {background: #202F4F;}
.location .page-menu{display: flex;}
.location .page-menu li{margin-left: 2.4rem;}
.location .page-menu li a {display: block;}
.location img{width: 3.2rem;}
.search-form{border: 1px solid #ddd; background: #FAFAFA; display: flex; align-items: center; justify-content: center; padding: 2.4rem;}
.search-form form{display: flex; justify-content: center;}
.search-form select {margin-right: 1rem; width: 14rem; flex: none;}
.search-form input[type=text]{width: 42rem;}
.search-form .btn{min-width:10rem}
.search-form .btn img{margin: 0; margin-right: 1rem;}

@media only screen and (max-width: 600px) {
    .bulit-blue{display: flex; flex-wrap: wrap; flex-direction: column;}
    /* .bulit-blue li{width:100% !important; color: #666666; display: flex; align-items: center; margin: 0.4rem 0; flex-wrap: wrap;} 230229 변경*/
    .bulit-blue li{width:100% !important; color: #666666; display: flex; align-items: center; margin: 0.4rem 0; flex-wrap: wrap; justify-content: space-between;}
    bulit-blue li b{color: #333333; display: inline-flex; width: 12rem;  align-items:center; flex:none;}
    .bulit-blue li b::before{content: ""; display: block; width: 0.8rem; height: 0.8rem; background: url(../img/ico-bulit.svg) no-repeat; background-size: 0.8rem; margin-right: 0.8rem;}
    .bulit-blue li .q{margin-left: 0.8rem; display: flex;}
    .bulit-blue li p {display: flex; align-items: center;}
    .bulit-blue li p:last-of-type {margin-left: auto;}
    .bulit-blue li p .btn{width:auto; padding: 0 1rem; min-width: 0; margin-left: 0.5rem !important;}

    .login-step{margin-top: 2.4rem;}
	.login-step li {position: relative; min-height: 4rem; height: auto;}
	.login-step li a {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; font-size: 1.2rem; padding:0.8rem; line-height: 1.8rem;}
    .login-step li:after{display: none;}
    .login-step li.active:before{display: none;}
    .login-step li b{align-self: flex-start;}
    .login-step li b + *{align-self: flex-start;}
    .login-step.center li{align-items: center;}

    .file-add-block{display: flex; justify-content: space-between; flex-direction: column;}
    .file-add-block .file-con{flex-wrap: wrap; padding: 1rem; height: auto;}
    .file-add-block .file-name{width: 100%; font-size: 1.6rem;}
    .file-add-block .file-info{margin-left: 0; margin-top: 0; color: rgba(0, 0, 0, 0.4); font-size: 1.4rem; margin-right: 1.2rem;}
    .file-add-block .file-input{margin-top: 0.5rem;}
    .file-add-block .file-input a{width: 100%;}
    .file-add-block .file-btn{ margin-top: 0; line-height: 100%;}
    .file-add-block .file-btn a{background-color: #fff; color: #8E8E8E; font-size: 14px; border: 1px solid #ddd; height: 2.4rem; padding: 0 1rem; }
    .file-up-info{padding-top:0.8rem; font-size: 1.2rem; padding-left: 0rem; padding-right:0rem;}
    .file-up-info p:last-of-type{color: rgba(0, 0, 0, 0.6); align-items: center;}
    .file-up-info p:last-of-type img{margin-right: 0.5rem;}
    .table-block dl dd .file-up-info p{line-height: 100%; display: flex; margin-top: 0;}

    .location{background-color: #2F436B; position: relative;}
    .location .row{ display: flex; justify-content: space-between; align-items: center; height: 4.8rem;}
    .location .row .location-menu{display: flex; align-items: center;}
    .location .row p{}
    .location dl{display: flex; position: relative; padding: 0 0.8rem; width: 22rem; border-right: none;}
    .location dl{display: none;}
    .location dl:last-of-type{border: none; display: flex;}
    .location dl dt{width: 100%;}
    .location dl dt a {width: 100%; color: #fff; font-size: 1.4rem; align-items: center; justify-content:space-between;}
    .location dl dd{position: absolute; background-color: #2F436B; width: 100%;  left: 0;  top: 4rem; transition: all 0.4s ease; overflow: hidden; opacity: 0;  transform: translateY(1rem); pointer-events: none;}
    .location dl dd ul{}
    .location dl dd ul li{line-height: 3rem;}
    .location dl dd ul li a{color: #fff; display: flex; height:4rem; align-items: center; border-top: 1px solid rgba(255,255,255,0.3); padding: 0 1.2rem;}
    .location dl dd ul li a:hover{background: #202F4F;}
    .location dl.active dt a i{transform: rotateZ(180deg);}
    .location dl.active dd {height: auto; opacity: 1; transform: translateY(0); pointer-events: all;}
    .location .page-menu{display: flex;}
    .location .page-menu li{margin-left: 0.8rem;}
    .location .page-menu li:last-child{display: none;}
    .btn-group{display: flex; flex-direction: column;}
    .btn-group .btn-area a {font-size:1.2rem;}
    .search-form {border: 1px solid #ddd; background: #FAFAFA; display: flex; justify-content: center; padding: 1.6rem; flex-direction: column;}
    .search-form form {flex-wrap: wrap;}
    .search-form select {margin-bottom: 1rem; margin-right: 0; width:100% !important;}
    .search-form input[type=text] {width:100%;}
    .search-form form input {width: 100% !important; margin-right: 0; margin-bottom: 1rem;}
    .search-form form input[type=radio],
    .search-form form input[type=checkbox] {width: 2rem !important; margin: 0;}
    .search-form form input:last-of-type {margin-bottom: 0;}
    .search-form .btn {min-width:10rem; width:100%; margin-top: 1.5rem;}
    .search-form .btn img {margin: 0; margin-right: 1rem;}
}



/* 마이페이지 */
.mypage-list{display: flex; padding-top: 0.8rem; flex-wrap: wrap;  justify-content: space-between;}
.mypage-list a{display: flex; width: 63.2rem; height: 10.5rem; margin-top: 1.6rem; border: 1px solid #ddd; align-items: center; padding: 0 2.4rem;}
.mypage-list a:hover{border-color: #003994 ; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.06);}
/* 20230221추가 */
.mypage-list a dl dt{overflow: hidden; height: 3rem;}

.mypage-list ul{display: flex; font-size: 1.4rem;}
.mypage-list ul li{display: flex; align-items:center;}
.mypage-list ul li span{margin-left: 0.8rem;}
.mypage-list ul li:after{content: ""; display: block; width: 1px; height: 1.6rem; background-color: #ddd; margin: 0 0.8rem;}
.mypage-list ul li:last-child::after{display: none;}


.bulit-result{display: flex; flex-wrap: wrap;}
.bulit-result li{width: 50%; color: #666; display: flex; align-items: center;}
.bulit-result li::before{content: ""; display: block; border: 2px solid #235AB0; width: 0.8rem; height: 0.8rem; border-radius: 50%; box-sizing: border-box; margin-right: 0.8rem;}
.bulit-result li b{width:11.5rem; display: inline-flex; color: #333;}
.join-end-msg{margin-top: 12rem; justify-content:center; display: flex; flex-direction: column; align-items: center; text-align: center;}
.join-end-msg dl{margin-top: 2rem;}
.join-end-msg dt{font-size: 2.4rem; font-weight: 700; color: #000;}
.join-end-msg dd{margin-top: 0.8rem;}

.file-up-block{display: flex;}
@media only screen and (max-width: 600px) {
    .mypage-list{padding-top: 0;}
    .mypage-list a{width: 100%; height: auto; padding: 1.6rem;}
    .mypage-list ul{display: flex; font-size: 1.2rem;}
    .bulit-result li{width: 100% !important; flex-wrap: wrap;}
    .bulit-result li p{width: 100% !important;}

    .join-end-msg{margin-top: 6rem;}
    .join-end-msg img{width: 6.4rem;}
    .join-end-msg dl{margin-top: 2rem;}
    .join-end-msg dt{font-size: 2rem;}
    .join-end-msg dd{font-size: 1.4rem;}
    .file-up-block{display: flex;}
    .file-up-block input[type=text]{height: 4rem; width: 100%;}
}

.tab-type-gray{display: flex; justify-content: space-between; border: 1px solid #ddd; background-color: #fafafa; padding: 2.4rem;}
.tab-type-gray li{line-height: 100%;}
.tab-type-gray li.active a{color: #003994; text-decoration: underline;}
.tab-type-gray li a{font-weight: 500; text-align: center;}

.info-step .step{position: relative;}
.info-step .step:last-of-type::after{display: none;}
.info-step .step::after{content: ""; display: block; width: 4rem; height: 4rem; background: url(../img/ico-setp-right.svg) no-repeat; position: absolute; right: 0; transform: translateX(75%) translateY(-50%); z-index: 1; top: 50%; background-size: 100%;}
.info-step.no-arrow .step:after{display: none;}
@media only screen and (max-width: 600px) {
    .info-step .step{margin-bottom: 4rem !important;}
    .info-step.no-arrow .step{margin-bottom: 1.6rem !important;}
    .info-step .step::after{width: 2.4rem; height: 2.4rem; background: url(../img/ico-setp-right-m.svg) no-repeat; transform: translateX(-50%) translateY(0%) ; z-index: 1; left: 50%; right: auto; top: auto; bottom:-3.2rem;}
    .tab-type-gray{flex-wrap: wrap; padding:0.8rem 1.6rem;}
    .tab-type-gray li{line-height: 100%; width: 50%;}
    .tab-type-gray li.active a{color: #003994; text-decoration: underline;}
    .tab-type-gray li a{font-weight: 500; text-align: center; width: 100%; padding: 0.8rem;}
}


.pop-title{font-size: 3.4rem; text-align: center; line-height: 100%;}
.policy-line-block{border: 1px solid #ddd; padding: 3rem;}
.policy-line-block .block .title-blue-20{font-size: 2rem;}
.policy-line-block .block{border-bottom: 1px solid #ddd; padding-top: 2.4rem; padding-bottom: 1.6rem;}
.policy-line-block .block:first-of-type{padding-top: 0;}
.policy-line-block .block p{font-size: 1.6rem;}
.policy-line-block .block .pol-title{font-size: 2rem; font-weight: 700; margin-bottom: 1.6rem;}
.policy-line-block .bulit-text li{font-size: 1.6rem;}
hr.bold{background-color: #000; height: 0.2rem; margin-top: 0.5rem;}
.bold {font-weight: 700;}
@media (max-width: 600px) {
    .pop-title{font-size:2rem;}
    .policy-line-block .block .title-blue-20{font-size: 1.8rem;}
    .policy-line-block .block .pol-title{font-size: 1.8rem; font-weight: 700; margin-bottom: 0.8rem;}
    .policy-line-block{padding: 1rem;}
    .policy-line-block .bulit-text li{font-size: 1.4rem;}
    .policy-line-block .block p{font-size: 1.4rem;}
}

.digital-list {display: flex; flex-wrap: wrap; padding-top: 2.4rem; border-top: 2px solid #000;}
.digital-list .stats {display: flex; flex-wrap: wrap; flex: 1 1 30%; justify-content: space-between; position: relative; max-width: 32.5%; padding: 2.4rem; margin-right: 1.6rem; margin-bottom: 1.6rem; border: 1px solid #ddd; box-sizing: border-box; line-height: 1.3;}
.digital-list .stats:nth-child(3n) {margin-right: 0;}
.digital-list .stats:last-child {margin-right: 0;}
.digital-list .stats.full {flex-direction: column; align-items: center; flex: 1 1 100%; max-width: 100%;}
.digital-list .stats dl dt {font-weight: 500; margin-bottom: 5px;}
.digital-list .stats .btn {display: flex; align-items: center; width: 100%; max-width: 366px; height: 4.8rem; margin-top: 1.3rem; background-color: #235AB0; letter-spacing: 0; text-align: center; color: #fff;}
.digital-list .stats .mint {background-color: #30BFC9;}/*22.12.12*/
.digital-list .stats .gray {background-color: #ddd; color: #5c5c5c;}/*22.12.12*/
.digital-list .stats .navy {background-color: #003994;}/*22.12.12*/
.digital-list .stats .ico {position: absolute; right: 2rem; top: 2rem;}

.over-stack-wrap .over-stack-con {display: none;}

.digital-list .stats.red {border: 1px solid #E9203D; background-color: #FDE9EC;}
.digital-list .stats.red dt {justify-content: space-between;}
.digital-list .stats.red dt img {width: 16px; height: 16px;}
.digital-list .stats.red dd {position: relative; padding-left: 15px; color: #E9203D;}
.digital-list .stats.red dd::before {content: ''; position: absolute; left: 5px; top: 8px; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background-color: #E9203D;}
.digital-list .stats.blue {border: 1px solid #003994; background-color: #E6ECF5;}
.digital-list .stats.blue dt {justify-content: space-between;}
.digital-list .stats.blue dt img {width: 16px; height: 16px;}
.digital-list .stats.blue dd {position: relative; padding-left: 15px; color: #003994;}
.digital-list .stats.blue dd::before {content: ''; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background-color: #003994;}

@media (max-width: 600px) {

	.digital-list {margin-top: 1rem;}
    .digital-list .stats {flex: 1 1 100%; padding: 2rem; margin-right: 0; margin-bottom: 0.8rem; max-width: 100%;}
    .digital-list .stats .btn {max-width: 100%; height: 3.8rem; font-size: 14px;}
    .digital-list .stats .btn.navy {height: 4.8rem;}

    .over-stack-con .btn-center a {margin: 0rem !important;}
}


/* 중진공소개 > 조직도(로그인 시 직원검색 보이기) */
.depart-list {display: flex;}
.snb {margin-right: 4rem; min-width: 24rem;}
.snb .one-depth {border: 1px solid #ddd; border-top: 0;}
.snb .one-depth .tit {display: flex; align-items: center; position: relative; height: 5.2rem; padding-left: 1.5rem; background-color: #2F436B; color: #fff; box-sizing: border-box;}
.snb .one-depth .tit::after {content: '+'; position: absolute; top: 50%; right: 2.4rem; transform: translateY(-50%); color: #fff;}
.snb .one-depth .tit.on::after {content: '-';}
.snb .one-depth .tit.none::after {display: none;}
.snb .one-depth {font-size: 2rem;}

.snb .two-depth {display: none; padding: 2rem 0; height: 100%; background-color: #fafafa; box-sizing: border-box; font-weight: 500; font-size: 1.8rem;}
.snb .two-depth.on {display: block;}
.snb .two-depth > li {margin-bottom: 1.9rem;}
.snb .two-depth > li > a {display: flex; align-items: center; position: relative; padding: 0 1.5rem; }
.snb .two-depth > li.arrow a::after {content: ''; position: absolute; top: 50%; right: 2.4rem; transform: translateY(-50%); width: 2.4rem; height: 2.4rem; background: url(../img/snb_arrow.svg) no-repeat 100%; }
.snb .two-depth > li.arrow.on a::after {background: url(../img/snb_arrow.svg) no-repeat 0; right: 1.9rem; transform: translateY(-20%) rotate(90deg);}
.snb .two-depth > li > a:hover {color: #003994; text-decoration: underline;}
.snb .two-depth > li:last-of-type {margin-bottom: 0;}
.snb .two-depth > li.arrow:nth-last-child(2) {margin-bottom: 0;}
.snb .two-depth > li.arrow.on:nth-last-child(2) {margin-bottom: 1rem;}

.snb .three-depth {display: none; padding: 0.5rem 0;}
.snb .three-depth li a {display: flex; align-items: center; padding-left: 3.5rem; color: #5c5c5c; font-size: 1.6rem; font-weight: 400;}

.menual-area {}
.menual-area .menual-step {margin-top: 8rem;}
.menual-area .menual-step .title {display: flex; justify-content: center; align-items: center; position: relative; margin-bottom: 3.2rem; font-size: 2rem; font-weight: 300;}
.menual-area .menual-step .title::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #ddd; z-index: -1;}
.menual-area .menual-step .title span {display: inline-flex; justify-content: center; align-items: center; min-width: 25rem; height: 5.2rem; background-color: #4B70BC; color: #fff; padding: 0 2rem; box-sizing: border-box;}
.menual-area .menual-step .image {background-color: #ececec; padding: 4rem; margin-top: 2rem; margin-bottom: 4rem;}
.menual-area .menual-step .image img {width: auto; max-width: 100%; background-color: #fff; box-shadow: 1px 1px 15px 10px rgba(0,0,0,.03);}

@media (max-width: 600px) {

    .depart-list {display: block;}
    .snb {margin-right: 0; margin-bottom: 4rem;}
    .snb > ul {display: flex; flex-wrap: wrap;}
    .snb > ul > li {flex: 1 1 40%;}
    .snb .one-depth {border-right: 0;}
    .snb .one-depth:nth-of-type(2n) {border-right: 1px solid #ddd;}
    .snb .one-depth .tit {height: 4rem; font-size: 1.6rem;}
    .snb .two-depth {font-size: 1.4rem;}
    .snb .two-depth > li {margin-bottom: 1rem;}
    .snb .three-depth {padding: 0;}
    .snb .three-depth li a {font-size: 1.4rem;}

    .menual-area .menual-step .image {padding: 2rem;}

}

.sbi-font{
	font-weight: 500;
	font-size: 2.2rem;
}

@media (max-width: 600px) {
    .sbi-font{font-weight: 500;font-size: 1.8rem;}
}

/* @media (max-width: 600px){
	.bulit-blue2 li{justify-content: space-between; width: 50%; color: #666666; display: flex; align-items: center; margin: 1rem 0;}
	.gray-line-block .block-head2{flex-direction: column align-items:flex-start; padding: 1.6rem;}
} */
/* 공통 - 메뉴 시작 */
.blank a::after{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin-top:-2px;
	margin-left: 7px;
	background: url(../img/arrow-up-right-from-square-solid.svg) no-repeat center center;
	background-size: contain;
}

.blank.blue a::after{
	background: url(../img/arrow-up-right-from-square-solid-blue.svg) no-repeat center center;
	background-size: contain;
}

.blank.white a::after{
	background: url(../img/arrow-up-right-from-square-solid-white.svg) no-repeat center center;
	background-size: contain;
	margin-top : 4px;
}

.blank.orange a::after{
	background: url(../img/arrow-up-right-from-square-solid-orange.svg) no-repeat center center;
	background-size: contain;
	margin-top : 4px;
}

@media all and (max-width:600px){
	.blank a::after{
		width: 15px;
		height: 15px;
	}
}


/* 공통 - 푸터 시작 */
.site-info .info-left img {
    width:204px;
    height:23px;
}

.site-info .info-right .info-link-box {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.site-info .info-right .info-link-box a.link {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 22rem;
	height: 4.8rem;
	background-color: #3E444C;
	font-size: 1.6rem;
    margin: 0 1rem 0 0;
}

.site-info .info-right .info-web-box{
	position: relative;
	display: flex;
	justify-content: end;
}

.site-info .info-right .info-web-box a{
    margin: 0 10px;
}

.site-info .info-right{display: flex; align-items: flex-start;align-items:flex-end;flex-direction:column}

.info-web-box .footer-wa img{
    width:131px;
    height:89px;
}

@media only screen and (max-width: 600px) {
	.site-info .info-right .info-link-box{
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 3rem 0.8rem 0 0.8rem;
		width: 100%;
		margin-top: 8rem;
	}
	.site-info .info-right .info-link-box a.link {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		color: #fff;
		width: 100%;
		height: 4.8rem;
		background-color: #3E444C;
		font-size: 1.4rem;
		padding: 0 1.6rem;
        margin: 0 0 1rem 0;
	}

	.site-info .info-right .info-web-box{
		position: absolute;
		display: flex;
		flex-wrap: wrap;
		width: 90%;
		align-items: center;
		flex-direction: row;
		justify-content: center;
	}
}



@media (min-width: 320px) and (max-width: 600px) {

	.site-info .info-right .footer-wa {
		/*top:-10px;*/
		/*left:410px;*/
	}

}
/* 공통 - 푸터 끝 */

/* 중진공 시스템 FAQ */
.modal-header.modal-faq {justify-content: center; height:5.6rem !important;}
.modal-body{padding-top:0rem !important;}

#type_tab{ position: relative; z-index: 2;  width: 100%; padding: 0;left: 0;}
.faq-type-00{  display: flex; justify-content: flex-start; flex-wrap: wrap;}
.faq-type-00>li{ width: 46%; margin: 1rem;}
.faq-type-00>li.active a{border-color: #003994;background-color: #003994; color: #fff !important; font-weight: 500;}
.faq-type-00>li>a {/*width: 100%;*/border-radius: 0.8rem; display: flex;align-items: center;justify-content: center;margin-top: 5px;border: 1px solid #ddd;flex-direction: column;padding: 1rem 0;font-size: large;}
	
.faq-type-01 { margin-top: 4rem; display: flex; justify-content: center; flex-wrap: wrap;}
.faq-type-01 li { width: 19rem; margin: 0 1rem;}
.faq-type-01 a {/*width: 100%;*/display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;flex-direction: column;padding: 1rem 0;}
.faq-type-01 a dl {color: #333;}
.faq-type-01 a dl dt {font-size: 2rem;font-weight: 500;}
.faq-type-01 a dl dd {font-size: 1.8rem;margin-top: 0.4rem;}
.faq-type-01 li.active a {border-color: #003994;background-color: #003994;color: #fff !important;font-weight: 500;}
.faq-type-01 li.active a dd {color: #003994;}
.faq-type-01 li a:hover {border: 1px solid #003994;color: #003994;}
.faq-type-01 li a:hover dl {color: #003994;}
.faq-type-02{display: flex;flex-direction: row; flex-wrap: wrap;width:100%;}
.faq-type-02 .faq-area {width: 100%;display: flex;flex-direction: column;}
.faq-type-02 .faq-area .title-blue-20 {margin-top: 9rem;}
.faq-type-02 .faq-area a.tab-btn {z-index: 2;}
.faq-type-02 .faq-area.active>a {font-weight: 500; color: #003994 ; background-color: #fff ; border-bottom: 2px solid #003994 ;}

.faq-type-02>li {top: 10rem;}
.faq-type-02>li>a {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;color: #000000;letter-spacing: -0.1rem;}
/*.faq-type-02>li>a:hover {border: 1px solid #003994;color: #003994;}*/
.faq-type-02>li>a:hover {font-weight: 500;color: #003994;}
/*.faq-type-02 .tab-menu-area-bg {background-color: #fff;width: 98%; height: 8rem;z-index:1;position: absolute;display: block;}*/
.faq-type-02 .tab-menu-area-bg {left:1%; background-color: #fff;width: 97% !important; height: 9% !important ;z-index:1;position: absolute;display: block;}
/*.faq-type-02>li>a.tab-btn {width: 21%;position:absolute; top:10rem; margin: 0 1rem;align-items: center;border: 1px solid #ddd;border-radius: 0.8rem;padding: 1rem 0; background-color: #fff;}*/
.faq-type-02>li>a.tab-btn {width: 19% ; border:0px ; border-radius:0 ;  position:absolute; margin-left :1rem ;  top:14rem ; margin: 0 1rem;align-items: center;padding: 1rem 0; background-color: #fff; }

.faq-type-02>li>a.tab-btn.type-01{left: 4%; }
.faq-type-02>li>a.tab-btn.type-02{left: 25%; }
.faq-type-02>li>a.tab-btn.type-03{left: 50%; }
.faq-type-02>li>a.tab-btn.type-04{left: 75%; }

.faq-type-02>li>a.tab-btn-02 {width: 16%; border:0px; position:absolute;  margin-left :1rem; top:14rem ; margin: 0 1rem;align-items: center; padding: 1rem 0; background-color: #fff;}
.faq-type-02>li>a.tab-btn-02.type-01{left: 4%; }
.faq-type-02>li>a.tab-btn-02.type-02{left: 23%; }
.faq-type-02>li>a.tab-btn-02.type-03{left: 41%; }
.faq-type-02>li>a.tab-btn-02.type-04{left: 61%; }
.faq-type-02>li>a.tab-btn-02.type-05{left: 79%; }

.early-form-block .early-form.faq-pop-area{margin-top: 0rem;padding: 0 2.5rem;}
/*.early-form-block.active {z-index: 3;}*/
/*.faq-sub-block {display: none; width: 88rem;background-color: #fff;position: relative; top:2rem;}*/
.faq-sub-block {display: none; width: 95rem;background-color: #fff;position: relative; top:2rem;}
.faq-sub-block.active {display: block;}
.faq-block-v2 li button {text-align: left;}
.faq-block-v2 li.active a .title {color: #003994;font-weight: 500;}
.faq-block-v2 li a.faq-btn {width: auto;display:inline-flex;padding:0 1.5rem;}
.faq-block-v2 {border-top: 2px solid #000;}
.faq-block-v2 li {width: 100%;}
.faq-block-v2 li a {display: flex; align-items: center; width: 100%; border-bottom: 1px solid #ddd; padding: 2.4rem; cursor:pointer;}
.faq-block-v2 li a *{line-height: 2.6rem;}
.faq-block-v2 li a .title {display: flex; align-items: center; color: #666;}
.faq-block-v2 li a .title span{margin-right: 0.5rem;}
.faq-block-v2 li a .num{border-right: 1px solid #ddd; display: inline-flex; width: 4.5rem; justify-content: center;margin-right: 2.4rem; height: 2.6rem;}
.faq-block-v2 li a .arrow{margin-left: auto; transition: all 0.4s ease;}
.faq-block-v2 li .answer {background: #FAFAFA; padding: 2.4rem;border-bottom: 1px solid #ddd; display: none;}
.faq-block-v2 li a .title .nation{color: #000;}
.faq-block-v2 li a .title .num {width: auto; padding-right: 2.5rem; margin-right: 2rem;}
.faq-block-v2 li.active a .arrow{ transform:rotateZ(180deg);}
.faq-block-v2 li.active a .title span.nation{color: #003994;}
.faq-block-v2 li.active .answer {display: block;}
.faq-block-v2 li.active .answer span {line-height: 1.8;}
.faq-block-v2 li.active .answer b {display: block; font-size: 2.2rem;}
.bg-num{display: flex;width: 2.4rem;height: 2.4rem;background: #2F436B;border-radius: 50%;color: #fff !important;align-items: center;justify-content: center;font-size: 1.4rem;position: relative;left: 0;top: 0;}
.bg-num.bgBlue {background: #2F436B;}
.bg-num.bgGray {background: #aaa;}
.answer .flex p {width: 100%;}
.modal-scroll-con1 {overflow-y: auto; height: 70rem;padding-right: 2rem;}
.modal-scroll-con1.pd {padding: 4rem;}
.modal-scroll-con1 h4 {font-size: 2rem;margin-bottom: 1rem;}
.modal-scroll-con1 .bulit-text {margin-bottom: 4rem;}
.modal-scroll-con1 .bulit-text:last-of-type {margin-bottom: 0;}
.modal-scroll-con1 .built-text li {margin-bottom: 1.2rem;}
.modal-scroll-con1 .built-text li:last-of-type {margin-bottom: 1.2rem;}



@media only screen and (max-width: 600px) {
	.modal-body.modal-faq-body{padding: 10px; margin-top: 10px;flex-direction: column;}
	.faq-type-00 {justify-content: space-between;}
	.faq-type-00>li {width: 49%;margin: 0;}
	.faq-type-01 li {width: 100%;margin: 1rem;}
	.early-form-block .early-form.faq-pop-area{padding: 0 1rem;}
	.modal-header.modal-faq {justify-content: center; height:5.6rem;}
	.faq-type-02 {width: 100%; flex-wrap: nowrap ;}
	.faq-type-02 .faq-area {width: 100%;flex-direction: column;margin-top: 0;}
    .faq-type-02 .faq-area .title-blue-20 {margin-top: 0;}
	/*.faq-type-02 .tab-menu-area-bg {display: none;}*/
    .faq-type-02 .tab-menu-area-bg {display: block;}
	.faq-type-02>li .faq-btn>a.tab-btn {width: 100%;}
    .faq-type-02>li .faq-btn>a.tab-btn-02 {width: 100%;}
	/*.faq-sub-block {width: 100%;margin-top: 0.8rem;margin-bottom: 2.8rem;}*/
    .faq-sub-block {width: 100%;position: absolute;top: 20rem;left: 0;height: 32rem;overflow-y: auto;}
	.faq-type-02>li>a.tab-btn {width: 95%;position: relative;top: 0;margin: 5px auto;font-size: 1.3rem;background-color: #ececec;border-radius: 5px;text-align: center;padding: 5px;height: 6rem;line-height: 1.8rem;}
	.faq-type-02>li>a.tab-btn.type-01{left: 0;}
	.faq-type-02>li>a.tab-btn.type-02{left: 0;}
	.faq-type-02>li>a.tab-btn.type-03{left: 0;}
	.faq-type-02>li>a.tab-btn.type-04{left: 0;}
    .faq-type-02>li>a.tab-btn-02 {width: 100%;position:relative;top: 0;}
	.faq-type-02>li>a.tab-btn-02 .type-01{left: 0;}
	.faq-type-02>li>a.tab-btn-02 .type-02{left: 0;}
	.faq-type-02>li>a.tab-btn-02 .type-03{left: 0;}
	.faq-type-02>li>a.tab-btn-02 .type-04{left: 0;}
    .faq-block-v2 li a * {line-height: 2rem;}
    .faq-block-v2 li a .num {border-right: 1px solid #ddd; display: inline-flex; width:4rem; padding-right: 0.8rem; margin-right:1rem; justify-content: center; height: 2rem; }
    .faq-block-v2 li a { padding: 1.6rem 0.8rem;}
    .faq-block-v2 li .answer {padding: 1.6rem 0.8rem;}
    .faq-block-v2 li a .title span.nation {display: block;}
    .faq-block-v2 li a .title .num {padding-right: 1rem; margin-right: 1rem;}
    .faq-block-v2 li.active .answer b {line-height: 1.5;}
    .bg-num{padding: 10px;}
    .modal-scroll-con1 {margin-top: 5px;padding-right: 0;}
    .btn-line.btn-faq {position: absolute;bottom: 0;}
    .btn-line.btn-faq .btn-center button, .btn-line .btn-center a:last-child{margin-right: 2rem;}
}

/* 웹접근성 페이징 버튼 추가 20240910 */
.paging a.first, .paging a.prev, .paging a.next, .paging a.last {width: 32px; height:32px; position: relative; margin: 2px; border:1px solid #E3E5E7; border-radius: 4px; text-align: center; font-size:20px; line-height: 30px;color: #212121;}
.paging a.first:hover, .paging a.prev:hover, .paging a.next:hover, .paging a.last:hover {background:#d2d2d2;}
.paging a.first::before, .paging a.prev:before, .paging a.next::before, .paging a.last::before {content: "";display: block;position: absolute;width:4rem;height: 4rem;}
.paging a.first::before {background: url(/static/nsh/img/ico-prev.svg) no-repeat;}
.paging a.prev::before {background: url(/static/nsh/img/ico-pprev.svg) no-repeat;}
.paging a.next::before {background: url(/static/nsh/img/ico-next.svg) no-repeat;}
.paging a.last::before {background: url(/static/nsh/img/ico-nnext.svg) no-repeat;}
.paging a.on {width: 32px; height:32px;background-color: #003994; color: #fff;border-radius: 4px;}

/* 첨부파일 찾아보기 버튼 추가 20240913 */
.form_file { display: block; position: relative; z-index: 0; width: 100%; height: 3.5rem; max-height: 100%; text-align: left; }
.form_file input {width: 8rem;height: 100%;/* margin-top: -3.5rem; */border: 0 none;opacity: 0;cursor: pointer;min-height:inherit;display: none;}
.form_file input:hover + .txt::before,
.form_file input:focus + .txt::before { background-color: #999; color: #fff; }
.form_file .txt::before { position: absolute; left: 0; top: 0; z-index: -1; width: 8rem; height: 3.5rem; line-height: 3.5rem; border: 1px solid #999; font-size: 1.5rem; color: #333; content: '첨부파일'; text-align: center; cursor: pointer; transition: all 0.2s; }
.form_file .txt { display: inline-block; vertical-align: middle; margin-left: 1rem; }

/* 고객만족도 조사실시 연도별 추이 표 소스 20240910 */
.chart-info-graphic{border: 1px solid #ddd; padding:4rem 2.4rem; display: flex; justify-content: center; position: relative;}

.chart-info-graphic.chart-info {
    border: 1px solid #ddd;
    padding: 5rem 8rem;
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.chart-info-graphic.chart-info .chart-container {
    width: 100%;
    background: white;
    border-radius: 10px;
    position: relative;
}

.chart-info-graphic.chart-info .chart {
    position: relative;
}

/* 배경 퍼센트 점선 */
.chart-info-graphic.chart-info .background-lines {
    position: absolute;
    top: 5.5rem;
    padding-left: 6rem;
    width: calc(100% - 2rem);
    height: 28.5rem;
    display: flex;
    justify-content: space-between;
}

.chart-info-graphic.chart-info .background-lines.pL15 {
    padding-left: 15.5rem;
    width: calc(100% - 3rem);
    height: 34.5rem;
}

.chart-info-graphic.chart-info .background-lines div {
    width: 2px;
    background: transparent;
    height: 100%;
    border-left: 2px dashed #bbb; /* 점선 적용 */
}

/* 퍼센트 라벨 */
.chart-info-graphic.chart-info .percentage-labels {
    display: flex;
    justify-content: space-between;
    font-size: 1.8rem;
    color: #666;
    margin-top: 2rem;
    padding-left: 5rem; /* 배경선과 정렬 */
}

.chart-info-graphic.chart-info .percentage-labels.pL15 {
    padding-left: 15rem;
}

/* 막대 스타일 */
.chart-info-graphic.chart-info .bar-container {
    display: flex;
    align-items: center;
    margin: 2rem 3rem 0 0;
    height: 4rem;
    position: relative;
}

.chart-info-graphic.chart-info .bar-label {
    width: 50px;
    text-align: right;
    font-weight: 400;
    margin-right: 10px;
}

.chart-info-graphic.chart-info .bar-label.w170 {
    width: 170px;
}

.chart-info-graphic.chart-info .bar {
    width: 100%;
    height: 100%;
    /*background: #e0e0e0;*/
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.chart-info-graphic.chart-info .bar-fill {
    height: 100%;
    color: white;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    box-sizing: border-box;
    border-radius: 5px;
}

/* 색상별 막대 */
.bar-2019 { background: #088693;}
.bar-2020 { background: #1c7f95;}
.bar-2021 { background: #2c7796;}
.bar-2022 { background: #436d93;}
.bar-2023 { background: #355b7d;}

.bar-color-gradient-01 { background-image: linear-gradient(to right, #3c6596 0%, #d7e3f0 100%);}

.pcsi-2019 {width: 87.2%;}
.pcsi-2020 {width: 88.4%;}
.pcsi-2021 {width: 90.7%;}
.pcsi-2022 {width: 88.9%;}
.pcsi-2023 {width: 91.3%;}

.self-2019 {width: 95.1%;}
.self-2020 {width: 96.4%;}
.self-2021 {width: 96.7%;}
.self-2022 {width: 97.1%;}
.self-2023 {width: 96.6%;}

.privacy-item01 {width: 93.33%;}
.privacy-item02 {width: 100%;}
.privacy-item03 {width: 96%;}
.privacy-item04 {width: 92.3%;}
.privacy-item05 {width: 96%;}
.privacy-item06 {width: 100%;}

/* 반응형 스타일 */
@media only screen and (max-width: 600px) {
    .chart-info-graphic{
        padding: 2rem; 
    }

    .chart-info-graphic.chart-info {
        padding: 2rem;
    }
    .chart-info-graphic.chart-info .background-lines {
        top: 3.5rem;
        padding-left: 5.1rem;
        height: 19.5rem;
    }
    .chart-info-graphic.chart-info .background-lines.pL15 {
        top: auto;
        bottom: 3.5rem;
        padding-left: 0;
        width: calc(100% - 1rem);
        height: 1rem;
    }
    .chart-info-graphic.chart-info .chart-container {
        padding: 0;
    }

    .chart-info-graphic.chart-info .chart-container.privacy {
        top: 0;
        height: 33.5rem;
    }

    .chart-info-graphic.chart-info .percentage-labels {
        font-size: 1.4rem;
    }
    .chart-info-graphic.chart-info .percentage-labels.pL15 {
        padding-left: 0;
    }
    
    .chart-info-graphic.chart-info .bar-container {
        height: 30px;
        margin: 1rem 3rem 0 0;
    }

    .chart-info-graphic.chart-info.privacy .bar-container {
        height: 100%;
        margin: 0 1rem 0 0;
        display: flex;
        flex-direction: column;
    }

    .chart-info-graphic.chart-info .bar-label {
        font-size: 1.4rem;
    }
    .chart-info-graphic.chart-info .bar-label.w170 {
        width: 100%;
        text-align: left;
        padding-left: 5px;
        background-color: #fff;
    }
    .chart-info-graphic.chart-info .bar-fill {
        font-size: 1.4rem;
        padding-right: 5px;
    }
}