/* title/h2 */
h2 { display: inline-block; font-family:'EliceDigitalBaeum'; font-size: 2.5rem; font-weight: 500; color: #333; letter-spacing: -2px;}
h2+span { display: inline-block;}

@media all and (max-width: 1000px) {
  h2 { font-size: 2.4rem; }
  h2 span { font-size: 1.4rem; }
}

/* 기호(2)번 
.idx-slider-wrap > .no { position: absolute; top:-40px; left:-50px; width: 100px; height: 100px; line-height: 100px; font-size: 1.7rem; color: #fff; font-family:'EliceDigitalBaeum'; text-align: center; background: #e5322d; border-radius: 50%; z-index: 1; }
.idx-slider-wrap > .no b { display:inline-block; padding: 0 3px; font-size: 2.7rem; vertical-align:top;}*/

/* 기호(2)번 img */
.idx-slider-wrap > .no { display: none; /*position: absolute; top:-10px; left:25px; width: 100px; height: 100px;  z-index: 1;*/ }

@media all and (max-width: 1200px) {
  .idx-slider-wrap > .no { top:-10px; left:50%; transform: translate(-220px, 0%);}
}

@media all and (max-width: 768px) {
  .idx-slider-wrap > .no { top:-8px; left:50%; transform: translate(-190px, 0%);}
  .idx-slider-wrap > .no img { width: 120px;}
}

@media all and (max-width: 500px) {
  .idx-slider-wrap > .no { transform: translate(-130px, 0%);}
  .idx-slider-wrap > .no img { width: 110px;}
}

/* slide */
.idx-visual-wrap { position: relative; width: 100%; height: 525px; background: url("/img/index/idx_img.jpg") no-repeat 50% 50% /cover; }
.idx-visual-wrap > div { position: relative; width: 100%; max-width: 1200px; height: 525px; margin: 0 auto; padding: 0 20px; }
.idx-visual-wrap > div > img { display: inline-block; margin-top: 180px;}
.idx-slider-wrap { float: right; position: relative; width: 640px; height: 300px; top:100px; border-radius: 30px; }
.idx-slider-wrap .item  { background-repeat: no-repeat;	background-position: 50% 50%;	background-size: cover; }
.idx-slider-wrap .title {	position: absolute; bottom:0; right:0; width: 300px; height: 50px; padding: 5px 5px; color:#fff; font-size: 1.6rem; text-align: right; background: rgba(42, 49, 53, 0.9); }
.idx-slider-wrap .title span { display: block; margin-bottom: 2px; font-size: 1.5rem; color: #999; letter-spacing: -0.5px; }
.idx-slider-wrap .photo {	display: inline-block; width: 640px;	height: 300px; vertical-align: top;	background-repeat: no-repeat;	background-position: 50% 50%;	background-size: cover; border-radius: 30px; } 

.idx-slider-wrap .bx-pager {	position: absolute;	bottom: -30px; left: 50%; transform: translate(-50%, 0); z-index: 50;}
.idx-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a {	margin-left: 0;	margin-right: 8px; border: 1px solid #e7e6e0; background: transparent;}
.idx-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a.active { position: relative; background: #ff5a00; border-color: transparent;}
.idx-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a.active::before { content: ""; position: absolute;	top: -5px; left: -5px;	display: block;	width: 100%;	height: 100%;	padding: 5px;	border-radius: 100px;	background: rgba(255, 90, 0, 0.2);}

/* 방문자수 등 */
.total { position: absolute; bottom:25px; right:20px; font-weight: 200; color: #fff; text-align: right; letter-spacing: -0.5px; }
.total span { display: block; margin-bottom: 3px; }
.total b { font-weight: 700;}


@media all and (max-width: 1200px) {
  .idx-visual-wrap { height: 500px; }
  .idx-visual-wrap > div { height: 500px;}
  .idx-visual-wrap > div > img { display: block; margin: 0 auto; padding-top: 40px; width: 250px;}
  .idx-slider-wrap { float:inherit;  width: 100%; height: auto; top:25px;}
  .idx-slider-wrap .title {	width: 100%; height: auto; }
  .idx-slider-wrap .photo {	display: block; width: 100%; max-width: 490px; height: 230px; margin: 0 auto;} 
  .total { width: 100%; bottom: 15px; left: 0; text-align: center; font-size: 1.5rem; }
}

/* 공지사항/복지몰 */
.idxB { width: 100%; max-width: 1200px; margin: 60px auto; padding: 0 20px; font-size: 0; }
.idxB .b_news { display: inline-block; position: relative; width: 470px; vertical-align: top; }
.idxB .b_news h2.tab { line-height: 32px; }
.idxB .b_news h2.tab a { display: inline-block;}
.idxB .b_news h2.tab a.on { color:#0b3eb0;}
.idxB .b_news h2.tab img { margin: 0 8px 3px 13px; width: 9px; vertical-align: middle;}
.idxB .b_news h2.tab+span { position: absolute; right:0; }
.idxB .b_news h2.tab > span img { margin: 0 5px; vertical-align: middle; }

.idxB .b_news ul { margin-top: 25px; border-top: 1px solid #e0e0e0; font-size: 0; }
.idxB .b_news ul li { padding: 10px 0; font-size: 0; border-bottom: 1px solid #e0e0e0; }
.idxB .b_news ul span { display: inline-block; width:90px; padding-left: 2px; font-size: 1.5rem; color: #999; letter-spacing: -0.5px; vertical-align: top; }
.idxB .b_news ul a { display: inline-block; width:calc(100% - 90px); font-size: 1.5rem; vertical-align: top; }

.idxB .b_box { display: inline-block; margin-left: 50px; padding: 0 35px 20px; width:calc(100% - 520px); min-height: 255px; background: #f3f3f3 url("/img/index/box_bg.png") no-repeat bottom center/60%; border-radius: 30px; vertical-align: top; }
.idxB .b_box h2 { display:table; width: 190px; height: 52px; margin: 0 auto; padding-left: 15px; font-family:'EliceDigitalBaeum'; font-size: 2rem; line-height: 52px; color:#fff; text-align: center; background: url("/img/index/box_tit_bg.png") no-repeat top left; letter-spacing: -1px; }
.idxB .b_box div { margin-top: 35px; font-size: 1.5rem; text-align: center; line-height: 150%;}
.idxB .b_box div strong { display: block; margin-bottom: 10px; font-family:'EliceDigitalBaeum'; font-size: 2rem; color: #222; font-weight: 500; }
.idxB .b_box div strong img { vertical-align: sub;}

@media all and (max-width:1000px) {
  .idxB h2 { font-size: 2rem; }
  .idxB .b_news { width: 100%; }
  .idxB .b_news ul span { display:none; }
  .idxB .b_box { margin:40px 0 0 0; padding: 0 20px 20px; width: 100%; }
}

@media all and (max-width:768px) {
  .idxB h2 { font-size: 2rem; }
  .idxB .b_news { width: 100%; }
  .idxB .b_news ul span { display:none; }
  .idxB .b_box { padding: 0 20px 25px; min-height: auto; background-size: 70%; }
  .idxB .b_box div { margin-top: 20px; font-size: 1.4rem; line-height: 130%;}
  .idxB .b_box div strong { font-size: 1.9rem; }
}

/* 후보안내2025
.idxB .b_right { display: inline-block; margin-left: 50px; padding: 0 35px 20px; width: 640px; min-height: 255px; background: #f3f3f3; border-radius: 30px; vertical-align: top; }
.idxB .b_right h2 { display:table; height: 52px; margin: 0 auto 20px; color:#fff; }
.idxB .b_right h2 strong  { display: inline-block; line-height: 52px; font-size: 2.4rem; background: #0b3eb0; vertical-align: top;}
.idxB .b_right h2 span.bg-left  { display: inline-block; width: 37px; height: 52px; background: url("/img/index/box_tit_bg_l.png") no-repeat top left; }
.idxB .b_right h2 span.bg-right { display: inline-block; width: 37px; height: 52px; background: url("/img/index/box_tit_bg_r.png") no-repeat top right; }

.idxB .b_right ul { position: relative; display: block; }
.idxB .b_right ul::after { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #dedede; z-index: 999; }

.idxB .b_right ul li { display: inline-block; width: 50%; font-size: 1.5rem; vertical-align: top; }
.idxB .b_right ul li:nth-child(2) { padding-left: 30px;}
.idxB .b_right ul li span { display: block; margin-bottom: 10px; font-family:'EliceDigitalBaeum'; font-size: 1.6rem; color: #888; font-weight: 400; }
.idxB .b_right ul li span strong { font-size: 1.9rem; color: #333;}
.idxB .b_right ul li span img { margin-left: 5px; vertical-align: sub; }
.idxB .b_right ul li p { margin-top: 7px; line-height: 140%; }

@media all and (max-width: 1200px) {
  .idxB .b_right { margin-left: 0; padding: 0 20px 20px; width: 100%; }
  .idxB .b_right h2 { margin: 0 auto 10px; }
  .idxB .b_right h2 strong  { font-size: 2.2rem; }
}
@media all and (max-width: 768px) {
  .idxB .b_right ul::after { display: none; }
  .idxB .b_right ul li { width: 100%; }
  .idxB .b_right ul li:first-child  { width: 100%; padding-bottom: 12px; border-bottom:solid 1px #dedede; }
  .idxB .b_right ul li:nth-child(2) { margin-top: 12px; padding-left: 0;}
}*/


/*  */
.idxC { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; font-size: 0; }
.idxC .c_photo { display: block; width: 100%; }
.idxC .c_photo h2 { position: relative; display: block; margin-bottom: 20px; line-height: 32px; }
.idxC .c_photo h2::after { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #dedede; z-index: -1; }
.idxC .c_photo h2 span { padding-right: 5px; font-family:'EliceDigitalBaeum'; font-size: 2.5rem; font-weight: 500; background: #fff; }
.idxC .c_photo h2 a { float: right; }
.idxC .c_photo ul li { display: inline-block; width: 20%; margin-left: 6.66%; padding: 10px 0; font-size: 1.5rem; line-height: 140%; }
.idxC .c_photo ul li:first-child { margin-left: 0; }
.idxC .c_photo ul li img  { display: block; width: 100%; margin-bottom: 12px; }
.idxC .c_photo ul li span { display: block; margin-top: 8px; font-size: 1.5rem; color: #999; letter-spacing: -0.5px; }

@media all and (max-width: 1200px) {
  .idxC div { width: 100%; padding: 0 0; }
  .idxC .c_photo h2 span { font-family:'EliceDigitalBaeum'; font-size: 2rem; }
}

@media all and (max-width: 768px) {
  .idxC .c_photo ul li { display: inline-block; width: 47%; margin-left: 6%;  }
  .idxC .c_photo ul li:nth-child(3) { margin-left: 0; }
  .idxC .c_photo ul li span {  margin-top: 0; }
}

#popup {
	display: none;
	position: fixed;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width: 90%; /* 모바일 대응 */
	max-width: 500px;
	max-height: 80vh;
	overflow-y: auto;
	background: white;
	border: 0px solid #ccc;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	z-index: 1000;
	box-sizing: border-box;
}

#popup p img {
  max-width: 100%;
  height: auto;
  display: block;
	margin:0 auto;
}

#popup div.close {
  font-size: 14px;
  color: #fff;
  min-height: 40px;
	background:#222;
  vertical-align: top;
}

#popup div.close label { display: inline-block; padding: 12px 0 0 10px; vertical-align: top; }
#popup div.close input { width: 15px; height: 15px; }
#popup div.close button { float: right; padding: 10px; color: #fff; background:#222; vertical-align: top; }