@charset "utf-8";
 
.ck-editor__editable{
	height: 500px;
	max-height: 500px;
}
.map .blind{z-index:9999;position:absolute;left:0;top:0;width:100%;}
.map .blind *{display:inline;list-style:none;margin:0;padding:0;}
.map .blind a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
.map .blind a:focus{left:0;width:98%;padding:1%;height:auto;background:#555;color:#fff;text-decoration:none;text-align:left;line-height:18px;}

/* 로고 */
.logo-header a .logo {
	display: block;
    width: 160px;
    height: auto;
}
 
table.public {
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
}
table.public th {
    background-color: #f4f6f9;
    color: #000;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ddd;
    padding: 5px 10px;
}
table.public td {
    background-color: #fff;
    padding: .5rem;
    border: 1px solid #ddd;
    padding: 15px;
    word-break: keep-all;
    word-wrap: break-word;
}

/* 사업소개 */

.cn-slogan {
    background-image: url(../images/slogan.svg);
    display: inline-block;
    width: 120px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.biz-intro .vision {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
.biz-intro .vision .g {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.biz-intro .vision .title {
    width: 11%;
    height: 100px;
    border-radius: 5px 20px;
    background: #B81117;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}
.biz-intro .vision .content {
    width: 88%;
    height: 100px;
    border-radius: 5px;
    border: 1px solid #FFCACA;
    background: #FFF6F6;
    color: #000;
    font-size: 26px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    white-space: pre-line;
}
.biz-intro .vision .etc {
    color: #555;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    word-wrap: break-word;
    word-break: keep-all;
}
.biz-intro .goal {
    width: 100%;
    display: flex;
    gap: 10px;
    height: max-content;
}
.biz-intro .goal .title {
    width: 11%;
    border-radius: 5px 20px;
    background: #1F56A3;
    font-size: 28px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: auto;
}
.biz-intro .goal .content {
    width: 90%;
    border-radius: 5px;
    border: 1px solid #BDBDBD;
    background: #FFF;
    padding: 10px;
    height: 100%;
}
.biz-intro .goal .content .top {
    height: 90px;
    display: flex;
    align-items: center;
}
.biz-intro .goal .content .top .t {
    background-color: #EBEBEB;
    color: #434343;
    font-size: 22px;
    padding: 10px;
    height: 100%;
    display: inline-flex;
    width: 70px;
    align-items: center;
    justify-content: center;
    min-width: 70px;
}
.biz-intro .goal .content .top .c {
    padding: 10px;
    color: #1F56A3;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    border-radius: 34px;
    border: 1px solid #1F56A3;
    background: #FFF;
    display: inline-flex;
    width: 80%;
    justify-content: center;
    align-items: center;
}
.biz-intro .goal .content .bot {
    height: 220px;
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.biz-intro .goal .content .bot .t {
    background-color: #EBEBEB;
    color: #434343;
    font-size: 22px;
    padding: 10px;
    height: 100%;
    display: inline-flex;
    width: 70px;
    align-items: center;
    justify-content: center;
    min-width: 70px;
}
.biz-intro .goal .content .top .align{
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.biz-intro .goal .content .bot .align{
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.biz-intro .goal .content .bot .biz-1 {
    display: inline-block;
    background-image: url(../images/sub/biz-img-1.png);
    width: 460px;
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 30px;
}
.biz-intro .goal .content .bot .biz-2 {
    display: inline-block;
    background-image: url(../images/sub/biz-img-2.png);
    width: 460px;
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 30px;
}
.biz-intro .detail {

}
.biz-intro .detail .sort {
    display: flex;
    width: 100%;
    gap: 20px;
    margin: 50px 0 10px 0;
}
.biz-intro .detail .sort span.r {
    width: 70%;
}
.biz-intro .detail .sort span {
    border-radius: 30px;
    display: flex;
    height: max-content;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #6B6B6B;
    color: #fff;
    font-size: 20px;
    width: 30%;
}
.biz-intro .detail .content {
    
}
.biz-intro .detail .content .align {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 30px;
}
.biz-intro .detail .content .l {
    width: 30%;
    border-radius: 5px 20px;
    background: #73ADFF;
    height: 120px;
    color: #FFF;
    font-size: 22px;
    display: inline-flex;
    font-weight: 600;
    justify-content: center;
    align-items: center;
}
.biz-intro .detail .content .l.blue2 {
    background: #307FED;
}
.biz-intro .detail .content .l.blue3 {
    background: #095ACB;
}
.biz-intro .detail .content .l.blue4 {
    background: #1F56A3;
}
.biz-intro .detail .content .r.blue2 .txt span {
    background: #307FED;
}
.biz-intro .detail .content .r.blue3 .txt span {
    background: #095ACB;
}
.biz-intro .detail .content .r.blue4 .txt span {
    background: #1F56A3;
}
.biz-intro .detail .content .r {
    width: 70%;
    border-radius: 20px;
    border: 1px solid #BDBDBD;
    background: #FFF;
    padding: 10px 20px;
}
.biz-intro .detail .content .r .txt {
    color: #232323;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    margin: 20px 0;
}
.biz-intro .detail .content .r .txt span {
    color: #FFF;
    border-radius: 30px;
    background: #73ADFF;
    font-size: 16px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}


@media screen and (max-width: 1200px){ 
    .biz-intro .vision .g {
        flex-direction: column;
    }
    .biz-intro .vision .title {
        width: 100%;
        height: 60px;
    }
    .biz-intro .vision .content {
        width: 100%;
        word-wrap: break-word;
        word-break: keep-all;
        display: flex;
        flex-wrap: wrap;
        height: max-content;
        padding: 20px;
    }
    .biz-intro .goal {
        flex-direction: column;
    }
    .biz-intro .goal .title {
        width: 100%;
        height: 60px;
    }
    .biz-intro .goal .content {
        width: 100%;
        height: max-content;
        padding: 40px 10px;
    }
    .biz-intro .goal .content .bot .biz-1 {
        margin: 10px 0;
    }
    .biz-intro .goal .content .bot .biz-2 {
        margin: 10px 0;
    }
    .biz-intro .goal .content .bot {
        height: max-content;
    }
    .biz-intro .goal .content .bot .align {
        flex-wrap: wrap;
        width: 100%;
    }
    .biz-intro .goal .content .bot .t {
        height: 480px;
    }
}
@media screen and (max-width: 500px){ 
    .biz-intro .detail .sort {
        display: none;
    }
    .biz-intro .detail .content .align {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 30px;
    }
    .biz-intro .detail .content .l {
        width: 100%;
    }
    .biz-intro .goal .content .top .c {
        font-size: 16px;
        word-break: keep-all;
        word-wrap: break-word;
        width: 100%;
        margin: 20px 0;
    }
    .biz-intro .goal .content .top .t {
        font-size: 18px;
        height: 30px;
        width: 100%;
    }
    .biz-intro .goal .content .bot .t {
        font-size: 18px;
        font-size: 18px;
        height: 30px;
        width: 100%;
    }
    .biz-intro .goal .content .bot .biz-1 {
        margin: 10px 0;
        width: 100%;
        min-height: 170px;
        height: auto;
        background-position: center;
    }
    .biz-intro .goal .content .bot .biz-2 {
        margin: 10px 0;
        width: 100%;
        min-height: 170px;
        height: auto;
        background-position: center;
    }
    .biz-intro .detail .content .r {
        width: 100%;
    }
    .biz-intro .detail .content .l {
        font-size: 18px;
        height: 80px;
    }
    .biz-intro .detail .content .r .txt {
        font-size: 16px;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .biz-intro .detail .content .r .txt span {
        font-size: 14px;
        width: 24px;
        height: 24px;
    }
    .biz-intro .vision .title {
        font-size: 20px;
    }
    .biz-intro .goal .title {
        font-size: 20px;
    }
    .biz-intro .goal .content .top {
        display: flex;
        flex-direction: column;
        height: max-content;
    }
    .biz-intro .goal .content .bot {
        display: flex;
        flex-direction: column;
        height: max-content;
    }
    .biz-intro .goal .content {
        padding: 10px 10px;
        margin-bottom: 20px;
    }
}

.no_data_msg {width: 100%; margin: 0 auto; height: 100px; text-align: center; background-color: #F5F5F5; border: 1px solid #ddd; padding-top: 30px;}

.mecaphone {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: #eee;
	border-radius: 50px;
	color: #555;
}

figure.image{
	margin-left:auto;
	margin-right: auto;
}

.image-style-align-left{
	margin-left:0 !important;
	margin-right:auto !important;
}

.image-style-align-right{
	margin-right:0 !important;
	margin-left:auto !important;
}

.image-style-align-center{
	margin-left:auto !important;
	margin-right: auto !important;
}

.ttlOverflow{overflow: hidden; width:100%;white-space: nowrap;text-overflow: ellipsis;}

:root {
	--font-pretendard: "Pretendard GOV";
	--font-jalnan: "Jalnan Gothic";
	--layout: 140rem;
	--contents-layout: 120rem;
	--header-height: 8rem;
	--header-top-height: 4.4rem;
	--main-color: #22467C;
	/*heading, paragraph*/
	--h1: 700 40px/var(--line-height-sm) var(--font-jalnan);
	--h2: 700 32px/var(--line-height-sm) var(--font-pretendard);
	--h3: 700 24px/var(--line-height-md) var(--font-pretendard);
	--h4: 700 20px/var(--line-height-lg) var(--font-pretendard);
	--h5: 500 18px/var(--line-height-lg) var(--font-pretendard);
	--h5-bold: 700 18px/var(--line-height-lg) var(--font-pretendard);
	--body1-size: 18px;
	--body2-size: 16px;
	--body3-size: 14px;
	--line-height-sm: 1.2;
	--line-height-md: 1.3;
	--line-height-lg: 1.4;
	/*color*/
	--black: #111;
	--white: #fff;
	--gray900: #222;
	--gray800: #424242;
	--gray700: #616161;
	--gray600: #757575;
	--gray500: #9e9e9e;
	--gray400: #bdbdbd;
	--gray300: #e0e0e0;
	--gray200: #eee;
	--gray100: #f5f5f5;
	--gray50: #F8F9FB;
	--blue800: #102B53;
	--blue700: #22467C;
	--blue600: #3A65A5;
	--blue500: #5987CE;
	--blue400: #7DAEF6;
	--blue300: #A7CAFF;
	--blue200: #C2DEFF;
	--blue100: #F2F7FB;
	--green800: #10533B;
	--green700: #227C5C;
	--green600: #249681;
	--green400: #BBDA7B;
	--green100: #F5F9EE;
	--orange800: #A13B01;
	--orange700: #C34F0E;
	--orange600: #E5661E;
	--orange400: #FF995F;
	--orange100: #FBF4EF;
	--alert-success: #038A4A;
	--alert-information: #1159C8;
	--alert-error: #D12222;
	--alert-warning: #F98921;
	--alert-cancel: #646875;
	/*radius*/
	--radius-sm: .4rem;
	--radius-md: .8rem;
	--radius-lg: 1.6rem;
	--radius-full: 50%;
	/* space*/
	--space-half: .2rem;
	--space-1: .4rem;
	--space-2: calc(var(--space-1) * 2);
	--space-3: calc(var(--space-1) * 3);
	--space-4: calc(var(--space-1) * 4);
	--space-5: calc(var(--space-1) * 5);
	--space-6: calc(var(--space-1) * 6);
	--space-7: calc(var(--space-1) * 7);
	--space-8: calc(var(--space-1) * 8);
	--space-9: calc(var(--space-1) * 9);
	--space-10: calc(var(--space-1) * 10);
	--space-11: calc(var(--space-1) * 11);
	--space-12: calc(var(--space-1) * 12);
	--space-13: calc(var(--space-1) * 13);
	--space-14: calc(var(--space-1) * 14);
	--space-15: calc(var(--space-1) * 15);
	--space-16: calc(var(--space-1) * 16);
	--space-17: calc(var(--space-1) * 17);
	--space-18: calc(var(--space-1) * 18);
	--space-19: calc(var(--space-1) * 19);
	--space-20: calc(var(--space-1) * 20);
	--space-21: calc(var(--space-1) * 21);
	--space-22: calc(var(--space-1) * 22);
	--space-23: calc(var(--space-1) * 23);
	--space-24: calc(var(--space-1) * 24);
	--space-25: calc(var(--space-1) * 25);
	--space-26: calc(var(--space-1) * 26);
	--space-27: calc(var(--space-1) * 27);
	--space-28: calc(var(--space-1) * 28);
	--space-29: calc(var(--space-1) * 29);
	--space-30: calc(var(--space-1) * 30);
	--space-31: calc(var(--space-1) * 31);
	--space-32: calc(var(--space-1) * 32);
	--space-33: calc(var(--space-1) * 33);
	--space-34: calc(var(--space-1) * 34);
	--space-35: calc(var(--space-1) * 35);
	--space-36: calc(var(--space-1) * 36);
	--space-37: calc(var(--space-1) * 37);
	--space-38: calc(var(--space-1) * 38);
	--space-39: calc(var(--space-1) * 39);
	--space-40: calc(var(--space-1) * 40);
	--space-41: calc(var(--space-1) * 41);
	--space-42: calc(var(--space-1) * 42);
	--space-43: calc(var(--space-1) * 43);
	--space-44: calc(var(--space-1) * 44);
	--space-45: calc(var(--space-1) * 45);
	--space-46: calc(var(--space-1) * 46);
	--space-47: calc(var(--space-1) * 47);
	--space-48: calc(var(--space-1) * 48);
	--space-49: calc(var(--space-1) * 49);
	--space-50: calc(var(--space-1) * 50);
	--space-51: calc(var(--space-1) * 51);
	--space-52: calc(var(--space-1) * 52);
	--space-53: calc(var(--space-1) * 53);
	--space-54: calc(var(--space-1) * 54);
	--space-55: calc(var(--space-1) * 55);
	--space-56: calc(var(--space-1) * 56);
	--space-57: calc(var(--space-1) * 57);
	--space-58: calc(var(--space-1) * 58);
	--space-59: calc(var(--space-1) * 59);
	--space-60: calc(var(--space-1) * 60);
	/*component height*/
	--component-height-lg: 5.2rem;
	--component-height: 4rem;
	--component-height-default: 4rem;
	--component-height-sm: 3.2rem;
}

/* 센터안내 */
.mapInfo{background: #fafafa; border: 1px solid #bbb; padding: 3rem 4rem;}
.mapInfo dl{display: flex;}
.mapInfo dl ~ dl{border-top: 1px solid #eae9e9; margin-top: 3rem; padding-top: 3rem; }
.mapInfo dl dt{flex-shrink: 0; width: 11rem; font-size: 1.3rem; font-weight: 700; color: #000;}
.mapInfo dl dd{font-size: 1rem; width: 100%;}
.mapInfo dl dd .flexWrap{display: flex; justify-content: space-between;}
.mapInfo dl dd .flexWrap .item{flex: 1;}

/* 오시는길 */  
.map_list{border-top:2px solid #000;position:relative; background: #fff;}
.map_list li .heading{overflow:hidden;padding:10px 0 ;border-bottom:1px solid #c4ccd6;height:50px;display:table;width:100%}
.map_list li .heading p>span{float:left;position:relative;padding:0 20px;font-weight:300;display:table-cell;vertical-align:middle}
.map_list li .heading p>span:after{content:'';border-right:1px solid #c4ccd6;padding-left:20px}
.map_list li .heading p{float:left;cursor:pointer;font-weight:300;width:98%;min-height:30px;padding:5px 0}
.map_list .con_box{display:none}
.map_list .tit{position: relative;}
.map_list .tit::after { content: "\ea4d"; font-family: 'remixicon'; position: absolute; right: 1rem; top:0.3rem }
.map_list .active .tit::after { content: "\ea77";}
.map_list .con_box{ padding:20px;border-bottom:1px solid #000}
.map_list .con_box .traffic_btn,
.map_list .con_box .traffic_btn2{overflow:hidden}
.map_list .con_box .traffic_btn li{float:left;width:33%;margin-bottom:10px}
.map_list .con_box .traffic_btn2 li{float:left;width:25%;margin-bottom:10px}
.map_list .con_box .traffic_btn li a,.map_list .con_box .traffic_btn2 li a{width:95%}
.map_list .con_box  .box_white{background:#fff;padding:10px;}


#headerWrap .headerArea .right .nav .navArea .navBox .navContainer .contList .list .listLink {
    display: flex;
    min-height: 2.5rem;
    align-items: center;
    padding: 0rem .8rem;
    border-radius: 0.4rem;
    font-size: .8rem;
    font-weight: 600;
    justify-content: space-between;
}
#headerWrap .headerArea .right .nav .navArea .navBox .navContainer .contList .list {font-size: 0.8rem; border: 1px solid #eaeaea; border-radius: 0.4rem; background-color: #f7f7f7; width: 27%;  margin-right: 1rem;  margin-bottom: 1rem; font-weight: 600;}
.menuContainer .menuWrap .menuArea .menuBox .menuName {border: 1px solid #eaeaea; border-radius: 0.4rem; background-color: #f7f7f7; margin-bottom: 1rem; font-weight: 500; font-size: 0.9rem;}
.menuContainer .menuWrap .menuArea .menuBox .menuName a {
	  display: flex;
	  min-height: 2.5rem;
	  align-items: center;
	  padding: 0rem .8rem;
	  border-radius: 0.4rem;
	  font-size: .8rem;
	  font-weight: 600;
	  justify-content: center;
	  width: 100%; 
	}
#headerSubpage .headerArea .right .nav .navArea .navBox .navContainer .contList .list {font-size: 0.8rem;border: 1px solid #eaeaea; border-radius: 0.4rem; background-color: #f7f7f7; width: 27%;  margin-right: 1rem;  margin-bottom: 1rem; font-weight: 600;}
#headerSubpage .headerArea .right .nav .navArea .navBox .navContainer .contList .list .listLink {
    display: flex;
    min-height: 2.5rem;
    align-items: center;
    padding: 0rem .8rem;
    border-radius: 0.4rem;
    font-size: .8rem;
    font-weight: 600;
    justify-content: space-between;
}
#headerWrap .headerArea .right .nav .navArea .navBox .navContainer .contList .list {padding: 0 !important;}

@media (max-width:768px){

	/* 센터안내 */
	.mapInfo{padding: 2rem;}
    .mapInfo dl{display: block;}
    .mapInfo dl ~ dl{margin-top: 1rem; padding-top: 1rem;}
    .mapInfo dl dt{width: 100%; margin-bottom: 1rem;}

    /* 오시는길 */
    .map_list li .heading p{padding-right: 2rem;}
    
    [class*="tbl_st"] table thead {display: none;}
	.tbl_none thead {display: block !important;}
	.tbl_none thead tr {padding: 0;}
	.tbl_none tbody tr th {display: none;}
	.tbl_none tbody tr{margin-bottom: 0px !important; border: none !important; padding: 0 !important;}
    .tbl_st td { padding: 0.5rem !important; text-align: left; padding: 8px; position: relative; }
    
	.tbl_st td::before {content: attr(data-label);font-weight: bold;color: #333;display: inline-block;width: 5rem;text-align: center;margin-right: 1rem;background-color: #eee;}
	
	figure.table table{display: table-cell;}
	figure.table table tbody{display: table-row-group}
	figure.table table tbody tr{display: table-row}
	figure.table table tbody tr td{display: table-cell}
	
}

body.bodyWrap{
    --menuColor1:#4A3480;
    --menuColor2:#7662AA;
    --mainColor:#EBE3FF;
    --subColor1:#271555;
    --subColor2:#4A3480;
    --subColor3:#AD9ED5;
}
body.bodyWrap #main-content::before{ filter: hue-rotate(45deg);}

@media only screen and (max-width: 768px) {
    #sub-content .tabWrap .tabArea {margin-bottom: 2rem;}
    }

@media (max-width:620px){
	.box_pagination button:not(.active, .btn_page ){width: 28px; display: inline-block !important;}
}

@media (max-width:550px){
	div span span.page.mgL1{display: none}
	.tbl_info {justify-content: space-between;flex-flow: column wrap;}
	.tbl_info .tbl_info_left {width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; margin-bottom: 5px;}
	.tbl_info .tbl_info_right {width: 100%; margin: 0 auto !important;}
	.tbl_info .tbl_info_right select {margin: 0 auto; width: 100%;}
}

@media (max-width:420px){

	/* 센터안내 */
    .mapInfo dl dd .flexWrap{display: block;}
	
}

button{line-height: unset !important;}

.section.section_address.lst{display: none;}