@charset "utf-8";
@import url('font.css');

#skipnavigation a{position:absolute;left:-3000%;}
#skipnavigation a:focus, 
#skipnavigation a:active {display:block;left:0; top:0;width:100%;height:30px;line-height:30px;color:#fff;text-align:center;background:#222;z-index:10000000000;}

.pc{display: block !important;}
.mobile{display: none !important;}
.btn-pc{display: inline-block !important;}
.btn-mobile{display: none !important;}

.a-blank{display:inline-flex; align-items: center; padding: 5px 8px; text-decoration: underline; text-underline-position: under; border-radius: 4px; font-weight: normal;}
.a-blank:after{content:''; margin-left: 5px; width:15px; height:15px; background:url('/images/portal/icon/icon_blank.svg') no-repeat center center;background-size: contain;}
.a-blank:hover{background-color: var(--color-gray5); text-decoration: underline; text-underline-position: under;}
.a-go{display:inline-flex; align-items: center; padding: 5px 8px; text-decoration: underline; text-underline-position: under; border-radius: 4px; font-weight: normal;}
.a-go:after{content:''; /* margin-left: 5px; */ width:15px; height:15px;  background:url('/images/portal/icon/icon_forward.svg') no-repeat center center;background-size: contain;}
.a-go:hover{background-color: var(--color-gray5); text-decoration: underline; text-underline-position: under;}
.a-go.size-s {font-size: var(--ft-body2);}
.title-wrap .a-go {font-weight: normal;}

.ico,
.ico-right{display: inline-flex; align-items: center; gap: var(--space2); font-size:1rem; background-color: transparent;}
.ico:before{content:''; width: 1em; height: 1em; background-repeat:no-repeat; background-size:contain;}
.ico.btn-search:before{background-image:url('/images/portal/icon/icon_search.svg');}
.ico.btn-login:before{background-image:url('/images/portal/icon/icon_login.svg');}
.ico.btn-logout:before{background-image:url('/images/portal/icon/icon_logout.svg');}
.ico.btn-join:before{background-image:url('/images/portal/icon/icon_join.svg');}
.ico.btn-mem:before{background-image:url('/images/portal/icon/icon_member.svg');}
.ico.btn-detail:before{background-image:url('/images/portal/icon/icon_add.svg');}

.ico-right:after{content:''; width: 1em; height: 1em; background-repeat:no-repeat; background-size:contain;}
.ico-right.btn-detail:after{background-image:url('/images/portal/icon/icon_add.svg');}
.ico-right.btn-detail:after{background-image:url('/images/portal/icon/icon_add.svg');}


/* layout */
#wrap.admin-login{box-sizing:border-box; border-width:3px; border-style:solid;}
#wrap.admin-login.admin1{border-color: red;}
#wrap.admin-login.admin2{border-color: #f4bb79;}
/* #wrap.admin-login{position:relative;}
#wrap.admin-login:before{content:'';position:absolute; top:0; left:0; right:0; bottom:0;box-sizing:border-box; border-width:3px; border-style:solid; z-index:99999;}
#wrap.admin-login.admin1:before{border-color: red;}
#wrap.admin-login.admin2:before{border-color: #f4bb79;}
 */

/* header */
.header {position: relative; width:100%; z-index: 999; border-bottom: 1px solid #dddfe1;}
/* .header > .inner{ height:50px;} */
.header .util-wrap{padding: var(--space4) 0; border-bottom: 1px solid #d9d9d9;}
.header .util-wrap .inner{height: 100%; position: relative;}
.header .util-wrap .util-etc{display:flex; justify-content: flex-end; align-items: center; gap: var(--space4);}
.header .util-wrap .util-etc a{position: relative; font-size: 0.875rem;}
.header .util-wrap .util-etc a.a-go{text-decoration: none;}
.header .util-wrap .util-etc a:not(:first-of-type):before {content: ''; position: absolute; left: -0.3125rem; top: 50%; transform: translateY(-50%); width: 1px; height: 0.9em; background: var(--color-gray10); }
.header .util-wrap .util-con{display:flex; justify-content: space-between; align-items: center; padding: var(--space2) 0;}
/* .header .util-wrap .util-con .logo{flex-shrink:0;} */
.header .util-wrap .util-con .logo img{/* height:40px; */height: 50px;}
.header .util-wrap .util-con .right{/* flex-grow:1; */ display: flex; align-items: center;}
.header .util-wrap .util-con .right a{margin-left:10px;}
.header .util-wrap .util-con .ico{font-size: 1.0625rem; background-size: 1.0625rem;}
.header .util-wrap .guide-book{ display: inline-block; margin-right: 20px; padding: 2px 10px; text-align: center; line-height: normal; vertical-align: middle; background-color: var(--color-primary80); }
.header .util-wrap .guide-book img{display: block; margin: 0 auto;}
.header .util-wrap .guide-book span{display:block; font-size: 12px; color: #ffeb00;}

.header .util-wrap .util-etc a,
.header .util-wrap .util-con .right > a{padding: 5px 10px; border-radius: 5px;}
.header .util-wrap .util-etc a:hover,
.header .util-wrap .util-con .right a:hover{background-color: #f8f8f8;}


.header .util-wrap .inner .emb img{margin-top:10px; margin-left:30px; height:40px; width:80px;}

/* .header .util-wrap .member{position: absolute; right:0; top: 50%; transform: translateY(-50%);} */
.header .util-wrap .member{display:inline-block; margin-top:14px;}
.header .util-wrap .member .border-right:after{content: ''; margin:0 10px; display: inline-block; width:1px; height:15px; vertical-align: middle; background-color: #fff;}
/* .header .util-wrap .member a{color: #fff;} */
.header .util-wrap .member a:hover{text-decoration: underline;}
.header .util-wrap .search{padding:5px 0 5px 15px ; border-radius:5px; box-sizing:border-box; background-color:#f3f3f3; overflow: hidden;}
.header .util-wrap .search input{width:calc(100% - 40px); border: 0 none; box-sizing: border-box; line-height: 30px; font-size: 1.0625rem; font-weight: 300; background-color:transparent;}
.header .util-wrap .search input::placeholder{color: #898989;}
.header .util-wrap .search button{width:30px;height:30px; border: 0 none; font-size: 0; vertical-align: middle; background:url('/images/portal/icon/icon_search.svg') no-repeat transparent center;}
.header .util-wrap .btn-allmenu{display:inline-block;margin-left:15px;width:19px;height:19px;font-size: 0; vertical-align: middle; background: url('/images/portal/button/btn_allmenu.png') no-repeat;}
/* 20230421 수정 */
.header .util-wrap .search-wrap{position: relative;}
.header .util-wrap .search-list{display: none; position: absolute; left:0; /* position: relative; */ padding-bottom:10px; width:100%; border-radius: 0 0 5px 5px; background-color:#f3f3f3; overflow: hidden; z-index:1;}
.header .util-wrap .search-list:before {content: ''; display: block; position: absolute; left:50%; width: calc(100% - 20px); height: 1px; background-color: #d9d9d9; transform: translateX(-50%);}
.header .util-wrap .search-list ul{text-align: left;}
.header .util-wrap .search-list li{ box-sizing: border-box;}
.header .util-wrap .search-list li a{display: block; padding:5px 10px;}
.header .util-wrap .search-list li a:hover{background-color: #f5f5f5;}
.header .util-wrap .search-list li a em{font-weight: bold; color:#e20312;}
.header .util-wrap .search-wrap.list-on .search{border-radius: 5px 5px 0 0;}
.header .util-wrap .search-wrap.list-on .search-list {display:block;}
/* //20230421 수정 */

.header .util-wrap .inner,
.header .gnb-wrap{ margin:0 auto; width:1240px;}

.gnb-wrap .logo{float:left; margin-top: 16px;}
.gnb-wrap .gnb .depth2{display: none; text-align:left;}

.gnb.pc {width: 100%;}
.gnb.pc a{transition: all 0.3s; word-break: keep-all;}
.gnb.pc > ul{display: flex; width: 100%; flex-wrap: nowrap; align-items: center;}
.gnb.pc > ul > li {width: calc(100% / 7); text-align: center;}
.gnb.pc > ul > li.allMenu{width:70px;}
.gnb.pc > ul > li.allMenu > a{height:50px;}
.gnb.pc > ul > li.allMenu > a > span{font-size:0;}

.gnb.pc .depth1 > a {position: relative; display: block; font-size: 16px;}
.gnb.pc .depth1 > button {position: relative;display: inline-flex;align-items: center; gap:0.3125em; width: 100%; padding: 0 var(--space3); height: 50px;font-size: var(--ft-title4); font-weight: 700;background-color:transparent;box-sizing: border-box;text-align: left;color: inherit;-webkit-appearance: none; letter-spacing: -0.0625rem;}
.gnb.pc .depth1 > button:hover{background-color: var(--color-blue);}
.gnb.pc .depth1 > button.menu-toggle:after{content:''; display: inline-block; width:1em; height:1em; background-position: center center; background-repeat: no-repeat; background-image: url('/images/portal/icon/icon_down.svg');}
.gnb.pc .depth1 > button.menu-toggle.active:after{transform: rotate(180deg);}
.gnb.pc .depth1.slideDownClass > button.menu-toggle:after{ background-image: url('/images/portal/icon/icon_up.svg');}
.gnb.pc .depth1:hover > a{ background-color: var(--color-blue);}



/*new allmenu*/
.gnb.pc .allMenu > .depth2 > .inner {padding-bottom:30px; max-height:550px; overflow-y: scroll;}

.gnb.pc .depth1.allMenu img{vertical-align: middle;}
.gnb.pc .depth1.allMenu .allMenulist {display: block; margin-top:30px;  /* border: 1px solid red; */}

.gnb.pc .allMenulist .all_depth1:hover > a {color: #464646 !important;}

.allMenulist .all_depth1 {
    display: inline-block;
    margin-right: 50px;
    margin-bottom: 100px;
    width: 21%;
    word-break: keep-all;
}
.allMenulist>li:nth-child(4) {margin-right: 0;}
.allMenulist .all_depth1>a {display: block; font-weight: 500; border-bottom: 2px solid #000000;}
.allMenulist .all_depth2 {
    display: block;
    box-shadow: none;
    position: inherit;
}
.allMenulist .all_depth2>ul>li {
    float: none;
    height: auto;
    min-height: auto;
    padding: 0;
}
.allMenulist .all_depth2 .all_depth3 {
    padding-left: 10px;
}
.allMenulist .all_depth2 .all_depth3>li {
    list-style-type: '·';
    padding-left: 5px;
}
.allMenulist .all_depth2 .all_depth3>li a{
    opacity: 80%;
}


.gnb.pc .depth2 {
    position: absolute;
    /* top: 131px; */
    /* top: 106px; */
    transform: translateY(1px);
    left: 0;
    right: 0;    
    line-height: 2.1;
    /* height: 350px; */
    height: auto;
    min-height: 300px;    
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    background-color: #fff;
}
.gnb.pc .depth2 > .inner {
    /* display: flex;
    flex-wrap: nowrap; */
    /* padding-right: 224px; */
    /* padding-left: 195px; */   
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 1240px;
    height: 100%;
    min-height: 325px;
    margin: 0 auto;
    box-sizing: border-box;
}
.gnb.pc .depth2 .depth-guide {
    width: auto !important;
    /* border: 1px solid red; */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    height: auto;
    padding: 0;
    border: 1px solid transparent;
}
.gnb.pc .depth2 .depth-guide:hover {background-color: #fff; border: 1px solid transparent !important;}
.gnb.pc .depth2 .depth-guide img {display: block; margin-left: auto;}
.gnb.pc .depth2 .depth-guide b {display:block; margin-top: 10px; font-size: 17px; font-weight: 500;}
.gnb.pc .depth2 .depth-guide p {
    line-height: 25px;
}
.gnb.pc .depth2 .depth-guide p>span {font-weight: 500;}
/* .gnb.pc .depth2 > ul > li { min-height:325px;} */
.gnb.pc .depth2 > ul > li {float: left; width: calc(100% / 6); /* max-width: 220px; */ padding: var(--space9) var(--space7);/* height: 100%; *//* min-height:325px; */box-sizing: border-box;transition:all 0.3s; border-left:1px solid #fff;border-right:1px solid #fff;line-height:1.3; box-sizing: border-box; word-break: keep-all;}


/* .gnb.pc > ul > li:nth-of-type(3) .depth2{text-align: center;}
.gnb.pc > ul > li:nth-of-type(3) .depth2 > .inner{ display: inline-block;width: auto; max-width: 1240px; text-align:left;} */
/* .gnb.pc > ul > li:nth-of-type(n+4) .depth2 > .inner{display: flex;justify-content:flex-end;} */

/* .gnb.pc .depth2 > ul > li:hover {border-left-color:#d7e1e6; border-right-color: #d7e1e6; background-color: #e8f4f9;} */
/* .gnb.pc .depth2 > ul > li:hover>a {color: #0c84b3;} */
.gnb.pc .depth2 > ul > li > a {display:inline-block; font-size: var(--ft-body1); font-weight:600;}
/* .gnb.pc .depth2 > ul > li > a:before {content: '';display: inline-block;margin-right: 5px;width: 3px;height: 3px;border-radius: 100%;vertical-align: middle;background-color: #464646;}
.gnb.pc .depth2 > ul > li.depth3-none > a:before {content: '';} */

.gnb.pc .depth1.type2 .depth2{display:none !important;}
/* .gnb.pc .depth1.type1 .depth2 > ul > li {padding: 18px 5px 30px 5px; width:17%; word-break:keep-all;} */
/* .gnb.pc .depth1.type1 .depth2 > ul > li:nth-of-type(1){width: 12%;} */
/* .gnb.pc .depth1.type3 .depth2 > ul > li {padding: 18px 10px 30px 10px; width:14%; word-break:keep-all;}
.gnb.pc .depth1.type4 .depth2 > ul > li {padding: 18px 15px 30px 15px; } */
/* .gnb.pc .depth1:nth-of-type(1) .depth2 > ul > li {width: 16.666%;} */
/* .gnb.pc .depth1 .depth2 > ul > li {width: 18%;} */
.gnb.pc .depth2 li:hover .depth3 li:hover a {text-decoration:underline;}
.gnb.pc .depth2 li.depth3-none:hover a{color: #0c84b3;}
.gnb.pc .depth2 li.depth3-none:hover a:before {background-color: var(--color-primary80);}

.gnb.pc .depth3 {margin-top: 20px;/*  padding-left: 5px; */}
/* .gnb.pc .depth3 > li {list-style-type: '·'; margin-bottom: 10px; padding-left: 8px; line-height: 20px;} */
.gnb.pc .depth3 > li{margin-bottom:10px;}
/* .gnb.pc .depth3 > li::marker {font-size: 3px;} */
.gnb.pc .depth3 > li > a{font-size: var(--ft-body1);}
/* .gnb.pc .depth3 > li > a {font-size: 16px; color: #787878;} */
/* .gnb.pc .depth3 >li > a:before {content: '';display: inline-block;margin-right: 5px;width: 3px;height: 3px;border-radius: 100%;vertical-align: middle;background-color: #464646;} */


/* footer */
/* .footer {margin-top: 75px; background-color: #eee;}
.footer .foot-quick{border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; backgrond-color:#fff;}
.footer .foot-quick > .inner{display:flex;}
.footer .foot-quick button{display: inline-flex; align-items: center; justify-content: space-between; padding:10px 25px 10px 10px; border-right: 1px solid #ebebeb; background-color: transparent; background-image: url('/images/portal/button/arrow_open.png'); background-repeat:no-repeat; background-position: right 10px center;}
.footer .foot-quick button:first-of-type{border-left: 1px solid #ebebeb;}
.footer .inner {margin:0 auto; width:1240px;}
.footer > .inner { padding-top:20px;}   
.footer .top{padding: 10px 0 10px 0; margin:40px 0 30px;}
.footer .bottom{border-top: 1px solid #bbb; padding: 10px;}
.footer .bottom a,
.footer .bottom span{font-size: 0.9rem;}
.footer .top-con,
.footer .bottom-con{display:flex; justify-content: space-between;}
.footer .top-con .link a{font-weight:600;}
.footer .top-con .link a:after{contnet:'>'; display:inline-block; margin-left:10px; font-weight:normal;}
.footer .foot-menu {display:flex; gap:10px;}
.footer .foot-menu .on{color: #1d96c3;}
.foot-menu li{display:inline-block; margin-left:20px; vertical-align:top;}
.foot-menu li:first-child{margin-left:0;}
.foot-menu li a{font-size: 15px;color:#fff; font-weight: 300;}
.foot-menu li a:hover{text-decoration:underline;}
.foot-menu .list-on{font-size: 15px;color:#222; font-weight: bold; text-decoration: underline;} */
.footer{/* margin-top: 75px; */ background-color: var(--color-gray5);}
.footer .foot-quick{border-top: 1px solid var(--color-gray10); border-bottom: 1px solid var(--color-gray10); background-color: #fff;}
.footer .foot-quick > .inner{display: flex;}
.footer .foot-quick button{display: inline-flex; align-items: center; justify-content: space-between; padding: 10px 45px 10px 10px; border-right: 1px solid var(--color-gray10); background-color: transparent; background-image: url(/images/portal/icon/icon_add.svg); background-repeat: no-repeat; background-position: right 10px center;}
.footer .foot-quick button:first-of-type{border-left: 1px solid var(--color-gray10);}
.footer .inner{margin: 0 auto; width: 1240px;}
.footer > .inner{/* padding-top: 20px; */padding: var(--space8) 0;}
.footer .foot-logo{display:block; margin-bottom: var(--space11);}
.footer .top-con,
.footer .bottom-con{display: flex; justify-content: space-between;}
.footer .top-con .link li{margin-bottom: var(--space4);}
.footer .top-con .link a{font-weight:600; display:flex; gap: 10px; align-items: center;}
.footer .top-con .link a:after{content: ''; display: block; width: 1em; height: 1em; background: url(/images/portal/icon/icon_forward.svg) no-repeat center center;}
.footer .top-con + .info p{ color: var(--color-gray50);}
.footer .info{margin-bottom: var(--space7);}
.footer .info p{margin: var(--space3) 0;}
.footer .top{padding: var(--space4) 0 var(--space4) 0;}
.footer .bottom{border-top: 1px solid var(--color-gray10); padding: var(--space4);}
.footer .bottom a,
.footer .bottom span{ font-size: var(--ft-body2); text-decoration: none;}
.footer .foot-menu{display:flex; gap: var(--space8); align-items: center; margin: var(--space5) 0;}
.footer .foot-menu .on{color: var(--color-primary90); font-weight: 500;}
.footer .copyright span{color: var(--color-gray50); letter-spacing: 0;}
.footer .info p, 
.footer .info p span, 
address,
address span {font-size: var(--ft-body2);}

.footer .foot-quick > .inner {justify-content: space-between; align-items: center;}
.footer .foot-quick .btn.btn-gray {background-color: var(--color-gray40); border-color: var(--color-gray40);}

/* family site - popup */
.popup-family{width: 100%; height: 100%; background-color: var(--color-primary5) !important;}
.popup-family .modal-head,
.popup-family .modal-body{ max-width: 1280px; margin: 0 auto;}
.popup-family .modal-head{ /* padding: 120px 0 0; */ margin: 120px auto 0;}
.popup-family .modal-head .title{font-size: var(--ft-title1);}
.popup-family .modal-body{padding-top: 0; margin-top: 85px;}
.popup-family .family-site{display: flex; gap: 24px; flex-wrap: wrap;}
.popup-family .family-site li {flex: 1; flex-basis: 20%;}
.popup-family .family-site a {font-size: var(--ft-title3);}

.modal.popup-family .btn-close {
    
}
.modal.popup-family .btn-close {
    position: absolute;
    width: 48px;
    height: 48px;
    /* top: 120px; */
    float: none;
    /* right: 150px; */
    background-size: 48px;
    top: -3px;
    right: -3px;
}

.modal.popup-family .modal-head {position: relative;}

.popup-family .family-site a:before {
    content: '·';
    display: inline-block;
    width: 24px;
    height: 24px;
    /* background: #f0f; */
    text-align: center;
    /* vertical-align: middle; */
    margin-right: 4px;
    line-height: 24px;
}

.popup-family .family-site a {
    /* display: flex; */
    /* align-items: center; */
    /* box-sizing: border-box; */
    display: inline-block;
    border-radius: 6px;
}

.popup-family .family-site a:hover {
    background-color: rgba(0,0,0,0.04);
}

a {}

.popup-family .family-site a {
    padding: 5px 12px 5px 4px;
}


/* .footer .family-site {float: right;}
.footer .family-site select {
    height: 30px;
    font-size: 16px;
    padding: 0 10px;
    border-color: #E6E6E6;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.footer .family-site .button{height:30px;}
.footer .foot-logo{display:block;}
.footer .info, .footer .info p, .footer .info span, .footer .info address{font-size: 0.9rem; font-weight: 300;}
.footer .info{margin-bottom:15px;}
.footer .info p{margin: 5px 0;}
.footer .info address{display:inline-block;}
.footer .info .copyright span:first-child {display: inline-block; margin-right: 5px;}
 */

/* all menu */
.allmenu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-primary80);
    /* background-color: rgba(30, 150, 196, 0.95); */
    z-index: 999999;    
}
.allmenu:focus-visible {outline-offset: -7px;}
.allmenu a{color: #fff;}

.allmenu .top,
.allmenu > .inner {margin: 0 auto; width:1240px;}
.allmenu .top {margin-top: 70px;}
.allmenu .btn-close {
    float: right;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0;
    background:url('/images/portal/button/btn_close_w.png') no-repeat;
    transition: all 0.5s;
}
.allmenu .btn-close:hover {transform: rotate(90deg);}

/* 
.allmenu >.inner {margin-top: 45px;}
.allmenu .depth1 { 
    padding: 25px 0;
    width: 100%;
    font-size: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #fff; 
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.allmenu .depth1:first-child {padding-top: 0;}
.allmenu .depth1:last-child {border-bottom: 0 none;}
.allmenu .depth1 > a {
    display: inline-block;
    width: 175px;
    vertical-align: top;
    font-weight:500;
    font-size: 21px;
    position: absolute;
    height: 100%;
    border-right: 1px solid #94cde3;
}
.allmenu .depth2 {display: inline-block; width: calc(100% - 175px); margin-left: 200px;}
.allmenu .depth2 a {font-size: 16px;}
.allmenu .depth2 > ul{font-size: 0;}
.allmenu .depth2 > ul > li {
    display: inline-block;
    width: 20%;
    line-height: 197%;
    vertical-align: top;
    box-sizing: border-box;
}
.allmenu .depth2 > ul > li > a {font-size: 19px;}
.allmenu .depth2 > ul > li > a:before {content: '';display: inline-block;margin-right: 5px;width: 3px;height: 3px;border-radius: 100%;vertical-align: middle;background-color: #fff;}
.allmenu .depth2 > ul > li.depth3-none > a:before {display: none;}

.allmenu .depth2 > .inner > .depth3-none a:hover,
.allmenu .depth3 a{opacity: 0.8;}
.allmenu .depth3 a:hover{text-decoration: underline;}

.allmenu .depth3 {padding-left: 8px;}
.allmenu .depth3 li {padding: 7px 0; line-height: 20px;}
.allmenu .depth3-none .depth3 {padding-left: 0;} */

/* table */
h4.table-title,
h4.table-title span{margin-bottom:0; font-size:20px; font-weight:500;}
h4.table-title + .table-wrap table{margin-top:10px !important;}

.table-wrap > .title-wrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.table-wrap > .title-wrap .title {display: inline-block; font-size: var(--ft-title4); font-weight: 700;}
.table-wrap > .title-wrap .explain-txt {margin-bottom: 0;}


.table-wrap.table-scroll {overflow: auto;}
.table-wrap.table-scroll:focus{outline: 2px dashed #222;outline-offset: -3px;}
.table-wrap.table-scroll::-webkit-scrollbar{width:10px; height:10px; border-radius:1.5rem; background-color: #b5dbea; background-color: rgba(181, 219, 234, 0.5);}
.table-wrap.table-scroll::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:var(--color-primary80);}
.table-wrap.table-scroll::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color: #b5dbea; background-color: rgba(181, 219, 234, 0.5);}



.table-wrap table{width:100%; border-top: 1px solid var(--color-gray10);}
.table-wrap table .subject {width:100%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.table-wrap table tr.fixed {border-bottom: 1px dashed var(--color-primary80);}
.table-wrap table td.bg-gray {background-color:#f5f5f5;}

/* 20221208 성연령 방문 조회 테이블 추가 */
.table-wrap table td.bg-red {background-color: var(--color-red);}
.table-wrap table td.bg-blue {background-color: var(--color-blue);}
.table-wrap table th.sort {background-color: var(--color-primary80); color: #fff;}
.table-wrap table th.sort.desc:after {content: ' ▼';}
.table-wrap table th.sort.asc:after {content: ' ▲';}

.table-wrap .population-table{border-top: 1px solid var(--color-primary80);}
.table-wrap .population-table.table-type1 tbody tr{border:0 none;}
.table-wrap .population-table td{border-bottom:1px solid var(--color-primary80); border-left: 1px dashed var(--color-primary80);}
.table-wrap .population-table td.border-left-solid{border-left:1px solid var(--color-primary80);}
.table-wrap .population-table td.border-right-solid{border-right:1px solid var(--color-primary80);}
.table-wrap .population-table td.border-bottom-dashed{border-bottom:1px dashed #cccccc;}

/* 20221214 관광지대시보드수정 */
.table-type1-1 th.border-right {border-right: 1px solid var(--color-gray10);}
.table-type1-1 td a.button {display: inline-block; margin: 5px 0; padding: 8px 10px; height: auto; line-height: 1;}

.table-wrap > .title {display: inline-block; margin-bottom: 10px; font-size: var(--ft-title4); font-weight: 700;}
.table-type1 td,
.table-type1-1 td {/* padding:16px; */ padding:0.75rem 0.5rem;  text-align: center; vertical-align: middle; word-break: keep-all;}
.table-type1 thead,
.table-type1-1 thead { border-bottom: 1px solid var(--color-gray10);}
.table-type1 thead th,
.table-type1-1 thead th {padding: 16px 0; font-size: 1rem; font-weight: 500; vertical-align: middle; background-color: var(--color-gray5);}
.table-type1 tbody tr,
.table-type1-1 tbody tr{border-bottom: 1px solid var(--color-gray10);}
.table-type1 tbody th,
.table-type1-1 tbody th{padding:15px 10px; font-weight:500; vertical-align: middle;}
.table-type1 tbody td img,
.table-type1-1 tbody td img {width: 20px; height: auto;} 
.table-type1 tbody td a,
.table-type1-1 tbody td a {font-size: 1rem; word-break: keep-all;} 
.table-type1 tbody td a:hover,
.table-type1-1 tbody td a:hover {text-decoration: underline;} 
.table-type1 tbody td.subject,
.table-type1-1 tbody td.subject{padding-left:10px; text-align: left;}
.table-type1 td{vertical-align: middle;}
.table-type1-1 th,
.table-type1-1 td{vertical-align: middle; /*border-left:1px solid #e4e4e4;*/border-right:1px solid var(--color-gray10);}
/* .table-type1-1 th.bordernone,
.table-type1-1 td.bordernone{border-left:0 none;} */
.table-type1-1 th:last-child,
.table-type1-1 td:last-child{border-right:0 none;}

/* 20221208 성연령 방문 조회 테이블 추가 */
.table-type1-1 th.border-bottom {border-bottom: 1px solid #d3d3d3;}


.table-type1-2 th {font-weight: 500;}
.table-type1-2 th,
.table-type1-2 td{padding:var(--space2) var(--space4); text-align: center; word-break: keep-all; vertical-align: middle;}
.table-type1-2 thead { border-bottom: 1px solid #d3d3d3;}
.table-type1-2 tbody tr{border-bottom: 1px solid #e4e4e4;}

.table-type2 thead {border-top: 2px solid var(--color-primary80); border-bottom: 1px solid #d3d3d3;}
.table-type2 thead th {padding: var(--space8) var(--space9); font-weight: 500; text-align: left;}
.table-type2 thead th span {color: #7f7f7f; letter-spacing: 0px; font-weight: 400;}
.table-type2 thead .table-title {font-size: var(--ft-title4); margin-top:var(--space4); margin-bottom: var(--space2);}
.table-type2 tbody tr{border-bottom: 1px solid #e4e4e4;}
.table-type2 tbody td.table-content *{
    /* padding: 30px;
    background-color: #f8f8f8; */
    line-height: 2;
}
.table-type2 tbody td.table-content p {
/*     font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px; */
}
.table-type2 tbody td a {font-size: 17px; word-break: keep-all;} 
.table-type2 tbody td a:hover {text-decoration: underline;}

.table-wrap .table-type1.fixed-head th {position: sticky; top: 0; border-top: 1px solid var(--color-gray20); background-color: var(--color-gray10);}
.table-wrap .table-type1.fixed-head th,
.table-wrap .table-type1.fixed-head td {border-bottom: 1px solid #e4e4e4;}
.table-wrap .table-type1.fixed-head {border-spacing: 0; border-collapse: separate; border-top: 0;}

.table-wrap .table-hover tbody tr th,
.table-wrap .table-hover tbody tr td{transition: all 0.5s;}
.table-wrap .table-hover tbody tr:hover th,
.table-wrap .table-hover tbody tr:hover td{background-color: var(--color-blue) !important; cursor:pointer;}

.table-board-add{border-top: 1px solid var(--color-gray60));}
.table-board-add th,
.table-board-add td,
.board .table-board-add th,
.board .table-board-add td{padding:15px 20px; text-align: left; vertical-align: top;}
.table-board-add th,
.board .table-board-add th{/* font-size: 18px; */ font-weight:700;}
.table-board-add td,
.board .table-board-add td{ font-size:17px;}
.table-board-add select{
    display: inline-block;
    height: 2.5rem;
    line-height: 1.5;
    font-size: var(--ft-body1);
    box-sizing: border-box;
    background-color: #fff;
}
.table-board-add input[type=text],
.table-board-add textarea{
    width: 100%;
    /* line-height: 27px; */
    /* border: 1px solid #E6E6E6; */
    box-sizing:border-box;
}
.table-board-add input[type=text]{padding:5px 10px; /* height: 30px; */}
.table-board-add input[type=radio]{vertical-align: sub;}
.table-board-add label{margin:0 15px 0 5px; vertical-align: middle;}
.table-board-add textarea{padding:5px 10px; min-height:300px;}

.division-border-right {border-right: 1px solid var(--color-primary80);}
.division-border-right-b {border-right: 1px solid #e4e4e4;}


table.info strong{font-weight:500;}
table.info td {padding:15px 0;}
table.info th.center, 
table.info td.center{text-align: center;}
table.info thead tr{border-bottom: 1px solid var(--color-gray10);}
table.info tbody tr{border-bottom: 1px solid var(--color-gray10);}
table.info thead th,
table.info thead td{padding:10px; font-size: 16px; font-weight: 500; border-right:1px solid var(--color-gray10); background-color: var(--color-gray5);}
table.info tbody th,
table.info tbody td{padding:10px 15px; font-size: 15px; word-break: keep-all; vertical-align: middle; border-right:1px solid var(--color-gray10);}
table.info thead th:last-child,
table.info thead td:last-child,
table.info tbody th:last-child,
table.info tbody td:last-child{border-right: 0 none;}
table.info tbody th span,
table.info tbody td span,
table.info tbody th a,
table.info tbody td a,
table.info tbody td li{font-size: 15px;}
table.info tbody td a{color:var(--color-primary80);}
table.info tbody td a:hover{text-decoration: underline;}

table.align-left td {text-align: left;}
table.align-right td {text-align: right;}
table.word-break td{word-break:break-all;}

/* 선호도, 인지도 비교 바 테이블 */
.table-wrap .chart-table thead tr {border-bottom: 1px solid #e4e4e4;}
.table-wrap .chart-table thead th {padding: 5px 0; font-size: 17px; font-weight: 400;}
.table-wrap .chart-table thead .bar {display: inline-block; width: 15px; height: 5px; vertical-align: middle;}
.table-wrap .chart-table thead .bar-color1 {background-color: #ff8549;}
.table-wrap .chart-table thead .bar-color2 {background-color: #67b7dc;}
.table-wrap .chart-table tbody tr {border-bottom: 1px solid #e4e4e4;}
.table-wrap .chart-table tbody td {padding: 5px 0;}

.fixed-table table{line-height:1.4;}

.bar-chart {display: inline-block; width: 100%; vertical-align: sub;}
.bar-chart .inner { position: relative; width: 100%; height: 20px; background-color: #67b7dc; overflow: hidden;}
.bar-chart .inner .bar {position: absolute;top: 0; left: 0; height: 100%; background-color: #ff8549;}

.table-division {margin: 0 auto; width: 115px; border-radius: 6px; background-color:#fff;}
.table-division1 {color:#41626f !important; border:1px solid #41626f !important;}
.table-division2 {color:#007bab !important; border:1px solid #007bab !important;}
.table-division3 {color:#c74b10 !important; border:1px solid #c74b10 !important;}
.table-division4 {color:#744a35 !important; border:1px solid #744a35 !important;}

.table-state {display:inline-block; padding: 5px 15px; width:90px; border-radius: 5px; color: #fff; box-sizing: border-box;}
.table-state.done {color: var(--color-gray60); background-color: var(--color-gray10);}
.table-state.wait {background-color: var(--color-tertiary90);}
.table-state.ing {background-color: var(--color-secondary50);}
.table-state.appoint {background-color: var(--color-primary90);}

.ellipsis{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ellipsis.keyword{width:100px;}

/*slide*/
.slide-box {border-radius: 5px; overflow: hidden;}
.slide-box .slick-slide{position: relative; height: 100%;}
/* .slick-slide>.inner {position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%);} */

/* 202410 수정 */
.slick-arrow {width: 40px; height: 40px; text-indent: -9999999px;  background: none; z-index: 1; border-radius: 100%;}
.slick-prev {background-image:url(/images/portal/button/slide_left.svg);}
.slick-prev:hover {background-image:url(/images/portal/button/slide_left_hover.svg);}
.slick-prev[aria-disabled="true"]{background-image:url(/images/portal/button/slide_left_disabled.svg);}
.slick-next {background-image: url(/images/portal/button/slide_right.svg);}
.slick-next:hover {background-image:url(/images/portal/button/slide_right_hover.svg);}
.slick-next[aria-disabled="true"]{background-image:url(/images/portal/button/slide_right_disabled.svg);}


.slide-play{background-image:url(/images/portal/button/slide_play.svg);}
.slide-play:hover{background-image:url(/images/portal/button/slide_play_hover.svg);}
.slide-stop{background-image:url(/images/portal/button/slide_stop.svg);}
.slide-stop:hover{background-image:url(/images/portal/button/slide_stop_hover.svg);}
.slide-more{background-image:url(/images/portal/button/slide_plus.svg);}
.slide-more:hover{background-image:url(/images/portal/button/slide_plus_hover.svg);}

/* .slick-dots {position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%);} */
/* .slick-dots li {float: left; margin-right: 8px;}
.slick-dots li:last-of-type{margin-right: 0;} */
.slick-dots,
.slick-dots li{height: 8px;}
.slick-dots {text-align: center;}
.slick-dots li {display: inline-block; vertical-align: top;}
.slick-dots li:not(:first-of-type) {margin-left: 8px;}
.slick-dots button {width: 8px; height: 8px; border-radius: 100%; text-indent: -999999px; background-color: var(--color-gray60); transition: width 0.5s;}
.slick-dots .slick-active button {width:20px; background: var(--color-primary80); border-radius: 10px;}
.custom-dots {margin-top: 32px;}

/* .custom-dots .slick-dots {position: absolute; left: 50%; transform: translateX(-50%);}
.custom-dots .slick-dots li {float: left;} */






/* pc only */
@media screen and (min-width:1300px) {
/* 
    .allmenu >.inner,
    .allmenu .allmenu-wrap >.inner {margin: 45px auto 0; width:1240px !important;}
     */
}
@media screen and (max-width:1300px) {
/*     
    .header .util-wrap .inner,
    .header .gnb-wrap{width:95%;}
     */
    /* .gnb-wrap .gnb{width: calc(100% - 205px);} */
    /* .gnb.pc{margin-left:45px;} */
    /* .gnb.pc > ul > li{margin-left:4%;} */


    /* .gnb.pc .depth2 > .inner {width: 95%; margin: 0 auto;} */
    .allMenulist .all_depth1 {width: 30%;}
    /* .allMenulist>li{margin-right: 3% !important;}
    .allMenulist>li:nth-child(4) {margin-right: 3% !important;}
    .allMenulist>li:nth-child(3) {margin-right: 0px !important;}
    .allMenulist>li:nth-child(6) {margin-right: 0px !important;}     */
    /* .gnb.pc .depth1:nth-of-type(4) .depth2 > ul,
    .gnb.pc .depth1:nth-of-type(5) .depth2 > ul {padding-left:0; width: 100%;}
    .gnb.pc .depth1:nth-of-type(4) .depth2 > ul > li {padding:15px 20px 30px 20px} */
    
    .allmenu .top,
    .allmenu > .inner{width:95%;}

    /* .footer .inner{width:95%;} */
    

}
@media screen and (max-width:1300px) and (min-width:1024px) {
    .allmenu >.inner,
    .allmenu .allmenu-wrap >.inner {margin: 45px auto 0; width:95%;}
}
@media screen and (max-width:1200px) and (min-width:1024px) {
	
	/* .table-wrap.table-scroll {height: 270px !important;} */
	/* .table-wrap.table-scroll {height: 225px;} */
	
}
@media screen and (min-width:1024px) {
/*    .allmenu {width: 100%; height: 100%; background-color: rgba(30, 150, 196, 0.95);} */
    .allmenu {display: none;}

    /* pc allmenu */
    .allmenu .allmenu-wrap{height: 100%;}
    .allmenu >.inner,
    .allmenu .allmenu-wrap >.inner {height: calc(100% - 221px); overflow: auto;}
    .allmenu .depth1 { 
    	position: relative;
        /* padding: 25px 0; */
        width: 100%;
        min-height:83px;
        font-size: 0;
        box-sizing: border-box;
        border-bottom: 1px solid #fff; 
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }
    .allmenu .depth1:first-child {padding-top: 0;}
    /* .allmenu .depth1:last-child {border-bottom: 0 none;} */
    .allmenu .depth1 > a {
    	position: absolute;
        top:25px;
        /* display: inline-block; */
        width: 175px;
        /* height: 100%; */
        /* vertical-align: top; */
        font-weight:500;
        font-size: 21px;
        /* border-right: 1px solid #94cde3; */
    }
    
    .allmenu .depth2 {display: inline-block; margin-left: 200px; padding:25px 0 25px 25px; width: calc(100% - 200px); min-height:85px;  border-left: 1px solid #94cde3; box-sizing:border-box;}
    .allmenu .depth2 a {font-size: 16px;}
    .allmenu .depth2 > ul{font-size: 0;}
    .allmenu .depth2 > ul > li {
        display: inline-block;
        /* width: 20%; */
        width: 25%;
        line-height: 197%;
        vertical-align: top;
        box-sizing: border-box;
    }
    .allmenu .depth2 > ul > li > a {font-size: 19px;}
    .allmenu .depth2 > ul > li > a:before {content: '';display: inline-block;margin-right: 5px;width: 3px;height: 3px;border-radius: 100%;vertical-align: middle;background-color: #fff;}
    .allmenu .depth2 > ul > li.depth3-none > a:before {display: none;}

    .allmenu .depth2 > .depth2-inner > .depth3-none a:hover,
    .allmenu .mobile-menu > li:last-of-type .depth2 > ul > li:last-of-type {width: auto;}


    .allmenu .depth3 {padding-left: 8px;}
    .allmenu .depth3 a{opacity: 0.8;}
    .allmenu .depth3 a:hover{text-decoration: underline;}
    .allmenu .depth3 li {padding: 7px 0; line-height: 20px;}
    .allmenu .depth3-none .depth3 {padding-left: 0;}
    
    .allmenu >.bottom{display:none;}


}

    
/* tablet */
@media screen and (max-width:1023px) {     
    /* 
    .header > .inner {height: 65px; background-color: #1d96c3;}
    .header .gnb-wrap .btn-allmenu span {
        display: inline-block;
        margin: 5px 0;
        background-color: #fff;
        width: 100%;
        height: 2px;
        transition: all 0.5s;
    }
    .header .gnb-wrap .btn-allmenu:after, 
    .header .gnb-wrap .btn-allmenu:before {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transition: all 0.5s;
    }
    .header .gnb-wrap {width: 83%; box-sizing: border-box;}
    .gnb-wrap .gnb.mobile .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top:0;
        transform: translate(-50%,-50%);
    }
    .header .gnb-wrap .logo img {width: 180px;}
    */


    .header .util-wrap {display: none;}
    
    .gnb-wrap .gnb{width:auto;}
        .gnb-wrap .gnb.mobile {position: relative; height: 65px;}
    


    /* .footer {margin-top: 3.5rem;}
    .footer .inner {padding-bottom: 1.5rem;}
    .footer .top {margin: 1.5rem 0 1rem;}
    .footer .foot-menu {float: none; width: 100%; text-align: center;}
    .footer .family-site {float: none; margin-top: 0.6rem; text-align: center;}
    .footer .family-site select {padding: 0 0.6rem; height: 1.5rem; font-size: 0.8rem; border-radius: 0.3rem;}
    .footer .family-site .button{height:1.5rem; line-height:1.5rem; font-size:0.8rem;} */

    /* .foot-menu li {margin-left: 0.8rem;}
    .foot-menu li:before {content: '';display: inline-block;margin-right: 0.5rem;width: 1px;height: 15px;vertical-align: middle;background-color: #fff;}
    .foot-menu li:first-child:before {display: none;}
    .foot-menu li a {font-size: 0.8rem;} */

    /* .footer .info {float: none; margin-top: 0; width: 100%; text-align: center;}
    .footer .info, 
    .footer .info p, 
    .footer .info span, 
    .footer .info address {font-size: 0.8rem; word-break: keep-all;}
    .footer .info .copyright span:first-child {margin-right: 0; display: block;} */
    /* .footer .foot-logo {float: none; display: block; margin-top: 1rem; text-align: center;} */

    .allmenu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        background: none;
    }
    /* .allmenu-back {
        background: rgb(0, 0, 0, 0.6);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
    } */
    .allmenu-wrap {
        width: 80%;
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: #fff;
        overflow-y: scroll;
        z-index:10000;
    } 
    .allmenu a {display: block; color: #464646; word-break: keep-all;}
    .allmenu .top, 
    .allmenu > .inner{width: 100%;}
    .allmenu > .inner {margin-top: 0; background-color: #fff;}
    
    .allmenu .top {margin: 0 auto; width: 83%;}
    
    /* .allmenu .util-wrap {margin: 0 auto; padding: 1.5rem 7%; width: 100%; background-color: var(--color-primary80); box-sizing: border-box;}
    .allmenu .util-wrap .text {font-size: 1.5rem; color: #fff; letter-spacing: -0.5; font-weight: 400; margin-top: 20px;} */

    /* .allmenu .util-wrap .text span {font-size: 1.5rem; color: #fff;} */
    /* .allmenu .util-wrap .member {font-size: 0;} */

    /* .allmenu .util-wrap .member a:first-of-type {margin-left: 0;} */
    /* .allmenu .util-wrap .btn-mem {
        display: inline-block;
        margin-left: 2%;
        margin-bottom: 0.5rem;
        padding: 5px 15px;
        

        font-size: 1rem;
        color: #fff;
        text-align: center;
        
        border-radius: 2rem;
        border: 1px solid #fff;
    } */
    .allmenu .util-wrap .search {margin-top: 1.5rem; width: 100%; font-size: 0; border-radius: 3rem; background-color: #fff; overflow: hidden;}
    .allmenu .util-wrap .search input {padding: 0.83rem; height: 2.5rem; line-height: 2.5rem; font-size: var(--ft-body1); border-radius: 5px; border: 0 none; box-sizing: border-box;}
    .allmenu .util-wrap .search input[type=text] {width: 21.3rem; width: calc(100% - 3rem);vertical-align: top;}

    .allmenu .util-wrap .search input[type=text]:focus {outline: 2px dashed; outline-offset: -2px; border-radius: 3rem 0 0 3rem;}
    .allmenu .util-wrap .search button {display: inline-block; width: 2rem; height: 2.5rem; vertical-align: top; font-size: 0; background-color: #fff; background-image: url('/images/portal/button/btn_search_mo.png'); background-repeat: no-repeat; background-position: center center; background-size: 50%;cursor: pointer;}
    .allmenu .util-wrap .search button:focus {outline-offset: -2px;}
    /* 20230421 수정 */
    .allmenu .util-wrap .search-wrap{position: relative;}
    .allmenu .util-wrap .search-list{display: none;}
    .allmenu .util-wrap .search-list{position: absolute; width:100%; border-radius: 0 0 1.5rem 1.5rem; overflow: hidden; box-sizing: border-box; z-index: 1;}
    .allmenu .util-wrap .search-list:before {content: ''; display: block; position: absolute; left:50%; width: calc(100% - 2rem); height: 1px; background-color: #d9d9d9; transform: translateX(-50%);}
    .allmenu .util-wrap .search-list ul{text-align: left;}
    .allmenu .util-wrap .search-list li{background-color: #fff; box-sizing: border-box;}
    .allmenu .util-wrap .search-list li a{display: block; padding:0.5rem;}
    .allmenu .util-wrap .search-list li a:hover{background-color: #f5f5f5;}
    .allmenu .util-wrap .search-list li a em{font-weight: bold; color:#e20312;}
    .allmenu .util-wrap .search-list .btn-search-close{padding:0.5rem 1rem; width:100%; text-align: right; font-weight: 500; color:var(--color-primary80); background-color: #fff;}
    .allmenu .util-wrap .search-wrap.list-on .search{border-radius: 1.5rem 1.5rem 0 0; border: 1px solid #d9d9d9; border-bottom: 0 none; box-sizing: border-box;}
    .allmenu .util-wrap .search-wrap.list-on .search-list {display:block; border: 1px solid #d9d9d9; border-top: 0 none;}
    /* //20230421 수정 */
    .allmenu .inner {
        height: 80%;
        background-color: #eeeeee;
    }

    /* .allmenu .btn-close {position: absolute; right: 10%; top: 2.3rem;} */
    
    .mobile-menu {position: relative; height: 100%;}
    .mobile-menu>li .depth1{
        width: 35%; 
        display: table;
        background-color: #eeeeee; 
        text-align: center;
        word-break: keep-all;
        height: 90px;
        box-sizing: border-box;
        border-bottom: 1px solid #cacaca;
        border-right: 1px solid #cacaca;
    }
    .mobile-menu>li .depth1.on {
        background-color: #fff;
        border-right: none;
    }
    .mobile-menu>li .depth1 > a{
        padding: 10px;
        display: table-cell;
        vertical-align: middle;
        font-size: var(--ft-body1);
        font-weight: 700;
    }
    .mobile-menu>li .depth1.on > a {color: var(--color-primary80);}
    .mobile-menu>li .depth2{
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 65%;
        bottom: 0;
        background-color: #fff;
        padding: 20px;
        padding-top: 0;
        box-sizing: border-box;
    }
    .mobile-menu>li .depth2 .depth2-inner>li {
        border-bottom: 1px solid #c7c7c7;
        line-height:1.5;
        text-align:left;
    }
    .mobile-menu>li .depth2 .depth2-inner>li>a {padding: 10px 45px 10px 10px; font-size: var(--ft-body1);}
    .mobile-menu>li .depth2 .depth2-inner>li.depth-three>a {
        background-image: url(/images/portal/button/menu_toggle_mo_off.png);
        background-repeat: no-repeat;
        background-position: right 13px center;
        background-size: 13px;
    }
    .mobile-menu>li .depth2 .depth2-inner>li.depth-three.on>a {
        background-image: url(/images/portal/button/menu_toggle_mo_on.png);
    }
    /*.allmenu .depth1 {line-height: 4.2rem; border-top: 1px solid #cdcdcd;}*/
    /* .allmenu .depth1 > a {display: block; padding: 0 2.7rem; color: #464646; font-size: 1.2rem; background-repeat: no-repeat; background-image: url('/images/portal/button/menu_toggle_off.png'); background-position: 95% center;} */
    /* .allmenu .depth1 > a.on {background-image: url('/images/portal/button/menu_toggle_on.png');} */
	
       
    .allmenu .depth2 {display: none; background-color: #f0f0f0; /*border-top: 1px solid #cdcdcd;*/ line-height: 3rem;}
    /* .allmenu .depth2 li.on {background-color: #e5e5e5;} */
    /* .allmenu .depth2 > .depth2-inner > li > a {background-image: url('/images/portal/button/menu_2depth_toggle_off.png'); background-repeat: no-repeat; background-position: 95% center;}
    .allmenu .depth2 > .depth2-inner > li.on > a {background-image: url('/images/portal/button/menu_2depth_toggle_on.png');}
    .allmenu .depth2 > .depth2-inner > li.depth3-none > a{background:none;} */
    .allmenu .depth2 > .depth2-inner > li.depth-three > a {background-image: url('/images/portal/button/menu_2depth_toggle_off.png'); background-repeat: no-repeat; background-position: 95% center;}
    .allmenu .depth2 > .depth2-inner > li.depth-three.on > a {background-image: url('/images/portal/button/menu_2depth_toggle_on.png');}
    .allmenu .depth2 > .depth2-inner > li.depth3-none > a{background:none;}
    .allmenu .depth3 {display: none; line-height: 2rem;}
    .allmenu .depth3 li{line-height: 1.5;}
    .allmenu .depth3 a{padding-left: 20px;}
    .allmenu .depth3 a:before {content: '-';margin-right: 10px;}


    .allmenu .bottom {position: relative;}
    .allmenu .bottom .info-wrap{display: none; position: relative;}
    .allmenu .info-btn {
        padding: 0 2.7rem;
        background-color: #f0f0f0;
        line-height: 3.2rem;
        font-size: 1.2rem;
        border-top: 1px solid #cdcdcd;
    }
    .allmenu .bottom .info-btn:after{
        content: ''; 
        display: inline-block; 
        margin-left:5px; 
        width: 14px; 
        height:14px; 
        border-radius: 100%; 
        background:url('/images/portal/icon/info_m.png') no-repeat ;
    }
    .allmenu .info-wrap .info-box{
        /* display: none;
        width: 300px;
        position: absolute; 
        left: 30%;
        top: 120%;
        background: rgba(255, 255, 255, 1);
        padding: 10px;
        box-sizing: border-box;
        z-index: 1;
        word-break: keep-all;
        text-align: center;
        border-radius: 5px;
        border: 1px solid var(--color-primary80); */
    }
    /* .allmenu .info-wrap .hover {display: block !important;} */
    .allmenu .bottom .info-btn:after {background-size: contain;margin-left: 0.5rem;width: 0.9rem;height: 0.9rem;vertical-align: middle;}
    
    .allmenu .bottom .info-wrap {
        display: none;
        position: absolute;
        bottom: -1rem;
        z-index: 1;
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
    }

    .allmenu .bottom .info-wrap {
        background-color: #fff;
        border-radius: 0.3rem;
        box-sizing: border-box;
        border: 1px solid #e6e6e6;
        z-index: 10000;
        width: 80%;
        bottom: 4rem;
        padding: 1rem 1.2rem;
        word-break: keep-all;
    }
    
    .allmenu .info-wrap .btn-info-close {
        position: absolute;
        top: -50px;`
        margin: 0;
        background: url('/images/portal/button/btn_close.png') no-repeat;
    }
    .allmenu .info-wrap .btn-info-close {
        background-color: #fff;
        font-size: 0;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 100%;
        background-size: 40%;
        background-position: center center;
        right: 0;
        top: -2rem;
    }


    
    /* slide */    
    .slick-slide>.inner .slide-text {right: 3rem;}
    .slick-slide>.inner .slide-text>p {font-size: 0.8rem;}
    .slick-slide>.inner .slide-text>p.slide-title {font-size: 1.5rem; letter-spacing: -0.1rem;}

    .table-division {display: inline-block; padding: 0 0.7rem; width: auto; border-radius: 0.3rem;}

    /* table */
    /* .table-type1 td, 
    .table-type1-1 td {padding: 0.8rem 0.6rem; font-size: 0.9rem;}
    .table-type1 thead th, 
    .table-type1-1 thead th {padding: 0.8rem 0; font-size: 0.9rem;}
    .table-type1 tbody td a, 
    .table-type1-1 tbody td a {font-size: 0.9rem; line-height: 1.5;} */
    
    /* .table-type1 tbody td.subject, 
	.table-type1-1 tbody td.subject {padding-left: 0.5rem;} */

    /* .table-type2 thead th {padding:0.8rem 1rem;}
    .table-type2 thead .table-title {font-size: 1.1rem; line-height: 1.6;} */
    /* .table-type2 tbody td.table-content {padding: 1.2rem; font-size: 1rem;} */
    .table-type2 tbody td.table-content * {line-hight: 1.5; word-break: break-all;}
    /* .table-type2 tbody td.table-content p, 
    .table-type2 tbody td.table-content * {margin-bottom:0.5rem; font-size: 1rem; line-height: 1.5; word-break: break-all;} */
    
    .table-wrap > .title {margin-bottom: 0.5rem; font-size: 1rem;}
    .table-wrap {overflow-y: auto;}
    .table-wrap table {height: calc( (var(--vh) * 50));}
    
    .meta-table-wrap .info {width: 1200px;}
	.meta-table-wrap .table-wrap {overflow: auto;}
	.meta-table-wrap .table-wrap::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	.meta-table-wrap .table-wrap::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	.meta-table-wrap .table-wrap::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}


    /* .board table td {padding: 0.8rem;} */

    /* .table-board-add th, 
    .board .table-board-add th {font-size: 1.1rem;}
    .table-board-add th, 
    .table-board-add td, 
    .board .table-board-add th, 
    .board .table-board-add td {padding: 0.8rem 1rem;}
    .table-board-add td, 
    .board .table-board-add td {font-size: 1rem;} */
    
    .table-board-add colgroup {display: none;}
    .table-board-add th:first-child {width: 23%;}
    .table-board-add select {padding: 0 1.5rem 0 0.7rem; height: 1.7rem; font-size: 1rem; line-height: 1rem; border-radius: 0.3rem;}
    .table-board-add input[type=text], 
    .table-board-add textarea {line-height: 1.5;}
    .table-board-add input[type=text] {padding: 0 0.3rem; height: 1.7rem;}
    .table-board-add input[type=radio] {vertical-align: baseline;}
    .table-board-add label {margin: 0 1rem 0 0.3rem;}

    table.info td {padding: 1rem 0;}
    table.info thead th, 
    table.info thead td {padding: 0.7rem; font-size: 1rem;}
    table.info tbody th, 
    table.info tbody td {padding: 0.6rem 1rem; font-size: 0.9rem;}
    table.info tbody th span, 
    table.info tbody td span, 
    table.info tbody th a, 
    table.info tbody td a, 
    table.info tbody td li {font-size: 0.9rem;}
    

    .table-state {padding: 0.3rem 0.8rem; width: 5.5rem; border-radius: 0.3rem; font-size: 0.9rem;}

}

/* mobile */
@media screen and (max-width:760px) {

}
@media screen and (max-width:720px) {
	.table-wrap.table-scroll::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	.table-wrap.table-scroll::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	.table-wrap.table-scroll::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}
	.table-wrap.table-scroll table {min-width: 600px;}
	.dashboard .col .table-wrap{overflow:auto;}
	.dashboard .col .table-wrap::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	.dashboard .col .table-wrap::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	.dashboard .col .table-wrap::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}
	.dashboard .col .table-wrap table {min-width: 600px;}
	
	.table-wrap .info-wrap{position:relative !important; right:auto !important;}

}
@media screen and (max-width:520px) {
	.allmenu .util-wrap{padding: 1.5rem 4rem 1.5rem 7%;}
}
@media screen and (max-width:320px) {
    .allmenu-wrap {width: 100%;}
	.allmenu .util-wrap {padding: 1.9rem;}
	.allmenu .depth1 > a {padding: 0 1.9rem;}

}



.boxCnc {
  margin: 20px;
  background: #DDD;
  float: left;
  border-radius: 50%;
}
.boxCnc1 { width: 200px; }
.boxCnc .svg {
  border: 1px solid red;
  display: block;
}
.close-x {
  stroke: black;
  fill: transparent;
  stroke-linecap: round;
  stroke-width: 5;
}

/* 20230203 폰트 사이즈 수정 */
@media screen and (min-width:1024px) {
    /* .header .util-wrap .member a {font-size: 14px;}
    .gnb.pc .depth1 > a {font-size: 18px;} */
}
/* 20230214 header event 수정 */
@media screen and (min-width:1024px) {
    .gnb.pc .depth1 > a:before{
        content: '';
        position: absolute;
        left: 50%;
        padding: 0 15px;
        width: 0;
        height: 2px;
        bottom: -1px;
        background-color: #0c84b3;
        opacity:0;
        transition:all 0.5s;
        transform: translateX(-50%);
        box-sizing: border-box;
    }
    .gnb.pc .depth1.on > a:before,
    .gnb.pc .depth1:hover > a:before {width: 100%;opacity:1;}
    .gnb.pc .depth1 .depth2 li:hover{/* border-left-color:#d7e1e6; border-right-color: #d7e1e6; */ background-color: var(--color-blue);}
}

/* 0313 서브헤더 고정 작업 시작 */
.header > .inner > .gnb-wrap > .logo{display: none;}
@media screen and (min-width:1024px) {
    .header > .inner.scroll-inner{
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #1d96c3e3;
        transition: all 0.5s;
    }
    .header > .inner.scroll-inner .logo{margin-top: 0; display: block; width: 180px;}
    .header > .inner.scroll-inner .logo img{width:100%; height: 50px;}
    .header > .inner.scroll-inner .gnb.pc {float:right; width: calc(100% - 200px); }
    .header > .inner.scroll-inner .gnb.pc .depth1>a{color: #fff;}
    .header > .inner.scroll-inner .gnb.pc > ul > li {margin-left:0; border-right:1px solid #dddfe185;}
    .header > .inner.scroll-inner .gnb.pc > ul > li:first-child{border-left:1px solid #dddfe185;;}
    .header > .inner.scroll-inner .gnb.pc .depth2 {top: 50px;}
}
@media screen and (min-width:1024px) and (max-width:1150px) {
    .header > .inner.scroll-inner .gnb.pc .depth1>a {font-size: 16px;}
}
/* 0313 서브헤더 고정 작업 끝 */

/* 알람팝업 */
.modal.modal-alarm .text-box a:hover {text-decoration: underline; border-radius: 5px;}
.modal.modal-alarm .text-box {min-height: 150px;}
.modal.modal-alarm .text-box a {padding: 2px 4px;}
.modal.modal-alarm{ width:350px; top: 21%; left: 75%;}
/* 신규 반응형 - 24.11 */
@media screen and (max-width: 1023px){
	.modal.modal-alarm{height: 200px;}

    .gnb-wrap .gnb.mobile .logo {position: absolute; top: 50%; left: 0; float:none; margin-top:0; transform: translateY(-50%);}

    .header .gnb-wrap .logo img {height: 2.125rem;}

    .allmenu .btn-close {position: absolute; right: var(--space11); top: var(--space11); padding: 0;}
    .allmenu .util-wrap { padding: var(--space11) calc( var(--space11) + 2.1875rem ) var(--space11) var(--space11); margin: 0 auto; width: 100%; background-color: var(--color-primary80); box-sizing: border-box;}
    .allmenu .util-wrap .text {font-size: var(--ft-title2); color: #fff; letter-spacing: -0.5; font-weight: 400; margin-top: 20px;}
    .allmenu .util-wrap .text span {font-size: var(--ft-title2); color: #fff;}
    .allmenu .util-wrap .member a:first-of-type {margin-left: 0;}
    .allmenu .util-wrap .btn-mem {
        display: inline-block;
        margin-left: 2%;
        margin-bottom: 0.5rem;
        padding: 5px 15px;
        font-size: var(--ft-body2);
        color: #fff;
        text-align: center;
        border-radius: 2rem;
        border: 1px solid #fff;
    }
    .allmenu .util-wrap .btn-mem img{width: 20px;}
    .header .gnb-wrap .btn-allmenu {font-size: 0; display: block; float: right; margin-top: 1.375rem; width: 1.375rem; height: 1.375rem;}
    .header .gnb-wrap .btn-allmenu span {display: inline-block; width: 100%; height: 0.125rem; margin: 0.25rem 0; transition: all 0.5s; background-color: var(--color-gray40);}
    .header .gnb-wrap .btn-allmenu:after, 
    .header .gnb-wrap .btn-allmenu:before {content: ''; display: block; width: 100%; height: 0.125rem; background-color: var(--color-gray40); transition: all 0.5s;}
    .header .gnb-wrap .btn-allmenu:before{margin-top: 0.25rem;}
}


/* //모바일 작업- 테스트 작업 24.11.11  */
@media (max-width: 780px) {
    

    
}


/* 신규 반응형 - 24.11 */
/* pc only */
@media screen and (min-width:1300px) {
    .allmenu >.inner,
    .allmenu .allmenu-wrap >.inner {margin: 45px auto 0; width:1240px !important;}
}
@media screen and (max-width:1300px) and (min-width:1024px) {
    .header .util-wrap .util-con .logo img {height: 2.1875rem;}
    .header .util-wrap .inner, .header .gnb-wrap {width: 100%; padding: 0 var(--space7); box-sizing: border-box;}
    .gnb.pc .depth2 > .inner {width: 100%; padding: 0 var(--space7); box-sizing: border-box;}

    .gnb.pc .depth1 > button {gap: 0.166em; padding: 0; letter-spacing: -0.1388em;}
    
    .footer .inner{width: calc(100% - (var(--space7) * 2) ); margin: 0 var(--space7); box-sizing: border-box;}
}
/* tablet */
@media screen and (max-width: 1023px){
    .pc, .btn-pc{display: none !important;}
    .mobile, .btn-mobile{display: block !important;}
    
    .header {position: fixed; top: 0; left: 0;border-bottom: none; background-color: #fff;}
    .header .gnb-wrap {width: 100%; padding: 0 var(--space7); box-sizing: border-box;}
	.header > .inner {height: 65px; border-bottom: 1px solid var(--color-gray10)}

    .allmenu .util-wrap .btn-mem img {width: 20px;}
    .allmenu .depth3 {padding-bottom: 10px;}
    .allmenu .depth3 a {padding-left: 25px; font-size: var(--ft-body2); text-indent: -15px;}
    
    .footer .inner{width: calc(100% - (var(--space7) * 2) ); margin: 0 var(--space7); box-sizing: border-box;}
    .footer .foot-quick > .inner { margin:0;}
    .footer .foot-quick > .inner{display: block; width: 100%; padding: var(--space7); box-sizing: border-box;}
    .footer .foot-quick .family-site{ margin-bottom: var(--space4)}
    .footer .foot-menu {flex-direction: column; align-items: flex-start;}
    .footer .foot-menu li{border-bottom: 1px solid var(--color-gray10);}
    .footer .foot-menu li {width: 100%; padding: var(--space7) var(--space4); box-sizing: border-box;}
    /* .footer .foot-menu li:not(:first-of-type){ margin-top: var(--space4);} */
    .footer .foot-menu {gap: 0;}
    .footer .family-site{margin: 0 var(--space4) var(--space5) var(--space4);}

    

}
@media (max-width: 780px) {
    .header .gnb-wrap{padding: 0 var(--space8);}

    .footer .inner{width: calc(100% - (var(--space8) * 2) );margin: 0 var(--space8);}
    .footer .top-con,
    .footer .bottom-con{flex-direction: column;}
    .footer .foot-logo img {height: 2.5rem; width: auto;}
    .footer .foot-quick > .inner{padding: 0 var(--space8);}
    .footer .family-site{margin-left:0; margin-right: 0;}

    address span {display: block;}
    
}
    .footer .top .info > div > span,
    .footer .top .info > div > address { display : inline-block; font-size : var(--ft-body2);}
    .footer .top .info > div > span:before {content:'|'; display : inline-block; margin: 0 var(--space2);}
    
    @media screen and (max-width:1024px) {
    
    .footer .top .info > div > span,
    .footer .top .info > div > address { display : block}
    .footer .top .info > div > span:before {display:none;}
    
    }