@charset "utf-8";

.hd-popup-box{ display:none;}
* {margin: 0;padding: 0; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, span, a, th, td, li, dd, dt{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;}
/********************** 기본정의 추가  **********************/

.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.text-center{text-align:center!important;}
.text-justify{text-align:justify!important;}

i, em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;display:table}
caption,legend{overflow:hidden;position:relative;width:0;height:0;margin:0;padding:0;line-height:0}
hr {overflow:hidden; position:absolute; height:0; width:0;}
sup,sub{position: relative;font-size: 0.9em;line-height: 0;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

/*서브 공통 스타일*/
.blueText {color: #0087ea;}
.orangeText {color: #fc9b5c;}
.redText {color: #ff0000;}
.greenText {color: #017939;}

/* 리스트*/
ul[class^=c-list] {text-align:left}
ul[class^=c-list] > li {font-size:1em;box-sizing:border-box;white-space:normal;position:relative}
ul[class^=c-list] > li:first-child {margin-top:0}
ul[class^=c-list] > li .tit, .c-list01-li .tit, .c-list04-li .tit {display:block;color:#222;font-weight:600}
ul[class^=c-list] > li .tit-in, .c-list01-li .tit-in, .c-list04-li .tit-in {display:inline;color:#222;font-weight:600}
ul[class^=c-list] > li ul li:before {display:block;content:"";width:3px;height:3px;background:#cfcfcf;position:absolute;top:11px;left:0}
ul[class^=c-list] > li ul {margin:7px 0 0 0;font-size:.941em}
ul[class^=c-list] > li ul li {padding:0 0 0 11px;position:relative;font-size:.944em;color:#666;margin-bottom:4px}
[class^=c-list] > li > ul.s-list > li {padding-left:26px}
[class^=c-list] > li > ul.s-list > li:before {display:none}
[class^=c-list] > li > ul.s-list > li > .stit {position:absolute;top:0;left:0;font-weight:500}
.c-list01 > li, .c-list01-li {position:relative;padding:0 0 0 14px;margin-top:0px;text-align:left;margin-top:4px}
.c-list01 > li:first-child, .c-list01-li:first-child, .c-list02 > li:first-child {margin-top:0}
.c-list01 > li:before, .c-list01-li:before {display:block;content:"";position:absolute;top:11px;left:0;width:4px;height:4px;background:#767676;border-radius:50%}
.c-list01 > li .txt {display:inline-block}
.c-list02 {counter-reset:section;}
.c-list02 > li {padding-left:25px}
.c-list02 > li {margin-top:3px}
.c-list02 > li:first-child {margin-top:0}
.c-list02 > li:before {display:block;position:absolute;top:1px;left:0px;color:#222;font-size:.941em;font-weight:600;height:auto}
.c-list02 > li .tit {margin-bottom:2px}
.c-list02.num > li:before {counter-increment:section;content:counters(section, ".") ".";width:24px}
.c-list02.snum > li:before {counter-increment:section;content:counters(section, ".") ")";width:24px}
.c-list02.han > li:before {width:27px}
.c-list02.han > li:nth-child(1):before {content:"가."}
.c-list02.han > li:nth-child(2):before {content:"나."}
.c-list02.han > li:nth-child(3):before {content:"다."}
.c-list02.han > li:nth-child(4):before {content:"라."}
.c-list02.han > li:nth-child(5):before {content:"마."}
.c-list02.han > li:nth-child(6):before {content:"바."}
.c-list02.han > li:nth-child(7):before {content:"사."}
.c-list02.han > li:nth-child(8):before {content:"아."}
.c-list02.han > li:nth-child(9):before {content:"자."}
.c-list02.han > li:nth-child(10):before {content:"차."}
.c-list02.han > li:nth-child(11):before {content:"카."}
.c-list02.han > li:nth-child(12):before {content:"타."}
.c-list02.han > li:nth-child(13):before {content:"파."}
.c-list02.han > li:nth-child(14):before {content:"하."}
.c-list03 {counter-reset:section}
.c-list03 > li {position:relative;padding:0 0 0 35px;margin-top:6px}
.c-list03 > li:first-child {margin-top:0}
.c-list03 > li:before {display:block;position:absolute;top:2px;left:0px;color:#222;font-size:12px;font-weight:400;background:#f1f1f1;border-radius:50%;counter-increment:section;content:counters(section, ".") "";width:23px;height:23px;line-height:22px;box-sizing:border-box;text-align:center;font-family:"lato",sans-serif}
.c-list03.cor1 > li:before {background:#008cd7;color:#fff}
.c-list03.cor2 > li:before {background:#e73f82;color:#fff}
.c-list03 > li .tit {color:#222;display:block;font-weight:500}
.c-list04 > li, .c-list04-li {position:relative;padding:0 0 0 19px;margin-top:4px;text-align:left}
.c-list04 > li:first-child {margin-top:0}
.c-list04 > li:before, .c-list04-li:before {display:block;content:"";width:8px;height:8px;border:2px solid #008cd7;border-radius:50%;box-sizing:border-box;position:absolute;top:9px;left:3px}
.c-list05 {}
.c-list05 > li {position:relative;font-family:"SCoreDream", sans-serif;color:#555;font-weight:400;letter-spacing:-.05em;line-height:2.058;padding-left:20px;box-sizing:border-box}
.c-list05 > li:before {content:'';display:block;width:5px;height:5px;border-radius:50%;background-color:#7fb6ee;position:absolute;top:13px;left:0}


@media all and (max-width:999px){
	.c-list01 > li:before, .c-list01-li:before {top:8px}
}
@media all and (max-width:599px){
	ul[class^=c-list] > li ul li:before {top:8px}
	ul[class^=c-list] > li ul{margin-top:5px}
	.c-list01 > li, .c-list01-li {padding-left:11px}
	.c-list02 > li {padding-left:22px}
	.c-list03 > li {padding-left:34px}
	.c-list03 > li:before {width:20px;line-height:20px;height:20px;font-size:11px}
}


/* 공백 */
.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}
}

.bg-btn, .bp-btn, .bdp-btn { border-radius:30px; 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:#08a652;border:1px solid #08a652;color:#fff !important}
.bp-btn:hover, .bp-btn:focus {background:#086132;border:1px solid #086132}
.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;}
}

/************ 사이트맵 ************/
.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 {}
.sub-top-bg { margin-bottom:0px !important;}

@media all and (max-width: 800px) {
    .sub-top-bg { margin-bottom:50px !important;}
}

.sitemapWrap .sub-page-top {margin-top:60px; display:none;}
.sitemap{/*padding:50px;*/ border-top:0px solid #000; border-bottom:0px solid #c5c5c5; background: #fff;box-shadow: 4px 4px 12px 0 rgba(17, 17, 17, .15);border-radius: 20px; padding: 50px;}
.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%;}
}

.sitemapWrap .contentsUtill,.sitemapWrap .contentsTitle{ display:none;}
.sitemapWrap .sub-contents {width:1304px; padding:0 12px; margin:0 auto;}

@media all and (max-width: 1200px) {
	    .sitemapWrap .sub-contents {width:100%;}
}

/* 컨텐츠 타이틀 */
.con-tit01 {display:block;box-sizing:border-box;position:relative}
.con-tit01.inline  {display:inline-block}
.con-tit01 {font-size:1.882em;font-weight:600;color:#222;margin:0 0 18px}
.con-tit01:before {content:"";display:block;width:8px;height:8px;border-radius:50%;background:#0a934a;margin:0 0 0px 10px}
.con-tit02 {display:block;box-sizing:border-box;position:relative;color:#00a0a0;font-size: 1.425em; margin:20px 0px;}
@media all and (max-width:999px) {
	.con-tit01 {font-size:1.6em}
	.con-tit01:before {margin-bottom:2px}
}
@media all and (max-width:768px) {
	.con-tit01 {margin:0 0 20px;font-size:1.4em}
}
@media all and (max-width:599px) {
	.con-tit01:after {margin:0 0 -2px 2px}
}

/* 기본테이블 */
.flip-scroll,.table-pc,.table-responsive{position:relative; line-height:1.4;}
.flip-scroll .table-icon,.table-responsive .table-icon{display:block;opacity:1;}
.table-pc .table-icon{display:none;}

.table{margin-bottom:10px;width:100%;background:#fff;}
.table td,.table th{border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;color:#2d2d2d;}
.table th[scope="row"]{text-align:center !important;}
.table thead th{background:#f4f6f6;color:#222;font-weight:600;}
.table tbody>tr>td, .table tbody>tr>th, .table tfoot>tr>td, .table tfoot>tr>th, .table thead>tr>td, .table thead>tr>th{padding:10px;}

.table tfoot,.table tfoot th{background:#f6f6f6;font-weight:700;}
.table .tfoot{background:#f6f9f9;font-weight:500; }
.table td[rowspan],.table th[rowspan]{border-right:1px solid #d2d2d2;}
.table td:first-child,.table th:first-child{border-left:none;}
.table td:last-child,.table th:last-child{border-right:none; }
.table-bordered{border-top: 2px solid #009761;border-bottom:1px solid #ccc;}


@media(max-width: 767px) {
    .table-responsive {
        display:block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: 0;
    }

    .table-responsive .table {
        width: 995px;
    }
}

/* 테이블 */
.table tbody>tr>td, .table tbody>tr>th, .table tfoot>tr>td, .table tfoot>tr>th, .table thead>tr>td, .table thead>tr>th {font-size: 16px;}

/* topbox */
.uit{overflow:hidden;position:relative; margin-top:40px; margin-bottom: 50px;border:0px solid #d2d2d2;}
.uit:after{content:"";display:block;clear:both;visibility:hidden;}
.uit .inner{position:relative;padding:50px 60px;}
.uit .inner .txtwrap{position:relative;}
.uit .inner .txtwrap ul{display: block;margin: 0;text-align: left;}
.uit .inner .tit_inner{display:block;color:#121212;font-size:20px;line-height:30px;margin:0 0 20px 0;padding:0; font-weight:600;}
.uit .inner .txtwrap p{margin:0;font-size:16px; font-weight:400; color:#545454;word-break:break-word;}
.uit .inner .txtwrap p .txt-tip{display: inline-block;color: #da4453 !important;}
.uit .inner .txtwrap b{display: block;}
.uit .inner .txtwrap a{margin: 10px 0 0;}
.uit .btnwrap{position:absolute;top:-35px;right:0;margin-top:0;}

.type1.uit{border:none;}
.uit.type1 .inner{min-height:180px;padding-left:190px; background-color: #F6F9FC; border-radius:20px;}
.uit.type1 .inner .tp_icon,
.uit.type1 .inner .tp_icon2{display:block;position:absolute;top:50%;left:35px;margin-top: -55px}
.uit.type1 .inner .tp_icon.type01 { top:20%;}
.uit.type1 .inner.long .tp_icon,
.uit.type1 .inner.long .tp_icon2{top:45px;margin-top: 0}
.uit.type1 .inner.n_short{min-height: auto;padding: 70px 25px 70px 170px}

.uit.type3{border-color:#fff;border-top-color:#949494;border-bottom-color:#ddd;}
.uit.type3 .inner{min-height:213px;padding-left:300px;}
.uit.type3 .inner .thm_figure{display:block;overflow:hidden;position:absolute;top:35px;left:35px;width:230px;height:153px;margin:0;text-align:center}
.uit.type3 .thm_figure img{max-width:100%;width:auto;}

@media only screen and (max-width:767px) {
    .uit .inner,
    .uit.type1 .inner,
    .uit.type1 .inner.n_short,
    .uit.type3 .inner{position:relative;min-height: auto;padding:25px;}
    .uit.type1 .inner .tp_icon,
    .uit.type1 .inner .tp_icon2{display:none;}
    .uit .thm_figure,
    .uit.type3 .inner .thm_figure{display:none;}
    .uit .inner .btnwrap{position: static;margin-top:20px;}
}

/* 탑박스 아이콘 */
.tp_icon{display:block;overflow:hidden;width:110px;height:110px;background:url() no-repeat;}
.tp_icon.circle1{background-position:0 0;}
.tp_icon.circle2{background-position:-110px 0;}
.tp_icon.circle3{background-position:-220px 0;}
.tp_icon.circle4{background-position:-330px 0;}
.tp_icon .icon{display:block;overflow:hidden;width:110px;height:110px;background:url(/resources/custom/images/leadership/sub/top_info_ico01.png) no-repeat;}
.tp_icon .icon1{background-position:0 -110px;}
.tp_icon .icon2{background-position:-110px -110px;}
.tp_icon .icon3{background-position:-220px -110px;}
.tp_icon .icon4{background-position:-310px -110px;}
.tp_icon .icon5{background-position:-430px -110px;}
.tp_icon .icon6{background-position:-550px -110px;}
.tp_icon .icon7{background-position:-660px -110px;}
.tp_icon .icon8{background-position:-765px -110px;}

/** 소개**/
.futureinfo_wrap { position: relative; margin-top:50px;}
.futureinfo_wrap .area01 { position:relative; padding: 0 20px;}
.futureinfo_wrap .area01 .tit { position: absolute;display: inline-block;top: -25px;left: 50%; transform: translateX(-50%);padding: 10px 25px; border-radius: 50px; background: #0090AF; color: #FFF; font-size: 24px; font-weight: bold; z-index: 1;}
.futureinfo_wrap .area01 p { position: relative; text-align: center; margin: 0; color: #222; font-size: 18px;font-weight: 500;line-height: 130%;}
.futureinfo_wrap .area01 .contbox { display: flex; justify-content: center;align-items: center; width: 100%; height: 150px; border-radius: 150px;background: #F6FAFD; padding: 20px 50px;}
.futureinfo_wrap .area01 .contbox::before { position: absolute; content: ''; width: 318px; height: 138px;top: 0; right: 0;  background-repeat: no-repeat; background-image: url("");}

@media all and (max-width: 580px) {
    .futureinfo_wrap .area01 .tit { padding: 5px 18px;font-size: 20px; }
    .futureinfo_wrap .area01 p { font-size: 16px; text-align:left;}
    .futureinfo_wrap .area01 .contbox { padding: 35px 20px 30px;}
    .futureinfo_wrap .area01 .contbox { border-radius: 15px; }

}

.futureinfo_wrap .vision-wrap{margin-top:90px;min-width:50.37%;min-height:70px;text-align:center; padding: 0 20px;}
.futureinfo_wrap .vision-wrap .inner{z-index:1;border:6px solid #153769;padding:0px 0px 20px 0px;position:relative;padding:0 20px;}
.futureinfo_wrap .vision-wrap .inner p{ font-size:18px;font-weight:400;  padding-top:20px;}
.futureinfo_wrap .vision-wrap .inner::before{z-index:-2;content:"";position:absolute;left:50%;top:-7px;width:98%;height:10px;background:#fff;transform:translateX(-50%);}
.futureinfo_wrap .vision-wrap .inner::after{content:"";position:absolute;left:50%;bottom:-7px;width:98%;height:10px;background:#fff;transform:translateX(-50%);}
.futureinfo_wrap .vision-wrap .inner strong{z-index:2;margin-top:0px; font-size: 24px;}

@media all and (max-width: 580px) {
	.futureinfo_wrap .vision-wrap .inner p{ font-size:16px;}
}

/* 기본형 */
.list_bodo {}
.list_bodo .obj { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; border-width: 1px 0;border-style: solid; border-color: var(--listBD);}
.list_bodo .obj+.obj { border-width: 1px 0 0; border-style: dashed; border-color: var(--listBD);}
.list_bodo .obj>.item:not(:last-child) {  border-width: 0 0 1px; border-style: dashed; border-color: var(--listBD);}
.list_bodo .obj>.item .inner { position: relative;}
.list_bodo .obj>.item .inner .circle {  position: absolute;left: 0;  top: 30px;  width: var(--iconWH);height: var(--iconWH); border-radius: var(--iconBW); background: var(--iconBg);}
.list_bodo .obj>.item .inner .ui-summary { display: flex; align-items: center; padding: 30px 20px;  padding-left: 125px; min-height: 153px;}
.list_bodo .obj>.item .inner .ui-summary .text_box .h-box {  display: block;  margin-bottom: 5px; color: #444; font-size: 17px; line-height: 1.3;letter-spacing: 0.01em; font-weight: bold;}
.list_bodo .obj>.item .inner .ui-summary .text_box p { margin: 0; color: #444;line-height: 1.46; letter-spacing: 0.01em;}
.list_bodo .obj>.item .inner .ui-summary .text_box p + p { margin-top: 10px;}
.list_bodo .obj>.item .inner .ui-summary .text_box .list-1st {  display: inline-block;text-align: left;}
.list_bodo .obj.col2 { flex-direction: row;}
.list_bodo .obj.col2>.item { width: 50%;}
.list_bodo.type2 .obj { flex-direction: row;justify-content: space-between;}
.list_bodo.type2 .obj::before { content: ""; position: absolute; left: calc(50% - 15px);top: -1px;width: 30px;height: calc(100% + 2px);background: #fff;}
.list_bodo.type2 .obj>.item { width: calc(50% - 15px);}
/*.list_bodo.type2 .obj>.item:nth-last-child(-n+2) {border: 0;}*/
.list_bodo.num .obj .item .inner .number { position: absolute; left: 20px;top: 50%; transform: translateY(-50%);display: flex; justify-content: center;align-items: center; width: 65px;height: 65px;border-radius: 50%;background: #00a0a0;}
.list_bodo.num .obj .item .inner .number span {color: #FFF; font-size: 26px; font-weight: 700;text-align: center;}

@media all and (max-width: 767px) {
    .list_bodo .obj {text-align:center;}
    .list_bodo .obj>.item .inner { padding: 30px 20px;}
    .list_bodo .obj>.item .inner .circle {position: relative;  left: auto !important; top: auto !important; display: block;margin: 0 auto 20px;}
    .list_bodo .obj>.item .inner .ui-summary {justify-content: left; padding: 0 !important; min-height: auto; margin-left:80px;}
	.list_bodo .obj>.item .inner .ui-summary .text_box p { text-align:left;}
    .list_bodo .obj.col2>.item { width: 100%; }
    .list_bodo.division .obj.col2>.item:nth-last-child(2) { border-width: 0 0 1px; border-style: dashed; border-color: var(--listBD);}
    .list_bodo.type2 .obj::before {display: none;}
    .list_bodo.type2 .obj>.item {width: 100%;}
    .list_bodo.type2 .obj>.item:nth-last-child(2) { border-width: 0 0 1px;border-style: dashed;border-color: var(--listBD); }
	.list_bodo.type3 .obj>.item { width: 100%; }
}

/* 인사말 */
.greeting_wrap {}
.greeting_box {position: relative; margin-top: 0px;padding: 40px 0; text-align:center;  }
.greeting_box .con_tit { display: block; margin-bottom: 40px;  font-size: 50px; font-weight: 700; letter-spacing: -1px; color: #282626;  line-height: 1.5; font-family:'Gmarket'}
.greeting_box .con_tit span { color:#4478ff; display:block;  font-size: 50px; font-weight: 700; }
.greeting_box p { margin-top: 27px; font-size: 20px; color: #5c5c5c; line-height: 1.5;}

.greeting_imgbox { position: relative; margin-bottom:100px;}
.greeting_imgbox .greet_img img {overflow: hidden; display: flex; width:100%;  border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
.greeting_imgbox .greet_title {position:absolute;top:auto;right: 57px;  bottom: -62px; width: auto;  max-width: 500px;padding: 50px 30px 50px 100px;border-radius: 40px; background: linear-gradient(122.94deg, #C2DA5C 6.38%, #00ACC5 94.51%); text-align:right;}
.greeting_imgbox .greet_title em {display:block; color:#dfdfdf; font-size:15px;}
.greeting_imgbox .greet_title span {display:block; position:relative; margin:0px 0 0; font-size:50px; color:#fff; font-weight:bold; }
.greeting_imgbox .greet_title span em {font-size: 20px;  font-weight: 500;letter-spacing: 0; color: #fff;}
.greeting_txtbox { margin: 50px; }
.greeting_txtbox strong { display:block; margin-bottom: 33px; color: #000; font-size: 25px; letter-spacing: 0; font-weight:500; line-height:1.5;}
.greeting_txtbox strong span { display:block;  font-weight:500;}
.greeting_txtbox strong em { color: #0b3cba; font-weight: normal; font-weight:500;}
.greeting_txtbox  p {margin-top: 40px;  color: #6d6d6d; font-size: 18px;  line-height:30px; }
.greeting_txtbox .sign_box { margin-top: 40px; color: #444;font-size: 20px;text-align: right;}
.greeting_txtbox .sign_box strong { margin-left: 30px;font-size: 26px;font-weight: bold;}


@media (max-width: 767px){
	.greeting_imgbox {margin-bottom: 20px;}
	.greeting_imgbox .greet_img img {border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
	.greeting_imgbox .greet_title {position: static; top:auto; border-radius: 0px; max-width:100%;}
	.greeting_box .con_tit  { font-size:25px; line-height:1.4; margin-bottom: 20px;}
	.greeting_box .con_tit span { font-size:25px; }
	.greeting_box p { font-size: 16px;}
	.greeting_imgbox .greet_title { padding:20px 20px 20px 0;}
	.greeting_imgbox .greet_title span { display:inline-block; font-size:16px; }
	.greeting_imgbox .greet_title span em { display:inline-block; font-size:16px; padding-left:10px;}
	.greeting_txtbox { margin: 20px 0px; }
	.greeting_txtbox strong span {display:inline;}
	.greeting_txtbox strong { font-size:18px;}
	.greeting_txtbox  p { margin-top: 30px; font-size: 16px;}
}

/* 시설안내 */
.facility_wrap {}
.facility_wrap .top .top_img {padding-top: 37.256%; width: 100%;min-height: 200px; background: url(/resources/custom/images/leadership/sub/facility_img01.jpg) center/cover no-repeat; border-radius:30px;}
.facility_wrap .top .top_txt { position: relative; margin-top: 10px;}
.facility_wrap .top .top_txt::after {content: "";position: absolute; right: 0;bottom: 15px;transform: translateY(-50%); width: 52.6%;height: 1px;background: #D9E4F9;}
.facility_wrap .top .top_txt span { position: relative;z-index: 2; padding-right: 14px; background: #fff; color: #C6D5EF; font-size: 17px; letter-spacing: 6px; text-transform: uppercase;}
.facility_wrap .top .txt_box {position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 35px 10px 35px 50px; width: 100%; background: #F6FAFD; font-size:18px; font-weight:500; border-radius:20px}
.facility_wrap .facilitylist {margin-top:80px}
.facility_wrap .facilitylist .item {position:relative;padding-left:450px;margin-bottom:80px}
.facility_wrap .facilitylist .item:last-child {margin-bottom:0}
.facility_wrap .facilitylist .item .imgBox {position:absolute;top:0;left:35px;z-index:1}
.facility_wrap .facilitylist .item .imgBox:after {content:'';display:block;width:70px;height:120px;background-image:url();position:absolute;top:-40px;left:-35px}
.facility_wrap .facilitylist .item .imgBox img {border-radius: 0 100px 0 0;}
.facility_wrap .facilitylist .item h5 {font-size:34px;font-weight:600;letter-spacing:-.05em;color:#111;padding:20px 0 20px 143px;box-sizing:border-box}
.facility_wrap .facilitylist .item .txtBox {background-color:#f8f8f8;padding:60px 60px 50px 140px;box-sizing:border-box;position:relative}
.facility_wrap .facilitylist .item .txtBox:before {content:'';display:block;width:200px;height:2px;background-color:#0a944a;position:absolute;top:-2px;left:0;z-index:-1}
.facility_wrap .facilitylist .item .txtBox:after {}
.facility_wrap .facilitylist .item .txtBox dl {position:relative;margin-bottom:67px}
.facility_wrap .facilitylist .item .txtBox dl:last-child {margin-bottom:0}
.facility_wrap .facilitylist .item .txtBox dt {font-family:"SUIT", sans-serif;width:130px;height:46px;line-height:46px;font-size:19px;font-weight:600;letter-spacing:0;color:#fff;background-color:#5777e5;box-shadow:0px 5px 15px 0px rgba(63,94,199,.2);text-align:center;border-radius:30px;position:absolute;top:-36px;left:0}
.facility_wrap .facilitylist .item .txtBox dl:nth-child(even) dt {background-color:#845aff;box-shadow:0px 5px 15px 0px rgba(134,103,212,.2)}
.facility_wrap .facilitylist .item .txtBox dd {width:100%;font-size:1.059em;font-weight:400;color:#333;letter-spacing:-.05em;line-height:1.666;background-color:#fff;padding:25px 40px 25px 20px;box-sizing:border-box}
.facility_wrap .facilitylist .item .txtBox .subject {font-size:1.176em;font-weight:600;color:#3d54a3;letter-spacing:-.05em;line-height:1.5;min-height:80px;box-sizing:border-box;border:1px solid #c7d1f2; border-radius:20px; background-color:#fff;box-shadow:0px 6px 10px 0px rgba(0,0,8,.08);padding:20px 30px;margin-bottom:30px}
.facility_wrap .facilitylist .item .txtBox .f-list {}
.facility_wrap .facilitylist .item .txtBox .f-list li {position:relative;padding-left:135px;box-sizing:border-box;color:#555;font-weight:400;letter-spacing:-.05em;line-height: 2.235}
.facility_wrap .facilitylist .item .txtBox .f-list li:before {content:'';display:block;width:5px;height:5px;border-radius:50%;background-color:#85e7b3;position:absolute;top:16px;left:0}
.facility_wrap .facilitylist .item .txtBox .f-list .tit {display:inline;font-weight:500;color:#333;letter-spacing:-.05em;box-sizing:border-box;position:absolute;top:0;left:20px}
.facility_wrap .facilitylist .item .txtBox .f-list .tit:after {content:'';display:inline-block;width:1px;height:15px;background-color:#d3d3d3;position:absolute;top:12px;left:89px}


@media (max-width: 1370px) and (min-width: 1279px) {
  .facility_wrap .top .top_txt::after { display: none; }
  .facility_wrap .top .top_txt span { background: transparent;}
}

@media all and (max-width:1099px){
	.facility_wrap .top .top_txt::after {display: none; }
    .facility_wrap .top .top_txt span { background: transparent;}
    .facility_wrap .facilitylist {margin-top:50px}
    .facility_wrap .facilitylist .item {padding-left:300px;margin-bottom:40px}
    .facility_wrap .facilitylist .item h5 {padding-left:120px;font-size:32px}
    .facility_wrap .facilitylist .item .imgBox {width:350px;height:238px}
    .facility_wrap .facilitylist .item .imgBox img {width:100%}  
    .facility_wrap .facilitylist .item .imgBox:after {width:49px;height:84px;background-size:49px auto;top:-30px;left:-25px}
    .facility_wrap .facilitylist .item .txtBox {padding:67px 30px 40px 120px}
    .facility_wrap .facilitylist .item .txtBox dt {font-size:17px;height:40px;line-height:40px;top:-30px}
    .facility_wrap .facilitylist .item .txtBox dd {font-size:1em;padding:20px 30px 25px 20px}
    .facility_wrap .facilitylist .item .txtBox:before {width:120px}
    .facility_wrap .facilitylist .item .txtBox:after {left:120px}
}
@media all and (max-width:799px){
	.facility_wrap .top .top_txt span { padding-right: 0; }
    .facility_wrap .facilitylist {margin-top:30px}   
    .facility_wrap .facilitylist .item {padding-left:0;margin-bottom:25px}
    .facility_wrap .facilitylist .item h5 {font-size:24px;padding:10px 0 40px 0}
    .facility_wrap .facilitylist .item .imgBox {position:relative;width:100%;height:100%;margin-bottom:30px;left:0}
    .facility_wrap .facilitylist .item .txtBox {padding:50px 30px 30px 30px}
    .facility_wrap .facilitylist .item .txtBox .subject {padding:15px;min-height:60px;font-size:1.1em;margin-bottom:20px}
    .facility_wrap .facilitylist .item .imgBox:after {width:42px;height:72px;background-size:42px auto;left:-12px}   
}
@media all and (max-width: 530px) {
	.facility_wrap .top .top_txt span {letter-spacing: 0.03rem;}

}

@media all and (max-width:399px){
    .facility_wrap .facilitylist .item .txtBox {padding:50px 20px 20px 20px}
    .facility_wrap .facilitylist .item .txtBox .subject {border-width:3px}
}

.map_wrap .map_box { overflow: hidden; margin-bottom: 40px;border-radius: 0px 0 40px 40px;}
.map_wrap .map_box .map { width: 100%;height: 460px;}
.map_wrap .map_box .map_info { position: relative;background: #12a35e; padding: 56.5px 170px 58.5px 57px;}
.map_wrap .map_box .map_info .map_title { display: block; vertical-align: middle; width: auto;margin-right: 30px; margin-bottom:20px;}
.map_wrap .map_box .map_info .map_title strong {color: #fff; font-size: 30px;letter-spacing: -0.05em;  font-weight: bold;}
.map_wrap .map_box .map_info .map_lst { display: inline-block;  vertical-align: top;  padding-left: 25px;  border-left: 1px solid #fff;width: calc(100% - 214px);}
.map_wrap .map_box .map_info .map_lst ul li {  position: relative; padding-left: 120px; color: #fff; font-size: 18px; line-height: 1.2; letter-spacing: -0.05em;}
.map_wrap .map_box .map_info .map_lst ul li+li {margin-top: 18px;}
.map_wrap .map_box .map_info .map_lst ul li b { position: absolute; left: 0;top: 0; font-weight: bold; padding-left: 40px; line-height: 1.2;letter-spacing: -0.05em;}
.map_wrap .map_box .map_info .map_lst ul li b::before {content: ""; position: absolute; left: 0; top: 0; width: 32px; height: 32px; background-color: #fff; background-position: center; background-repeat: no-repeat; border-radius: 100%;}
.map_wrap .map_box .map_info .map_lst ul li.address b::before { background: url(/resources/custom/images/leadership/sub/st_set.png) no-repeat -109px -230px;}
.map_wrap .map_box .map_info .map_lst ul li.tel b::before { background: url(/resources/custom/images/leadership/sub/st_set.png) no-repeat -164px -230px;;}
.map_wrap .map_box .map_info .map_button {  position: absolute; right: 49px; top: 50%; transform: translateY(-50%);}
.map_wrap .map_box .map_info .map_button a { display: flex; align-items: center;justify-content: center; flex-direction: column; width: 150px; height: 100px; border: 0px solid #fff; background: #fff; border-radius: 20px;color: #fff !important;font-weight: bold; transition: 0.3s; text-align: center; color: #12a35e !important;}
.map_wrap .map_box .map_info .map_button a em { display: block;/*margin: 0 auto 11px;*/ width: 32px; height: 36px; background: url(/resources/custom/images/leadership/sub/st_set.png) no-repeat -53px -226px;}
.map_wrap .map_box .map_info .map_button a:hover, .map_wrap .map_box .map_info .map_button a:focus { background: #fff;  color: #ff7c3c !important; border: 2px solid #ff7c3c;}
.map_wrap .map_box .map_info .map_button a:hover em, .map_wrap .map_box .map_info .map_button a:focus em { background: url(/resources/custom/images/leadership/sub/st_set.png) no-repeat -53px -228px;}

.map_wrap .map_con_box { overflow: hidden;display: flex;  flex-wrap: wrap; gap: 30px 0; margin: 0 -15px;}
.map_wrap .map_con_box .con_box {width: calc(49% - 30px); margin: 0 15px;  padding: 45px;border: 1px solid #E6E6E6;border-radius: 20px;min-height: 260px;}
.map_wrap .map_con_box .con_box .title { position: relative;margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #666;}
.map_wrap .map_con_box .con_box .title::before { content: "";position: absolute; right: 0; top: 0;}
.map_wrap .map_con_box .con_box.sub .title::before { width: 20px;height: 22px;background: url('/resources/custom/images/leadership/sub/st_set.png') no-repeat -159px 0px;}
.map_wrap .map_con_box .con_box.bus .title::before { width: 22px;height: 22px; background: url('/resources/custom/images/leadership/sub/st_set.png') no-repeat -194px 0px;}
.map_wrap .map_con_box .con_box.car .title::before { width: 20px;height: 22px; background: url('/resources/custom/images/leadership/sub/st_set.png') no-repeat -232px 0px;}
.map_wrap .map_con_box .con_box.tra .title::before { width: 20px;height: 22px; background: url('/resources/custom/images/leadership/sub/st_set.png') no-repeat -269px 0px;}
.map_wrap .map_con_box .con_box .title strong { color: #000;font-size: 20px;line-height: 1.2; letter-spacing: -0.025em;font-weight: bold;}
.map_wrap .map_con_box .con_box .way+.way { margin-top: 24px;}
.map_wrap .map_con_box .con_box .way strong {color: #00876C;letter-spacing: 0;font-weight: bold;}
.map_wrap .map_con_box .con_box .way p {margin-top: 5px; color: #222; letter-spacing: 0;}

@media(max-width: 767px) {
	.map_wrap .map_box .map {  height:300px; padding-top: 0;}
    .map_wrap .map_box .map_info {padding: 50px 30px;}
    .map_wrap .map_box .map_info .map_title {display: block;width: auto;margin-right: 0;}
    .map_wrap .map_box .map_info .map_lst { display: block; width: 100%; border: 0; padding: 0; padding-right: 150px; margin: 20px auto 30px;}
    .map_wrap .map_con_box { margin: 0 }
    .map_wrap .map_con_box .con_box { width: 100%;margin: 0;min-height: auto; padding: 30px; }
  
}

@media(max-width: 599px) {
    .map_wrap .map_box .map_info .map_lst { padding-right:0;}
    .map_wrap .map_box .map_info .map_button {  position: relative; right: auto; top: auto;  transform: none;}
    .map_wrap .map_box .map_info .map_button a {  flex-direction: row;margin: 0 auto;padding: 13.82px 10px; border-radius: 8px;width: 100%;height: 100%;}
    .map_wrap .map_box .map_info .map_button a:hover, .map_wrap .map_box .map_info .map_button a:focus { border-radius: 0;}
    .map_wrap .map_box .map_info .map_button a em {   margin: 0;margin-right: 9px;/*width: 17px; height: 21px;*/ }
}


/* 임용지원사업 */
.app_support {width:100%;display: flex;align-items: center;padding:5% 0;margin:1% 0;border-bottom:1px solid #ddd;}   
.app_support .img {width:30%; display: flex;justify-content: center;align-items: center;}
.app_support .img p {margin:0 auto;text-align: center;}    
.app_support .img p img {width:100%;height:auto; border-radius: 5px;}   
.app_support .img p img.no_img {max-width:50%;height:auto;margin:0 auto;}    
.app_support .txt {width:70%;padding-left:3%;}   
.app_support .txt dl dt {font-size:1.7em;letter-spacing:-1px;font-weight:700;position: relative;}   
.app_support .txt dl dt .en_txt {font-size: 0.7em;margin-left:10px;letter-spacing: 0;}  
.app_support .txt dl dt .num_txt {width:40px;height:40px;display: flex;font-size:20px;position:absolute;top:4px;
font-weight: 700;border-radius: 50%;background:#000;align-items: center;justify-content: center;color:#fff;left:0;} 
.app_support .txt dl dd {display: block;margin:5px 0 0;} 
.app_support .btn_go {display: block;border:1px solid #000;padding:15px 0;border-radius: 50px;text-align: center;width:170px;font-size:1em;margin:30px 0 0;z-index: 3;}    
.app_support .btn_go:hover { background-color: #000; color: #fff;}

@media screen and (max-width:1200px){
	.app_support .txt {padding: 0;} 
	.app_support .img p {max-width:100%;} 
	
}

@media screen and (max-width:980px){
	.map_img {flex-direction: column;} 
	.app_support {flex-direction: column;padding:3%;}
	.app_support .img { border-right: none;padding-bottom:15px;text-align: left;justify-content: flex-start;width:100%;}
	.app_support .img p {max-width:100%;margin:0;}   
	.app_support .txt {width:100%;padding:5% 0;}  
	.app_support .btn_go {width:100px;font-size:0.9em;padding:3px 0;} 
	
	.app_support .txt dl dt .num_txt {position:relative;top:auto;margin:0 0 7px;width:27px;height:27px;font-size:15px;}  
	.app_support .txt dl dt .en_txt {width:100%;margin-left:0;text-align:left;display:block;} 

}

.appointment_wrap .text_bg01 {background: #00876C; color:#fff; padding: 5px;} 
.txt-point { position: relative; padding-left: 18px; }
.txt-point + .txt-point { margin-top: 5px;}
.txt-point::before { content: "";position: absolute; left: 0; top: 5px;width: 16px;height: 10px; background: url('/resources/custom/images/leadership/sub/st_set.png') no-repeat -134px -125px;}

.le_use_wrap .letask-list { display: flex;flex-wrap: wrap;gap: 50px 20px;margin-top: 30px;text-align: left; margin-bottom:50px;}
.le_use_wrap .letask-list > li {width: calc(33.33% - 13.33px); border: 1px solid #D9DAE1; border-radius:30px; transition: transform .4s}
.le_use_wrap .letask-list > li .inner {padding: 25px;}
.le_use_wrap .letask-list > li .inner .tit { display: flex;flex-wrap: wrap;align-items: center;gap: 6px 4px;margin-bottom: 15px;color: #222;font-size: 1.5rem;}
.le_use_wrap .letask-list > li .inner .tit span {padding: 4px 10px;border-radius: 50px;font-size: 1.0rem;line-height: 1;font-weight: normal;}
.le_use_wrap .letask-list > li .inner .tit em { color:#429693;}
.le_use_wrap .letask-list > li.color1 .inner .tit span { background: #EDF9F9;color: #0094B7;}
.le_use_wrap .letask-list > li.color2 .inner .tit span {background: #ECF6FE;color: #0074DF;}
.le_use_wrap .letask-list > li.color3 .inner .tit span {background: #EBF3FC;color: #002F65;}
.le_use_wrap .letask-list > li.color4 .inner .tit span {background: #EDF9F9;color: #0094B7;}
.le_use_wrap .letask-list > li.color5 .inner .tit span {background: #ECF6FE;color: #0074DF;}
.le_use_wrap .letask-list > li.color6 .inner .tit span {background: #EBF3FC;color: #002F65;}
.le_use_wrap .letask-list > li.color7 .inner .tit span {background: #EDF9F9;color: #0094B7;}
.le_use_wrap .letask-list > li.color8 .inner .tit span {background: #ECF6FE;color: #0074DF;}
.le_use_wrap .letask-list > li.color9 .inner .tit span {background: #EBF3FC;color: #002F65;}
.le_use_wrap .letask-list > li.color1 .inner .list-1st > li::before {background: #0094B7;}
.le_use_wrap .letask-list > li.color2 .inner .list-1st > li::before {background: #0074DF;}
.le_use_wrap .letask-list > li.color3 .inner .list-1st > li::before {background: #002F65;}
.le_use_wrap .letask-list > li.color4 .inner .list-1st > li::before {background: #0094B7;}
.le_use_wrap .letask-list > li.color5 .inner .list-1st > li::before {background: #0074DF;}
.le_use_wrap .letask-list > li.color6 .inner .list-1st > li::before {background: #002F65;}
.le_use_wrap .letask-list > li.color7 .inner .list-1st > li::before {background: #0094B7;}
.le_use_wrap .letask-list > li.color8 .inner .list-1st > li::before {background: #0074DF;}
.le_use_wrap .letask-list > li.color9 .inner .list-1st > li::before {background: #002F65;}
.le_use_wrap .letask-list > li img {object-fit: cover;width: 100%;max-height: 220px; border-radius:30px 30px 0px 0;}
.le_use_wrap .letask-list > li:hover { transform: translateY(-1em); border:2px solid #0a934a;}
.le_use_wrap .letask-list > li .c-list01 { color: #111;}

@media(max-width: 767px) {
    .le_use_wrap .letask-list > li {width: calc(50% - 10px); }
    .le_use_wrap .letask-list > li .inner .tit {margin-bottom: 10px; font-size: 1.375rem;}
    .le_use_wrap .letask-list > li .inner .tit span {padding: 3px 8px;font-size: 0.9375rem;}
}

@media(max-width: 560px) {
    .le_use_wrap .letask-list > li {width: 100%;}
}

@media(max-width: 360px) {
    .le_use_wrap .letask-list > li .inner {  padding: 20px 20px 25px; }
}

.use02 {}

.fc_reser {display: flex;background: #ecf0f1;justify-content: space-between;align-items: flex-start;gap: 30px;padding: 30px;max-width: 1304px;margin: 0 auto;flex-wrap: wrap;border-radius: 30px;box-sizing: border-box;}

/* 텍스트 영역: 전체 너비에서 gap을 뺀 후 70% */
.fc_reser .info-box {flex: 0 0 calc(60% - 15px); /* 15px = 30px gap의 절반 */padding: 20px;/*background-color: #fff;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);*/box-sizing: border-box;}
.fc_reser .info-box .tit01{font-size: 2rem; /* 제목 크기 강조 */font-weight: bold;margin-bottom: 20px; /* 세부 내용과의 간격 */color: #333;}
.fc_reser .info-box dl { margin: 0; padding: 0;}
.fc_reser .info-box dt,
.fc_reser .info-box dd { display: inline-block;margin: 0; padding: 0; vertical-align: top;margin-bottom: 10px;font-size: 1rem;color: #555; padding-left: 20px; /* 들여쓰기 */}
.fc_reser .info-box dt { position: relative;font-weight: bold;color: #333; width: calc(20% - 20px);}
.fc_reser .info-box dt::before {content: "• "; /* 블릿 표시 */position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #bbb;font-size:0.9rem;}
.fc_reser .info-box dd {width: 80%; padding-left: 30px; margin-bottom: 10px;color: #555;}
/* 슬라이더 영역: 나머지 30% - 15px */
.fc_reser .slider { flex: 0 0 calc(40% - 15px);max-width: 460px;width: 100%;box-sizing: border-box;}
.fc_reser .mySwiper {width: 100%; height: 300px;border-radius: 10px;overflow: hidden;}

/* Swiper 내부 슬라이드 */
.fc_reser .swiper-slide img {width: 100%;height: 100%; object-fit: cover;display: block;}

/* 반응형 스타일 */
@media (max-width: 1200px) {
  .fc_reser {flex-direction: column;gap: 20px;}
  .fc_reser .slider {order: -1; /* 모바일에서 슬라이더가 텍스트보다 위로 이동 */width: 100%;max-width: 100%;flex: 1 1 100%;}
  .fc_reser .mySwiper { width: 100%; height: 220px;}
  .fc_reser .info-box { flex: 1 1 100%; width: 100%; max-width: 100%;}
  
  .fc_reser .info-box dt {margin-bottom: 2px; }
  .fc_reser .info-box dd {margin-bottom: 12px;padding-left: 16px; /* 내용 들여쓰기 */}
}

@media (max-width: 780px) {
	.fc_reser .info-box dt { width:100%;}
	.fc_reser .info-box dt,
    .fc_reser .info-box dd {  display: block;margin-left: 0;}
}

@media (max-width: 480px) {
  .fc_reser .mySwiper { max-height: 180px;}
  
}

.use_btn_area { text-align:center; }
.use_btn_area a { display:inline-block;}
.use_btn_area a span {  font-size: 1.125rem; font-weight:500;}

/* 안내박스 */
.txt-box + .txt-box{margin-top:15px;}
.txt-box{padding:24px 20px;border-radius:5px;border:1px solid #dedede;background:#fff; width:100%;}
.txt-box.type01 { background: #f9f9f9; border: 1px solid #d0d0d0;}
.txt-box.type02	{display:flex;flex-flow:column;position:relative; border:1px solid #eaeaea;border-bottom:0; padding:60px;}
.txt-box.type02:before,
.txt-box.type02:after {content:'';display:block;width:100%;position:absolute;left:0;margin:-1px;padding:0 1px;z-index:1}
.txt-box.type02:before {background:#071a45;height:3px;top:0}
.txt-box.type02:after {background:#eaeaea;height:1px;bottom:0;margin-bottom:0}
.txt-fouse{padding-left:20px;}

.info-ex01,
.info-ex02,
.info-ex03 {display:block;position:relative;padding:8px 0 5px 40px;margin:0px 0 10px 0;font-size:1.25rem;color:#333;text-align:left; font-weight:500;}
.info-ex01.inline,
.info-ex02.inline,
.info-ex03.inline {display:inline-block}
.info-ex01:before,
.info-ex02:before,
.info-ex03:before {content:"";display:block;position:absolute;left:0;top:5px;width:27px;height:27px;background:#767676 url(/resources/custom/images/leadership/sub/st_set.png) no-repeat 0 -109px;border-radius:5px}
.info-ex02:before {background-color:#0a51d1}
.info-ex03:before {background-color:#eb0e66}

@media (max-width: 1200px) {
  .txt-box.type01 {/*padding: 30px;*/}
}

/* 예약*/
.reservation { display: flex;flex-wrap: wrap;gap: 20px;}
.reservation .ui-calendar {margin-top: 0;}
.reservation .ui-calendar .time-area .time_box .table tbody {height: 481px; min-height: auto; max-height: none;}
.reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap,
.reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con {min-height: 49px; height: auto;}
.reservation .ui-calendar .time-area .time_box .table thead .choice-con-wrap {padding: 0 45px 0 32px;}
.reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con {padding: 15px; border: none;}
.reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap.online .choice-con {background-color: rgba(38, 126, 207, 0.1);}
.reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap.offline .choice-con {background-color: rgba(187, 32, 28, 0.1);}
.reservation .ui-calendar .time-area .time_box .table .th_1.con4 {width: 15%;}
.reservation .ui-calendar .time-area .time_box .table .th_4.con4 {width: 35%;}

@media (max-width: 1024px) {
    .reservation .ui-calendar .time-area .time_box .table thead .choice-con-wrap {padding: 0 31px;}
    .reservation .ui-calendar .time-area .time_box .table tbody {height: 356px;}

    .ui-calendar.col2 .calendar-area {width: calc(50% - 60px);}
    .ui-calendar.col2 .calendar-area .info span {padding: 3px 6px; width: 70px;}
    .ui-calendar.col2 .time-area {width: calc(50% + 40px);}
}

@media (max-width: 840px) {
    /* .ui-calendar.col2 .calendar-area {width: 320px;}
    .ui-calendar.col2 .time-area {width: calc(100% - 340px);} */
}

@media (max-width: 820px) {
    /* .reservation .ui-calendar .time-area .time_box .table thead .choice-con-wrap {padding: 0 20px;} */
    .ui-calendar.col2 .calendar-area,
    .ui-calendar.col2 .time-area {width: 100%;}
}

@media (max-width: 580px) {
    .ui-calendar .time-area .time_box .table tbody {padding-right: 10px;}

    .reservation .ui-calendar .time-area .time_box .table thead .choice-con-wrap {padding: 0 30px 0 15px;}
}

@media (max-width: 490px) {
    .reservation .ui-calendar .time-area .time_box .table thead .choice-con-wrap {padding: 0 15px;}
    .reservation .ui-calendar .time-area .time_box .table tbody {padding-right: 5px;}
    .reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con {padding: 15px 5px 15px 15px;}
    .reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con > span { font-size: 14px; }
    .reservation .ui-calendar .time-area .time_box .table .th_1.con4 {min-width: 60px;}
    .reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con .th_3 {margin: 0 5px;}
    .reservation .ui-calendar .time-area .time_box .table .th_4.con4 {min-width: 120px; width: auto;}
}

@media (max-width: 420px) {
    .reservation .ui-calendar .time-area .time_box .table thead .choice-con-wrap {padding: 0;}
    .reservation .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con {padding: 15px 5px;}
    .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con .th_1 {min-width: 55px;}
    .ui-calendar .time-area .time_box .table tbody .choice-con-wrap .choice-con .th_4 {min-width: 110px;}
}

.reservation .time_box table.responsive-table { width: 100%;border-collapse: collapse;}
.reservation .time_box table.responsive-table th,
.reservation .time_box table.responsive-table td {border: 1px solid #ccc;padding: 10px;text-align: center;}
.reservation .time_box table.responsive-table th { background-color:#f4f6f6;}
.reservation .time_box table.responsive-table td { padding:20px 10px;}
.reservation .time_box table td:first-child,.reservation .time_box table th:first-child {border-left: none;}
.reservation .time_box table td:last-child,.reservation .time_box table th:last-child{border-right:none; }
.reservation .time_box table td .bdp-btn { min-width: 50px; max-width: 100px; height:40px; border-radius: 10px;}
.reservation .time_box table td.status-closed {
    background-color: #f0f0f0;
    color: #666;
    text-align: center;
    font-weight: bold;
    padding: 10px;
  }

.reservation .time_box table td.status-unavailable {
    background-color: #ffe5e5;
    color: #c00;
    text-align: center;
    font-weight: bold;
    padding: 10px;
  }
  
@media (min-width: 768px) {
  .reservation .time_box table th:empty,
  .reservation .time_box table td:empty {
    background-color: #f9f9f9;
    opacity: 0.4;
  }
}

/* 기본은 PC 스타일 */
@media (max-width: 767px) {
    .reservation .time_box table.responsive-table,
    .reservation .time_box tbody,
    .reservation .time_box tr { display: block;width: 100%;border-left: none;border-right:none;}
    .reservation .time_box tr { margin-bottom: 0px;border-left: none;border-right:none;/* border: 1px solid #ddd;padding: 10px;*/}
	.reservation .responsive-table tr:has(th) { display: none; }
    .reservation .time_box th {display: none; /* 모바일에서 th는 숨기고, td::before로 사용 */}
    .reservation .time_box td { display: flex;justify-content: space-between;align-items: center; position: relative;padding-left: 0; text-align: left; border: none; border-bottom: 0px solid #eee; border-left: none; border-right:none;}
    .reservation .time_box td::before {content: attr(data-label);font-weight: bold; margin-right: auto;}
    .reservation .time_box td button {margin-left: 20px;}
	.reservation .time_box table.responsive-table th,
    .reservation .time_box table.responsive-table td {border-left: none; border-right:none;}
	 /* ✅ 빈칸 숨김 */
    .reservation .time_box td:empty,
    .reservation .time_box td[data-label=""] { display: none; }
  }
  
.input-group {display: flex; align-items: center;gap: 8px;padding: 8px 0;}
.circle-icon {width: 12px;height: 12px;border: 3px solid #0a51d1;border-radius: 50%;display: inline-block;flex-shrink: 0;}
.label-text {font-size: 16px;font-weight: 500;}
.input-wrapper {display: flex;align-items: center;gap: 4px;}
.num-input {height: 45px;line-height: 45px;box-sizing: border-box;background-color: #f7f8fb;border-radius: 8px;border: 1px solid #ddd;padding-inline-start: 10px;width: 60px;font-size: 16px;font-weight: 400; appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.num-input::-webkit-inner-spin-button,
.num-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.num-input::-ms-clear {display: none;}
.unit {font-size: 16px;}

.info-box { padding: 20px;background-color: #fff;border-radius: 12px;border: 1px solid #e0e0e0;font-size: 16px;}
.hr-dashed {border: none;border-top: 1px dashed #ccc;margin: 16px 0;}
.info-row {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 16px;}
.info-row dl {display: flex;align-items: flex-start;flex: 1 1 30%;}
.info-row dt {flex: 0 0 80px; font-weight: 600;color: #333;position: relative;padding-left: 10px; /* 블릿 자리 확보 */}
.info-row dt::before {content: "";display: inline-block;width: 3px;height: 3px;background-color: #333;border-radius: 50%;position: absolute;left: 0; top: 0.75em; /* 텍스트 높이에 맞게 조정 */}
.info-row dd { margin: 0;color: #555;line-height: 1.5; flex: 1; font-size:15px;}

/* 반응형: 모바일에서는 세로 정렬 */
@media (max-width: 768px) {
  .info-row { flex-direction: column;}
  .info-row dl {flex-direction: column;}
  .info-row dt {flex: 0 0 10px; margin-bottom: 4px;}
  .info-row dd {flex: none;}
}

.all_imgbox { margin-top: 0px;  padding: 20px; background:#fff; box-shadow: 4px 4px 12px 0 rgba(17, 17, 17, .15); border-radius:20px;}
.all_imgbox img {max-width:100%; max-height:100%; border-radius:20px;}

.pic_btn a{display: none;}
.pic_btn a:hover{background-color:#00a0a0;/*border-color:#348c01;*/color:#fff;transition: all 300ms ease-out }

@media (max-width: 767px) {
    .program_wrap .all_imgbox {margin-top: 30px;padding: 50px 20px;}
	.program_wrap .all_imgbox img {max-width:100%; }
	
	.pic_btn a{display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff; border-radius:10px; text-align: center;}
    .pic_img{text-align: center;}
}
@media(max-width:560px){
    .pic_btn a{width: 75%;}
}
@media(max-width:450px){
    .pic_btn a{width: 100%;}
}

.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: 32%;}
.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%;}
.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/lifelong/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_btn {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 #1E9DB9 !important;border-radius: 30px;background: #1E9DB9 !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;}
}
 

.articles {float: left;margin-top: 10px;color: #333;padding-left: 20px;position: relative; font-size:20px;}
.articles::before {content: "";width: 10px;height: 2px;background-color: #000;position: absolute;top: 10px;left: 0}
.articles .txt_bold {font-weight: 700;color: #000;color: #077a3f}
.board-area {padding: 0 0 3.5rem}
.board-top {overflow: hidden;margin-bottom: 20px}
.table-wrap table {position: relative;line-height: 1.4;table-layout: fixed;width: 100%;border-collapse: collapse}
.table-wrap table::before {content: "";width: 100%;height: 2px;background-color: #4d5265;position: absolute;top: 0;left: 0}
.table-wrap table thead th {border: 1px solid #4d5265;border-bottom: 1px solid #4d5265 !important;background-color: #f9f9f9;padding: 20px;color: #202020;font-size: .95rem;font-weight: 600}
.table-wrap table thead th:first-child {border-left: 0}
.table-wrap table thead th:last-child {border-right: 0}
.table-wrap table tbody th {border: 1px solid #ddd;background-color: #fafcfe;padding: 20px;font-size: 1rem;font-weight: 600;color: #222}
.table-wrap table tbody th:first-child {border-left: 0}
.table-wrap table tbody th:last-child {border-right: 0}
.table-wrap table tbody th .list.dash>li {padding-left: 15px}
.table-wrap table tbody th .list.dash>li::before {left: 0}
.table-wrap table tbody td {border: 1px solid #ddd;padding: 20px;font-size: 1rem;font-weight: 500;background-color: #fff}
.table-wrap table tbody td:first-child {border-left: 0}
.table-wrap table tbody td:last-child {border-right: 0}
.table-wrap table tbody td .list.dash>li {padding-left: 15px}
.table-wrap table tbody td .list.dash>li::before {left: 0}
.table-wrap table tbody td.complete, .table-wrap table tbody td.impossible{text-align: center;color: #fff;font-size: .75rem;letter-spacing: -.05em;padding: 0}
.table-wrap table tbody td.impossible {background-color: #000}
.table-wrap table tbody td.complete {background-color: #8b3793}
.table-wrap table.field tbody th {background-color: #f9f9f9;color: #000;font-size: .8rem}
.table-wrap table.field tbody td .btn {border-color: #000;background-color: #000;color: #fff}
.table-wrap table.vert-top tbody td, .table-wrap table.vert-top tbody th{vertical-align: top}
.table-wrap table tbody td.peo strong {/*display: block*/}
.table-wrap table.side-open thead th:first-child {border-left: 0;border-bottom: 0}
.table-wrap table.side-open thead th:last-child {border-right: 0}
.table-wrap table.side-open tbody td:first-child, .table-wrap table.side-open tbody th:first-child{border-left: 0}
.table-wrap table.side-open tbody td:last-child, .table-wrap table.side-open tbody th:last-child{border-right: 0}
.table-wrap table.all-open tbody td, .table-wrap table.all-open tbody th{border-width: 0 0 1px 0}
.table-wrap table.board {text-align: center}
.table-wrap table.board thead th {border: none}
.table-wrap table.board .new {background-color: #ff6136;color: #fff;border-radius: 50%;display: inline-block;text-align: center;margin-left: 5px;width: 18px;height: 18px;font-size: .5rem;line-height: 18px;vertical-align: middle}
.table-wrap .note {padding: 15px;font-size: .7rem;color: #666}
.table-wrap .note strong {color: #15938e;font-weight: 400}
.table-wrap.scroll {overflow: auto}
.table-wrap.scroll table {min-width: 700px}
.table-wrap+.box.bg {margin-top: 1rem}
.table-wrap+.row {margin-top: 1rem}
.table-wrap .board tbody tr td.subject {/*text-align: left*/}

@media ( max-width :980px) {
	.table-wrap.scroll table tbody td, .table-wrap.scroll table tbody th,.table-wrap.scroll table thead th {padding: 10px}
	.table-wrap .board colgroup, .table-wrap .board thead {display: none}
	.table-wrap .board tbody tr {border-bottom: 1px solid #dcdbdb;padding: 15px;display: block;overflow: hidden}
	.table-wrap .board tbody tr td {display: none;padding: 0;border: 0}
	.table-wrap .board tbody tr td.subject {display: block;font-weight: 600;color: #333;margin-bottom: 15px}
	.table-wrap .board tbody tr td.subject>a {font-size: .9rem}
	.table-wrap .board tbody tr td.bookname {font-weight: 700;color: #333;margin-bottom: 10px;text-align: left;float: left;display: inline-block}
	.table-wrap .board tbody tr td.bookname>a {font-size: .9rem}
	.table-wrap .board tbody tr td.locate {display: inline-block;float: left;margin-left: 10px}
	.table-wrap .board tbody tr td.app-date, .table-wrap .board tbody tr td.cho,.table-wrap .board tbody tr td.peo, .table-wrap .board tbody tr td.stu-date,.table-wrap .board tbody tr td.status,.table-wrap .board tbody tr td.sort{display: block;float: left;	text-align: left;margin-right: 16px;margin-bottom: 8px;	color: #7f7f7f;font-size: .9rem}
	.table-wrap table tbody td.peo strong {display: inline-block}
	.table-wrap .board tbody tr td.mission {height: 20px;width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
	.table-wrap .board tbody tr td.floor {display: flex;float: left;margin-right: 16px;background: #eee;width: 65px;height: 65px;border-radius: 50%;align-items: center;justify-content: center}
	.table-wrap .board tbody tr td.sort::before {content: "장소 : "}
	.table-wrap .board tbody tr td.app-date::before {content: "강좌기간 : "}
	.table-wrap .board tbody tr td.stu-date::before {content: "신청기간 : "}
	.table-wrap .board tbody tr td.peo::before {content: "접수현황 : "}
	.table-wrap .board tbody tr td.status::before {content: "과정상태 : "}
	.table-wrap .board tbody tr td [class^=xi] {font-size: 16px;vertical-align: middle}
}

.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: 30px;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}

/*페이지네이션*/

.pagination { display: flex;padding-left: 0;margin-top: 20px;justify-content: center;}
.pagination.pa-round .page-link { border-radius: 50%;}
.pagination > ul {display: flex;flex-wrap: wrap;}
.page-link {display: inline-block;border: 1px solid;min-width: 33px;min-height: 33px;max-height: 33px;max-width: 33px;padding: 0.5rem;line-height: 1;color: #747474;background-color: rgb(255, 255, 255); border-color: #cbcbcb;margin: 0 2px;transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06);}
.page-link:hover, .page-link:focus {color: rgb(255, 255, 255);background-color: #666;border-color: #666;}
.page-link:hover span, .page-link:focus span {color: rgb(255, 255, 255);/*background-color: #666;border-color: #666;*/}
.page-link[aria-label] span {line-height: 1;letter-spacing: -1px;font-size: 12px;font-weight: bold;}
.page-item.active .page-link { color: rgb(255, 255, 255);background-color: #666;border-color: #666;}
.page-item.disabled .page-link { color: #666;background-color: rgb(255, 255, 255);border-color: #666;}
.pagination-lg .page-link { padding: 0.9375rem;font-size: 18px;line-height: 1.5;}
.pagination-sm .page-link {padding: 0.25rem;font-size: 12px;line-height: 1.5;}


@media only screen and (max-width: 640px) {
  .pagination {display: block; width: 100%;text-align: center;transition: all 0.5s;}
  .pagination ul { text-align: center;width: 100%;height: 30px; justify-content: center;}
  .pagination > li, .pagination .page-item {display: inline-block; vertical-align: middle;}
  .pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span { padding: 0;min-width: 20px; height: 20px; line-height: 20px;min-height: 21px; font-size: 13px; }
  .pagination .page-item [aria-label] span { display: block; }
  .pagination .page-item .page-link[aria-label=first] .sr-only,
  .pagination .page-item .page-link[aria-label=last] .sr-only { display: none;}
}
@media only screen and (max-width: 480px) {
  .pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span {min-width: 30px; height: 30px;line-height: 30px;}
  .pagination .page-item [aria-label] {padding: 0 8px; font-size: 14px;}
  .pagination .page-item [aria-label] .sr-only { font-size: 14px;}
}
.pagination.pa-round .page-item:first-child .page-link, .pagination.pa-round .page-item:nth-child(2) .page-link {padding-right: 7.5px;}
.pagination.pa-round .page-item:last-child .page-link, .pagination.pa-round .page-item:nth-last-child(2) .page-link {padding-left: 7.5px;}
.pagination.pa-round .page-item > a { display: inline-flex; justify-content: center; align-items: center;border: none; font-size: 15px;}
.pagination.pa-round .page-item.active .page-link { background-color: #017939;color: #fff;border-color: #017939;}
.pagination.pa-round .page-link:hover,.pagination.pa-round .page-link:focus { background-color: #017939;}

@media (max-width: 640px) {
    .pagination.pa-round > li, .pagination.pa-round .page-item {width: 26px;height: 26px;}
    .pagination.pa-round li > a, .pagination.pa-round .page-item > .page-link, .pagination.pa-round .page-item > span { display: block;width: 100%;height: 100%; padding: 1px 0;margin: 0;line-height: 25px; }
    .pagination.pa-round .page-item:first-child .page-link, .pagination.pa-round .page-item:nth-child(2) .page-link {padding-right: 2px;}
    .pagination.pa-round .page-item:last-child .page-link, .pagination.pa-round .page-item:nth-last-child(2) .page-link { padding-left: 0;}
    .pagination.pa-round .page-item .page-link {padding: 1px;}
    .pagination.pa-round .page-item [aria-label] span {line-height: 25px;}
}

@media (max-width: 480px) {
    .pagination.pa-round > li, .pagination.pa-round .page-item {margin:3px; }
    .pagination.pa-round li > a, .pagination.pa-round .page-item > .page-link, .pagination.pa-round .page-item > span { min-width: 20px;}
}
.rece_details { margin:80px 0;}
.program_view {}
.program_view .item {}
.program_view .item .title-inner {position: relative;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.program_view .item .title-inner .title { display: block;padding-right: 200px;color: #222;font-weight: 700;font-size: 28px;line-height: 1.3;word-break: keep-all;}
.program_view .item .title-inner .stat-wrap {position: absolute;top: 0; right: 0;min-width: 294px;text-align: right;}
.program_view .item .title-inner .stat-wrap .stat {margin-bottom: 0; display: inline-flex;align-items: center;justify-content: center;font-size: 15px;min-width: 94px;padding: 9px 7px;line-height: 100%;text-align: center;border-radius: 50px;}
.program_view .item .title-inner .stat-wrap  .stat.status1 {  background-color: #017939;color: #fff;border: 1px solid #017939;}
.program_view .item .title-inner .stat-wrap  .stat.status2 { background-color: #0087ea; color: #fff;border: 1px solid #0087ea;}
.program_view .item .title-inner .stat-wrap  .stat.status3 { background-color: #fc9b5c;color: #fff;border: 1px solid #fc9b5c;}
.program_view .item .title-inner .stat-wrap  .stat.status4 { background-color: #ff0000;color: #fff;border: 1px solid #ff0000;}
.program_view .info-box {margin-top: 30px; padding: 30px 45px;border: 1px solid #DDD;border-radius: 20px;background: #f9f9f9;}
.program_view .info-box .inner { display: block; position: relative;}
.program_view .info-box .inner .info-text-box { display: block; position: relative;}
.program_view .info-box .inner .info-text-box .info-list {display: block;width: 100%;}
.program_view .info-box .inner .info-text-box .info-list li { display: inline-block;position: relative;width: calc(100% / 2 - 3px);padding-left: 140px;margin-bottom: 10px;line-height: 28px;}
.program_view .info-box .inner .info-text-box .info-list li:before { position: absolute;  top: 15px;left: 0; width: 3px; height: 3px; border-radius: 100%; background-color: #0090AF; content: '';}
.program_view .info-box .inner .info-text-box .info-list li .subjact { display: inline-block; position: absolute; top: 4px; left: 8px; min-width: 60px;color: #00318F; font-weight: 700; font-size: 18px;line-height: 24px; /* 160% */letter-spacing: -0.3px;text-align: left;}
.program_view .info-box .inner .info-text-box .info-list li .con {display: inline-block;position: relative;color: #33373B;font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: -0.3px; top: 4px;}
.program_view .btn_area { text-align:center;}
.program_view .btn_area a { display:inline-block;}

@media (max-width: 800px) {
    .program_view {  padding:20px; }
    .program_view .info-box .inner {padding-left: 0;}
    .program_view .info-box .inner .thm-box { position: relative; left: 50%;transform: translate(-50%, 0); }
    .program_view .item .title-inner .stat-wrap {display: block; position: relative; top: auto; right: auto; min-width: auto; margin-bottom: 5px;text-align: left; }
    .program_view .item .title-inner .title { font-size: 25px;padding-right: 0;}
    .program_view .info-box .inner .info-text-box .info-list {flex-direction: column;}
    .program_view .info-box .inner .info-text-box .info-list li {width: 100%; margin-bottom: 20px;padding-left: 130px; line-height: 1.3; }
    .program_view .info-box .inner .info-text-box .info-list li .subjact { top: 2px;}
    .program_view .info-box .inner .info-text-box .info-list li .con { line-height: 1.2; top: 0px;}
}

@media (max-width: 500px) {
    .program_view .item .title-inner { padding-bottom: 10px;}
    .program_view .info-box {margin-top: 10px;}
    .program_view .item .title-inner .stat-wrap .stat {margin-bottom: 5px; }
    .program_view .item .title-inner .title {font-size: 23px; }
	.program_view .info-box { padding:20px 25px;}
    .program_view .info-box .inner .info-text-box .info-list li { padding-left: 0; line-height: 1.4;}
    .program_view .info-box .inner .info-text-box .info-list li:before { top: 10px;}
    .program_view .info-box .inner .info-text-box .info-list li .subjact {position: relative;top: 0; min-width: auto; margin-right: 0;line-height: 1.4;text-align: left;}
    .program_view .info-box .inner .info-text-box .info-list li .con {padding: 0; padding-left: 20px;}
    .program_view .info-box .inner .info-text-box .info-list li .con:after { display: none; }
}

.rece_details .detail-index .tit01 {padding-bottom: 10px; color: #000; font-weight: 700;font-size: 24px; line-height: 36px;letter-spacing: -0.24px;border-bottom: 2px solid #282626; margin-bottom:30px;}
.rece_details .dsc { padding:30px;}

@media (max-width: 767px) {
    .rece_details .dsc p { display: block; width: 100%;overflow-x: hidden;}
}

.psy_list { margin-bottom:10px;}
.psy_list li { display:inline-block !important; padding:0px 0px; line-height:1.9; width: auto !important; padding-left: 0px !important; padding-right:10px;}
/*.psy_list li:last-child { padding:0 0px;}*/

@media only screen and (max-width:900px) {
	.psy_list li { display:block; padding:0 0px;}
}
.chk-radio {display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;}
.chk-radio input[type="radio"]{position: absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0; }
.chk-radio input[type="radio"] + label{display:block; position: relative; padding-left:32px; font-size:16px; color:#1e1e1e; line-height:20px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.chk-radio input[type="radio"] + label:before { content:''; position: absolute; left:0; top:0px; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #aaa; border-radius:100%; box-sizing:border-box; }
.chk-radio input[type="radio"] + label:after {}
.chk-radio input[type="radio"]:checked + label:before { background:url(/resources/custom/images/guidance/sub/radio_on.png) no-repeat center center; border-color:#4880ed; }
	@media only screen and (max-width:1200px) {
		.chk-radio input[type="radio"] + label{font-size:15px;}
	}
	@media only screen and (max-width:999px) {
		.chk-radio input[type="radio"] + label{font-size:14px; padding-left:30px; }
		.chk-radio input[type="radio"] + label:before{width:22px;height:22px;}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}


.tab-container {width: 100%;}
.tab-list { display: flex;flex-wrap: wrap;/*border-bottom: 2px solid #ccc;*/padding: 0;margin: 0;list-style: none;}
.tab-item { flex: 1; text-align: center; padding: 20px 0; cursor: pointer;background-color: #f0f0f0;border: 1px solid #ccc; font-weight: bold; transition: background-color 0.3s, color 0.3s;font-size: 1rem; }
.tab-item.active {background-color: #ffffff;border-top: 2px solid #007bff;border-left: 2px solid #007bff; border-right: 2px solid #007bff;color: #007bff; border-bottom: none;}
.tab-content { display: none; padding: 20px;border: 0px solid #ccc; border-top: none; background-color: #ffffff; }
.tab-content.active {display: block;}

/* 반응형 처리 */
@media (max-width: 600px) {
      .tab-item { flex: 100%;font-size: 1rem;border-right: none;border-left: none;border-top: 1px solid #ccc;}
      .tab-item.active {border-top: 2px solid #007bff; }
    }
	
.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;}
}

/* 임용지원 > 프로그램 리스트 */

/* 프로그램 신청 리스트 시작 */
#scBox{position:relative; margin-bottom:60px}
#scBox .group-wr{padding:30px; border-radius: 20px; background:#378fdd; transition: all .3s ease;}
#scBox .group-wr.on{border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: all .3s ease;}
#scBox .group-wr dl{display:flex; flex-wrap:wrap;}
#scBox .group-wr dt{font-size:20px; font-weight:700; color:#fff;}
#scBox .group-wr dd{color:#fff;}
#scBox .group{width:80%; margin-bottom:30px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
#scBox .group > dl{width:30%;}
#scBox .group dt{width:120px; display:flex; align-items:center;}
#scBox .group dd{width:calc(100% - 120px);}
#scBox .group2{display:flex; flex-wrap:wrap; justify-content:space-between;}
#scBox .group2 dl{width:55%/*width:65%*/}
#scBox .group2 dt{width:120px; display:flex; align-items:center}
#scBox .group2 dd{width:calc(100% - 120px); display:flex; align-items:center}
#scBox .group2 dd span{color:#fff;}
#scBox .group2 dd.selectwr{gap:20px}
#scBox .group2 dd.selectwr .st_select{width:30%;}
#scBox .btwr{display:flex; justify-content:space-between; gap:20px;}
#scBox .btwr .submit{color:#0770b4; font-size:20px; padding:20px 48px 20px 70px; border-radius: 60px; background:url(/resources/custom/images/leadership/sub/ico_search_mark.png) no-repeat left 30px center, #fff; transition:all .3s ease;}
#scBox .btwr .submit:hover{box-shadow:0 0 15px 2px rgba(0,0,0,.1); transition:all .3s ease;}
#scBox .btwr .refresh{display:block; width:60px; height:60px; border-radius: 50%; border:1px solid #fff; background:url(/resources/custom/images/leadership/sub/ico_refresh_mark.png) no-repeat center; transition:all .3s ease;}
#scBox .btwr .refresh:hover{box-shadow:0 0 15px 2px rgba(0,0,0,.1); transition:all .3s ease;}
#scBox .btwr .detail{color:#fff; font-size:20px; border-radius: 60px; padding:20px 48px 20px 70px; background:url(/resources/custom/images/leadership/sub/ico_filter_mark.png) no-repeat left 30px center, #1166b2; transition:all .3s ease;}
#scBox .btwr .detail:hover{box-shadow:0 0 15px 2px rgba(0,0,0,.1); transition:all .3s ease;}
.st_text{border:0; background:none; border-bottom:1px solid #fff; padding:10px 0; color:#fff; width:100%; font-size:16px;}
#scBox input[type="text"]::placeholder{color:#fff}
.st_select{border:0; background:none; border-bottom:1px solid #fff; padding:10px 0; color:#fff; width:100%; font-size:16px; cursor:pointer}
.st_select option{color:#222;}
.st_date{padding:10px; border:1px solid #afafaf; font-family: 'Gmarket'; font-weight:300; min-width:150px; border-radius: 5px}
input[type="checkbox"].st_checkbox{border-radius: 3px; width:20px; height:20px;}
#scFilter{ padding:40px; border-radius: 40px; box-shadow:0 2px 10px -3px rgba(0,0,0,.15); border-top:0; border-top-left-radius:0; border-top-right-radius:0; background:#fff}
#scFilter .noti{font-family: 'Gmarket'; font-weight:300; color:#7C8A97; margin-bottom:10px; padding:2px 0 0 30px; background:url(/resources/custom/images/leadership/sub/ico_info_mark.png) no-repeat left center; background-size:20px}
#scFilter .ft-wr{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:10px;padding:10px 0; }
#scFilter .ft-wr:last-child{margin-bottom:0;}
#scFilter .ft-wr dt{width:120px; font-size:16px; font-family:'Gmarket'; font-weight:300; color:#333;}
#scFilter .ft-wr dd{width:calc(100% - 150px); font-family:'Gmarket'; }
#scFilter .ft-wr .ips{display:flex; gap:20px; align-items:center;}
#scFilter .ft-wr .ips label{display:flex; align-items:center; gap:10px; cursor:pointer;}
#scFilter .ft-wr span{font-family:'Gmarket'; color:#5a5a5a; font-size:16px; font-weight:300;}
.prg-total{color:#131313; font-size:20px; margin-bottom:50px;}
.prg-total span{font-size:30px; font-family:'Gmarket'; color:#0f73cd;}
.prg-list{display:flex; flex-wrap:wrap; justify-content:start; gap:calc((100% - 92%)/3); }
.prg-list .unit{width:31%;/*width:23%;*/ border-radius: 24px; overflow:hidden; border:1px solid #ececec; position:relative; transition:all .3s ease; margin-bottom:40px}
.prg-list .inner{padding:35px 30px;}
.prg-list .pgname{font-family: 'Gmarket'; font-size:16px; /*color:#1f3a77;*/ color:#fe763b; font-weight:300; margin-bottom:10px}
.prg-list .tags{margin-bottom: 20px;}
.prg-list .tags > span{display:inline-block; padding:13px 22px; border-radius: 30px; text-align:center; font-size:18px; }
.prg-list .thumb{height:260px;}
.prg-list .thumb img{width:100%; height:100%; object-fit:cover;}
.prg-list li{display:flex; flex-wrap:wrap; align-items:center;}
.prg-list li span{width:115px; color:#2d2d2d; font-size:18px; padding:10px 0 10px 40px;}
.prg-list h5{font-size:24px; color:#242424; font-weight:600; margin-bottom:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prg-list .caption{font-size:16px; color:#5c5c5c; margin-bottom:30px; display:-webkit-box; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical;}
.prg-list li:first-child span{background:url(/resources/custom/images/leadership/sub/ico_gubun01.png) no-repeat left center}
.prg-list li:nth-child(2) span{background:url(/resources/custom/images/leadership/sub/ico_gubun02.png) no-repeat left center}
.prg-list li:nth-child(3) span{background:url(/resources/custom/images/leadership/sub/ico_gubun03.png) no-repeat left center}
.prg-list li:nth-child(4) span{background:url(/resources/custom/images/leadership/sub/ico_gubun04.png) no-repeat left center}
.prg-list li:nth-child(5) span{background:url(/resources/custom/images/leadership/sub/ico_gubun05.png) no-repeat left center}
.prg-list li p{width:calc(100% - 115px); color:#5c5c5c; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.unit.progress:hover{border:2px solid #5c7ee4; transition:all .3s ease;}
.unit.expect:hover{border:2px solid #00ab0c; transition:all .3s ease;}
.unit.deadline:hover{border:2px solid #e58b06; transition:all .3s ease;}
.unit.done:hover{border:2px solid #a2a2a2; transition:all .3s ease;}
.unit.progress .status{background:#009ada; color:#fff;}
.unit.progress .dday{border:1px solid #009ada; color:#009ada}
.unit.expect .status{background:#00ab0c; color:#fff;}
.unit.expect .dday{border:1px solid #00ab0c; color:#00ab0c}
.unit.deadline .status{background:#e58b06; color:#fff;}
.unit.deadline .dday{border:1px solid #e58b06; color:#e58b06;}
.unit.done .status{background:#a2a2a2; color:#fff;}
.unit.done .dday{border:1px solid #a2a2a2; color:#a2a2a2;}
.unit .link{position:absolute; display:block; opacity:0; bottom:0; text-align:center; font-size:20px; color:#fff; font-weight:700; padding:24px 0; width:100%; transition:all .3s ease;}
.unit .link i{display:inline-block; width:22px; height:22px; background:url(/resources/custom/images/leadership/sub/ico_write.png) no-repeat center; margin-right:8px; background-size:cover;}
.unit:hover .link{opacity:1; transition:all .3s ease;}
.unit.progress .link{background:#5c7ee4;}
.unit.expect .link{background:#00ab0c;}
.unit.deadline .link{background:#e58b06;}
.unit.done .link{background:#a2a2a2;}
.unit .current{position:absolute; top:0; right:0; border-bottom-left-radius: 24px; display:flex; padding:20px; font-size:30px; font-family: 'Gmarket'; color:rgba(255,255,255,.5); gap:5px;}
.unit .current p{color:#fff; font-size:16px; font-weight:600;}
.unit .current span{color:#fff; font-family: 'Gmarket'; font-size:30px; margin-left:8px;}
.unit.progress .current{background:#5c7ee4; opacity: 0.8;}
.unit.expect .current{background:#00ab0c; opacity: 0.8;}
.unit.deadline .current{background:#e58b06; opacity: 0.8;}
.unit.done .current{background:#a2a2a2; opacity: 0.8;}
.prg-paging{margin-top:30px;}
.prg-paging ul{display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
.prg-paging ul li{width:36px; height:36px; line-height:36px;}
.prg-paging ul li a{display:block; font-size:16px; color:#a9a9a9; width:100%; height:100%; text-align:center;}
.prg-paging ul li a:hover{color:#333;}
.prg-paging ul li a.active{background:#f4f4f4; color:#2152d1; font-weight:700; border-radius: 50%;}
.prg-paging ul li a.first{background:url(/resources/custom/images/leadership/sub/ico_paging_first.png) no-repeat center;}
.prg-paging ul li a.prev{background:url(/resources/custom/images/leadership/sub/ico_paging_prev.png) no-repeat center;}
.prg-paging ul li a.next{background:url(/resources/custom/images/leadership/sub/ico_paging_next.png) no-repeat center;}
.prg-paging ul li a.last{background:url(/resources/custom/images/leadership/sub/ico_paging_last.png) no-repeat center;}
@media all and (max-width:1400px){
	#scBox .group{width:100%;}
	#scBox .group2 dl{width:calc(100% - 434px);}
	#scBox .group2 dd{width:calc(100% - 160px);}
}
@media all and (max-width:1300px){
	.prg-list{ gap:calc((100% - 96%)/3);}
	.prg-list .unit{width:31%;/*width:24%;*/}
	.prg-list .inner{padding:30px 20px;}
	.prg-list .tags{margin-bottom:20px;}
	.prg-list .tags > span{padding:10px 16px; font-size:14px;}
	.prg-list h5{font-size:22px;}
	.prg-list li span{font-size:15px;}
	.prg-list li p{font-size:15px;}
	.prg-list li:first-child span{background-size:20px;}
	.prg-list li:nth-child(2) span{background-size:20px;}
	.prg-list li:nth-child(3) span{background-size:20px;}
	.prg-list li:nth-child(4) span{background-size:20px;}
	.prg-list li:nth-child(5) span{background-size:20px;}
	.unit .link{font-size:16px;}
	.unit .link i{width:16px; height:16px;}
}
@media all and (max-width:1000px){
	.prg-list{ gap:4%;}
	.prg-list .unit{width:48%;}
	#scBox .group-wr{padding:40px;}
	#scBox .group-wr dt{font-size:15px;}
	#scBox .group2{flex-direction:column; margin-top:20px;}
	#scBox .group2 dl{width:100%;}
	#scBox .group2 dd{width:calc(100% - 120px);}
	#scBox .group2 dd *, #scBox .group dd *{font-size:15px}
	#scBox .btwr{margin-top:20px;}
	#scBox .btwr .submit{font-size:15px; background-size:16px; padding:12px 30px 12px 50px;}
	#scBox .btwr .refresh{width:40px; height:40px; background-size:16px;}
	#scBox .btwr .detail{background-size:16px; font-size:15px; padding:12px 30px 12px 50px;}
}
@media all and (max-width:768px){
	#scFilter .ft-wr{margin-bottom:0;}
	#scFilter .ft-wr dt{font-size:14px;}
	#scFilter .ft-wr span{font-size:14px;}
	input[type="checkbox"].st_checkbox{width:16px; height:16px;}
	#scBox .group > dl{width:100%; margin-bottom:10px;}
	#scBox .group{margin-bottom:0;}
	#scBox .group2{margin-top:0;}
	.prg-list h5{font-size:18px; margin-bottom:10px;}
	.prg-list .caption{margin-bottom:10px;}
	.unit .current span{font-size:20px;}
	.unit .current p{font-size:12px;}
	.unit .current{font-size:20px; padding:16px;}
	.prg-list li span{padding:10px 0 10px 28px; width:90px;}
	.prg-list li p{width:calc(100% - 90px);}
	#scFilter .ft-wr .ips{flex-wrap:wrap; gap:0; }
	#scFilter .ft-wr .ips label{width:50%; margin-bottom:5px;}
	#scFilter .ft-wr .ips.dtwrap label{width:auto;}
}
@media all and (max-width:500px){
	.prg-list{gap:0;}
	.prg-list .thumb{height:200px;}
	.prg-list .inner{padding:20px;}
	.prg-list .unit{width:100%;}
	#scBox .group-wr{border-radius: 20px; padding:30px 20px;}
	#scBox .group2 dd *, #scBox .group dd *{font-size:12px;}
	#scBox .group-wr dt, #scBox .group2 dt{font-size:12px; width:80px;}
	#scBox .group dd, #scBox .group2 dd{width:calc(100% - 80px);}
	#scBox .btwr{gap:10px;}
	#scBox .group2 dd.selectwr{flex-direction:column;}
	#scBox .group2 dd.selectwr .st_select{width:100%;}
	#scBox .btwr .submit{font-size:12px; padding:12px 24px 12px 36px; background-size:14px; background-position:left 16px center;}
	#scBox .btwr .detail{font-size:12px; padding:12px 24px 12px 36px; background-size:14px; background-position:left 16px center;}
	#scFilter{padding:30px 20px}
	#scFilter .ft-wr dt{width:100%; font-size:12px; font-weight:500; margin-bottom:10px;}
	#scFilter .ft-wr dd{width:100%;}
	
	#scFilter .ft-wr span{font-size:12px;}
	#scFilter .noti{font-size:14px;}
	.st_date{font-size:12px; min-width:unset;}
	.prg-paging ul li{width:30px; height:30px; line-height:30px}
}
.prg_info{background:#fafafa; border-radius: 30px; padding:65px; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px}
.prg_info .prg_status{display:flex; flex-direction:column; gap:10px}
.prg_info .prg_status > span{display:inline-block; padding:15px 30px; font-size:18px; border-radius: 30px}
.prg_info .prg_status.progress .status{background:#009ada; color:#fff}
.prg_info .prg_status.deadline .status{background:#e58b06; color:#fff}
.prg_info .prg_status.expect .status{background:#00ab0c; color:#fff; }
.prg_info .prg_status.done .status{background:#a2a2a2; color:#fff;}
.prg_info .prg_status.progress .dday{border:1px solid #009ada; color:#009ada;}
.prg_info .prg_status.deadline .dday{border:1px solid #e58b06; color:#e58b06;}
.prg_info .prg_status.expect .dday{border:1px solid #00ab0c; color:#00ab0c;}
.prg_info .prg_status.done .dday{border:1px solid #a2a2a2; color:#a2a2a2;}
.prg_info .if_txt{width:calc(100% - 780px);}
.prg_info .if_txt h6{color:#222222; font-size:32px; font-weight:700; margin-bottom:10px;}
.prg_info .if_txt p{font-size:18px; margin-bottom:20px;}
.prg_info .if_txt .gubun{margin-bottom:20px;}
.prg_info .if_txt .gubun li{display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #ddd; width:90%;}
.prg_info .if_txt .gubun li:last-child{border-bottom:0;}
.prg_info .if_txt .gubun span{width:120px; padding:15px 0px 15px 36px; font-weight:600; color:#000;}
.prg_info .if_txt .gubun li:nth-child(1) span{background:url(/resources/custom/images/leadership/sub/ico_gubun01.png) no-repeat left center; background-size:24px}
.prg_info .if_txt .gubun li:nth-child(2) span{background:url(/resources/custom/images/leadership/sub/ico_gubun02.png) no-repeat left center; background-size:24px}
.prg_info .if_txt .gubun li:nth-child(3) span{background:url(/resources/custom/images/leadership/sub/ico_gubun03.png) no-repeat left center; background-size:24px}
.prg_info .if_txt .gubun li:nth-child(4) span{background:url(/resources/custom/images/leadership/sub/ico_gubun04.png) no-repeat left center; background-size:24px}
.prg_info .if_txt .gubun li:nth-child(5) span{background:url(/resources/custom/images/leadership/sub/ico_gubun05.png) no-repeat left center; background-size:24px}
.prg_info .if_txt .gubun p{width:calc(100% - 120px); font-size:16px; margin-bottom:0;}
.prg_info .if_txt .proposer{background:#ededed; border-radius:40px; padding:12px 0; display:inline-block; margin-bottom:20px;}
.prg_info .if_txt .proposer em{padding-left:50px; display:inline-block; font-weight:700; font-size:18px; background:url(/resources/custom/images/leadership/sub/ico_proposer.png) no-repeat left 20px center;}
.prg_info .if_txt .proposer p{padding:0 30px 0 20px; display:inline-block; margin-bottom:0;}
.prg_info .img_sl{position:relative;border-radius: 30px; overflow:hidden; height:400px; width:630px}
.prg_info .img_sl .mySwiper{height:100%;}
.prg_info .img_sl .pager{position:absolute; right:0; bottom:0; background:#00328d; color:#fff; padding:30px 40px; z-index:1; border-top-left-radius: 30px; display:flex; align-items:center; gap:20px}
.prg_info .img_sl .pager span{font-family: 'Gmarket'; font-weight:300; color:#cacaca; font-size:20px; padding:0 10px; display:inline-block;}
.prg_info .img_sl .swiper-pagination{position:unset; width:auto; color:#fff;}
.prg_info .img_sl .pager span.swiper-pagination-current{color:#fff; }
.prg_info .img_sl .control > a{width:20px; height:20px; display:inline-block; }
.prg_info .img_sl img{width:100%; height:100%; object-fit:cover;}
.prg_info .img_sl .bt_prev{background:url(/resources/custom/images/leadership/sub/ico_slprev.png) no-repeat center; background-size:cover;}
.prg_info .img_sl .bt_pause{background:url(/resources/custom/images/leadership/sub/ico_slpause.png) no-repeat center; background-size:cover;}
.prg_info .img_sl .bt_pause.on{background:url(/resources/custom/images/leadership/sub/ico_slplay.png) no-repeat center; background-size:cover;}
.prg_info .img_sl .bt_next{background:url(/resources/custom/images/leadership/sub/ico_slnext.png) no-repeat center; background-size:cover;}
.btnwrap{display:flex; flex-wrap:wrap; gap:20px;}
.btnwrap > a{width:150px; color:#fff; text-align:center; padding:20px 0; border-radius:40px; font-size:18px;position:relative;}
.btnwrap .apply{background:#1f51ac; transition:all .3s ease; }
.btnwrap .apply:hover{background:linear-gradient(45deg, #1f51ac, #122f55); transition:all .3s ease; box-shadow:0 0 15px 0 rgba(0,0,0,.3);}
.btnwrap .list{background:#aeaeae; transition:all .3s ease; }
.btnwrap .list:hover{background:linear-gradient(45deg, #aeaeae, #858585); transition:all .3s ease; box-shadow:0 0 15px 0 rgba(0,0,0,.3);}
.prg_cont{display:flex; flex-wrap:wrap; border:1px solid #d1d1d1; border-radius: 30px; padding:0 50px; justify-content:space-between;}
.prg_cont .tab_btn{width:185px; padding:100px 0; border-right:1px solid #d1d1d1;}
.prg_cont .tab_btn li{color:#868686; font-size:24px; font-weight:300; font-family: 'Gmarket'; margin-bottom:60px; position:relative; cursor:pointer; transition:all .3s ease}
.prg_cont .tab_btn li:hover{color:#1f51ac; transition: all .3s ease;}
.prg_cont .tab_btn li::after{display:block; width:10px; height:10px; background:#aeaeae; border-radius: 50%; position:absolute; right:-5px; content:''; top:5px; transition:all .3s ease}
.prg_cont .tab_btn li:hover::after{background:#1f51ac;}
.prg_cont .tab_btn li.on{color:#1f51ac;}
.prg_cont .tab_btn li.on::after{background:#1f51ac;}
.prg_cont .tab_cont{width:calc(100% - 265px); padding:100px 0;}
.prg_tit{font-size:24px; color:#000; padding-bottom:10px;line-height:36px; letter-spacing:-0.24px; margin-bottom:30px; font-family: 'Gmarket';}
.prg_default > div{border-top:2px solid #000}
.prg_default dl{display:flex; flex-wrap:wrap; border-bottom:1px solid #d1d1d1}
.prg_default dt{width:230px; text-align:center; background:#f7f7f7; padding:20px 40px; display:flex; justify-content:center; align-items:center;}
.prg_default dd{width:calc(100% - 230px); text-align:left; padding:20px 40px; display:flex; align-items:center;}
.app_form > div{display:flex; flex-wrap:wrap; margin-bottom:40px}
.app_form > div > dl{width:50%;}
.st_input.text{width:100%; border:1px solid #ddd; border-radius: 5px; padding: 15px;}
.st_input:read-only{background:#f7f7f7; color:#5a5a5a}
.st_input.radio{width:18px; height:18px; margin-right:8px; vertical-align:middle;}
.mr10{margin-right:10px}
.app_done{padding:40px; border-radius: 30px; background:#f4f9fb; text-align:center; margin-bottom:50px; position:relative; margin-top:250px}
.app_done::before{width:155px; height:150px; display:block; margin:30px auto; content:''; background:url(/resources/custom/images/leadership/sub/apply_done.png) no-repeat center; background-size:cover; position:absolute; top:-210px; left:50%; transform:translateX(-50%);}
.app_done h6{font-family: 'Gmarket'; font-size:24px; margin-bottom:10px;}
span.point{color:#2196F3; font-family: inherit; font-size:inherit; font-weight:inherit;}
@media all and (max-width:1500px){
	.prg_info .img_sl{width:500px}
	.prg_info .prg_status > span{padding:10px 24px; font-size:16px;}
	.prg_info .if_txt{width:calc(100% - 620px);}
}
@media all and (max-width:1200px){
	.prg_cont{padding:0 30px;}
	.prg_cont .tab_btn{padding-top:50px; width:120px;}
	.prg_cont .tab_btn li{font-size:20px;}
	.prg_cont .tab_cont{padding:50px 0; width:calc(100% - 170px)}
	.prg_info{position:relative; padding:30px}
	.prg_info .prg_status{display:inline-block; width:100%; margin-bottom:20px; text-align:center;}
	.prg_info .if_txt{width:100%; padding-top:350px; text-align:center;}
	.prg_info .if_txt .gubun li{width:100%;}
	.prg_info .if_txt .gubun p{text-align:left;}
	.prg_info .img_sl{width:95%; height:320px; position:absolute; top:90px; left:50%; transform:translateX(-50%)}
	.btnwrap > a{width:calc(50% - 10px);}
}
@media all and (max-width:768px){
	.prg_info .img_sl .pager{padding:20px 30px;}
	.prg_info .img_sl .pager span{font-size:18px; padding:0 5px;}
	.prg_info .if_txt h6{font-size:24px;}
	.prg_info .if_txt p{font-size:16px;}
	.prg_info .if_txt .gubun span{font-size:14px; text-align:left;}
	.prg_info .if_txt .gubun p{font-size:14px;}
	.prg_info .if_txt .proposer em{font-size:16px;}
	.btnwrap > a{padding:16px 0; font-size:16px;}
	.prg_cont{flex-direction:column}
	.prg_cont .tab_btn{width:100%; border-right:0; padding-top:30px; padding-bottom:0;}
	.prg_cont .tab_btn ul{display:flex; justify-content:space-between;}
	.prg_cont .tab_btn li{margin-bottom:0; font-size:16px;}
	.prg_cont .tab_btn li.on{border-bottom:2px solid #1f51ac;}
	.prg_cont .tab_btn li::after{display:none;}
	.prg_cont .tab_cont{width:100%; padding:30px 0;}
	.prg_cont .prg_tit{font-size:20px; margin-bottom:0;}
	.prg_default dt{width:150px; padding:16px; font-size:14px;}
	.prg_default dd{padding:16px; width:calc(100% - 150px); font-size:14px;}
}
@media all and (max-width:500px){
	.prg_info{margin-bottom:30px;}
	.prg_info .img_sl{height:240px;}
	.prg_info .img_sl .pager{padding:15px 20px}
	.prg_info .img_sl .pager span{font-size:16px;}
	.prg_info .if_txt{padding-top:270px;}
	.prg_info .if_txt h6{font-size:20px;}
	.prg_cont .tab_btn li{font-size:14px;}
	.prg_default dt{width:100px}
	.prg_default dd{width:calc(100% - 100px);}
	.prg_cont .prg_tit{font-size:18px;}
}

.tab-container {width: 100%;}
.tab-list { display: flex;flex-wrap: wrap;/*border-bottom: 2px solid #ccc;*/padding: 0;margin: 0;list-style: none;}
.tab-item { flex: 1; text-align: center; padding: 20px 0; cursor: pointer;background-color: #f0f0f0;border: 1px solid #ccc; font-weight: bold; transition: background-color 0.3s, color 0.3s;font-size: 1rem; }
.tab-item.active {background-color: #ffffff;border-top: 2px solid #007bff;border-left: 2px solid #007bff; border-right: 2px solid #007bff;color: #007bff; border-bottom: none;}
.tab-content { display: none; padding: 20px;border: 0px solid #ccc; border-top: none; background-color: #ffffff; }
.tab-content.active {display: block;}

/* 반응형 처리 */
@media (max-width: 600px) {
      .tab-item { flex: 100%;font-size: 1rem;border-right: none;border-left: none;border-top: 1px solid #ccc;}
      .tab-item.active {border-top: 2px solid #007bff; }
    }