/* MAIN */
#main { overflow: hidden;}
#main .visual { width: 100%; overflow: hidden; position: relative;}
#main .visual .main-cont { max-width: 1400px; width: 100%; display: flex; justify-content: center;  position: absolute; bottom: 0; left:50%; transform: translateX(-50%);}
#main .visual .main-cont .left { margin-right: 125px; animation: over-ani-re 1.5s; }
#main .visual .main-cont .left img { display: block;}
#main .visual .main-cont .right { padding-top:70px;}
#main .visual .main-cont .right > p { color:#fff; font-size: 2.625rem; font-family: 'nexon'; }
#main .visual .main-cont .right > p:first-child { padding:0 10px;}
#main .visual .main-cont .right > p b { position: relative; z-index: 1; padding:0 10px; display: inline-block;}
#main .visual .main-cont .right > p b::before { z-index: -1; content: ''; display: block; position: absolute; left:0; bottom:-10px; background-color: #5388fa; width: 100%; height: 25px; border-radius: 0 0 15px 0; }
#main .visual .main-cont .right .main-search { padding:0 2.1875rem; height: 100px; font-size: 1.625rem; border:8px solid #fff; color:#fff; position: relative; display: flex; justify-content: space-between; align-items: center; border-radius: 0 0 40px 0; background-color:rgba(30,46,78,0.4);}
#main .visual .main-cont .right .main-search input { border:none; width: 100%; height: 100%; background-color: transparent; color:#fff; padding:0 35px 0 15px; font-size:1.25rem; letter-spacing: -1px;}
#main .visual .main-cont .right .main-search input::placeholder { color:rgba(255, 255, 255, 0.8);}
#main .visual .main-cont .right .main-search > a { position: absolute; right:2.1875rem; top:50%; transform: translateY(-50%);}
/*#main .news { height: 500px; display: flex; justify-content: center; align-items: center; width: 100%; transform: translateX(260px); justify-content: space-between;}
#main .news .title { display: flex; flex-flow: column; justify-content: space-between; height: 180px; max-width: 380px; width: 20%;}
#main .news .title h2 { font-size: 3.125rem; color:#212225; font-weight: bold; margin:0;}
#main .news .title a { font-size: 1.25rem; color:#80869a; display: flex; align-items: center; max-width: 80px;}
#main .news .title a > i { margin-left:15px;}
#main .news .slider { height: auto; width: calc(100% - 380px); overflow: hidden;}
#main .news .slider .items {  background-color: #f5f8ff; width: 360px; height: 280px; border-radius: 0 0 40px 0; padding:2.5rem;  position: relative; border:1px solid #f5f8ff; transition-duration: .2s;}
#main .news .slider .items ul { display: flex; flex-flow: column; justify-content: space-between; height: 100%; padding-top:1.25rem;}
#main .news .slider .items ul > li > a { font-size: 1.125rem; color:#212225; font-weight: 500; line-height: 140%;}
#main .news .slider .items ul > li > span { font-size: 1rem; color:#9aa5c0; text-align: right; display: block;}
#main .news .slider .items:hover { box-shadow:20px 20px 10px rgba(0,0,0,0.06); background-color: #fff;}
#main .news .slider .items > .tag { position: absolute; width: 70px; height: 50px; line-height: 50px; text-align: center; border-radius: 0 0 0 15px; color:#fff; top:-14px; right:40px; }
#main .news .slider .items > .tag::before { content: ''; display: block; position: absolute; top:0; right:-5px; width: 5px; height: 14px; background-repeat: no-repeat;}
#main .news .slider .items.blue:hover { border-color:#5073c7;}
#main .news .slider .items.blue > .tag { background-color: #5073c7;}
#main .news .slider .items.blue > .tag::before { background-image: url(../img/card_tail_b.png);}
#main .news .slider .items.green:hover { border-color:#3fab7b;}
#main .news .slider .items.green > .tag { background-color: #3fab7b;}
#main .news .slider .items.green > .tag::before { background-image: url(../img/card_tail_g.png);}*/


/*230426_알림존*/
#main .main_bottom{display: flex; flex-flow: row wrap; align-items: flex-start; max-width: 1400px; margin: 0 auto; padding: 40px 0;}
#main .news {display: flex;  flex-flow: column; transform: translateX(0); justify-content: center; height: auto;  width: 100%;}
#main .main_bottom .title {width: 100%; display: flex; flex-flow: row; justify-content: space-between; align-items: flex-end; padding: 0 40px;}
#main .main_bottom .title h2 { font-size: 2.5rem; color: #212225; font-weight: bold; margin: 0;}
#main .main_bottom .title a {font-size: 1.125rem; color:#80869a; display: flex; align-items: center; max-width: 80px; margin-bottom: 10px;}
#main .main_bottom .title a > i { margin-left: 15px;}
#main .news .slider { width: 100%;}
#main .news .slider .items {  background-color: #f5f8ff; width: 360px; height: 280px; border-radius: 0 0 40px 0; padding:2.5rem;  position: relative; border:1px solid #f5f8ff; transition-duration: .2s;}
#main .news .slider .items ul { display: flex; flex-flow: column; justify-content: space-between; height: 100%; padding-top:1.25rem;}
#main .news .slider .items a { font-size: 1.125rem; color:#212225; font-weight: 500; line-height: 140%;}
#main .news .slider .items ul > li {overflow-wrap: break-word; word-break: break-all;}
#main .news .slider .items ul > li > span { font-size: 1rem; color:#9aa5c0; text-align: right; display: block; font-weight: 400;}
#main .news .slider .items:hover { box-shadow:20px 20px 10px rgba(0,0,0,0.06); background-color: #fff;}
#main .news .slider .items .tag { position: absolute; width: 70px; height: 50px; line-height: 50px; text-align: center; border-radius: 0 0 0 15px; color:#fff; top:-14px; right:40px; }
#main .news .slider .items .tag::before { content: ''; display: block; position: absolute; top:0; right:-5px; width: 5px; height: 14px; background-repeat: no-repeat;}
#main .news .slider .items.blue:hover { border-color:#5073c7;}
#main .news .slider .items.blue .tag { background-color: #5073c7;}
#main .news .slider .items.blue .tag::before { background-image: url(../img/card_tail_b.png);}
#main .news .slider .items.green:hover { border-color:#3fab7b;}
#main .news .slider .items.green .tag { background-color: #3fab7b;}
#main .news .slider .items.green .tag::before { background-image: url(../img/card_tail_g.png);}
#main .noticezone-area {display: flex;  flex-flow: column; transform: translateX(0); justify-content: center; height: auto; width: 100%; margin-top: 40px;}
#main .noticezone-area .slider02 { width: 100%; }
#main .noticezone-area .slider02 .items {  background-color: #f5f8ff; width: 100%; max-width: 660px; height: 280px; position: relative; border:1px solid #f5f8ff; transition-duration: .2s; overflow: hidden; }
#main .noticezone-area .slider02 .items img {width: 100%; height: 100%; object-fit: cover;}


/* 20230509_메인베너 */
#main .banner {width: 100%; display: flex; background-color: #fff; border-top: 1px solid #f5f8ff; height: 90px;}
#main .banner-site {width: 100%;  max-width: 1440px;  margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
#main .banner-site > span {display: block; min-width: 100px;   color:#212225; font-weight: bold; font-size: 18px; margin-left: 40px;}
#main .banner-site > .banner-brn {display: block; width: 100%; max-width: 1250px;}
#main .banner-site > .banner-brn > li {width: 100%;}
#main .banner-site > .banner-brn > li > a {display: inline-block; width: 100%; height: 100%; justify-content: center; align-items: center; }
#main .banner-site > .banner-brn > li > a > img { display: block; margin: 0 auto;}
#main .banner-btn {width: 100px; display: flex; border: 1px solid #ddd;}
#main .banner-btn .banner-next {border-left: 1px solid #ddd;}
#main .banner-btn .banner-next, .banner-btn .banner-prev {width: 50px; height: 50px; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center;}
#main .banner_a{height:50px; }
#main .banner_a > img{margin: 0 auto; height: 100%;}


#main .slick-slide {padding:20px; }

#main .slick-dots{width: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: center;}
#main .slick-dots > li{width: 10px;height: 10px; border-radius: 50%; background-color:#1e2e4e; font-size: 0; margin: 0 5px; opacity: 0.2}
#main .slick-dots > li.slick-active{ opacity: 0.6}
#main .slick-dots button{}

@media(min-width:768px) {	
#main .main_bottom{padding: 60px 0;}
#main .news .slick-list{width: calc( 100% + 150px ); }
}
@media(min-width:1280px) {
#main .main_bottom{padding: 80px 0;}
#main .news { width: 50%;}	
#main .noticezone-area {width: 50%; margin-top: 0;}
#main .main_bottom .title h2 { font-size: 2.5rem;}
	
#main .news .slick-list{width: 100%; padding: 20px;}
#main .noticezone-area .slick-list{margin-top: 20px;}
}

/* SUB PAGE TITLE */
.sub-title { background-color:#f6f8fb; height: 160px; display: flex; align-items: center; justify-content: center; position: relative; margin-left: 260px;}
.sub-title > h2 { color:#212225; font-weight: bold; font-size: 2.5rem; font-family: 'nexon'; margin:0;}
.sub-title > .back-btn { display: none; }
.sub-title > .back-btn > i {}

/* 주차장검색 */
.parking-search {}
.parking-search .search-form { height: 80px; border-bottom: 1px solid #e5e5e5; display: flex; width: 100%; position: fixed; z-index: 3000; background:#fff;}
.parking-search .search-form .search { position: relative; padding:0 25px; display: flex; justify-content: space-between; align-items: center; border-right: 1px solid #e5e5e5; height: 100%; width: 400px;}
.parking-search .search-form .search > span { display: block; width: 2.1875em; height: 2.1875em; border:2px solid #154194; border-radius: 0 0 10px 0; text-align: center; line-height: 33px; color:#154194; font-weight: 800; font-size: 1.125rem;}
.parking-search .search-form .search > input { border:none; width: 100%; display: block; height: 30px; margin:0 15px;}
.parking-search .search-form .search > input:focus { border-bottom: 1px solid #e4e4e4;}
.parking-search .search-form .search > a {}
.parking-search .search-form .search > a > .i_close{margin-bottom: 3px;}

/* 주차장검색-자동완성 (.serch-relative) */
.parking-search .search-form .search > .search-auto {width: 100%; position: absolute; top: 80px; left: 0; z-index: 1000; background-color: #fff; border-radius: 0 0 35px 0; padding: 10px 0 25px; box-shadow:  0 3px 3px rgb(0 0 0 / 5%); overflow: hidden;}
.parking-search .search-form .search > .search-auto > .auto_list {}
.parking-search .search-form .search > .search-auto > .auto_list > li {height: 40px; line-height: 40px; padding: 0;}
.parking-search .search-form .search > .search-auto > .auto_list > li > a {position: relative; width: 100%; padding-left: 70px; display: block;}
.parking-search .search-form .search > .search-auto > .auto_list > li > a::before {content: ''; display: block; width: 20px; height: 20px; position: absolute; left:30px; top: 10px; background-image: url("../img/i_auto.png"); background-repeat:no-repeat; background-size: cover; margin-right: 15px;}
.parking-search .search-form .search > .search-auto > .auto_list > li > a:hover {background-color: #f5f5f5;}
.parking-search .search-form .search > .search-auto > .auto_list > li > a > .auto_keyword {color: #5288FA;}

.parking-search .search-form .options { display: flex; align-items: center; width: calc(100% - 400px); padding:0 1.875rem; }
.parking-search .search-form .options .m-option-title { display: none; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.parking-search .search-form .options .m-option-title > p { font-size: 1.5rem; font-weight: bold; display: flex; align-items: center;}
.parking-search .search-form .options .m-option-title > p > i { margin-right: 5px; transform: scale(0.8);}
.parking-search .search-form .options .m-option-title > a { display: inline-block; border:1px solid #ccc; padding:6px 10px; font-size: 14px; color:#ccc;}
.parking-search .search-form .options .m-option-title > a > i { margin-left:5px;}
.parking-search .search-form .options .m-option-title + label { display: none;}
.parking-search .search-form .options .m-select-title { display: none; font-size: 1.25rem; font-weight: bold; padding-left:15px; margin-bottom: 15px;}
.parking-search .search-form .options > label { font-size: 0.875rem; color:#9296a2; font-weight: 200; margin-right: 2rem;}
.parking-search .search-form .options .select-box { margin-right: 15px;}
.parking-search .search-form .options .select-list li { margin-right: 5px;}
.parking-search .search-form .options .refresh { height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; border:1px solid #c1c1c1; margin-left:10px; text-indent: -99999px; min-width: 50px;}
.parking-search .search-form .options .m-submit-btn { height: 50px; line-height: 50px; background-color: #154194; color:#fff; display: none; text-align: center; width: calc(100% + 60px); transform: translateX(-30px);}
.parking-search .search-form .m-nav-btn { border-right: 1px solid #e5e5e5;}
.parking-search .search-form .m-opt-btn { border-left: 1px solid #e5e5e5;}
.parking-search .search-form .m-nav-btn,
.parking-search .search-form .m-opt-btn { display: none; width: 70px; height: 70px; justify-content: center; align-items: center; justify-content: center;}

/* 셀렉트 박스 */
.select-box { position: relative;}
.select-box .title {display: none;}
/*.select-box .titles { padding:0 0.9375rem; display: flex; justify-content: space-between; align-items: center; color:#c8c9cb; border:1px solid #c1c1c1; height: 50px;}
.select-box .titles.active { border-color:#212225; color:#212225;}
.select-box.sm .titles { width: 140px;}
.select-box.md .titles { width: 180px;}*/
/*.select-box .opt { border:1px solid #212225; padding:1.5625rem 1.25rem; position: absolute; width:260px; top:55px; background-color: #fff; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); z-index: 3000; border-radius: 0 0 15px 0; display: none; animation: over-ani .3s;}*/
/*.select-box .opt.active { display: block;}*/
.select-box .opt {display: flex; width: 240px; height: 50px; line-height: 50px; border: 1px solid #c1c1c1; align-items: center; justify-content: center;}
.select-box .opt.opt2 {width: 320px;}

.select-box .opt > p { font-size: 1rem; font-weight: 700; color:#212225;}
.select-box .opt > p > span {display: none;}
.select-box .opt > label { display: block; margin:0 0 0 15px; }
.select-box .opt > label:last-child { margin-bottom: 0;}

/* 셀렉트 리스트 */
.select-list { display: flex; align-items: center; }
.select-list li a { display: block; height: 50px; line-height: 50px; width: 85px; text-align: center; color:#c8c9cb; border:1px solid #c1c1c1; }
.select-list li.active > a { border-color: #0052ff; color:#212225; font-weight: 500;}
/* PC - 주차장검색 */
.maps { /*background: url(../img/map.jpg)no-repeat center center / cover ;*/ width: 100vw; /*height: calc(100vh - 400px);*/ height:calc(100vh - 100px); position: relative; overflow: hidden; /*padding-top:80px;*/}
/*.maps .area { position: absolute; width: 800px; height: 800px; top:5%; left:30%; border-radius: 50%;}*/
.maps .area .cont { position: relative; width: 100%; height: 100%; }
/*주차 태그*/
.maps .area .cont .pk {width: 38px; height: 45px; background-size: cover; display: flex; justify-content: center; align-items: center; font-size: 1.25rem; font-weight: bold; padding-bottom: 6px; position: absolute; background: url(../img/pk_black.png)no-repeat center center; transition: 0.2s;}
.maps .area .cont .pin { width: 21px; height: 39px; position: absolute; transform: translate(-50%,-50%); left:50%; top:50%; transition: 0.2s;}
.maps .area .cont .tag { width: 38px; height: 45px; background-size: cover !important; display: flex; justify-content: center; align-items: center; font-size: 1.0625rem; font-weight: bold; padding-bottom: 8px; position: absolute; transition: 0.2s;}
.maps .area .cont .tag.red { background: url(../img/pk_red.png)no-repeat center center;  color: #e45f5e;}
.maps .area .cont .tag.green {background: url(../img/pk_green.png)no-repeat center center; color: #279966; }
.maps .area .cont .tag.yellow { background: url(../img/pk_yellow.png)no-repeat center center; color: #e5a700;}
.maps .area .cont .pk_dot {position:absolute; width:14px; height:14px; background-color:#ccc; border-radius: 50%; transition: 0.2s; border:1px solid #666;}
.maps .area .cont .pk_dot:hover {transform: scale(1.2); box-shadow: 0 0 8px rgba(0,0,0,0.2);}
/* .maps .area .cont .tag::before { content: ''; display: block; background-repeat:no-repeat; width: 7px; height: 6px; position: absolute; left:0; bottom: -6px; } */
.map .area .cont .tag.active, .map .area .cont .pin.active, .map .area .cont .pk.active {transform:scale(1.2); filter: drop-shadow(0 4px 4px rgba(0,0,0,0.4));}

.search-list { position: absolute; left:0; top:80px; height: calc(100% - 80px);}
.search-list .wraper { position: relative; transition-duration: .4s; left:0; display: flex; align-items: stretch; box-shadow: 0 5px 10px rgba(0,0,0,0.25); height: 100%; z-index:200;}
.search-list .wraper.active { left:-100%; }
.search-list .wraper .dash-btn { display: block; cursor: pointer; width: 21px; height: 65px; position: absolute; right:-21px; top:50%; transform: translateY(-50%); background: url(../img/list_more.png)no-repeat center center;}
.search-list .wraper .dash-btn.active { background: url(../img/list_remore.png);}
.search-list .wraper .list-box { width: 400px; border-right:1px solid #e5e5e5; background-color: #fff; overflow-y: auto; height: 100%;}
.search-list .wraper .list-box::-webkit-scrollbar { width: 12px; height: 10px; }
.search-list .wraper .list-box::-webkit-scrollbar-thumb { background-color: #b1b5c5; border-radius: 1px; background-clip: padding-box; border: 1px solid transparent;}
.search-list .wraper .list-box::-webkit-scrollbar-track { background-color: #f8faff; }
.search-list .wraper .list-box .head { background-color: #f2f5ff; height: 45px; padding:0 1.5625rem; line-height: 45px;  border-bottom:1px solid #e5e5e5; display: flex; justify-content: space-between; align-items: center;}
.search-list .wraper .list-box .head span { font-size: 0.875rem; color:#656a7c; }
.search-list .wraper .list-box .head span b { margin:0 5px 0 15px; font-size: 1.125rem; font-weight: bold; color:#0052ff; display: inline-block;}
.search-list .wraper .list-box .head ul { display: flex; }
.search-list .wraper .list-box .head ul li a { font-size: 14px;}
.search-list .wraper .list-box .head ul li:nth-of-type(2) em { font-size: 12px; padding:0 5px;}
.search-list .wraper .list-box .head ul li.active a { font-weight: bold;}
.search-list .wraper .list-box .box .list { display: flex; justify-content: space-between; border-bottom: 1px solid #e5e5e5; }
.search-list .wraper .list-box .box .list:hover { background-color:#f8f8f8 ;}
.search-list .wraper .list-box .box .list .info { padding:1.1625rem; }
.search-list .wraper .list-box .box .list .info dl { display: flex; align-items: flex-start;}
.search-list .wraper .list-box .box .list .info dl dt { color:#000000; font-size: 1.25rem; font-weight: 600; margin-right: 10px;}
.search-list .wraper .list-box .box .list .info dl dd { min-width: 60px; }
.search-list .wraper .list-box .box .list .info dl dd ul {}
.search-list .wraper .list-box .box .list .info dl dd ul li.tag { display: block; padding:0 1rem; height: 26px; line-height: 26px; color:#000; border-radius: 13px; border:1px solid #dedede; background-color: #f5f5f5; margin: 0;}
.search-list .wraper .list-box .box .list .info dl dd ul li.way { display: none;}
.search-list .wraper .list-box .box .list .info ul {}
.search-list .wraper .list-box .box .list .info ul li { font-size: 1rem; color:#979899; margin:5px 0; display: flex; align-items: center; }
.search-list .wraper .list-box .box .list .info ul li i { margin-right: 5px;}
.search-list .wraper .list-box .box .list .info ul li:first-child { color:#55575b; font-size: 0.875rem; font-weight: 600; }
.search-list .wraper .list-box .box .list .info ul li:first-child span { color: #000000; font-weight: 300; font-size: 1.25rem; margin-left:10px;}
.search-list .wraper .list-box .box .list .info ul li:first-child span b { color:#5288fa; font-weight: bold; font-size: 1.75rem; margin-right: 3px;}
.search-list .wraper .list-box .box .list .info ul li:first-child span b.deadline { color:#e36f6d; font-size:1.25rem; letter-spacing: -0.075em;}
.search-list .wraper .list-box .box .list .view { border-left:1px solid #e5e5e5;}
.search-list .wraper .list-box .box .list .view li:first-child { border-bottom: 1px solid #e5e5e5;}
.search-list .wraper .list-box .box .list .view li a { display: flex; width: 90px; height: 90px; justify-content: center; align-items: center; flex-flow: column; font-size: 0.875rem; color:#3a3b3e;}
.search-list .wraper .list-box .box .list .view li .more-view { }
.search-list .wraper .list-box .box .list .view li a i { display: block; margin-bottom: 10px;}
/* 상세보기 */
.search-list .wraper .item-box { background-color: #fff; width: 400px; padding:1.25rem 1.5625rem; border-right: 1px solid #e5e5e5; display: none; overflow-y: auto;}
.search-list .wraper .item-box::-webkit-scrollbar { width: 12px; height: 10px; }
.search-list .wraper .item-box::-webkit-scrollbar-thumb { background-color: #b1b5c5; border-radius: 1px; background-clip: padding-box; border: 1px solid transparent;}
.search-list .wraper .item-box::-webkit-scrollbar-track { background-color: #f8faff; }
.search-list .wraper .item-box.active { display: block;}
.search-list .wraper .item-box .item-close { float:right; }
.search-list .wraper .item-box .type { display: block; background-color: #f5f5f5; border-radius: 13px; padding:4px 10px; border:1px solid #e1e1e1; font-size: 14px; margin:0 auto 20px auto; max-width: 55px; text-align: center;}
.search-list .wraper .item-box .names { font-size: 1.5rem; color:#000000; font-weight: 600; text-align: center; margin-bottom: 1.5rem;}
.search-list .wraper .item-box .names > small { font-size: 14px; font-weight: 300;}
.search-list .wraper .item-box .info {}
.search-list .wraper .item-box .info > li { display: flex; align-items: center; margin-bottom: 10px; color:#616267; font-weight: 200;}
.search-list .wraper .item-box .info > li > i { margin-right: 5px; }
.search-list .wraper .item-box .info > li > a { color:#5288fa; margin-left:10px; font-size: 14px; font-weight: 500;}
.search-list .wraper .item-box .info > li > a > i { margin-right:3px;}
.search-list .wraper .item-box .current { display: flex; }
.search-list .wraper .item-box .current dl { width: 50%; border:1px solid #000; text-align: center;}
.search-list .wraper .item-box .current dl:first-child { border-right:none;}
.search-list .wraper .item-box .current dl dt { display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #000; color:#fff;}
.search-list .wraper .item-box .current dl dd { display: flex; height: 60px; line-height: 60px; background-color: #fff; font-size: 1.875rem; justify-content: center; align-items: center;}
.search-list .wraper .item-box .current dl dd span { width: 40px; height: 40px; border-radius: 50%; border:1px solid #ccc; font-size: 12px; line-height: 40px; text-align: center; display: inline-block; margin-left:10px;}
.search-list .wraper .item-box .current dl:first-child dt { background-color: #154194; }
.search-list .wraper .item-box .current dl:last-child dd { font-weight: 500; }
.search-list .wraper .item-box .current dl.wide {width:100%; border-right:1px solid #000;}

.search-list .wraper .item-box .current dl.green dt { background-color: #3cb47e; }
.search-list .wraper .item-box .current dl.green dd { color: #3cb47e; }
.search-list .wraper .item-box .current dl.green dd span { border-color: #3cb47e; background-color: #effff8;}
.search-list .wraper .item-box .current dl.yellow dt { background-color: #e5a700; }
.search-list .wraper .item-box .current dl.yellow dd { color: #e5a700; }
.search-list .wraper .item-box .current dl.yellow dd span { border-color: #e5a700; background-color: #e5a80010;}
.search-list .wraper .item-box .current dl.red dt { background-color: #e45f5e; }
.search-list .wraper .item-box .current dl.red dd { color: #e45f5e; }
.search-list .wraper .item-box .current dl.red dd span { border-color: #e45f5e; background-color: #e45e5e17;}
.search-list .wraper .item-box .current dl.black dt { background-color: #444; }
.search-list .wraper .item-box .current dl.black dd { color: #222; }
.search-list .wraper .item-box .current dl.black dd span { border-color: #222; background-color: #f1f1f1;}

.search-list .wraper .item-box .find-road { display: flex; width: 100%; height: 55px; justify-content: center; align-items: center; background-color: #5288fa; color:#fff; font-weight: bold; border-radius: 0 0 15px 0;}
.search-list .wraper .item-box .find-road i { margin-right: 10px;}
.search-list .wraper .item-box .quick { border:1px solid #c1c1c1; border-radius: 15px 0 15px 0; display: flex; align-items: center; overflow: hidden;}
.search-list .wraper .item-box .quick li { width: calc(100% / 3); border-right:1px solid #c1c1c1; }
.search-list .wraper .item-box .quick li:hover a { background-color: #154194; color:#fff;}
.search-list .wraper .item-box .quick li:hover a i { background-position-y: -89px;}
.search-list .wraper .item-box .quick li:last-child { border-right: none;}
.search-list .wraper .item-box .quick li a { display: flex; flex-flow: column; justify-content: center; align-items: center; height: 70px; font-size: 14px; color:#3f3d3d;}
.search-list .wraper .item-box .quick li a i { display: block; margin-bottom: 6px;}
.search-list .wraper .item-box .quick li.on a i { background-position-y: -107px;}
.search-list .wraper .item-box .box-title { font-size: 1.125rem; color:#212225; font-weight: 600; margin-bottom: 10px;;}
.search-list .wraper .item-box .box { background-color: #f9fafe; border-radius: 10px 0 10px 0;  padding:1.5625rem 1.875rem;}
.search-list .wraper .item-box .box dl  { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; letter-spacing: -0.025em;}
.search-list .wraper .item-box .box dl dt { color:#8f94a3; font-weight: 300; position: relative; padding-left:10px;}
.search-list .wraper .item-box .box dl dt::before { content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color:#b0b6c8; position: absolute; left:0; top:8px; }
.search-list .wraper .item-box .box dl dd { color:#34363a;}
.search-list .wraper .item-box .box p {text-align: right; margin-top:20px;}
.search-list .wraper .item-box .box span {font-size:14px; font-weight: bold; position:relative;}
.search-list .wraper .item-box .box span:before {content: "!"; position: absolute; width:16px; height:16px; border-radius: 50%; background-color:#3cb47e; color:#fff; text-align: center; left:-20px; top:50%; transform:translateY(-50%);}

/* 픽스버튼 */
.fix-btn { position: absolute; right:30px; top:100px; display: flex; flex-flow: column; align-items: center; z-index: 2000;}
.fix-btn > a,
.fix-btn > ul > li > a { width: 3.125em; height: 3.125em; border:1px solid #c1c1c1; display: flex; justify-content: center; align-items: center; background-color: #fff;}
.fix-btn > ul > li:first-child > a { border-bottom: none;}
.fix-btn a.gps { margin-bottom: 20px;}
.fix-btn a.m-list-btn { display: none; border-radius: 0 0 11px 0; background-color: #f2f5ff; border:2px solid #405bb5;}
.fix-btn a.m-list-btn.active { background-color: #154194; }
.fix-btn a.m-list-btn.active i { background-position-y: -31px;}
.fix-btn > span { border-radius: 50%; width: 30px; height: 30px; background-color: #154194; color:#fff; border:1px solid #000; font-size: 1.25rem; line-height: 30px; text-align: center; cursor: pointer; margin-top:20px;}
.fix-btn > span:hover { box-shadow: 0 0 5px rgba(0,0,0,0.35); transform: translateY(-2px); transition: cubic-bezier(0.22, 0.61, 0.41, 0.99) .3s; }
.fix-btn .tooltip { background-color: #fff; border:1px solid #212225; border-radius: 0 0 25px 0; padding:25px 20px; box-shadow: 3px 3px 8px rgba(0,0,0,0.4);  position: absolute; width: 350px; right:-15px; top:15px; animation: over-ani .4s ease-out ; display: none;}
.fix-btn .pr.active .tooltip { display: block; }
.fix-btn .parkinglist {display: none;}

/*주차 아이콘 */
.tooltip {display: flex; justify-content: space-between; align-items: center; width: 430px; background-color: #fff; border:1px solid #c1c1c1; border-radius: 0 0 25px 0; padding: 10px 20px; box-shadow: 3px 3px 8px rgba(0,0,0,0.2); position: absolute; bottom: 50px; right: 30px;  z-index:2000;}
.tooltip > div { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.tooltip > div > p { font-size: 1rem; color:#212225; font-weight: bold;}
.tooltip > div > p > i { margin:0 0 3px 5px;}
.tooltip > div > a {}
.tooltip > div > a > i {}
.tooltip > dl { display: flex; align-items: center;}
.tooltip > dl:last-child dt { margin-right: 0;}
.tooltip > dl dt { margin-right: 5px; min-width: 40px; text-align: center;}
.tooltip > dl dt .tag { padding:3px 3px 9px; letter-spacing: -0.05em; font-weight: 600;width: 42px; height: 52px; background-size: cover; display: flex; justify-content: center; align-items: center; font-size: 10px;}
.tooltip > dl dt .tag.green {background: url(../img/pk_green.png)no-repeat center center; color: #279966; }
.tooltip > dl dt .tag.yellow{ background: url(../img/pk_yellow.png)no-repeat center center; color: #e5a700;}
.tooltip > dl dt .tag.red { background: url(../img/pk_red.png)no-repeat center center;  color: #e45f5e;}
.tooltip > dl dt .pk {background: url(../img/pk_black.png)no-repeat center center; }
.tooltip > dl dd { font-size: 0.875rem; }
.tooltip .bukgu_go {text-indent: -9999px; width:40px; height:37px; background:url("../img/bukgu_go.png") no-repeat center;}

/* 마이페이지 - 아이디찾기 */
.tab-cont { max-width: 1400px; width: 100%; margin:50px auto; border:1px solid #dae0ea; min-height: 520px; }
.tab-cont .tab { display: flex; align-items: center; border-bottom: 1px solid #dae0ea;}
.tab-cont .tab > li { width: 50%; height: 65px; text-align: center; line-height: 60px;}
.tab-cont .tab > li:first-child { border-right:1px solid #dae0ea;}
.tab-cont .tab > li a { color:#bec2ce; font-size: 1.25rem; font-weight: 700; display: block; width: 100%; height: 100%;}
.tab-cont .tab > li.active a,
.tab-cont .tab > li:hover a { background-color: #154194; color:#fff;}
/* 마이페이지 - 아이디찾기 결과 */
.tab-cont .find-id { }
.tab-cont .find-id h3 { color:#212225; font-weight: bold; font-size: 1.875rem; margin:3.75rem 0 1.25rem 0; text-align: center;}
.tab-cont .find-id p { font-size: 1rem; color:#b3b7c3;  text-align: center;}
.tab-cont .find-id .box { display: block; text-align: center; margin:6.25rem auto; }
.tab-cont .find-id .box p { font-size: 1.5rem; color:#212225; letter-spacing: -0.025em;}
.tab-cont .find-id .box p b { color:#5288fa; font-weight: bold;}
/* 마이페이지 - 비밀번호찾기 결과 */
.tab-cont .find-pw { padding-bottom:3.75rem;}
.tab-cont .find-pw h3 { color:#212225; font-weight: bold; font-size: 1.875rem; margin:3.75rem 0 1.25rem 0; text-align: center;}
.tab-cont .find-pw p { font-size: 1rem; color:#b3b7c3;  text-align: center;}
.tab-cont .find-pw .box { display: block; text-align: center; margin:3.125rem auto 0 auto; }
.tab-cont .find-pw .box p { font-size: 1.5rem; color:#212225; letter-spacing: -0.025em;}
.tab-cont .find-pw .box p b { color:#5288fa; font-weight: bold;}
.tab-cont .find-pw span { background-color: #eef1f6; display: inline-block; padding:10px 10px; color:#154194; margin:0 auto; font-weight: bold; font-size: 1rem;}
/* 마이페이지 - 로그인 폼 */
.login-form { display: flex; flex-flow: column; justify-content: center; align-items: center;}
.login-form h3 { color:#212225; font-weight: bold; font-size: 1.875rem; margin:3.75rem 0 1.25rem 0;}
.login-form p { color:#b3b7c3; font-size: 1rem; text-align: center;}
.login-form .cont { max-width: 350px; width: 100%; }
.login-form .box { width: 100%;}
.login-form .box label { color:#212225; font-weight: bold; font-size: 14px; display: block; margin-bottom: 5px;}
.login-form .box input { background-color: #f6f7fa; border:1px solid #dae0ea; padding:0 1.5625rem;  height: 60px; width: 100%;}
.login-form .find-wrap { display: flex; justify-content: space-between; margin-top:2.5rem;}
.login-form .find-wrap ul { display: flex; }
.login-form .find-wrap ul li {}
.login-form .find-wrap ul li:nth-of-type(2) { padding:0 5px; color:#cccccc;}
.login-form .find-wrap ul li a { font-size: 14px; color:#212225;}
.login-form .find-wrap > a { display: flex; align-items: center;}
.login-form .find-wrap > a i { margin-right: 3px;}
/* 마이페이지 - 회원가입 */
.join-form { width: 100%; max-width: 490px; margin:0 auto; }
.join-form > h3 { color:#212225; font-weight: bold; font-size: 1.875rem; margin:3.75rem 0 1.25rem 0; text-align: center; }
.join-form .prcs-wrap { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%;}
.join-form .prcs-wrap::before { content: ''; display: block; left:0; top:30%; left:50%; transform: translate(-50%,-50%); width: 95%; height: 1px; border:1px dashed #e3e8f3; position: absolute; }
.join-form .prcs-wrap li { display: flex; flex-flow: column; justify-content: center; align-items: center;}
.join-form .prcs-wrap li .icon { background-color: #e3e8f3; display: flex; width: 2.625em; height: 2.625em; position: relative; border-radius: 50%; justify-content: center; align-items: center; color:#a9b1c2;}
.join-form .prcs-wrap li .icon::before { content: ''; display: block; left:50%; top:50%; transform: translate(-50%, -50%); position: absolute; border:1px solid #9ea3b1; width:3.125em; height: 3.125em; border-radius: 50%;}
.join-form .prcs-wrap li .text { font-weight: bold; color:#a9b1c2; font-size: 1rem; margin-top:15px; font-weight: normal;}
.join-form .prcs-wrap li.active > .icon { background-color: #154194; color:#fff;}
.join-form .prcs-wrap li.active > .text { color:#212225; font-weight: 500;}
.join-form .box { }
.join-form .box label { font-size: 14px; color:#212225; font-weight: bold; display: block; margin-bottom: 5px; }
.join-form .box input { border:1px solid #dae0ea; height: 60px; padding:0 1.5625rem; display: inline-block; width: 100%;}
.join-form .box input:focus { border:1px solid #5288fa;}
.join-form .box input:disabled { border-color: #666; background-color: #f8f8f8;}
.join-form .box input:-internal-autofill-selected {background-color:#edf4ff !important;}
.join-form b { color:#fe2929;}
.join-form .sub-heading { border-bottom: 1px solid #e5e5e5; padding:1.25rem 0; color:#212225; font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5625rem; line-height: 100%;}
.join-form .refer-text { color:#212325; font-size: 14px; text-align: right; display: block;}
.join-form .box.inner-btn { display: flex; flex-flow: row wrap; justify-content: space-between;}
.join-form .box.inner-btn label { width: 100%; }
.join-form .box.inner-btn input { max-width:360px; width: 73%;}
.join-form .box.inner-btn .btn { height: 60px; line-height: 60px; max-width: 120px; width: 26%;}
/* 회원가입 */
.join-form .certify { text-align: center; margin-bottom: 100px;}
.join-form .certify p { color:#212225; font-size: 1.25rem; font-weight: bold;}
.join-form .certify a { margin:1.875rem auto; max-width: 350px;}
.join-form .certify span { color:#b3b7c3; font-size: 1rem; line-height: 140%; display: block;}
.join-form .box_sub input {width:30%;}
/* 동의사항 */
.agreed-box { border:1px solid #dae0ea; }
.agreed-box .head { background-color: #f6f7fa;padding:1.5625rem;}
.agreed-box .head label { display: flex; height: auto; line-height: 130%;}
.agreed-box .head label .icon { min-width: 20px; margin-right: 10px;}
.agreed-box .body { border-top:1px solid #dae0ea; padding:1.875rem; height: 180px; overflow-y: auto; }
.agreed-box .body p { color:#868686; font-size: 1rem;}
/* 설정 */
.setting { padding:1.25rem 0; width: 100%; margin:0 auto;}
.setting p { color:#868a95; font-size: 1rem; padding:1.25rem 0; border-bottom:1px solid #e5e5e5; display: block; margin-bottom: 1.25rem;}
.setting dl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25rem;}
.setting dl dt { color:#212225; font-size: 1.25rem;}
.setting dl dd { font-size: 1.125rem;}
.setting dl dd .update-btn { border:1px solid #e5e5e5; font-size: 1.125rem; color:#000; padding:5px 10px; display:inline-block; margin-left: 20px;}
.setting dl dd > a { min-width: 20px; display: inline-block; text-align: center;}
.setting dl dd b { color:#5288fa; font-weight: 400;}
.setting dl dd span { color:#868a95; padding-right: 10px;}
/* 마이페이지 */
.mypage { padding:1.25rem 0; width: 100%; margin:0 auto;}
.mypage p { color:#868a95; font-size: 1rem; padding:1.25rem 0; border-bottom:1px solid #e5e5e5; display: block; margin-bottom: 1.25rem;}
.mypage dl > a { display: flex; justify-content: space-between; align-items: center; margin:1.25rem 0;}
.mypage dl > a > dt { color:#212225; font-size: 1.25rem;}
.mypage dl > a > dd { font-size: 1.125rem;}
.mypage dl > a > dd .update-btn { border:1px solid #e5e5e5; font-size: 1.125rem; color:#000; padding:5px 10px; display:inline-block; margin-left: 20px;}
.mypage dl > a > dd > a { min-width: 20px; display: inline-block; text-align: right;}
.mypage dl > a > dd b { color:#5288fa; font-weight: 400; margin-right: 10px;}
.mypage dl > a > dd span { color:#868a95; padding-right: 10px;}
/* 자주묻는질문 */
.faq { max-width: 1000px; margin:0 auto; width: 100%;}
.faq > .box {}
.faq > .box > .list {}
.faq > .box > .list:first-child > a { border-top:2px solid #48556b;}
.faq > .box > .list > a { border-bottom: 1px solid #e5e5e5; padding:1.5625rem 1.8rem 1.5625rem 1.25rem; display: flex; width: 100%; font-size: 1.125rem; position: relative; align-items: baseline;}
.faq > .box > .list > a > b { font-size: 1.25rem; font-weight: normal; margin-right: 10px;}
.faq > .box > .list > a > span {}
.faq > .box > .list > a > i { position: absolute; right:20px; top:25px; }
.faq > .box > .list .box { display: none;}
.faq > .box > .list .box dl { display:flex; padding:1.25rem; background-color: #f9fefc; border-top:1px solid #21573f; border-bottom:1px solid #21573f;}
.faq > .box > .list .box dl dt { font-weight: bold; font-size: 1.25rem; color:#279966; min-width: 30px; }
.faq > .box > .list .box dl dd { width: 100%; line-height: 140%;}
.faq > .box > .list .box dl dd span { font-size: 14px; color:#7c8581; margin-top:1.25rem; display: block;}
.faq > .box > .list.active > a > span { font-weight: bold;}
.faq > .box > .list.active > a > b { color:#5288fa; font-weight: 900;}
.faq > .box > .list.active > a > i { background-position: -77px -42px !important; transform: rotate(270deg) !important;}
/* 공지사항 - 리스트 */
.notice { max-width: 1000px; width: 100%; margin:0 auto;}
.notice li { padding:1.25rem; border-bottom:1px solid #e5e5e5;}
.notice li > a { font-size: 1.125rem; display: flex; justify-content: space-between; align-items: center; }
.notice li > a > span { white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; width: calc(100% - 20px); font-size: 1.25rem;}
.notice li > a > i {}
.notice li > span { font-size: 14px; color:#868a95; display: block; margin-top:5px; font-weight: 300;}
/* 공지사항 - 테이블 20230323 김준영 추가 */
.table-reactive { overflow-x: auto;}
.table-reactive .bd_table { min-width: 600px;}
/* 게시판 테이블 */
/* 게시판 폼 */
.board_form .search-form select {height:60px; border-radius: 0;}
.board_form .search-form input[type="text"] {border:1px solid #e5e5e5; height:60px; width:100%; padding: 0 25px; line-height:60px; margin:10px 0;}
.board_form .search-form button.btn {max-width:100% !important;}
.board_page {display: flex; justify-content: space-between; margin-bottom:10px;}
.board_page > p > b {font-weight: bold; margin:0 5px;}
/* board_table */
.bd_table { border-collapse: collapse; width:100%; text-align: center; word-break: break-all;}
/* board_table-style */
.bd_table.style1 {overflow: hidden; border-top:2px solid #1d2088;}
.bd_table.style1 tr { border-bottom: 1px solid #cccfd8;}
.bd_table.style1 tr:hover td { background-color: #f8f8f8;}
.bd_table.style1 tr th { background-color:#f0f3fb; color:#2d2f34;}
.bd_table.style1 tr td { background-color:#fff; color:#55575d;}
.bd_table.style1 tr td small {color:#a4a4a4;}
.bd_table.style1 tr td:first-child { border-left:none;}
.bd_table.style1 tr:last-child td {border-bottom: none;}
.bd_table.style1 tr th, .bd_table.style1 tr td {padding-top:1.25rem; padding-bottom:1.25rem; padding-left:0.3125rem; padding-right:0.3125rem; font-size:14px;}
i.i_files {width:19px; height:20px; background:url("../img/file.png") no-repeat center !important;}
i.i_lock {width:10px; height:14px; background:url("../img/lock.png") no-repeat center !important;}
.table tr.tc td,.table tr.tc th { text-align: center;}
.table tr.tl td,.table tr.tl th { text-align: left;}
.table tr.tr td,.table tr.tr th { text-align: right;}
/* 공지사항 - 글쓰기 */
/* table-form */
.table.form { overflow: hidden; border-top:1px solid #000000;}
.table.form tr { border-bottom: 1px solid #e9e9e9;}
.table.form tr td { text-align: left; padding: 20px;}
.table.form tr td small { font-size:  var(--font-size-14); color:#3b3b3b; letter-spacing: -0.025em;}
.table.form tr td input[type="text"] { height: 50px; line-height: 50px; padding:0 15px; border:1px solid #dcdcdc; border-radius: 8px; display: inline-block; width: 100%;}
.table.form tr td textarea { min-height: 500px; padding:0.9375rem; border:1px solid #dcdcdc; border-radius: 8px; display: inline-block; width: 100%;}
.table.form tr td a.btn { height: 50px; line-height:50px; min-width: 200px;}
.table.form tr:hover td { background-color: transparent;}
.table.form tr th { background-color:#f5f5f5; color:#333;}
.table.form tr td { background-color:#fff; font-size: 1rem; color:#282828;}
.table.form tr td small { color:#a4a4a4;}
.table.form tr td:first-child { border-left:none;}
.table.form tr:last-child td { border-bottom: none;}
.table.form .attach_btn {display: flex;}
.table.form .attach_btn input {width:calc(100% - 220px)!important; }
.table.form .attach_btn .btn {max-width:  200px; margin-top: 0; border-radius: 8px;}

@media (min-width:1400px) {	
	.table tr:hover > td{background-color: var(--bg-color-1); }	
}
@media (min-width:640px) {		
	/*btn*/
	.btn.mx4 {max-width: 400px; }
	.btn_wrap2 > a{margin-right: 30px;}
	.btn_wrap4{ flex-direction: row; justify-content: center; display:flex;}
	.btn_wrap4 a.btn{margin-bottom: 0;}
	.btn_wrap4 a.btn:last-child{margin-right: 0;}
}
@media (min-width:1040px) {

	.cont_body{min-height: 800px; padding: 50px 0 100px; margin: 0 auto; width:100%; max-width:1400px;}	
	.m_sub_nav{display: none;}	
	.cont_head{height: 60px; background-color: var(--blue-3); margin-bottom: 0;}
	.cont_head > div.flex_box{flex-direction: row;  justify-content: space-between;}	
	.cont_head h2.cont_title{height: 60px;text-align: left; line-height: 60px;}	
	/*서브나브*/

	.sub_nav {display: flex; width: 500px; margin: 0; border-radius: 0; border:0;  color: #fff; border-right: 1px solid var(--border-color-2); }
	.sub_nav.depth {width: 720px; }
	.sub_nav > div{width: 220px; height: 60px; line-height: 60px; border-left: 1px solid var(--border-color-2); }

	.sub_nav > div a,.sub_nav > div > span{display: block; width: 100%; height: 100%; padding: 0 20px; cursor: pointer;}
	.sub_nav > div:first-child{width:60px; }
	.sub_nav > div > span{background-image: url("../img/icon/i_menu_down.png"); background-repeat: no-repeat; background-position:top 25px right 20px; background-size: 7%;}
	.sub_nav > div > span.active{background-image:url("../img/icon/i_menu_up.png");background-color:#fff; border:  1px solid var(--text-color-3); border-bottom: 0; color: var(--text-color-1);}
	.sub_nav i.i_br_home{width: 100%; height: 100%;}
	.sub_nav .deps { position: relative; z-index: 40;background-color:#fff; border:  1px solid var(--text-color-3); color: var(--text-color-1); padding: 20px 0; display: none;}
	.sub_nav .deps.active{display: block;}
	.sub_nav .deps > li{font-size: 1rem; line-height: 2; font-weight: 600;}
	.sub_nav .deps > li > a:hover{color: var(--primary-color);}

}
.attach_btn input[type='file'] {position:absolute; top:15px; left:15px; height:38px; width:400px;}
.notice_table select {height: 50px;
    line-height: 50px ;-webkit-appearance: none; -moz-appearance: none; appearance: none;border-radius: 8px; background: url(../img/slt-btn.png)no-repeat calc(100% - 1.25rem) center; background-size:  15px 10px; border:1px solid #dcdcdc;
     padding:0 25px; width: 100%; color: var(--text-color-2); font-size: 1rem; font-weight: 500; cursor: pointer;}

/* ------- */
/* 공지사항 - 글보기 - 이전글 다음글  20230323 추가*/
.notice_page_quick { width:100%;  border-top:2px solid var(--blue-3); }
.notice_page_quick li { width:100%; height:70px; display: flex;  border-bottom: 1px solid var(--gray-6); align-items: center; font-size: 1rem; overflow: hidden; }
.notice_page_quick li > span { display: block; width:100%; height: 100%; max-width: 140px; text-align: center; background-color:#f0f3fb ;line-height: 70px; font-size:  var(--font-size-18);  font-weight: 800;}
.notice_page_quick li > a { display: block; width:100%; height: 100%; line-height: 70px; padding-left: 15px; letter-spacing: -0.05em;  font-weight: 500; color: #7d7d7d;}
.notice_page_quick li > small { display: block; width:100%; height: 100%; max-width: 100px; line-height: 40px;}
/* 공지사항 - 상세 */
.notice-view {width: 100%; margin:0 auto;}
.notice-view .head { padding:1.25rem 0; border-bottom: 1px solid #e5e5e5;}
.notice-view .head h3 { font-size: 1.5rem; font-weight: 500; margin:0 0 10px 0; overflow-wrap: break-word; word-break: break-all;}
.notice-view .head span { font-size: 1rem; color:#868a95;}
.notice-view .body { padding:1.25rem 0; line-height: 130%;}
.notice-view .body > img { display: block; margin-bottom: 1.25rem;}
.notice-view .foot {  }
.notice-view .foot > p { color:#868a95; font-size: 0.875rem; padding-bottom: 0.9375rem; margin-bottom: 0.9375rem; border-bottom: 1px solid #e5e5e5;}
.notice-view .foot .file {border-bottom:1px solid #e5e5e5;}
.notice-view .foot .file li { margin-bottom: 10px;}
.notice-view .foot .file li a { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.notice-view .foot .file li a span:hover { text-decoration: underline;}
.notice-view .foot .file li a i {}
/*공사항-상세-목록버튼*/
.notice-view > .btn-wrap {display: flex; justify-content: flex-end; max-width: 100%; line-height: 48px; padding-top: 1.25rem; margin-top:  0.9375rem; border-top: 1px solid #e5e5e5;}
.notice-view > .btn-wrap  > a {width: 100px; margin-right:13px;}
/* 20230327 */
/*커뮤니티*/
/*  공지사항 - 글보기 */
.notice_wrap { overflow: hidden;}
i.material-icons {margin-right:15px; vertical-align:inherit;}
/* 공지사항 - 글보기 - 타이틀 */
.notice_title { border-bottom: 2px solid var(--text-color-3); padding:0 0 20px 0; margin-bottom: 20px; margin-top:15px;}
.notice_title h3 { margin-top:0; font-weight: 700;  margin-bottom: 15px;}
.notice_info { display: flex; max-width: 500px;}
.notice_info li { font-size:  var(--font-size-16); font-weight: 500; position: relative; padding:0 20px; color: var(--list-text-color);}
.notice_info li::after { content: ''; width:2px; height:12px; background-color: #ccc; position: absolute; right:0; top:8px;}
.notice_info li:first-child { padding-left:0;}
.notice_info li:last-child::after { display: none;}
.notice_info li > span { font-weight: 400;}
/* 공지사항 - 글보기 - 컨텐츠 */
.notice_cont {min-height: 400px; line-height: 160%; letter-spacing: -0.025em; color:#2c2c2c; overflow-wrap: break-word; word-break: break-all;}
.notice_cont p {font-weight: 400 }
.notice_cont img { display: block; width: 100%; margin: 0 auto;}
/* 공지사항 - 글보기 - 파일 */
.notice_file {padding:20px 0; display:flex; font-size:  var(--font-size-16); font-weight: 400;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; }
.notice_file > span {color: var(--list-text-color); margin-right: 50px;}
.notice_file > ul {}
.notice_file > ul > li { margin:10px 0 10px 0;}
.notice_file > ul > li > a { color:var(--text-color-3); letter-spacing: -0.025em;  text-decoration: underline;}
.notice_file > ul > li > a > i { margin:0 0 2px 10px;}
.notice_file > ul > li > a:hover { color:#1d5bc1;}
/* 공지사항 - 글보기 - 필드 */
.notice_field {padding:20px 0;display:flex;font-size:  var(--font-size-16);font-weight: 400;/* border-top:1px solid #e5e5e5; */border-bottom:1px solid #e5e5e5;}
.notice_field {}
.notice_field > span {color: var(--list-text-color);margin-right: 50px;}
/* 공지사항 - 글보기 - 이전글 다음글 */
.notice_page_quick { width:100%;  border-top:1px solid #e5e5e5; }
.notice_page_quick li { width:100%; height:70px; display: flex;  border-bottom: 1px solid var(--gray-6); align-items: center; font-size: 1rem; overflow: hidden; }
.notice_page_quick li > span { display: block; width:100%; height: 100%; max-width: 140px; min-width:100px; text-align: center; background-color:#f0f3fb ;line-height: 70px; font-size:  var(--font-size-18);  font-weight: 800;}
.notice_page_quick li > a { display: block; width:100%; height: 100%; line-height: 70px; padding-left: 15px; letter-spacing: -0.05em;  font-weight: 500; color: #7d7d7d;}
.notice_page_quick li > small { display: block; width:100%; height: 100%; max-width: 100px; line-height: 40px;}
/* 공지사항 - 댓글 */
.comment {margin-bottom:32px;}
.cmmtext textarea {width:100%}
.comment .content {overflow-wrap: break-word; word-break: break-all;}
/*공지사항 - 글쓰기*/
.notice_table{}
.btn_img {display:flex;}
.btn_img span {color:#8a909d; border:none; margin-right:13px;}

/* 갤러리형 */
.cur_introlist{ display: flex; flex-flow: row wrap;}
.cur_introlist > li{margin-bottom: 40px; width: 100%; height:100%}
.cur_introlist > li > a{display: block; width: 100%; height:83%; transition: all ease 0.4s 0s;}
.cur_introlist > li > a > p.con_title2{margin-bottom: 15px;}
.cur_introlist > li > a > img{display: block; width: 100%; height: 300px; margin-bottom: 25px; border: 1px solid #c7cfe1; transition: all ease 0.4s 0s; object-fit: cover;}
.board_card_list > li{width: 31.33%; /*max-width:440px;*/  margin-bottom: 30px; margin-right:20px;}
.board_card_list > li > a:hover > .img{box-shadow: 0px 7px 13px 0  rgba(0, 0, 0, 0.1); border: solid 1px var(--blue-3);}
.board_card_list .img{width: 100%; height: 100%; overflow: hidden; border: solid 1px #c7cfe1;}
.board_card_list .img > img{display: block; object-fit: cover; width: 100%; height: 100%;}
.board_card_list  .txt > p{width: 100%; max-width: 480px; overflow: hidden; overflow-wrap: break-word; word-break: break-all; /*white-space: nowrap; text-overflow: ellipsis;*/ margin: 20px 0 10px;}
.board_card_list  .txt > small{font-size: 1rem; font-weight: 400;}

/* 검색폼 */
.search-box { height: 50px; width: 100%; border:1px solid #ddd; display: flex;}
.search-box select { max-width:120px; width: 100%; border:none; border-right:1px solid #ddd; display: block; background: url(../img/slt-btn.png)no-repeat calc(100% - 1.25rem) center; padding:0 1.25rem; cursor: pointer; -webkit-appearance: none;}
.search-box input { border:none; border-right:1px solid #ddd; display: block; width: 100%; padding:0 1.25rem;}
.search-box a.btn { max-width: 100px; display: block; line-height: 50px;}
/* 서비스소개 */
.intro-list { padding:3.125rem 0;}
.intro-list li { display: flex; max-width: 900px; width: 100%; justify-content: space-between; align-items: center; margin:0 auto; margin-bottom: 1.25rem;}
.intro-list li span { color:#212225; display: block; line-height: 140%; font-size: 1.25rem;}
.intro-list li figure { margin:0;}
.intro-list li figure img { display: block;}
.intro-pcs { background-color: #f1f5ff; width: 100%; padding:5rem 1.25rem;}
.intro-pcs > p { font-size: 1.25rem; color:#5b6a90; text-align: center; margin-bottom: 5px;}
.intro-pcs > p > b { }
.intro-pcs > ul { display: flex; align-items: center; justify-content: space-between; max-width: 1060px; width: 100%; margin:0 auto;}
.intro-pcs > ul > li { }
.intro-pcs > ul > li > span { display: block; margin:1.25rem auto; text-align: center; font-weight: bold; font-size: 1.125rem;}
.intro-pcs > ul > li > div  { height: 150px; display: flex; align-items: center;}
/* 슬라이드 */
.intro-slide { display: flex; justify-content: center; align-items: center; position: relative; max-width: 1000px; margin:0 auto; padding:100px 0;}
.intro-slide .img-slide { margin:0 100px; max-width: 300px; width: 100%;}
.intro-slide .img-slide .track { }
.intro-slide .img-slide .track .item { }
.intro-slide .txt-slide { padding:0 60px; width: 500px;}
.intro-slide .txt-slide .track { position: relative;}
.intro-slide .txt-slide .track .item { width: 100%; height: 100%; display: none;}
.intro-slide .txt-slide .track .item.active { display: block;}
.intro-slide .txt-slide .track .item b { font-size: 40px; color:#5288fa; display: block; margin-bottom: 50px;}
.intro-slide .txt-slide .track .item p { font-size: 36px; color:#212225; display: block; font-weight: bold; margin-bottom: 20px;}
.intro-slide .txt-slide .track .item span { font-size: 20px; color:#8f94a3; display: block; line-height: 160%;}
.intro-slide .slide-btn { position: absolute; left:20px; width: 450px; top:50%; transform: translateY(-50%); display: flex; justify-content: space-between;}

/* 스플래시 */
.splash {height:100vh; width:100%; background:linear-gradient(#5288fa, #396dd2, #3367c8); position:relative; animation: fadein 1s; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; z-index: 1;}
.splash:after {content: ""; position:absolute; left:50%; bottom:0; transform: translateX(-50%); width:100%; background:url("../img/splash_bg.png") no-repeat center bottom; background-size:100% auto; height:100%; z-index: -1;}
.splash .sp_logo {position:absolute; left:50%; top:30%; transform: translateX(-50%); text-align: center; display: block; width:25%;}
.splash .sp_logo > img {width:100%; text-align: center;}
.splash .bukgu {position:absolute; left:50%; bottom:30px; transform: translateX(-38%); color:rgba(255,255,255,0.5); font-size: 11px; letter-spacing: 0;}
.splash .bukgu:before {content: ""; position:absolute; left:-30px; top:-3px; width:25px; height:24px; background:url("../img/bukgu_symbol.png") no-repeat right center; background-size:18px;}

/* 즐겨찾기, 주차장이용내역 */
.parking-list { width: 100%; max-width: 1400px; margin:50px auto;}
.parking-list > h3 { color:#212225; font-weight: bold; font-size: 1.875rem; margin:3.75rem 0; text-align: center; }
.parking-list table .num, .parking-list table .cate {width:5%;}
.parking-list table .name {width:15%;}
.parking-list table .call, .parking-list table .charge {width:10%;}
.parking-list table .time {width:15%;}
.parking-list table .manage {width:8%;}

/*거주자 주차장 관리*/
.parking-list .table.style4 {margin-bottom: 3.125rem;}
.parking-list .table.style4 .toggle.style2{margin-left: 10px;}

/* 거주자 주차장 등록 */
.parking-list02 .checkbox_wrap {height:60px; display: flex; border:1px solid #dae0ea; line-height:60px; align-items: center; padding:0 25px; justify-content: space-around;}
.parking-list02 .checkbox {margin-right:20px; font-size:1em !important; margin-bottom:0 !important;}
.parking-list02 .checkbox input {display: none;}
.alim {display: flex; border:1px solid #dae0ea; height:60px; align-items: center; padding:0 25px;}
.alim .text {margin-right:20px;}
.alim label {margin-bottom:0 !important;}

/* 회원탈퇴 */
.join-form select {border:1px solid #dae0ea;  height:60px; padding:0 1.5625rem; display: block; width:100%; cursor: pointer; background:url(../img/slt-btn.png)no-repeat calc(100% - 1.25rem) center;}
.join-form select:focus, .join-form textarea:focus {outline:1px solid #5288fa;}
.join-form textarea {margin-top:20px; border:1px solid #dae0ea; height:100px; width:100%; padding:1.5625rem;}

/* 개인정보처리방침, 이용약관 */
.terms {padding:0; width:100%; max-width:1000px; margin:0 auto; padding-bottom:80px; counter-reset:section;}
.terms > h3 { color:#212225; font-weight: bold; font-size: 1.875rem; margin:3.75rem 0; text-align: center; }
.txt_box {border:1px dashed #e3e8f3; background:#f6f8fb; padding:1.875rem 2.5rem; border-bottom-right-radius: 1.875rem;}
/*.terms_list {counter-reset:number; }
.terms_list  > li {counter-increment: number; list-style: none; padding-left:30px; line-height:180%;}
.terms_list  > li:before {content:counter(number);}*/
.terms_list {margin-left:25px;}
.terms_list > li {list-style:auto;}
.terms_admin {margin-left:25px;}
.terms_admin span {color:#5288fa; width:80px; display: inline-block; font-weight: bold; margin-left:5px;}

/* 내비게이션 선택 */
.navi {cursor: pointer;}
.navi_choice {display:none; position:absolute; min-width:60%; max-width:80%; min-height:300px; left:50%; top:20%; transform: translateX(-50%); background:#fff; border-radius: 20px; box-shadow: 0 0 40px rgba(0,0,0,0.15); text-align: center; border:1px solid #e5e5e5; transition: 0.3s;}
.navi_choice.active {display: block;}
.navi_choice ul li a {display: block; height:50px; line-height:50px; font-size: 1.25rem; transition: 0.2s;}
.navi_choice ul li.tit {height:50px; line-height:50px; font-weight: 700; font-size: 1.25rem; background-color:#154194; border-top-left-radius: 20px; border-top-right-radius: 20px; color:#fff;}
.navi_choice ul li.no_choice a {color:#309266;}
.navi_choice ul li a:hover {font-weight: bold; background-color:#f5f5f5;}

/* 설문조사 */
.survey_card_list {display: flex; justify-content: space-between; flex-wrap: wrap;}
.survey_card_list > li { width:49%; margin-bottom:20px;}
.survey_card_list > li > a {display: block; padding:25px; transition: 0.3s;}
.survey_card_list > li > a:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.survey_card {border:1px solid #cccfd8; border-top:2px solid #212225;}
.survey_card.on {border-top:2px solid #154194;}
.survey_card .txt .tag {padding:3px 10px; display: inline-block; margin-bottom:10px; font-size: 14px; border-radius: 3px; color:#fff; background-color:#212225;}
.survey_card.on .txt .tag {background-color:#154194;}
.survey_card .txt .con_title2 {font-size:1.5rem; font-family:'nexon'; line-height:2; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.survey_card .txt .sub_txt {color:#666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; white-space:normal; word-break: keep-all; font-size: 14px; line-height: 1.4; height:40px;}
.survey_card_list .btn {padding:5px 0;}

.survey_box > li > p {font-size:18px; font-family:'nexon'; color:#212225; display: flex; align-items: center; border-top:2px solid #303f81; border-bottom:1px solid #e1e1ec; overflow-wrap: break-word; word-break: break-all;}
.survey_box > li > p > span {font-size:14px; background-color:#f0f3fb; color:#303f81; border-right:1px solid #e1e1ec; margin-right:15px; height:100%; display: inline-block; padding:15px 20px; min-width:75px;}
.survey_box > li > ul {padding:20px 0;}
.survey_box > li > ul > li {padding:10px 0;}
.survey_box > li > ul > li .input1 {max-width:100%; display: block; border-radius: 8px;}
.survey_box > li > ul > li .txt_input span {display: block; margin-bottom:5px; overflow-wrap: break-word; word-break: break-all;}
.survey_box > li > ul > li .text {overflow-wrap: break-word; word-break: break-all;}

.survey_table tr th {min-width : 100px;}
.survey_table tr td {overflow-wrap: break-word; word-break: break-all;}


@keyframes over-ani {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes over-ani-re {
    0% {
        transform: translateY(180px);
        opacity: 0;
    }
    30% {
        opacity: 0.8;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

 @keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
 }

 @-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}