@charset "utf-8";
/* CSS Document */

.content-w { width: 1200px; margin: 0 auto; text-align: center}
@media all and (max-width: 1200px) {
	.content-w { width: 100%; }
}


/* 맵 영역 - 지도 */
.map-area-wrap {width: 1200px; height: 727px; padding: 30px 0}
.map-area-wrap .map-area {background: url(../../img/main/map.png) no-repeat center 100%; background-size: cover; width: 100%; height: 100%;border-radius: 20px; overflow:hidden }

@media(max-width: 1024px) {
	.map-area-wrap {height: 570px}
}

@media(max-width: 768px) {
	.map-area-wrap .map-area {border-radius: 10px}
}

/* 정원 여유센터, 정원 충족 센터 css */
.map-area .head-count {padding: 10px 20px; background-color: #fff; border-radius: 10px; border: 3px solid #30b686; width: 285px;position: absolute; top: 10px; left: 20px}
.map-area .head-count span.short-center,
.map-area .head-count span.max-center {color: #323232; font-size: 1.4rem; font-weight: 600; line-height: 25px;position: relative}
.map-area .head-count span.short-center::after,
.map-area .head-count span.max-center::after {content: ''; width: 3px; height: 10px; background-color:  #30b686; position: absolute; top: -27px; left:44px}
.map-area .head-count span.short-center::before,
.map-area .head-count span.max-center::before {content: ''; width: 11px; height: 11px; border-radius: 50%; background-color: #fff; position: absolute; top: -20px; left:40px; border: 3px solid #30b686;z-index: 1}
.map-area .head-count span:first-child {margin-right: 25px;}
.map-area .head-count img {height:25px; margin-right: 5px}

/* 지도 핀  */
.map-area {position: relative}
.map-area .map-pin-wrap.short { text-align: center; position: absolute; top: 20%; left: 22%;}
.map-area .map-pin-wrap.max { text-align: center; position: absolute; top: 20%; left: 60%;}

.map-area .map-pin-wrap .center-info {text-align: center; background-color: #fff; width: 340px; padding: 20px; border-radius: 10px; border: 3px solid #30b686; margin-bottom: 30px; position: relative; z-index:30; display:inline-block }
.map-area .map-pin-wrap .center-info::before {content: ''; width: 0; height: 0; position: absolute; bottom: -15px; left: calc(50% - 15px); border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #30b868;}
.map-area .map-pin-wrap .center-info::after {content: ''; width: 0; height: 0; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; bottom: -10px; left: calc(50% - 10px)}
.map-area .map-pin-wrap .center-info .close-btn {position: absolute; right: 15px; top: 17px;}
.map-area .map-pin-wrap .center-info .close-btn img {opacity: .3}
.map-area .map-pin-wrap .center-info .btn-wrap {margin-top: 5px}
.map-area .map-pin-wrap .center-info .btn-wrap button.small-btn {background: #f1f1f1; color: #676767; font-weight:600; margin-right: 5px}
.map-area .map-pin-wrap .center-info .btn-wrap button.small-btn:hover {background: #30b686; color: #fff}
.map-area .map-pin-wrap .center-info h3 {font-size: 1.7rem; color: #30b686; padding-bottom: 10px; width: calc(100% - 16px);}
.map-area .map-pin-wrap .center-info span.center-distance	{color: #999; font-size: 1.4rem; font-weight: 600; white-space: normal;}
.map-area .map-pin-wrap .center-info ul.center-address-info {padding-top: 15px;}
.map-area .map-pin-wrap .center-info ul.center-address-info li {text-align: left; padding-bottom: 15px; font-size: 1.4rem; color:#5e5e5e ; font-weight: 600; word-break: keep-all}
.map-area .map-pin-wrap .center-info ul.center-address-info li img {margin-right: 5px}
.map-area .map-pin-wrap .center-info ul.center-address-info li a span.copy-center {margin-left: 10px; color: #828d99}
.map-area .map-pin-wrap .center-info ul.center-address-info li a span.copy-center:hover {opacity: 0.7}

.map-area .map-pin-wrap .short-map-pin .short-map-pin-img-wrap,
.map-area .map-pin-wrap .max-map-pin .max-map-pin-img-wrap {margin-bottom: 20px; text-align: center}
.map-area .map-pin-wrap .map-pin-img {width: 53px; height: 62px}
.map-area .map-pin-wrap .center-name {padding: 10px 20px; background-color: #fff; border-radius: 20px;box-shadow: 4px 6px 0px #c2c2c2; font-weight: 600; text-align: center; font-size: 1.3rem}


@media(max-width: 768px) {
	/* 정원 여유 */
	.map-area .head-count {text-align: center; left: 10px; transform: none; width: 85px; top: 10px;border: 0; background-color: rgba(255,255,255,0.8);z-index: 28;box-shadow: 0 0px 10px #00000024; right: auto;}
	.map-area .head-count span {display: block}
	.map-area .head-count span.none-area {display: none}
	.map-area .head-count span:first-child {margin-right:0; margin-bottom: 5px}
	.map-area .head-count span.short-center::after,
	.map-area .head-count span.max-center::after {content: none}
	.map-area .head-count span.short-center::before,
	.map-area .head-count span.max-center::before {content: none}
	.map-area .head-count span.short-center, .map-area .head-count span.max-center {font-size: 1.2rem}
	.map-area .map-pin-wrap .center-info h3 {font-size: 1.5rem;}
	.map-area .map-pin-wrap .center-info {padding: 10px 15px}
	.map-area .map-pin-wrap .center-info span.center-distance	{font-size: 1.1rem;}
	.map-area .map-pin-wrap .center-info ul.center-address-info li {font-size: 1.2rem; }
	.map-area .map-pin-wrap .center-info ul.center-address-info li a span.copy-center  {font-size: 1.1rem}
	.map-area .map-pin-wrap .map-pin-img {width: 45px; }
	.map-area .map-pin-wrap .center-name {font-size: 1.2rem}
	.map-area .map-pin-wrap .center-info {width: 220px}
	.map-area .map-pin-wrap .center-info .close-btn {position: absolute; right: 10px; top: 7px;}
	.map-area .map-pin-wrap .center-info ul.center-address-info {padding-top: 10px;}
	.map-area .map-pin-wrap .center-info .btn-wrap {margin-top: 0}
	.map-area .map-pin-wrap .center-info .btn-wrap button.small-btn {font-size: 1.1rem;min-width: 75px}
}

@media(max-width: 500px) {
	.map-area .map-pin-wrap .map-pin-img {width: 35px; height: 48px;}
	.map-area .map-pin-wrap .short-map-pin .short-map-pin-img-wrap, .map-area .map-pin-wrap .max-map-pin .max-map-pin-img-wrap {margin-bottom: 10px;}
	.map-area .map-pin-wrap .center-name {font-size: 1.1rem; padding: 5px 10px}
	.map-area .map-pin-wrap .center-info .close-btn {position: absolute; right: 10px; top: 6px;}
	.map-area .map-pin-wrap .center-info .close-btn img {width: 21px; height: 21px}
	.map-area .map-pin-wrap .center-info h3 {font-size: 1.3rem}
	
}


/* 버튼 */
.btn-wrap {position: relative; text-align: center; margin-top: 20px;}
.btn-wrap:after { content: ''; display: block; clear: both; }
.btn-wrap.inline { display: inline-block; margin-top: 0; }
.btn-wrap.inline button { float: none; }
.btn-wrap .btn-right {float:right;}
.btn-wrap .btn-left {float:left;}
.btn-wrap .btn-center {display: inline-block; }
.btn-wrap button {margin-right: 10px; font-weight: 500;}
.btn-wrap button:last-child {margin-right:0;}
.btn-wrap button {border:0; background:#aeaeae; color:#fff; height: 55px;padding:0 15px; min-width: 110px; font-size: 1.6rem; font-weight: 400; -webkit-transition: background .3s; -o-transition: background .3s;transition: background .3s; cursor: pointer; float: left; border-radius: 10px;box-shadow: 6px 6px 0px #d2dbd7; line-height: 55px}
.btn-wrap button.small-btn {background: #f1f1f1; color: #676767; padding: 0 14px; height: 23px; min-width: 90px; font-size: 1.2rem; font-weight: 500; border-radius: 20px; transition: background .2s, color .2s; float: none; line-height: 23px; box-shadow: none}
.btn-wrap button.white-btn {background:#fff; border: 1px solid #30b686; color:#30b686;}
.btn-wrap button.white-btn:hover {background:#F9F9F9;}
.btn-wrap button.gray-btn {background: #a5a5a5; color: white}
.btn-wrap button.gray-btn:hover {background: #949494}
.btn-wrap button.black-btn {background:#3a3a3a; color: #fff; border: 1px solid #3a3a3a;}
.btn-wrap button.black-btn:hover {background:#1b1b1b;}
.btn-wrap button.mint-btn {background:#30B686;}
.btn-wrap button.mint-btn:hover {background:#11A771;}
.btn-wrap button.yellow-btn {background: #FFB900}
.btn-wrap button.yellow-btn:hover {background: #FFA900}
.btn-wrap button.sky-btn {background: #88DBD9}
.btn-wrap button.sky-btn:hover {background: #5fc3c1}
.btn-wrap button.navy-btn {background:#112d6b}
.btn-wrap button.navy-btn:hover {background:#082054}


/* vertical table */

table.vertic-table { table-layout: fixed; width: 100%; border-bottom: 1px solid #e5e5e5; border-right:0; border-top:1px solid #999 }
table.vertic-table tbody tr th { width:140px; padding:24px 5px; text-align: center; font-size: 1.5rem; word-break: keep-all; border-bottom: 1px solid #e5e5e5; color: #30b686;  font-weight: 600;}
table.vertic-table tbody tr td { padding:15px 15px 15px 60px; font-size: 1.3rem; height: 35px; word-break: keep-all; color: #000; border-bottom: 1px solid #e5e5e5;}
.table-text-area-wrap {width: 100%}
.table-text-area-wrap .text-tit {text-align: center; color: #30b686; font-size: 1.5rem; padding: 24px 5px;font-weight: 600; border-bottom: 1px solid #e5e5e5}
@media all and (max-width: 768px) {
	table.vertic-table tbody tr td .file-input { width: calc(100% - 57px); }
	table.vertic-table tbody tr td .file-row .add-wrap { margin-left: 4px; }
	table.vertic-table tbody tr td .add-wrap { width: 50px; }
	table.vertic-table tbody tr td .file-input > .button { width: 60px; }
}
@media all and (max-width: 572px) {
	table.vertic-table { table-layout: fixed; }
	table.vertic-table tbody tr td { font-size: 1.2rem; padding: 10px; }
	table.vertic-table tbody tr th { font-size: 1.2rem; padding: 10px; width: 85px; }
	table.vertic-table tbody tr td input[type="text"].text-input { width: 100%; }
	table.vertic-table tbody tr td.num input[type="text"].text-input { width: 30%; }
}

/* normal table */
table.normal-table { width: 100%; table-layout: fixed;  margin-bottom:10px}
table.normal-table tr {border-bottom: 1px solid #e5e5e5}
table.normal-table tr th { font-size: 1.6rem; font-weight: 600; height: 40px; word-break: break-all; width: 145px; color: #545454;}
table.normal-table tr td { padding:10px 5px;font-size: 1.5rem; height: 40px;word-break: break-all; color: #7e7e7e; line-height: 20px}

@media(max-width: 500px) {
	table.normal-table tr th {font-size: 1.4rem; width: 120px;}
	table.normal-table tr td {font-size: 1.4rem;}
}



/* 페이징 */
.paging { text-align: center; margin-top: 10px;}
.paging ul {display: inline-block;}
.paging ul li {display: inline-block; height: 30px; line-height: 30px; width:30px; text-align: center; margin:0 2px; }
.paging ul li:hover a { background: #eaeaea; }
.paging ul li.select a {background: #b3df7d; color: #fff; }
.paging ul li a {display: block; width: 100%; height: 100%;color: #333; border-radius: 30px;}
.paging .rotate img {transform: rotate(180deg); margin-left: 5px}
.paging .rotate:last-child img {margin-left: 0}
.paging ul li:first-child a img {margin-left: -2px}
.paging ul li a img {margin-top:9px; opacity: 0.5; margin-left: -4px}


@media all and (max-width: 580px) {
	/* 페이징 */
	.paging ul li {height: 25px; line-height: 23px; width: 25px; font-size: 1.2rem;}
	.paging ul li:first-child,
	.paging ul li:last-child {display: none;}
	.paging ul li a img {margin-top:7px;}
	.paging .rotate img {margin-left: 4px}
}
@media all and (max-width: 500px) {
	/* 페이징 */
	.paging ul {width: 100%;}
	.paging ul li {margin:0;}
	.paging ul li a {border: 0;}
}

@media all and (max-width: 375px) {
	.paging ul li {height:20px; width:20px; line-height: 20px; font-size: 1.1rem;}
	.paging ul li a img { width:auto; margin-top:5px; opacity: 0.5; width: 9px; height: 9px}
}


/* 셀렉트박스 */
.select-box { width: 100%; height:44px; position: relative; display: inline-block; float: left;}
.select-box select {border:1px solid #e1e1e1; border-radius: 8px; width: 100%; height: 100%; padding: 0 10px; font-size: 1.3rem; background: url(../../img/common/select_arrow.png) calc(100% - 10px); background-repeat: no-repeat; -webkit-background-size: 9px 6px; background-size: 9px 6px; padding-right: 20px; color: #4C4C4C;background-color: #fff;}
.select-box select:hover {border-color: #a8a8a8;}


/* 인풋 텍스트 */
input[type="text"].text-input { height: 55px;  width: 250px; display: inline-block; font-size: 1.5rem; padding:0 10px; border: 1px solid #dee2e0; color: #333; border-radius: 10px; box-shadow: 6px 6px 0px #d2dbd7; line-height: 55px}
input[type="text"].text-input:hover { border-color: #C2C2C2; }
input[type="text"].text-input.s-width { width:80px;}
input[type="text"].text-input.m-width { width:50%;}
input[type="text"].text-input.l-width { width:100%;}
input[type="text"]:hover {border-color: #a8a8a8; background: #fff;}


/* 인풋 패스워드 */
input[type="password"].text-input { height: 35px;  width: 250px; display: inline-block; font-size: 1.2rem; padding:0 10px; border: 1px solid #e1e1e1; color: #333; border-radius: 5px;}
input[type="password"].text-input.l-width { width:100%;}
input[type="password"]:hover {border-color: #a8a8a8; background: #fff;}


/* textarea */
textarea {width: 100%; resize: none; padding:10px; font-size: 1.4rem; min-height: 200px;border:1px solid #dee2e0; border-radius: 5px}
textarea:hover {border-color: #a8a8a8;}



/* 첨부파일 */
.added-file { display: inline-block; cursor: pointer; background: #f8f8f8; height: 33px; line-height: 30px; padding: 0 10px; border-radius: 14px; margin-right: 10px; font-size:1.4rem;color:#424242 ; margin-bottom: 10px; max-width:100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.added-file:hover {background: #e8e8e8}
.added-file:last-of-type { margin-right: 0; }
.added-file img { margin-right: 5px; opacity: 0.7; width: 14px; height: 17px; position:relative; top:7px }

@media(max-width: 768px) {
	.added-file {font-size: 1.3rem}
}

@media(max-width: 500px) {
	.added-file {font-size: 1.1rem}
	.added-file img {width: 10px; height: 12px; top: 9px}
}

/* 파일인풋 */
.file-input { display: inline-block; text-align: left; width: 100%; position: relative; padding-left: 10px; font-size: 1.2rem; line-height: 35px; vertical-align: middle; background-color: #fff; cursor: pointer; border: 1px solid #e1e1e1; font-weight: 400; border-radius: 5px;}
.file-input > input[type='file'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 301; cursor: pointer; }
.file-input > input[type='file']:hover {border-color: #a8a8a8;}
.file-input > .button { display: inline-block; padding: 0; font-size: 1.2rem; vertical-align: top; background-color: #30b686; cursor: pointer; border: 1px solid #30b686; border-bottom-color: #30b686; border-radius: 5px; font-weight: 400; color: #fff; height: 37px; border-top-left-radius: 0; border-bottom-left-radius: 0; position: absolute; z-index: 2; top: -1px; right: -1px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 70px; text-align: center; line-height: 35px; }
.file-input:hover > .button { background: #11A771; color: #fff; border-color: #11A771; }
.file-input > .label { color: #333; white-space: nowrap; opacity: .5; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 55px; display: block;}
.file-input.-chosen > .label { opacity: 1; }
.file-row:not(:first-child) { margin: 5px 0 0; }
.file-row .add-wrap { display: inline-block; margin-left: 10px; position: relative; }
.file-row .add-wrap button { border-style: none; background: transparent; width: 20px; height: 20px; margin-right: 3px; }
.file-row .add-wrap button img {opacity: .4; cursor: pointer; width:20px; height:20px}
.file-row .add-wrap button:hover img {opacity: .5;}


/* 인풋 라디오 커스텀 */

.check-input-wrap .check-input { display: inline-block; }

input[type=radio]:not(old) { margin:0; padding:0; opacity:0; background:url("../../img/common/radio_box_off.png") no-repeat 0 0; width:0; } 
input[type=checkbox]:not(old) { margin:0; padding:0; background:url("../../img/common/check_box_off.png") no-repeat 0 0; opacity:0; width: 0} 

input[type=radio]:not(old) + label { display: inline-block; text-align: left; padding-left: 20px; background: url("../../img/common/radio_box_off.png") no-repeat 0 0;  vertical-align: middle ;position: relative; top:0; line-height:20px; margin-right: 10px; color: #000;width: 15px; font-size: 1.4rem}
input[type=checkbox]:not(old) + label { display: inline-block; text-align: left; padding-left: 25px; background: url("../../img/common/check_box_off.png") no-repeat 0 0;vertical-align: top;position: relative; top:0;  line-height: 20px;margin-right: 10px; color: #000;font-size: 1.4rem}
input[type=radio]:not(old):checked + label { background: url("../../img/common/radio_box_on.png") no-repeat 0 0; position: relative; top:0; margin-right: 10px;font-size: 1.4rem}
input[type=checkbox]:not(old):checked + label { background: url("../../img/common/check_box_on.png") no-repeat 0 0;  top:0; margin-right: 10px;font-size: 1.4rem}


 /* select-box + input text */
.select-input input[type="text"].text-input { float: left; margin-right: 2px;}
@media all and (max-width: 700px) {
	.select-input input[type="text"].text-input { width: 100%; margin-right: 0; margin-bottom: 4px; }
	.select-input .select-box { width: 100%; }
}

/* 텍스트 정렬 */
.txt-center {text-align: center}
.txt-left {text-align: left}
.txt-right {text-align: right}


/* 탑 버튼 */
.top-icon {position: fixed; bottom: 25px; right: 0; transform: translateX(-50%); ;font-weight: 600;background: #8EE1B0; border-radius: 50%; padding: 7px 13px; transition: opacity .3s; display: none; z-index: 80}
.top-icon a { text-align:center; display:block; color: white; font-size: 1.2rem}
.top-icon a i {display: block;  margin-bottom: 5px; font-size:1.3rem}

@media(max-width: 1024px) {
	.top-icon {display: block}
}


@media(max-width: 768px) {
	.top-icon a {font-size: 1.1rem}
	.top-icon a i {font-size: 1.2rem}
}

/* 센터 인포 */
ul.find-map li {float: left; padding: 20px 0;border-top: 1px solid #e5e5e5; line-height: 24px;}
ul.find-map li a { font-weight: 600 ; color: #676767; font-size: 1.3rem;}
ul.find-map li:hover {opacity: 0.8}
ul.find-map li a img {margin-right: 5px}
ul.find-map li:first-child {margin-right: 20px; }

@media(max-width: 768px) {
	ul.find-map {width: 100%}
	ul.find-map li  {padding: 5px 0; float: none; border-top: 0; line-height: 16px}
	ul.find-map li a {font-size: 1.2rem}
	ul.find-map li a img {width: 16px; height: 16px;}
	ul.find-map li:first-child {margin-right: 0}
	ul.find-map li:last-child {margin-bottom: 10px;}
}

/* 팝업 */
.pop-modal-wrap {position: fixed; width: 100%; height: 100%; z-index: 99; background-color: rgba(0,0,0,0.3); top: 0; left: 0; display: none}
.pop-modal {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 5px; z-index: 99; background-color: #fff; padding: 20px; width: 650px; box-shadow: 3px 3px 0 #d2dbd7;}
.pop-modal .modal-top {padding-bottom: 10px; border-bottom: 1px solid #888; margin-bottom: 10px}
.pop-modal .modal-top-tit {float: left}
.pop-modal .modal-top-tit h2 {font-size: 1.7rem; padding-top: 3px;}
.pop-modal .modal-close-btn {float: right}
.modal-content-area {max-height:500px; overflow-y:auto; padding:15px 10px;}
.modal-content-area .m-sub-tit {font-size:1.4rem; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #e5e5e5;}
.modal-content-area .m-sub-tit .bold {font-weight: 600; display:inline-block; margin-right:5px}
.modal-content-area .file-info {font-size:1.4rem ; line-height:21px}
.modal-content-area .file-info p {padding-bottom:15px; font-weight:600;}
.modal-content-area img { max-width: 100%; }
.modal-footer-area {border-top:1px solid #999;}
.pop-modal .btn-wrap {margin-top: 15px}
.pop-modal .btn-wrap button {width: calc(50% - 5px); font-size: 1.3rem; height: 40px; line-height: 40px; border-radius: 5px; box-shadow: none}
.modal-content-area .conts {margin-bottom:20px; border-bottom:1px solid #818181; padding-bottom:20px;}
.modal-content-area .conts:last-child {border-bottom:0; margin-bottom:0}

@media(max-width:768px) {
	.pop-modal {width:calc(100% - 60px)}
	.pop-modal .modal-top-tit h2 {font-size: 1.5rem;}
	.modal-content-area {padding:10px 0;}
	.modal-content-area .m-sub-tit {padding-bottom:10px ;margin-bottom:10px;}	
	.modal-content-area .file-info {font-size:1.3rem;}
	.modal-content-area .file-info p {font-size:1.4rem;} 
}

@media(max-width:500px) {
	.pop-modal {width:calc(100% - 20px)}
	.modal-content-area {max-height:350px}
}




/************************************** scroll bar custom **************************************/
.scroll {
	overflow-y: auto;
	/* ie scrollbar css */
	scrollbar-arrow-color: #efefef;
	scrollbar-Track-Color: #efefef;
	scrollbar-base-color: #dfdfdf;
	scrollbar-Face-Color: #dfdfdf;
	scrollbar-3dLight-Color: #dfdfdf;
	scrollbar-DarkShadow-Color: #dfdfdf;
	scrollbar-Highlight-Color: #dfdfdf;
	scrollbar-Shadow-Color: #dfdfdf
}

.scroll::-webkit-scrollbar {
	width: 6px;
}

.scroll::-webkit-scrollbar-thumb {
	height: 17%;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 10px;
}

.scroll::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0);
}



/************************************** 탭메뉴 **************************************/
.tab-menu {margin-bottom:20px;}
.tab-menu ul { position:relative; overflow: hidden; height: 45px; z-index: 1;}
.tab-menu ul:after {content:''; position:absolute; width:100%; height:1px; background:#30b686; bottom:0; left:0; z-index: -1;}
.tab-menu ul li {position:relative; float: left; height:45px; }
.tab-menu ul li a {min-width:140px; display: block; line-height: 43px; text-align: center; background:#ecf0ee; padding:0 15px; font-size:1.5rem; color: #888; font-weight: 600; border-bottom: 1px solid #ecf0ee; }
.tab-menu ul li.on a { border-bottom-color: #30b686; color: #fff; background:#30b686;}

@media (max-width: 550px) { 
	.tab-menu ul li { width: 50%; }
}

.notice-tab { width: 100%; margin: 20px 0px;}
.notice-tab ul { position: relative; overflow: hidden;  z-index: 1;}
.notice-tab ul:after {content:''; width:100%; height:1px; background:#30b686; bottom:0; left:0; z-index: -1;}
.notice-tab ul li { width: 12.5%; position: relative; float: left; }
.notice-tab ul li a { display: block; line-height: 43px; text-align: center; background: #ecf0ee; padding: 0 15px; font-size: 1.5rem; color: #888; font-weight: 600; border-bottom: 1px solid #ecf0ee;}
.notice-tab ul li.notice-on a { border-bottom-color: #30b686; color: #fff; background: #30b686;}



/* 반응형 스타일 */
@media (max-width: 768px) { 
	.notice-tab ul li a { min-width: auto; padding: 0 10px; font-size: 1rem; }
}
@media (max-width: 480px) {
	.notice-tab ul li { width: 25%; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
	.notice-tab ul li a { padding: 0 5px; }
}