@charset "utf-8";


/* 기본정의 */
h1, h2, h3, h4, h5, h6, p, span, a, th, td, li, dd, dt, em, input, label, select, div{font-family: 'Pretendard', sans-serif; color: #333; text-decoration: none;  font-style:normal; font-weight:500; letter-spacing:-0.05em;}
a.btn i.fa {margin-right: 5px;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
legend{width:0;height:0;font-size:0;position:absolute;z-index:-1}
table{width:100%;border-spacing:0;table-layout:fixed;text-align:center}
caption{width:0;height:0;padding:0;font-size:0;opacity:0}
th{text-align:center}
figure{text-align:center}
#body_content{padding:0px 0 100px 0;}

.lnb-item { width:250px !important; text-align:left;}
.lnb-item > ul > li > a { width:250px !important; padding:0 12px 0 20px !important;}

.hd-popup-box { display:none;}
.sub-page { transition:all .3s ease}
.sub-page-top { margin-bottom:0px; border-bottom: none !important; padding: 0 0px 30px 0px !important;}
/*.sub-top-bg {background-size: cover; 
    background-position: center; 
    animation: scaleImage 3s ease-in-out forwards;}*/
.sub-top-bg{ background:none !important;padding: 0 0px !important; max-width: 100% !important;}
.sub-top-bg .txtBox {position:absolute;top:50%;left:0;margin-top:10px;display:block;width:100%;box-sizing:border-box;z-index:2;transform:translateY(-50%);z-index:2;}
.sub-top-bg .txtBox h3 {text-align: center;}
.sub-top-bg .imgBox {display:block;position:relative;height:100%;overflow:hidden;width:100%;margin:0 auto;}
.sub-top-bg .imgBox:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:150px;opacity: 0.8;background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 50%, #000 100%);z-index:2;}
.sub-top-bg .imgBox img {display:none;position:absolute;width:auto;height:100%;top:0;left:50%;z-index:1;transform: translateX(-50%) scale(1.2); /* 처음에 커진 상태로 시작 */
    transition: transform 3s ease; animation: scaleImage 5s ease-in-out forwards; /* 애니메이션이 끝난 후 멈추도록 'forwards' 추가 */}
.sub-top-bg .page_nav {position:absolute;top:70%; z-index:3;}

.sub-top-bg .imgBox:before {display:block;content: "";background-image: url(/resources/custom/images/enter/sub/sub-top-bg02.jpg); position:absolute;width:100%;height:100%; background-repeat: no-repeat; top:0;left:0;background-position: center; background-repeat: no-repeat; background-color: #222;animation: backgroundScale 3s ease-in-out forwards; transform-origin: center center;  /* 배경의 변형 중심 */z-index:1;  /*  텍스트가 배경 위에 오도록 설정 */ background-size: cover;}
.sub-top-bg.VISUAL_susi .imgBox:before {background-image: url(/resources/custom/images/enter/sub/sub-top-bg.jpg);}
.sub-top-bg.VISUAL_helper .imgBox:before {background-image: url(/resources/custom/images/enter/sub/sub-top-bg03.jpg);}
.sub-top-bg.VISUAL_hansae .imgBox:before {background-image: url(/resources/custom/images/enter/sub/sub-top-bg04.jpg);}

.sub-top-bg.VISUAL_sitemap {display:flex; flex-direction:column; justify-content: center; align-items:center; padding:0 12px; position:relative; background-repeat: no-repeat; width: 100%; height: 310px; margin: 0 auto;  background:#222; background-position:center; overflow: hidden; clip-path: inset(0); margin:0 auto; }
.sub-top-bg.VISUAL_sitemap::before { content: ""; /* 가상 요소 생성 */ position: absolute;top: 0; left: 0; width: 100%; height: 100%; background-image: url(/resources/custom/images/enter/sub/sub-top-bg.jpg);
    background-position: center; background-repeat: no-repeat;background-color: #222; animation: backgroundScale 3s ease-in-out forwards; transform-origin: center center; background-size: cover; /* 배경의 변형 중심 */ z-index: -1;  /*  텍스트가 배경 위에 오도록 설정 */
}


/* 애니메이션 정의 */
@keyframes backgroundScale {
    0% {
        transform: scale(1.2); /* 처음에 이미지를 확대 */
    }
	/*50% {
        transform: scale(1.1); 배경이 줄어듦 
    }*/
    100% {
        transform: scale(1); /* 최종적으로 원래 크기로 돌아옴 */
    }
}
	/* 애니메이션 정의 */
@keyframes scaleImage {
    0% {
        transform: translateX(-50%) scale(1.2); /* 처음에 커져 있는 상태 */
    }
    50% {
        transform: translateX(-50%) scale(1); /* 원래 크기로 돌아감 */
    }
    100% {
        transform: translateX(-50%) scale(1); /* 최종적으로 작아진 상태로 멈춤 */
    }
}

/* 공백 */
.gap {height:60px;clear:both;display:block}
.sgap {height:40px;clear:both;display:block}
.ssgap {height:30px;clear:both;display:block}
@media all and (max-width:600px){
	.gap {height:40px;clear:both;display:block}
	.sgap {height:25px;clear:both;display:block}
	.ssgap {height:15px;clear:both;display:block}
	.sssgap {height:10px;clear:both;display:block}
}

/*서브 공통 스타일*/
.blueText {color: #0087ea;}
.orangeText {color: #fc9b5c;}
.redText {color: #ff0000;}
.greenText {color: #017939;}

.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}

.bg-btn, .bp-btn, .bdp-btn { border-radius:0px; box-sizing:border-box;font-size:1em;font-weight:400;display:inline-block;vertical-align:top;line-height:1.1;min-width:180px;max-width:300px;padding:0 5px;position:relative;text-align:center;transition:all .3s ease}
a.bp-btn span, a.bdp-btn span {display:flex;align-items:center;justify-content:center;height:58px; color:#fff;}
a.bg-btn span{ display:flex;align-items:center;justify-content:center;height:58px;}
input.bg-btn, input.bp-btn, input.bdp-btn, button.bw-btn, button.bg-btn, button.bp-btn, button.bdp-btn {padding:0 10px;height:60px;cursor:pointer}
.bg-btn, a.bg-btn  {background:#f7f7f7 ;border:1px solid #c9c9c9;color:#777 !important}
.bg-btn:hover, .bg-btn:focus {background:#e5e5e5;border:1px solid #c9c9c9}
.bp-btn, a.bp-btn {background:#378ddd;border:1px solid #378ddd;color:#fff !important}
.bp-btn:hover, .bp-btn:focus {background:#1f63a3;border:1px solid #1f63a3}
.bdp-btn, a.bdp-btn {background:#474d67;border:1px solid #474d67;color:#fff !important}
.bdp-btn:hover, .bdp-btn:focus {background:#2b3046;border:1px solid #2b3046}

@media all and (max-width:768px) {
	    .bg-btn, a.bg-btn, .bp-btn, a.bp-btn, .bdp-btn, a.bdp-btn {max-width: 160px; padding: 0 10px; min-width:unset;}
}

/************ pdf ************/
.pdf-con {}
.pdf-con .pdf-wp .pdfco {overflow:hidden}
.pdf-con .pdf-wp .pdfco > div {display:block;box-sizing:border-box;position:relative;float:right;}

/** -- PDF index */
.pdf-con .pdf-wp .pdfco .pdfIndex {z-index:1;width:360px;padding:0 0 0 60px}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown {overflow:hidden}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown a {display:block;float:left;display:block;box-sizing:border-box;font-size:.889em;position:relative;transition:all .3s ease}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown a > span {display:inline-block;position:relative;padding:0 0 0 10px;box-sizing:border-box}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown a:hover > span,
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown a:focus > span {text-decoration:underline}

.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown {width:100%;color:#22264c;padding:20px 10px 20px 20px;background:#244093;}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown:after {content:'';display:block;filter: brightness(100);background:url(/resources/custom/images/enter/sub/st_set.png) no-repeat -165px -3px;width:20px;height:21px;position:absolute;bottom:16px;right:25px;transition:all .3s ease}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown > span {color:#fff;font-weight:bold;}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown > span:before {content:'';display:block;position:absolute;top:0;bottom:0;left:15px;margin:auto 0;width:34px;height:34px;top:0;left:0;border-radius:50%;}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown > span:after {content:'';display:block;position:absolute;top:0;bottom:0;left:20px;margin:auto 0;width:30px;height:30px;background:url() no-repeat;top:0;left:0;transform:scale(0.7);}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown.pdf > span:after {background-position:0 0}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown.hwp > span:after {background-position:-40px 0}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown:hover,
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown:focus {background:#032d6a}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown:hover:after,
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown:focus:after {right:15px;}



.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove {color:#fff;width:100%;text-align:left;padding:20px 10px 20px 20px;letter-spacing:0;border-top:2px solid #fff;background:#097d3f; position:relative;}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove:before {content:'';display:block;filter: brightness(100);background:url(/resources/custom/images/enter/sub/st_set.png) no-repeat -165px -30px;width:20px;height:21px;position:absolute;bottom:16px;right:25px;transition:all .3s ease}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove span{}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove:focus,
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove:hover {background:#0c5e32; }
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove:hover:before,
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove:focus:before {right:15px;}



.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove01 {color:#fff;width:100%;text-align:left;padding:20px 10px 20px 20px;letter-spacing:0;border-top:2px solid #fff;background:#be1515; position:relative;}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove01:before {content:'';display:block;filter: brightness(100);background:url(/resources/custom/images/enter/sub/st_set.png) no-repeat -165px -30px;width:20px;height:21px;position:absolute;bottom:16px;right:25px;transition:all .3s ease}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove01 span{}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove01:focus,
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove01:hover {background:#991010}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove01:hover:before,
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove01:focus:before {right:15px;}


.pdf-con .pdf-wp .pdfco .pdfIndex .pdfIdxTit {color:#3d4553;font-size:1.111em;font-weight:700;line-height:1;margin:36px 0 0}
.pdf-con .pdf-wp .pdfco .pdfIndex .pdfIdxTxt {color:#666;font-size:.944em;margin:0 0 19px}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsTabs {}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsTabs .pdfCateCaster {display:none}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsTabs .pdfQuickMover {display:block;width:100%;box-sizing:border-box;position:relative;border:0;background:transparent;z-index:0;text-align:left;font-size:0;transition:all .3s ease}
.pdf-con .pdf-wp .pdfco .pdfIndex .btnsTabs .pdfQuickMover span {display:inline-block;vertical-align:middle;line-height:1.2;letter-spacing:-.05em}
.pdf-con .pdf-wp .pdfco .pdfIndex ul {}
.pdf-con .pdf-wp .pdfco .pdfIndex ul li {display:block;box-sizing:border-box;position:relative}
.pdf-con .pdf-wp .pdfco .pdfIndex ul li:last-child {border-bottom:0;margin-bottom:0}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 {}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li {}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li > .pdfQuickMover {padding:18px 35px 18px 40px;/*border:1px solid #e5e5e5;border-top:0*/ border-bottom:1px solid #e8ebf1;}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li > .pdfQuickMover span {font-size:17px}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li > .pdfQuickMover:after {content:"";display:block;position:absolute;width:6px;height:6px;border:solid;border-width:0 2px 2px 0;border-color:transparent #666 #666 transparent;left:18px;top:24px;transform:rotate(-45deg);transition:all .3s ease}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li > .pdfQuickMover:focus,
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li > .pdfQuickMover:hover {background:#f3f5f6;color:#284999}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li > .pdfQuickMover:focus:after,
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li > .pdfQuickMover:hover:after {left:13px}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li:first-child > .pdfQuickMover {border-top:1px solid #e5e5e5}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li.over > .pdfQuickMover {/*border-color:#284999;background:#284999;color:#fff !important;*/ border:1px solid #8e96ac;background:#fff;color:#284999 !important; box-shadow:0 0 25px 0 rgba(13, 36, 78, 0.25);}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li.over > .pdfQuickMover:after {border-color:transparent #284999 #284999 transparent;left:17px}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li.hasChild > .pdfQuickMover span {}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li.hasChild > .pdfQuickMover:after {transform:rotate(45deg);top:19px;right:17px;border-color:transparent #3973ff #3973ff transparent}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li.hasChild.over > .pdfQuickMover:after {transform:rotate(45deg);top:19px;right:17px;border-color:transparent #fff #fff transparent}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 {display:none;padding:13px 25px 13px;box-sizing:border-box;border:1px solid #e5e5e5;border-top:0;background:#f6f6f6}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li {}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li:last-child {}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li > .pdfQuickMover {padding:5px 0 5px 14px;color:#777}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li > .pdfQuickMover:after {content:"";display:block;position:absolute;width:3px;height:3px;background:#777;left:0;top:13px;border-radius:50%;opacity:0;transition:all .3s ease}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li > .pdfQuickMover span {font-size:15px}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li > .pdfQuickMover:focus,
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li > .pdfQuickMover:hover {color:#000}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li > .pdfQuickMover:focus:after,
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li > .pdfQuickMover:hover:after {background:#000;opacity:1}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li.over > .pdfQuickMover,
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li.over > .pdfQuickMover {color:#008cd7}
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li.over > .pdfQuickMover:after,
.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li.over > .pdfQuickMover:after {background:#008cd7;opacity:1}

/** -- PDF viewer */
.pdf-con .pdf-wp .pdfco .pdf-view {width:100%;z-index:0;padding:0 360px 0 0;margin:0 -360px 0 0}
.pdf-con .pdf-wp .pdfco .pdf-view iframe {display:block;width:100%;height:950px;border:0}
@media all and (max-width:1299px) {
	.pdf-con .pdf-wp .pdfco .pdfIndex {width:300px;padding:0 0 0 20px}
	.pdf-con .pdf-wp .pdfco .pdf-view {padding:0 300px 0 0;margin:0 -300px 0 0}
}
@media all and (max-width:999px) {
	.sub-page-top { margin-bottom:30px;}
	.pdf-con .pdf-wp .pdfco .pdfIndex {width:260px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li > .pdfQuickMover {padding:10px 30px 10px 30px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li > .pdfQuickMover span {font-size:15px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li > .pdfQuickMover:after {top:16px;left:15px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li.hasChild > .pdfQuickMover:after {top:14px;right:13px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li.hasChild.over > .pdfQuickMover:after {top:14px;right:13px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 {padding:10px 15px 10px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 > li > .pdfQuickMover {padding:5px 0 5px 10px}
	.pdf-con .pdf-wp .pdfco .pdf-view {padding:0 260px 0 0;margin:0 -260px 0 0}
}
@media all and (max-width:899px) {
	.pdf-con .pdf-wp .pdfco .pdfIndex {width:230px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown a > span {padding:0 0 0 35px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown {/*padding:10px 10px 30px*/}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown:after {/*right:10px;bottom:10px*/}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown a > span {font-size:13px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown > span:before {/*top:50%;transform:translateY(-50%)*/}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove span:before {top:50%;transform:translateY(-50%)}
	.pdf-con .pdf-wp .pdfco .pdf-view {padding:0 230px 0 0;margin:0 -230px 0 0}
	.pdf-con .pdf-wp .pdfco .pdf-view iframe {height:750px}
}
@media all and (max-width:799px) {
	.pdf-con .pdf-wp .pdfco > div {float:none}
	.pdf-con .pdf-wp .pdfco .pdfIndex {width:100%;padding:0}
	.pdf-con .pdf-wp .pdfco .pdfIndex .pdfIdxTit {margin:20px 0 0}
	.pdf-con .pdf-wp .pdfco .pdfIndex .pdfIdxTxt {margin:0 0 15px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown {}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown a {height:60px;line-height:60px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown a > span {line-height:1}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown {width:50%;/*background:#ededed;*/padding:0 15px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown:after {bottom:50%;transform:translateY(50%);right:15px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown:hover,
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown:focus {background:#ededed}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown:hover:after,
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown:focus:after {bottom:50%}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown.pdf {border:0;border-right:1px solid #fff}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown.hwp {border:0;border-right:1px solid #fff;border-left:1px solid #fff}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove {width:50%;background:#ededed;padding:0 5px;border:0;border-left:1px solid #fff}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown.hasHwp .btnDown {width:33.3333%}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown.hasHwp .btnDown.pdf {border-left:1px solid #fff}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown.hasHwp .btnDown.hwp {border-left:1px solid #fff;border-right:1px solid #fff}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown.hasHwp .btnMove {width:33.3333%;border:0;border-left:1px solid #fff}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsTabs .pdfCateCaster {display:block;width:100%;height:50px;background:#294fa6;color:#fff;font-size:1em;box-sizing:border-box;position:relative;border:0;text-align:left;padding:0 45px 0 15px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsTabs .pdfCateCaster:after {content:'';display:block;position:absolute;width:9px;height:9px;top:17px;right:20px;border:solid;border-width:0 2px 2px 0;border-color:transparent #fff #fff transparent;transform:rotate(45deg);transition:all .3s ease}
	.pdf-con .pdf-wp .pdfco .pdfIndex.over .btnsTabs .pdfCateCaster:after {top:22px;transform:rotate(225deg)}
	.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 {position:absolute;width:100%;left:0;top:100%;background:#fff;display:none}
	.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li {}
	.pdf-con .pdf-wp .pdfco .pdfIndex .lv1 > li.over > .pdfQuickMover:after {right:15px}
	.pdf-con .pdf-wp .pdfco .pdfIndex .lv2 {display:block !important}
	.pdf-con .pdf-wp .pdfco .pdf-view {padding:0;margin:20px 0 0}
}
@media all and (max-width:699px) {
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnDown {width:100%;border:0}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown .btnMove {border:0;border-top:2px solid #fff;width:100%}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown.hasHwp .btnDown {width:50%}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown.hasHwp .btnDown.pdf {border-left:0}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown.hasHwp .btnDown.hwp {border-right:0}
	.pdf-con .pdf-wp .pdfco .pdfIndex .btnsDown.hasHwp .btnMove {width:100%;border:0;border-top:2px solid #fff}
	.pdf-con .pdf-wp .pdfco .pdf-view iframe {height:640px}
}
@media all and (max-width:399px) {
	.pdf-con .pdf-wp .pdfco .pdf-view iframe {height:470px}
}


/************ 테이블 카테고리 셀 ************/
.ui-page-total-category .box-0 { background:none;}
.ui-page-total-category > div { padding:0px 0px; margin: 0px 0;}
.ui-page-total-category ul:before {display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;border:1px solid #BDBDBD;/*border-bottom: 0px solid #EC008C;*/box-sizing:border-box;}
.ui-page-total-category ul:after {display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#3d539e;box-sizing:border-box;z-index:1;}
.ui-page-total-category li { display: table-cell;line-height: 20px;width: 1%;float: none;position: relative;}
.ui-page-total-category li a {display:block;position:relative;text-align:center; padding: 25px; /*background:#f1f2f7;*/ background: none; color:#000000; font-size:18px; font-weight:500; box-sizing:border-box;transition:all .3s ease}
.ui-page-total-category li a:before {isplay:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-bottom: 1px solid #BDBDBD;border-right: 1px solid #BDBDBD;box-sizing:border-box;transition: all .3s ease;}
.ui-page-total-category li a:after {content:"";display:block;position:absolute;width:0;height:3px;background:#3d539e;left:50%;bottom:0;transition:all .3s ease}
.ui-page-total-category li a:hover{color:#3d539e;}
.ui-page-total-category li a:focus:after,
.ui-page-total-category li a:hover:after {width:100%;left:0}
.ui-page-total-category li.on a{background:#3d539e; font-weight: bold; color: #fff; }
.ui-page-total-category li.on a:after{content:''; position:absolute; left:0; bottom:0; display:block; width:100%; height:3px; background:#3d539e; }

/************ 사이트맵 ************/


.sub-top-bg.VISUAL_sitemap .sub-top-ttl {position: relative; z-index: 10;  text-align:center; transform: none !important; }
.sub-top-bg.VISUAL_sitemap h3 {}
.sitemapWrap .sub-page-top {margin-top:60px;}
.sitemap{padding:50px; border-top:0px solid #000; border-bottom:0px solid #c5c5c5;}
.sitemap > ul > li{display:flex; margin-bottom:100px;}
.sitemap > ul > li > a{width:280px; font-size:24px; font-weight:600; color:#102e88; border-right:2px solid #000;}
.sitemap > ul > li > ul{width:calc(100% - 200px); padding-left:50px; display:flex; flex-wrap:wrap;}
.sitemap > ul > li > ul > li{width:25%;}
.sitemap > ul > li > ul > li > a{color:#222; font-weight:600; font-size:20px; display:block; margin-bottom:10px;}
.sitemap > ul > li > ul > li > ul > li > a{padding-left:10px; position:relative; color:#5a5a5a; margin-bottom:5px; display:block; font-size:16px;}
.sitemap > ul > li > ul > li > ul > li > a::before{display:block; content:''; width:3px; height:3px; background:#e5e5e5; position:absolute; top:7px; left:0;}
@media all and (max-width:1200px){
	.sitemap{padding:0px;}
	.sitemap > ul > li{display:block; margin-bottom:0;}
	.sitemap > ul > li > a{display:block; width:100%; border-bottom:1px solid #d7d7d7; border-right:0; padding:15px; border-top:1px solid #d7d7d7; background:#f9f9f9;}
	.sitemap > ul > li:first-child > a{border-top:0}
	.sitemap > ul > li > ul{width:100%; padding-left:0; min-height:80px;}
	.sitemap > ul > li > ul > li{padding:15px;}
}
@media all and (max-width:767px){
	.sitemap > ul > li > ul > li{width:50%;}
}

/* 달력 */
.month-search-box{position:relative;}
.schedule-button{float: left; width: 290px; margin-top: 5px; text-align: right; position:absolute; right:0;}
.schedule-button.year {width: calc(100% - 300px);}
.schedule-button-box{display: inline-block; overflow: hidden;}
.schedule-button a{display: block;position: relative; float: left; padding-left: 35px; font-size: 16px; color: #000; padding-top:10px; padding-bottom:10px;}
.schedule-button .schedule-month{padding-right: 20px; margin-right: 20px; background: url(/resources/custom/images/enter/sub/schedule_month.png) no-repeat left center;}
.schedule-button .schedule-month.on{background: url(/resources/custom/images/enter/sub/schedule_month_on.png) no-repeat left center;}
.schedule-button .schedule-month::before{content:""; display: block; position: absolute; width: 1px; height: 17px; background-color: #d2d2d2; right: 0; top: 50%; transform:translateY(-50%);}
.schedule-button .schedule-list{background: url(/resources/custom/images/enter/sub/schedule_year.png) no-repeat left center;}
.schedule-button .schedule-list.on{background: url(/resources/custom/images/enter/sub/schedule_year_on.png) no-repeat left center;}

.schedule-inner{display: none;}
.schedule-inner.on{display: block;}

.month-search-box{display: inline-block; width: 100%; margin-bottom: 50px;}
.month-search-header {float: left; width: 300px; font-size: 0;}
.month-search-header::after{content:""; display: table; clear: both;}
.month-search-header p{display: inline-block; min-width: 200px; font-family: 'Gmarket'; font-size: 60px; line-height: 1.1; vertical-align: middle; color: #333;}
.month-search-content{float: left; width: calc(100% - 590px);}
.month-search-content .search-content-inner {display: block; width:100%; height:100%;}
.month-search-content .search-content-inner::after{content:""; display: table; clear: both;}
.month-search-content .png,.month-search-header .png{color: #444444; font-size: 17px; font-family: 'Gmarket'; display: block; line-height: 35px;}
.month-search-content .all-prev, .month-search-header .all-prev{position: relative; top: 0; display: inline-block; width: 50px; height: 50px; border: 1px solid #d7d7d7; background: url(/resources/custom/images/enter/sub/year_prev.png) no-repeat center; text-indent: -99999px; vertical-align: middle;}
.month-search-content .all-prev, .month-search-header .all-prev:hover{background:url(/resources/custom/images/enter/sub/year_prev_on.png) no-repeat center;}
.month-search-content .all-prev {display: none;}
.month-search-content .all-next, .month-search-header .all-next{position: relative; top: 0; display: inline-block; width: 50px; height: 50px; margin-left: -1px; border: 1px solid #d7d7d7; background: url(/resources/custom/images/enter/sub/year_next.png) no-repeat center; text-indent: -999999px; vertical-align: middle;}
.month-search-content .all-next, .month-search-header .all-next:hover { background: url(/resources/custom/images/enter/sub/year_next_on.png) no-repeat center;}
.month-search-content .all-next {display: none;}
.month-search-header .png {color:#fff;}
.month-search-content ul {margin-top: 6px; padding: 10px 120px 10px 40px;}
.month-search-content ul::after{content:""; display: table; clear: both;}
.month-search-content li{float: left; width: 8.3333%; text-align: center;}
.month-search-content li a{width: 100%; height: 100%; display: block; }
.month-search-content li span{position: relative; font-family: 'Gmarket'; font-size: 18px; color: #333; font-weight: 300;}
.month-search-content li.on span {color: #fff;}
.month-search-content li.on span:after{content: ''; position: absolute; left: calc(50% - 25px); top: calc(50% - 25px); z-index: -1; width: 50px; height: 50px; background: #1d3a8f; border-radius: 100%;}

.table-content-wrap {display: table; border-top: 2px solid #152c46; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.table-content-wrap::after{content:""; display: table; clear: both;}
.table-content{display: table-cell; width: 550px; padding: 40px 40px 20px 40px; border-right: 1px solid #ccc; vertical-align: top;}
.table-content caption {display: block !important; position: absolute; left: -99999px}
.table-content .table-month{padding-bottom: 30px; text-align: center;}
.table-content .table-month p{display: inline-block; }
.table-content .table-month p span{margin-right: 15px; font-family: 'Gmarket'; font-size: 20px; text-transform: uppercase; color: #19323c;}
.table-content .table-month .month-eng{font-family: 'Gmarket'; font-size: 22px; color: #333;}
.table-content-wrap ._fnTable{border: 0; padding:0 22px;}
.table-content-wrap ._fnTable thead tr {border-bottom:1px solid #dcdcdc;}
.table-content-wrap ._fnTable thead tr, ._fnctWrap ._fnTable tbody tr._odd{background-color: white;}
.table-content-wrap ._fnTable thead tr th{padding: 7px 0;background-color: #1d3a8f; font-weight: normal; border: 0; font-family: 'Gmarket'; font-size: 15px; box-shadow: none; color: #fff;}
.table-content-wrap ._fnTable tbody tr td{position: relative; height: 60px; border: 0; font-family: 'Gmarket'; font-size: 17px; vertical-align: top; color: #2a2a2a; cursor:pointer;}
.table-content-wrap ._fnTable tbody tr td ul {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.table-content-wrap ._fnTable tbody tr:last-child {border-bottom:0;}
.table-content-wrap ._fnTable tbody tr td .day{position: relative; top: 4px; z-index: 2; color: #666;}
.table-content-wrap ._fnTable tbody tr td.today {position: relative;}
.table-content-wrap ._fnTable tbody tr td.today::after {content: ''; position: absolute; left: 50%; top: 0; width: 100%; max-width: 60px; height: 100%; background: #ececec; transform: translate(-50%, 0);}
.table-content-wrap ._fnTable tbody tr td.sun .day{color: #FF1800}
.table-content-wrap ._fnTable tbody tr td.sat .day{color: #01499A}
.table-content-wrap ._fnTable tbody tr td .date-circle{display: none; width:10px; height:10px; background:#537aed; border-radius: 100%; position: absolute; bottom: 15px; left:50%; z-index: 1; margin-left:-5px; text-indent: -99999px;}
.table-content-wrap ._fnTable tbody tr td .date-circle:first-of-type{display: inline-block;}
.table-content-wrap .applyList{display: table-cell; padding: 30px 50px; vertical-align: top; border-right: 1px solid #ccc;}
.table-content-wrap .applyList table {text-align:left;}
.table-content-wrap .applyList table th {text-align:left;}
.table-content-wrap .applyList col.th {width: 170px;}
.table-content-wrap .applyList tbody tr:last-child{border-bottom: 0;}
.table-content-wrap .applyList tbody th{ padding: 8px 0; font-family: 'Gmarket'; font-weight: normal; font-size: 18px; color: #1d3a8f; vertical-align: top;}
.table-content-wrap .applyList tbody th span {position: relative; top: 2px;}
.table-content-wrap .applyList tbody td{padding: 8px 0; font-family: 'Gmarket'; font-size: 18px; text-align: left; color: #333;}
.noti-txt.align-r {float: right; display: inline-block; text-align: right;}
.noti-txt.color1 p { font-size: 18px; color: #e63b53; margin-top:10px;}

#layer_planner{display: none;}

@media all and (max-width: 1300px) {
    .month-search-header {width: 100%;}
    .month-search-content {width: 100%;}
    .month-search-content ul {margin-top: 15px; padding: 25px 0; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
    .schedule-button {position: absolute; right: 0; top: 0; width: auto; margin-top: 14px;}
    .table-content {width: 450px;}
}

@media all and (max-width: 990px) {
    .month-search-box {margin-bottom: 40px;}
    .table-content {padding: 20px;}
    .table-content .table-month {padding-bottom: 15px;}
    .table-content-wrap .applyList {padding: 20px; border-top: 1px solid #ccc;}
    .table-content-wrap,
    .table-content,
    .table-content-wrap .applyList {display: block; width: 100%;}
    .schedule-button a {text-align: left; text-indent: -99999px;}
    .schedule-button .schedule-month {padding-left: 23px;}
}

@media all and (max-width: 600px) {
    .table-content-wrap .applyList col.th {width: 120px;}
    .table-content-wrap .applyList tbody th {font-size: 16px;}
    .table-content-wrap .applyList tbody td {font-size: 16px;}
    .month-search-content li {width: 16.666%; padding: 10px 0;}
    .table-content{padding:20px 0;}
}
@media all and (max-width: 500px) {
		.month-search-header p{font-size:30px; min-width:100px;}
		.schedule-button{margin-top:0;}
		
}

#timeTableList{border-top: 2px solid #005128; display:none;}
#timeTableList ul{width: 100%;}
#timeTableList ul::after{content:""; display: table; clear: both;}
#timeTableList li{position: relative; padding: 40px 0; border-bottom: 1px solid #d7d7d7; font-weight:300;}
#timeTableList li::after{content:""; display: table; clear: both;}
#timeTableList li .scd-month{float: left; width: 330px;}
#timeTableList li .scd-month .month-box {text-align: center;}
#timeTableList li .scd-month .box-year {font-family: 'Gmarket'; font-size: 24px; text-transform: uppercase; color: #333333; font-weight:500; margin-top:10px;}
#timeTableList li .scd-month .box-month {font-family: 'Gmarket';font-size: 40px; color: #19323c;}
#timeTableList li .list-inner{float: right; width: calc(100% - 330px);}
#timeTableList .list-box{margin-bottom: 8px; font-size: 0;}
#timeTableList .list-box:last-child{margin-bottom: 0;}
#timeTableList .list-box::after{content:""; display: table; clear: both;}
#timeTableList .list-date{float: left; width: 170px; font-family: 'Gmarket'; font-size: 20px; color: #1d3a8f;}
#timeTableList .list-date em {position: relative; top: 0px; }
#timeTableList .list-content{float: left; width: calc(100% - 170px); font-family: 'Gmarket';font-size: 18px; color: #333;}
#timeTableList .search strong {display: block; padding: 60px 0 30px 0; border-bottom: 2px solid #43505d; font-family: 'Mont Bold'; font-size: 60px; line-height: 1.1; color: #333;}

@media all and (max-width: 990px) {
    #timeTableList li .scd-month {width: 200px;}
    #timeTableList li .list-inner {width: calc(100% - 200px);}
}

@media all and (max-width: 700px) {
    #timeTableList li .scd-month,
    #timeTableList li .list-inner {width: 100%;}
    #timeTableList li .list-inner {margin-top: 20px;}
    #timeTableList li {padding: 20px 20px 25px 20px;}
    #timeTableList li .scd-month .box-month {font-size: 25px;}
    #timeTableList li .scd-month .box-year {font-size: 20px;}
    #timeTableList li .scd-month .month-box {text-align: left;}
    #timeTableList .list-date {width: 120px; font-size: 16px;}
    #timeTableList .list-content {width: calc(100% - 120px); font-size: 16px;}
}

/* 한새인 */
.program_search {padding:50px; background:#f1f3f4; border-radius:20px;}
.program_search .inner {/*margin-bottom:15px;*/}
.program_search .inner:after{content:"";display:block;clear:both;visibility:hidden;}
.program_search .inner .box {float:left; position:relative; padding-left:75px;}
.program_search .inner .box.box01 {margin-right: 2%;width: 28%;}
.program_search .inner .box.box02 {width: 100%;}
.program_search .inner .box.box02:after{content:"";display:block;clear:both;visibility:hidden;}
.program_search .inner .box.box02 .mid {float:left;width:6%; line-height:40px; font-size:20px; font-weight:500; text-align:center;}
.program_search .inner .box.box02 select {float:left;}
.program_search .inner .box.box03 {width:74%}
.program_search .inner .box.box03_a {width:100%}
.program_search .inner .box.box04 {margin-right: 2%;/*width: 24%;*/ padding-left: 0px;}
.program_search .inner .box.box04_b {margin-right:4%; width:45%;}
.program_search .inner .box.box_last {margin-right:0;}
.program_search .inner .box .tit {position:absolute;top:0;left:0;line-height:40px;font-size:16px;color:#1f1f1f;font-weight: bold;}
.program_search .inner .box select,
.program_search .inner .box input {width:100%;height:40px;line-height:40px;background:#fff;border:1px solid #fff;font-size: 14px;color:#252525;}
.program_search .inner .box select{padding-left: 10px;padding-right: 30px;background-image:url(/resources/custom/images/enter/sub/select_arr01.png);background-repeat:no-repeat;background-position: 97% 50%;}
.program_search .inner .box.box01 .input-flex{display:flex; flex-direction: row;justify-content: space-between;gap:8px;}
.program_search .inner .box.box01 .input-flex .w70{display: inline-flex;width:70%;}
.program_search .inner .box.box01 .input-flex .w50{display: inline-flex;width:50%;}
.program_search .inner .box.box01 .input-flex .w30{display: inline-flex;width:30%;}
.program_search .inner .box.box01 .input-flex .mid {float:left;width:6%; line-height:40px; font-size:20px; font-weight:500; text-align:center;}
.program_search .inner select { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none;}
.program_search .inner select::-ms-expand {display: none;}
 
.pro_btn.text-center { display:flex; justify-content:center; align-items:center } 
.pro_btn.text-center .pro_btn { margin:0 4px } 
.pro_btn.pro_btn01 {display:inline-block; vertical-align:top; min-width:165px !important; height:50px !important; line-height:50px; color:#fff !important; text-align: center; font-weight:500 !important; font-size:16px !important; cursor:pointer; border: 1px solid #3d539e !important;border-radius: 10px;background: #3d539e !important;}

@media screen and (max-width:1900px){
	.pro_btn.pro_btn01 { min-width: 100px !important;}
}
@media screen and (max-width:1200px){
	.program_search .inner .box.box01 { width:31%; margin-bottom:20px;}
	.program_search .inner .box.box04 { float:none; text-align: center;}
	.pro_btn.pro_btn01 { max-width: 100px !important;}
}
@media screen and (max-width:767px){
  .program_search{padding:20px;}
  .program_search .inner .box{float:none;width:100% !important;margin-bottom:10px;}
  .program_search .inner .box.box_last { padding-left:0px;}
}

.table-default {
    position: relative;
    width: 100%;
    /* border-collapse: separate; */
    margin: 5px 0 15px 0;
    border-top: none;
    text-align: center;
    border-top: 2px solid #7a7d96;
}

.table-default thead th {
    position: relative;
    padding: 15px 11px !important;
    border-bottom: 1px solid #e5e7ee;
    background: #fff;
    color: #363c5a;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    word-break: keep-all;
}

.table-default thead th:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    bottom: 0;
    width: 1px;
    height: 14px;
    background-color: #c5c9d6;
    transform: translate(0, -50%);
}

.table-default thead tr:first-child th {
    background-color: #fff;
}

.table-default thead tr:first-child th:first-child:before {
    display: none
}

.table-default tbody th {
    background-color: transparent;
    position: relative;
    border-right: none !important
}

.table-default tbody th[rowspan] {
    color: #363c5a;
}

.table-default td[rowspan], .table-default th[rowspan] {
    border-right: 1px solid #d2d2d2;
}

.table-default td, .table-default th {
    border-bottom: 1px solid #e5e7ee;
    border-right: none;
    border-left: none;
}

.table-default td.subject button, .table-default td.subject a {
    display: inline-block;
    /*
	overflow: hidden;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	 */
    color: #333;
    width: 100%;
    text-align: left;
    font-weight: bold;
}

.table td.subject, .table-default td.subject {
    position: relative;
    padding-left: 20px;
}

.table-default td.subject .ir-bbs-new {
    position: absolute;
    top: 14px;
    left: 0;
}

.table td.subject, .table-default td.subject {
}

.table-default .left {
    text-align: left;
}
.table-default span { display:block;}
 
.table td.subject, .table-default td.subject, .table-default td.subject a .table-default td.subject button {
    text-align: left;
}

.table .nodata__tr td {
    text-align: center
}

.table-default td.atchFileId, .table-default td.atchFileId a .table-default td.atchFileId button {
    text-align: center;
}

.table-default td.atchFileId .btn.btn-file.btn-not-ico {
    width: 20px;
    /* border: 1px solid; */
    max-width: none;
    font-size: 0;
    padding: 0;
    min-width: auto;
}

@media only screen and (max-width: 768px) {
  .no-more-tables .table-default, .board_list {
    width: 100%;
    overflow: hidden;
    border-top: 2px solid #151515;
    border-collapse: separate;
  }

  .no-more-tables .table-default colgroup,
  .no-more-tables .table-default thead th {
    display: none;
  }

  .no-more-tables .table-default tbody tr {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #d9d9d9;
  }

  .no-more-tables .table-default tbody td {
    display: block;
    width: 100%;
    padding: 10px;
    border: none;
    text-align: left;
    box-sizing: border-box;
    border-bottom: 1px dashed #ccc;
  }
   .no-more-tables .table-default tbody td .btns { display:inline-block;}
  .no-more-tables .table-default td[data-cell-header]:before {
    content: attr(data-cell-header);
    display: inline-block;
    margin-right: 15px;
    font-weight: bold;
    color: #222;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    min-width: 25%;
  }

  .no-more-tables .table-default tbody tr td:last-child {
    border-bottom: none;
  }
  .table-default span { display: inline-block;}
}

.list_wrap {
   width: 100%;
   /*padding: 0 5vw;*/
   margin-bottom:50px;
}

.list_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
   width: 100%;
  max-width: 100%;      /* ✅ 고정 폭 제거 */
  padding: 0 5vw;       /* ✅ 양 옆 여백을 뷰포트 기준으로 */
  margin: 0 auto;
  gap: 30px;
}

.list {
  /* flex: 1 1 calc(33.333% - 20px);  ✅ 3등분 - 간격 고려*/
  /* flex: 1 1 calc(25% - 22.5px); ✅ 4등분 - 간격 고려 */
  width: calc(33.333% - 30px);
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: transform 0.3s;
  position:relative;
}
.list:hover {
  transform: translateY(-5px);
}
.list a {
  display: block;
  color: inherit; /* 텍스트 링크 색상 상속 */
  text-decoration: none; /* 밑줄 제거 */
  position:relative;
}
.img_area {
  position: relative;
  width: 100%;
  padding-top: 62.37%; /* 비율박스 */
  overflow: hidden;
}

/*.img_area a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}*/
.list .current{position:absolute; top:0; right:0; border-bottom-left-radius: 24px; display:flex; padding:20px; font-size:30px; font-family: 'Gmarket'; color:#fff; background:#002ec987;  gap:5px; z-index:1;}
.list.done .current{background:rgba(0,0,0,.5);}
.list .current p{color:#fff; font-size:16px; font-weight:600;}
.list .current span{color:#fff; font-family: 'Gmarket'; font-size:30px; margin-left:8px;}

@media all and (max-width:500px){
	.list .current{font-size:16px; padding:16px;}
	.list .current p{font-size:14px;}
	.list .current span{font-size:20px;}
}
.app_form{margin-bottom:50px;}
.app_form > div{border-top:1px solid #000; display:flex; flex-wrap:wrap;}
.app_form dl{display:flex; flex-wrap:wrap; border-bottom:1px solid #d1d1d1; width:50%;}
.app_form dt{width:230px; text-align:center; background:#f7f7f7; padding:20px 40px; display:flex; justify-content:center; align-items:center;}
.app_form dd{width:calc(100% - 230px); text-align:left; padding:20px 40px; display:flex; align-items:center;}
.app_form .title{width:100%; text-align:center; padding:30px 0; margin-bottom:0; display:block; border-top:3px solid #000;}
.app_form .title h6{font-size:28px; font-family: 'Gmarket'; font-weight:300; color:#000}
.app_form .title p{font-size:18px; color:#5a5a5a; margin-top:10px;}
.app_form dl.w100{width:100%;}
.app_form .prg_content{padding:50px; border-top:0; border-bottom:2px solid #000}
@media all and (max-width:1200px){
	.app_form .title{padding:24px 0;}
	.app_form .title h6{font-size:20px;}
	.app_form .title p{font-size:14px;}
	.app_form dt{padding:10px 20px; width:150px; font-size:14px;}
	.app_form dd{width:calc(100% - 150px); padding:10px 20px; font-size:14px;}
	.app_form .prg_content{font-size:14px; padding:30px;}
}
@media all and (max-width:768px){
	.app_form dl{width:100%;}
}
@media all and (max-width:400px){
	.app_form dt{width:100px; font-size:14px}
	.app_form dd{font-size:14px; width:calc(100% - 100px);}
	.app_form .title h6{font-size:16px;}
	.app_form .title p{margin-top:5px;}
}

.news_img {
  position: absolute;
  top: 0; left: 0; /* 위치 명확히 */
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s;
}

.news_img:hover {
  transform: scale(1.05);
}

.txt_area {
  padding: 30px 32px 10px;
  background: #fff;
  min-height: 199px;
}

.tag_txt {margin-bottom: 20px; font-size: 0;display: inline-block;font-size: 18px;margin-right: 20px;color: #be1515;font-weight: 500;}
.tag_txt .txt-type01 { color: #be1515;}
.tag_txt .txt-type02 { color: #727272;}

.desc_txt .sub_txt {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  color: #161616;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  letter-spacing: -0.6px;
  word-break: keep-all;
}

.sub_list {
  padding-left: 20px;
  margin-top: 12px;
}

.sub_list li {
  font-size: 16px;
  line-height: 26px;
  color: #444;
  margin-bottom: 6px;
  list-style-type: disc;
}

/* 반응형 */

@media (max-width: 1200px) {
  .list {
    flex: 1 1 calc(33.333% - 20px); /* 3개 */
  }
}

@media (max-width: 1024px) {
  .list {
    flex: 1 1 calc(50% - 15px);
    max-width: none; /* ❗ max-width 해제해서 오른쪽 공간 안 뜨게 */
  }
}

@media (max-width: 768px) {
  .list {
    flex: 1 1 100%;
    max-width: none;
  }
}


.btn_area { padding: 0px 0px 25px;text-align: center; margin-top: auto; /* 버튼을 아래로 붙이기 위해 */}
.apply_btn {background-color: #002ec9;color: #fff;padding: 10px 30px; border: none;border-radius: 16px;font-size: 16px;font-weight: bold;cursor: pointer;transition: background-color 0.3s;}
.apply_btn:hover {background-color: #001fa3;} 



.text_info_area {border-top: 3px solid #282626; position:relative;}
.text_info_area .inner {padding:35px;margin-bottom: 60px;border-bottom: 1px solid #ededed;}
.text_info_area .inner .list-1st {margin: 0;}
.text_info_area .inner .list-1st li {margin: 0;margin-bottom: 21px;font-weight: 600;font-size: 17px; line-height: 1.3;}
.text_info_area .inner .color-wrap {padding: 30px 37px;background-color: #f5f5f5;}
.text_info_area .inner .color-wrap p {margin: 0;margin-bottom: 3px;font-size: 17px;line-height: 1.3;}
.text_info_area .inner .color-wrap .list-3st { margin: 0;margin-top: 27px;}
.text_info_area .inner .color-wrap .list-3st li {margin: 0; margin-bottom: 5px;color: #444; font-size: 17px;line-height: 1.3;}
.text_info_area .inner .color-wrap .list-3st li:last-child {margin-bottom: 0;}
.text_info_area .inner .detail {padding:6px 9px; background:#3c3c3c; color:#fff; font-size:15px; border-radius: 5px; position:absolute; right:20px; top:40px}

@media (max-width: 690px) {
    .text_info_area .inner { padding: 34px 20px 68px 20px;}
    .text_info_area .inner .color-wrap {padding: 30px 20px;}
}

@media (max-width: 390px) {
    .text_info_area .inner {  padding: 30px 0;}
}

.certified_wrap {
  width: 100%;
  padding: 40px;
  box-sizing: border-box;
  background: #f9f9f9;
}

.certify_btnbox {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.cert_section {
  flex: 1 1 48%;
  background: #fff;
  padding: 50px 20px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  text-align: center; /* 중앙 정렬 */
}

.cert_section:hover {
  background-color: #e6f0ff; /* 원하는 배경색으로 변경 가능 */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.cert_section.type01:hover {
  background-color: #f6fff8; /* 원하는 배경색으로 변경 가능 */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.cert_section h3 {
  font-size: 1.875rem;
  margin-bottom: 10px;
  color: #333;
}

.cert_section p {
  font-size: 0.95rem;
  color: #666;
  margin-bottom: 15px;
}

.cert_section a,
.cert_section button {
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 15px;
  text-align: center;
  border-radius: 5px;
  font-size: 0.95rem;
  cursor: pointer;
}

/* 인증 버튼 스타일 */
.cert_section a {
  background-color: #0066cc;
  color: white;
  text-decoration: none;
}

.cert_section a:hover {
  background-color: #004999;
}

/* 확인 / 로그인 버튼 스타일 */
.cert_section button {
  background-color: #28a745;
  color: white;
  border: none;
}

.cert_section button:hover {
  background-color: #1e7e34;
}

.cert_section button.type01 {background-color: #3d75bb;}
.cert_section button.type01:hover {background-color: #0e478d;}

.cert_section .icon_box {
  font-size: 2.5rem;
  color: #555;
  margin-bottom: 10px;
}

/* 아이콘 중앙 정렬 */
.cert_section .icon_box {
  text-align: center;
}
.cert_sectio .icon_box img {
  width: 80px;   /* 필요에 따라 크기 조절 가능 */
  height: auto;
}

/* 반응형 설정 */
@media (max-width: 768px) {
  .certify_btnbox {
    flex-direction: column;
    align-items: center;
  }

  .cert_section {
    flex: 1 1 100%;
  }
}

/* 나의참여프로그램 */
.table-default { position: relative; width: 100%;/* border-collapse: separate; */margin: 5px 0 15px 0;border-top: none;text-align: center;border-top: 2px solid #7a7d96;}
.table-default thead th {position: relative;padding: 15px 11px !important;border-bottom: 1px solid #e5e7ee;background: #fff;color: #363c5a;text-align: center; font-weight: bold;vertical-align: middle;word-break: keep-all;}
.table-default thead th:before { display: block;content: '';position: absolute;left: 0;top: 50%;bottom: 0;width: 1px;height: 14px;background-color: #c5c9d6; transform: translate(0, -50%);}
.table-default thead tr:first-child th {background-color: #fff;}
.table-default thead tr:first-child th:first-child:before {display: none}
.table-default tbody th {background-color: transparent;position: relative;border-right: none !important}
.table-default tbody th[rowspan] {color: #363c5a;}
.table-default td[rowspan], .table-default th[rowspan] {border-right: 1px solid #d2d2d2;}
.table-default td, .table-default th { padding:10px; border-bottom: 1px solid #e5e7ee;border-right: none;border-left: none;}
.table-default td.subject button, .table-default td.subject a {display: inline-block;color: #333;width: 100%;text-align: left;font-weight: bold;}
.table-default .table td.subject, .table-default td.subject {position: relative;padding-left: 20px;}
.table-default td.subject .ir-bbs-new {position: absolute;top: 14px;left: 0;}
.table-default .table td.subject, .table-default td.subject {}
.table-default .left {text-align: left;}
.table-default span { display:block;}
.table-default .table td.subject, .table-default td.subject, .table-default td.subject a .table-default td.subject button {text-align: left;}
.table-default .table .nodata__tr td {text-align: center}
.table-default td.atchFileId, .table-default td.atchFileId a .table-default td.atchFileId button {text-align: center;}
.table-default td.atchFileId .btn.btn-file.btn-not-ico {width: 20px; /* border: 1px solid; */max-width: none;font-size: 0; padding: 0; min-width: auto;}

@media only screen and (max-width: 768px) {
  .no-more-tables .table-default, .board_list {
    width: 100%;
    overflow: hidden;
    border-top: 2px solid #151515;
    border-collapse: separate;
  }

  .no-more-tables .table-default colgroup,
  .no-more-tables .table-default thead th {
    display: none;
  }

  .no-more-tables .table-default tbody tr {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #d9d9d9;
  }

  .no-more-tables .table-default tbody td {
    display: block;
    width: 100%;
    padding: 10px;
    border: none;
    text-align: left;
    box-sizing: border-box;
    /*border-bottom: 1px dashed #ccc;*/
  }
  .no-more-tables .table-default tbody td .btns { display:inline-block;}
  .no-more-tables .table-default td[data-cell-header]:before {
    content: attr(data-cell-header);
    display: inline-block;
    margin-right: 15px;
    font-weight: bold;
    color: #222;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    min-width: 25%;
  }

  .no-more-tables .table-default tbody tr td:last-child {
    border-bottom: none;
  }
  .table-default span { display: inline-block;}
}

.btns {text-align: center}
.btns.right {text-align: right}
.btns .btn {display: inline-block;width: 152px;height: 54px;background-color: #060041;color: #fff;border-color: #060041;border-width: 2px;line-height: 2.2;border-radius: 7px;font-size: 1.2rem}
.btns .btn i {font-size: 30px;vertical-align: middle}
.btns .btn:hover {background-color: #fff;color: #3b3786}
.btns .btn+.btn {background-color: #000;border-color: #000;margin-left: 3px}
.btns .btn+.btn:hover {color: #000;background-color: #fff}
.btns .btn.lg {width: 318px}
.btns .btn.xsbn {width: 100px;height: 36px;line-height: 1.2;font-size: 1rem}
.btns .btn.xs {width: 75px;height: 27px;background-color: #8c939a;border-width: 0;line-height: 1;font-size: .85em}
.btns .btn.xs:hover {background-color: #3b3b3b;border-width: 1px;border-color: #3b3b3b;color: #fff}
.btns .btn.xs-green {background-color: #239f41}
.btns .btn.xs-green:hover {background-color: #077a3f;border-width: 1px;border-color: #077a3f;color: #fff}
.btns .btn.xs-blue {background-color: #3a67ea}
.btns .btn.xs-blue:hover {background-color: #1541c3;border-width: 1px;border-color: #1541c3;color: #fff}