body{overflow-y:scroll;}
/* pc & mob show */
.is_pc {display: inline-block;}
.is_mob {display: none;}
.slideBannerPop.is_pc {display:flex}
.slideBannerPop.is_mob {display:none}

/* 통합검색 Button */
.main .header__wrap .search__trigger {display: none;}
.header__wrap .search__trigger {display:block;position:absolute;top:4.8rem;right: calc(50% - 60rem);z-index: 20;width:4rem;height:4rem;border:none;background:url(../images/common/ico_gnb_serach.png) no-repeat center center;}
.header__wrap .search__trigger.-active { z-index: 10000;background:url(../images/common/ico_search_close.png) no-repeat center center;}
.dialog.-search {background: rgba(255,255,255,0.5);}
.dialog.-search.-active{display:-ms-flexbox;display:flex;align-items:center;justify-content:center;-ms-flex-pack:center;-ms-flex-align:center;} /*2022-01-05수정*/
.dialog.-search .search__wrap {width: 68rem; background: #fff;}
.dialog.-search .search__wrap .btn__search{display:block;width:8rem;height:8rem;border:none;background: #6e40bb url(../images/common/ico-search-w.png) no-repeat center center;}
.dialog.-search .search__wrap{display:flex;position:relative;align-items:center;justify-content:space-between;width:68rem;max-width: 100%;height: 8.3rem;margin: -8rem 0 0;border:3px solid #6e40bb;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.dialog.-search .search__wrap input{width: 100%;height:100%;padding-right: 9rem;padding-left:3.2rem;border:none;outline: none;color:#333;font-size:2.1rem;background:transparent;}
.dialog.-search .search__wrap .btn__search{display:block;position: absolute;top: 0;right: 0;width:8rem;height:7.9rem;border:none;background:#6e40bb url(../images/common/ico-search-w.png) no-repeat center center;}

.indent {display: inline-block; padding-left: 0;}
.indent.-depth1{padding-left:2.5rem;}
.indent.-depth2{padding-left:5rem;}
.indent.-depth3{padding-left:7.5rem;}
.indent.-depth4{padding-left:10rem;}
.indent.-depth5{padding-left:12.5rem;}
.indent.-depth6{padding-left:15rem;}

/* Bullet */
.bullet {position: relative; padding-left: 1.7rem;}
.bullet::before{content:'';display:block;position:absolute;top:0.8rem;left:0.3rem;width:0.6rem;height:0.6rem;border-radius:50%;background:#aaa;}
.bullet.-col01:before {background:#aaa;}
.bullet.-col02:before {background-color:#1c84c6;}
.bullet.-col03:before{background-color:#23c6c8;}
.bullet.-col04:before{background:#f8ac59;}
.bullet.-col05:before{background:#ed5565;}
.bullet.-col06:before{background:#b79169;}
.bullet.-col07:before{background:#6e40bb;}

/* 반칸 */
.spacehalf {padding: 0 0.1em;}

/* Button */
.button{display:inline-block;padding: 0.3rem 2.4rem;border:1px solid #444;border-radius:4px;color:#fff;font-size:1.5rem;letter-spacing:-.075rem;background:#444;}
.button.-sm2 {width: 7rem; padding: .2rem 0; border-radius: 4px;font-size:1.5rem; text-align: center;}
.button.-sm {width: 7rem; padding: .2rem 0; border-radius: 0;font-size:1.5rem; text-align: center;}
.button.-lg {padding: .8rem 1.4rem;font-size:1.5rem;}
.button.-xl {width: 12rem;padding: 1.2rem 0;font-size:2.1rem;text-align: center;}
.button.-xxl {width: 12rem;height: 8rem; padding: 0; font-size: 1.7rem;}
.button.-xxxl {width: 26rem;height: 6rem; padding: 0 0 0 2rem; font-size: 2.3rem; text-align: left; line-height: 6rem; background-image: url(../images/content/ico_xxxl_arrow.svg); background-repeat: no-repeat; background-position: right 2rem center;}
.button.-del {width: 7rem;padding: 0.65rem 0;border:none;color: #fff;background: #bf0000;}
.button.-link{border:1px solid #aaa;color:#666;background:#f8f8f8;}
.button.-like{border:1px solid #71adff;color:#000;background:#f5f9ff;}
.button.-like::before {content: '';display: inline-block;width: 2.1rem;height: 2rem;margin-right: 1rem;background: url(../images/common/ico_like.png) no-repeat center center;}
.button.-toggleoption {display: flex;align-items: center;margin-left: 2.5rem;padding: 1rem 2rem;font-size: 1.7rem;}
.button.-toggleoption span {line-height: 1.4rem;}
.button.-toggleoption::after {content: ''; display: block; width: 2rem; height: 2rem; margin-left: 1rem; background: url(../images/common/ico_toggleoption.png) no-repeat center center;}
.button.-submit {border:none; background:#6e40bb; }
.button.-cancel {border:none; background:#444; }
.button.-card {background-image: url(../images/common/ico_card.svg);}
.button.-gallery {background-image: url(../images/common/ico_gallery.svg);}
.button.-card,
.button.-gallery{ position: relative;width:3.4rem;height:3.4rem;padding:.7rem;border:solid 1px #ccc;border-radius:.4rem;background-color:#fff; background-repeat: no-repeat; background-position: center center;}
.button.-card span,
.button.-gallery span {display: none;position: absolute;bottom: -3rem;left: 50%;width: 6rem;border: 1px solid #ccc;color: #999;font-size: 1.3rem;transform: translateX(-50%);}
.button.-card:hover,
.button.-gallery:hover,
.button.-card.__current,
.button.-gallery.__current {background-color:#666;}
.button.-card:hover span,
.button.-gallery:hover span {display: block;}
.button.-styled {display: inline-block;width: 22rem;height: 4rem; margin-top: 1.5rem;padding-left: 1.3rem;border-radius: .6rem;color: #fff;font-size: 1.8rem;letter-spacing: -.075rem;line-height: 3rem;background: url(../images/common/btn_styled.png) no-repeat center center;}
.button.-blue { border-color: #005bd8;background-color: #005bd8;}
.button.-purple { border-color: #6e40bb;background-color: #6e40bb;}
.button.-green { border-color: #308440;background-color: #308440;} /* 2024-06-11 추가 */
.board__option .button {padding: 0.6rem 2.4rem;}
.button.-full {width: 100%;}
.button.-download { width: auto; padding: 0.5rem 4.0rem 0.5rem 2rem; border: none;font-size: 1.7rem; background: #666 url(../images/common/ico_download.svg) no-repeat right 1.5rem center;}

/* Icon */
.ico__locked{display:inline-block;vertical-align:middle;width:2.4rem;height:2.4rem;margin-left: .4rem;background: url(../images/common/ico_locked.png) no-repeat left center / 2.4rem;}

/* Border */
.border { padding: 2rem;border: 1px solid #ccc;}

/* Header */ 
/* 2023-12-13 수정 */
.header__wrap{position: absolute;top: 0;left: 0;z-index: 999;width:100%;background:#f6f8fa;}
/*.header__wrap{position: absolute;top: 30px;left: 0;z-index: 999;width:100%;background:#f6f8fa;}*/ /* 2024-08-05 수정 */
.header__wrap header{width:100%;}
.header__wrap .__active{ height:39rem;border-bottom:1px solid #ccc}
.header__wrap .logo {margin-top: 1rem;}
.header__wrap .logo a{display:block;width: 13.3rem;height: 5.3rem;background:url(../images/common/logo.png) no-repeat center center / 100%;}
.header__wrap .gnb{position:relative;z-index:99;z-index: 2;width:120rem;max-width:100%;height:auto;margin:0 auto;padding:2.7rem 4rem 2.7rem 0; gap: 2rem;}
.header__wrap .gnb > .gnb__aligner{flex: 1;}
.header__wrap .gnb.grid{align-items: flex-start;justify-content:space-between;}
.header__wrap .gnb__groups.grid{align-items:flex-start;justify-content: flex-end; width:100%; max-width:100rem;padding-top: 3rem;}
.header__wrap .gnb__close{display:none;position:absolute;top:4.8rem;right:0;width:4rem;height:4rem;border:none;background:url(../images/common/btn-close-gnb.png) no-repeat center center;}
.header__wrap .__active .gnb__close{display:block;}
.header__wrap .__active .search__trigger{display:none;}
.header__wrap .menu__button{width:100%;border:none;font-size:2.1rem;font-weight:500;letter-spacing:-.1rem;background:transparent;}
.header__wrap .menu__button:hover {color:#5A43DB} /* 2024-05-16 이지나 추가 */
.header__wrap .menu__button.__current{color:#6e40bb;} /* 2023-11-29 임송이 *//* 2024-06-12 yslee(underline 삭제) */
.header__wrap .menu__search__wrap{position:absolute;top:5.2rem;right:0;}
.header__wrap .menu__search__wrap button{display:block;width:2.4rem;height:2.4rem;border:none;background:url(../images/common/ico-search.png) no-repeat center center;}
.header__wrap .gnb__groups li{position:relative;flex-grow:0;flex-shrink:0;}
.header__wrap .gnb__groups > li{flex: 1;}
.header__wrap .menu__panel{display:none;}
.header__wrap .__active .menu__panel{display:block; position: absolute; top: 6rem; left: 50%; transform: translateX(-50%); padding: 1.8rem 2rem; width: 100%; height: 52.3rem;}
.header__wrap .menu__list li{margin-bottom:2.3rem;}
.header__wrap .menu__list li a{display:block;position: relative;left: 50%;text-align:left;white-space: nowrap;transform: translateX(-50%); font-size: 1.4rem; color: #191919;}
.header__wrap .mo__trigger,.main .menu__search__wrap{display:none;}
.btn__reset__option{margin-right: 1.5rem;padding-right:2.1rem;border:none;color:#000;font-size:1.7rem;font-weight:500;letter-spacing:-0.034rem;background:transparent url(../images/common/btn_reset.png) no-repeat right center;}
 /* 20231103 웹품질점검 반영 수정 */
.header__wrap .menu__button.__current { border-bottom: .2rem solid #6e40bb; } 
.header__wrap .menu__list li a[target=_blank] { display: flex; align-items: center; gap: 8px; } 
.header__wrap .menu__list li a[target=_blank]::after{content: ""; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/common/btn-link.svg) no-repeat center; }
.header__wrap .menu__list li.menu__depth { overflow: hidden; min-width: 14.5rem; } 
.header__wrap .menu__list li.menu__depth > a { border-radius: 999px; line-height: 2.4rem; margin-bottom: 0.8rem; } 
.header__wrap .menu__list li.menu__depth ul li { margin-bottom: 0; } 
.header__wrap .menu__list li.menu__depth ul li a { line-height: 2.6rem; font-size: 1.2rem; color: #555; display: flex; align-items: center; gap: 0.4rem; } 
.header__wrap .menu__list li.menu__depth ul li a::before{content: ""; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #555;}
@media screen and (min-width:1025px){
 .header__wrap .__active { height: 64rem; } 
 .header__wrap .__active .menu__panel.curr {background-color: #5A43DB;}
 .header__wrap .__active .menu__panel.curr .menu__list li a{ color: #fff;}
 .header__wrap .__active .menu__panel.curr {background-color: #5A43DB;}
 .header__wrap .__active .menu__panel.curr li.menu__depth ul li a::before{background-color: #fff;}
 .header__wrap .__active .menu__panel.curr .menu__list li a[target=_blank]::after{ background-image: url(../images/common/btn-link-w.svg); }
}
@media screen and (max-width:1024px){
 .header__wrap .menu__list li.menu__depth > a { padding: 1rem 0; } 
 .header__wrap .menu__list li.menu__depth ul li a { padding: 1rem 0.5rem; font-size: 1.6rem; } 
}
/* //20231103 웹품질점검 반영 수정 */
/* // 2023-12-13 수정 */


/* 경진대회 */
.header__wrap .cp.__active {height: 48rem;}
.header__wrap .cp .gnb__groups > li{margin: 0 2rem;}

/* Footer */
footer{padding:4.6rem 0 5.8rem;color:#fff;background:#171e28;}
.footer__inner{position:relative;width:120rem;max-width: 100%;margin:0 auto;}
.ft__links{margin-bottom:2.8rem;}
.ft__links .grid{align-items: center;justify-content:flex-start;flex-wrap: wrap;}
.ft__links li + li{margin-left:2.8rem;/* margin-top: 0.2rem; */}
.ft__links li a{display:flex;align-items:center;}
.ft__relates{margin-bottom:0.8rem;}
.ft__relates .grid{justify-content:flex-start;}
.ft__relates li + li{margin-left:2rem;}
.ft__relates a{color:#fff;font-size:1.5rem;letter-spacing:-.075rem;}
.copyrights{color:#a0a0a0;font-size:1.3rem;line-height:2rem;}
.copyrights address{font-style:normal;}
.copyrights address span{margin-left:3rem;}
.copyrights + div{display:flex;position:absolute;right:0;bottom:0;}
.copyrights + div a{margin-left:2.8rem;}
.ft_logo_cp {width: 7.8rem; margin-right: 3rem;}
.ft_logo_cp img {width: 100%;}

/* container*/
.container{ overflow: hidden;width: 100%; padding-top: 14.7rem;}

/* Legends */
.legend .ico:before{content:'';display:inline-block;width:1.3rem;height:1.3rem;margin-right:.5rem;border-radius:50%;background:#1ab394;}
.legend .ico.col-blue:before {background-color:#1c84c6;}
.legend .ico.col-aqua:before{background-color:#23c6c8;}
.legend .ico.col-orange:before{background:#f8ac59;}
.legend .ico.col-dahong:before{background:#ed5565;}
.legend .ico.col-brown:before{background:#b79169;}
.legend .ico.col-etc:before{background-color:darkgray;}
.legend .ico.col-green:before{background:#6cca4e;}
.legend .ico.col-mint:before{background:#00bcbd;}
.legend .ico.col-purple1:before{background:#c02ed8;}
.legend .ico.col-purple2:before{background:#a991d5;}
.legend .ico.col-purple3:before{background:#775aae;}
.legend .ico.col-red:before{background:#eb3554;}

/* Table */
.table{margin:1.2rem 0; border-collapse: collapse;border-top: 2px solid #aaa;}
.table table{table-layout:fixed;empty-cells:show;width:100%;border-spacing:0;border-collapse:collapse}
.table caption{overflow:hidden;width:.1rem;height:.1rem;margin:0 0 -.1rem;padding:0;border:0;white-space:nowrap;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}
.table th,
.table td {min-height: 35px; padding: 5px; border-bottom: 1px solid #aaa; color: #666; text-align: center;}
.table th {font-weight: 500; background-color: #f9f9f9;}
.table th.txt_l,
.table td.txt_l {text-align: left;}
.table .txt_c {text-align: center;}
.-help { color: #a40000;font-size: 1.5rem; letter-spacing: -.075rem;}

/* Table Type2 */
.table.-type2 th,
.table.-type2 td {padding: 1.3rem 1rem;}
.table.-type2 th {color: #000;}
.table.-type2 td { vertical-align: top;text-align: left;}
.table.-type2 .brd_l {border-left: 1px solid #ccc;}

/* Table Type3 */
.table.-type3 th,
.table.-type3 td {padding: 1.5rem 1rem;}
.table.-type3 th {color: #000;}
.table.-type3 td { vertical-align: top;text-align: center;}
.table.-type3 th:first-child,
.table.-type3 td:first-child {text-align: left;}
.table.-type3 .brd_l {border-left: 1px solid #ccc;}
.table.-type3  {margin: 0;}
.table.-type3 th.-tit { font-size: 1.8rem;background:#fff;}

/* Table Type4 */
.table.-bighead {border-top:none} /* 2024-09-23 추가 */
.table.-bighead th {position:sticky; top:0; padding: 1.5rem 0.5rem; border-left: 1px solid #ccc; color: #000;} /* 2024-09-23 수정 */
.table.-bighead td {border-left: 1px solid #ccc;text-align: left; word-break: break-all;} /* 2024-09-23 수정 */
.table.-bighead th.brd_l_n,
.table.-bighead td.brd_l_n {border-left: none;}
/* 2024-09-23 추가 시작 */
@media (max-width:767px) {
    .table.-bighead {min-width:500px}
}
/* 2024-09-23 추가 끝 */

/* Board Table */
.board__wrap .table {width: 100%; border-top: 1px solid #aaa; border-bottom:none}
.board__wrap .table th { padding: 1.3rem 0; color: #555; font-size: 1.5rem; font-weight: 300; text-align: center; letter-spacing: -0.75px;background: #f9f9f9;}
.board__wrap .table td { padding: 1.2rem 0; color: #666; font-size: 1.5rem; font-weight: 300; text-align: center; letter-spacing: -0.75px;background: #fff;}
.board__wrap .table th,
.board__wrap .table td {border-bottom: 1px solid #ddd;}
.board__wrap .table td strong { color: #000;font-weight: 500;}

/* Board detail */
.board__detail {margin-top: 5rem;}
.board__detail .h2{font-size: 2.1rem;font-weight: 500;letter-spacing: -1.05px;}
.board__detail .board__contents {margin-top: 2rem;border-top: 2px solid #777; border-bottom: 1px solid #aaa;}
.board__detail .board__contents.-type2 {border-bottom: none;}
.board__etc {padding: 1.5rem 0;border-bottom: 1px solid #ccc;}
.board__editor { min-height: 28rem;padding: 2rem 0;}
.board__editor img {max-width: 100%; height: auto !important;}
.board__etc .grid {align-items: center;}
.board__etc .ico { overflow: hidden;width: 3rem; height: 3rem; border-radius: 50%;}
.board__etc .ico.-doc {background: url(../images/common/ico_doc.png) no-repeat center center;}
.board__etc .ico.-xls {background: url(../images/common/ico_xls.png) no-repeat center center;}
.board__etc .ico.-ppt {background: url(../images/common/ico_ppt.png) no-repeat center center;}
.board__etc .ico.-attach {width: 1.6rem; height: 1.6rem; margin-right: .3rem; background: url(../images/common/ico_attach.png) no-repeat center center;}
.board__etc .attached__files > div{margin-left: 2rem;}
.board__etc .board__info {margin-top: 0;}
.detail__button {margin: 5rem 0;}
.detail__button .button + .button {margin-left: 2rem;}
.board__attached.grid { justify-content: flex-start; padding: 2rem 0;border-top: 1px solid #aaa;}
.board__attached .tit__attach { margin-right: 3rem;padding-left: 3.3rem; font-size: 1.8rem; letter-spacing: -.09rem; background: url(../images/common/ico_attach2.png) no-repeat 0 center;}
.board__attached div a {display: block; padding: .5rem 2rem; border:1px solid #ccc; border-radius: 3rem; color: #000; font-size: 1.5rem; letter-spacing: -.075rem; background: #f9f9f9;}
.board__attached div a + a {margin-left: 1rem;}
.__attach {display: flex; align-items: center; justify-content: flex-start;}
.__attach label {margin-left: .5rem;}

/* Grid */
.grid{display:flex;align-items:center;justify-content:center;flex-direction:row;}
.grid2{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;}
.grid.-left {justify-content: flex-start !important; flex-wrap: wrap;}
.grid.-jcsb {justify-content: space-between !important;}
.grid.-center {justify-content: center !important;}
.grid.-vcenter {align-items: center !important;}
.btn__more{display:block;width:2.5rem;height:2.5rem;background:url(../images/common/btn_more.png) no-repeat center center;}
.grid.-col2 > div {width: 50%;}

/* Tag */
.tag{display: inline-block;padding:.8rem .4rem;min-width:3.6rem;border:none;border-radius:.5rem;color:#fff;font-size:1.2rem;white-space: nowrap;letter-spacing:-.024rem;line-height:1.2rem;background:#6e40bb;text-align: center;}
.tag.__type1{margin-right:.5rem;background:#6e40bb;}
.tag.__type2{margin-right:1.1rem;background:#308440;}
.tag.__type3{margin-right:1.6rem;padding:1.2rem 1.6rem; border-radius:99.9rem; background:#6e40bb; font-size:1.5rem} /* 2024-06-11 추가 */

/* Sort Button */
.sort__button{display:inline-block;padding:.3rem 2.1rem .3rem .3rem;border:none;border-radius:4px;color:#666;font-size:1.5rem;font-weight: 400;letter-spacing:-.075rem;background:transparent url(../images/common/btn_sorting_arrow.svg) no-repeat right center;}
.sort__button + .sort__button{margin-left:1.5rem;}
.sort__button.toggled {color: #000;font-weight: 500;background:transparent url(../images/common/btn_sorting_arrow_on.svg) no-repeat right center;}
.sort__button.__current {color: #5A43DB;}   /* 2024-02-27 수정 */

/* Input */
.search__text{width:17rem;height:3.4rem;padding:.9rem 1rem;border:1px solid #ccc;border-radius:4px;color:#666;font-size:1.5rem;}
.inputbox {position: relative;}
.inputbox + .inputbox {margin-top: 1.5rem;}
.inputbox input[type=text],
.inputbox select,
.inputbox textarea {display: block;width: 100%;border: 1px solid #ccc; color: #000; }
.inputbox input[type=text],
.inputbox select {height: 4rem;font-size: 1.6rem;}
.inputbox textarea {height: 10rem; border-radius: 4px; resize: none;}
.inputbox select { border-radius: 4px; background: transparent url(../images/common/ico_select.svg) no-repeat center right 1rem;}
.inputbox .label{min-width: 12rem;color:#666;font-size: 1.6rem;font-weight:400;letter-spacing:-.09rem;}
.inputbox .label + input[type=text],
.inputbox .label + select,
.inputbox .label + textarea{margin-top:1rem;}
.inputbox .notice{color:#760000;font-size:1.5rem;font-weight:400;letter-spacing:-.075rem;line-height:2.07;}
.radiobox { display: inline-block;position: relative; margin: .5rem 2.6rem .5rem 0;}
.radiobox label {position: relative;font-size: 1.6rem;line-height: 1.2;}
.radiobox label:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 2.2rem; height: 2.2rem; border:1px solid #ccc; border-radius: 50%; background: #f6f6f6;}
.radiobox input:checked + label:after {content: '';display: block;position: absolute;top: 5px;left: 5px;width: 1.4rem;height: 1.4rem;border-radius: 50%;background: #666;}

/* Input Toggle Switch */
.togglebox {position: relative;margin-left: 2rem;}
.toggle__trigger {width: 7rem;height: 3rem;padding: 0;}
.togglebox input[type=checkbox]~label:before {display: none;}
.togglebox input:checked + .toggle__trigger .-switch:before {transform: translateX(4rem);}
.-switch{position:absolute;top:0;right:0;bottom:0;left:0;border:solid 2px #777;border-radius:2rem;background:#d2d2d2;cursor:pointer;}
.-switch:before {content: "";position: absolute;bottom: .1rem;left: .1rem;width: 2.4rem;height: 2.4rem;border: 1px solid #777;border-radius:20px;background: #fff;-webkit-transition: .5s;transition: .4s;}
.togglebox input:checked + .toggle__trigger .-switch { border-color: #333;background: #6e40bb;}

/* Breadcrumb */
.breadcrumb{display:flex;align-items:center;justify-content:flex-end;margin-bottom:4rem;}
.breadcrumb .location{display:flex;align-items:center;justify-content:space-between;}
.breadcrumb .location li{position:relative;}
.breadcrumb .location li + li {margin-left:2rem;padding-left:2.8rem;}
.breadcrumb .location li + li::before{content:'';display:block;position:absolute;top:50%;left:0;width:.7rem;height:1.5rem;background:url(../images/common/ico_breadcrumb.png) no-repeat center center;transform:translateY(-50%);}
.breadcrumb .location li a{display:block;color:#999;font-size:1.3rem;letter-spacing:-.065rem;line-height:1;}
.breadcrumb .location li a.__current{color:#666;}

/* Caption */
.caption {margin-top: 1.4rem;padding-left: 2rem;color: #6e40bb;font-size: 1.5rem;font-weight: 400;letter-spacing: -.075rem;background: url(../images/common/ico_caption.png) no-repeat left .4rem;}
.caption.-grey {color: #666;}
.board__wrap + .board__wrap{margin-top: 5rem;}
.result__title {margin-bottom: 2.5rem;}
.result__title h2 { color: #000;font-size: 2.5rem; font-weight: 700; letter-spacing: -.125rem; }
.result__title .__count {display: inline-block; margin-left: 1rem; color: #6e40bb; font-weight: 500;}

/* 통합검색 다이얼로그 콘텐츠 */
.search__select__box{width: 100%;height:21rem;padding:1.5rem 1rem;border:solid 1px #aaa;border-radius:4px;background-color:#fff;}
.search__select__box + .search__select__box {margin-left: 1rem;}
.search__select__box .-lists { overflow-y: auto;width: 100%; height: 14rem; margin-top: 1rem; padding: 1.4rem 10px 10px;}
.search__select__box .-lists li {position:relative;}
.search__select__box .-lists li + li {margin-top: 2.4rem;}
.search__select__box h3{ position: relative;width:100%;padding-bottom:1.4rem;border-bottom:2px solid #ccc;}
.search__select__box h3,
.search__select__box h3 label { padding-left: 2rem; color: #000;font-size:1.8rem; font-weight: 500;letter-spacing:-.09rem;}
.search__select__box h3 input[type=checkbox]~label:before { top: .6rem;left: 1rem;}
.search__words__wrap {margin-top: 2rem;}
.search__words__box .grid {justify-content: flex-start;}
.search__words__box { margin-top: 1.5rem;border-top: 2px solid #aaa; border-bottom: 1px solid #aaa;}
.search__words__box li {padding: 1.2rem 1rem;}
.search__words__box li + li {border-top: 1px solid #ccc;}
.search__words__box label {flex:0 0 17rem; margin-right: 2rem;}
.search__words__box input[type=text] {width: 100%; font-size: 1.5rem;}
.words__checkbox div {position: relative;}
.words__checkbox label {margin-right: 3rem;}

/* Contents */
.inner__wrap{width:120rem;max-width:100%;margin:0 auto;}
.container.inner__wrap{min-height:60rem;padding:3rem 0 7.5rem;}
.contents__wrap{display:flex;align-items:flex-start;justify-content:space-between;width:100%; padding-bottom: 10rem;}
.sub__menus{width:26.3rem;max-width:100%;margin-right: 2rem;}
.sub__menus h2{padding:1.4rem 0 1.4rem 3rem;color:#fff;font-size:1.5rem;background:#6e40bb;}
.menulist > li{border-bottom:1px solid #e6e6e6;}
.menulist > li > ul { display: none; padding: 1rem 0 1rem 3rem; border-top: 1px solid #e6e6e6;background: #f6f8fa;}
.menulist > li:hover > a+ ul,
.menulist > li > a.__current + ul {display: block;}
.menulist > li > ul > li::before {content: '-';display: block;position: absolute;top: 0.3rem;left: 0;}
.menulist > li > ul > li a {display: block;padding: .5rem 0 .5rem 1.5rem;font-size:1.3rem;}
.menulist > li > ul > li {position:relative}
.menulist > li > ul > li a.__current {color:#6e40bb;}
.menulist a{display:block;padding:1.5rem 0 1.5rem 3rem;color:#666;font-size:1.5rem;letter-spacing:-.075rem;}
.menulist a.__current,.menulist a.__current:hover{color:#000;}
.menulist a.__current{font-weight:700;}
.menulist a:hover{color:#000;}
.contents__box{width:86.8rem;max-width:100%;}
.contents__box.-full {width: 100%;}
.contents__box .title{align-items:flex-end;justify-content:flex-start;padding-bottom:2.1rem;border-bottom:1px solid #ccc;}
.contents__box .title .h1{line-height:1;}
.contents__box .title .desc{margin-left:1.4rem;color:#666;letter-spacing:-.075rem;line-height:1;}
.lnb__banner { overflow: hidden;margin-top: 3rem;}
.lnb__banner a {display: block; width: 100%;}
.lnb__banner img {max-width: 100%;}
.lnb__banner .swiper-pagination {position: static;}
.lnb__banner .swiper-pagination-bullet-active {background: #6e40bb;}

/* heading */
.heading {position: relative;}
.heading .tit {display: inline-block; position: relative;}
.title + .heading.depth02 {margin-top: 3rem;}

.heading.depth02 {margin: 2.7rem 0 1.2rem;}
.heading.depth02 .tit { color: #000;font-size: 2.3rem;}
.heading.depth02 .tit sup {color: #bcaada;}

.heading.depth03 {margin: 2.5rem 0 .5rem;}
.heading.depth03 .tit {padding-top: .5rem;color: #000;font-size: 2.3rem;font-weight: 500;}
.heading.depth03 .tit::before {content: ''; position:absolute; top: 0; left: 0; width: 3.0rem; height: .3rem; background-color: #aaa;}
.heading.depth03.-nobrd .tit::before {display: none;}
.heading + .heading {margin-top: 0;}

/* text */
.heading + .paragraph {margin-top: 0;}
.paragraph {margin-top: 1rem; color: #666; word-break: keep-all;}
.paragraph.slogan { color: #6e40bb;font-size: 1.8rem; font-weight: 500;}
.paragraph.info { padding: 1.5rem; border: 1px solid #ccc; border-radius: .6rem; font-size: 1.5rem; font-weight: 400; letter-spacing: -.075rem; line-height: 2.1rem;background: #f9f9f9 ;}
.paragraph.info strong { color: #333;font-weight: 500;}

/* Board */
.board__wrap select{min-width: 8rem;height: 3.6rem;border: 1px solid #ccc;border-radius: .4rem;font-size:1.5rem;}
.board{margin-bottom:2rem;}
.board__search{justify-content: flex-end;margin-top: 3rem;margin-left:.5rem;padding: 0.8rem 0;background: #f1f1f1;}
.board__search .board__select {margin-left: .5rem;}
.board__search .search__text {width: 29rem;margin-left: .5rem;}
.board__search button {margin-left: .5rem;padding: 0.5rem 2.2rem;}
.board__select {margin-left: 2rem;}
.board__select select {height: 3.6rem;border:1px solid #ccc;border-radius: 4px;background-color: #fff;}
.board__option > div{justify-content:space-between;margin: 2rem 0 2rem;}
.board__result{color:#666;font-size:1.7rem;font-weight:300;letter-spacing:-.085rem;}
.board__result span.count{color:#7f52ca;font-weight:500;}
.board__result span.total{color:#000;font-weight:500;}
.board__buttons{justify-content:flex-end;font-size:1.5rem;letter-spacing:-.075rem;line-height:1;}
.board__buttons a{display:inline-block;padding:1.4rem 2.7rem;border-radius:.5rem;}
.board__buttons .__add{width: 12rem;height: 5rem; margin-top: 4rem; padding: 0; border-radius: 4px; color:#fff; text-align: center; line-height: 4.8rem;background:#444;}
.board__info{display:flex; align-items:center;justify-content:space-between;margin-top: 2rem;color:#666;font-size:1.5rem;letter-spacing:-.045rem;}
.board__info > ul{display:flex;list-style:none;}
.board__info .board__data li {margin-right: 2rem;}
.board__info .board__data span + span{margin-left:1rem;}
.board__info .board__data .list__item{position:relative;padding-left: 1.3rem;font-weight:300;}
.board__info .board__data .list__item::before{content:'';display:block;position:absolute;top: 0.8rem;left:0.3rem;width:.6rem;height:.6rem;border-radius:50%;background:#aaa;}
.board__info .board__breadcrum li {position: relative; color: #666; font-size: 1.5rem; letter-spacing: -.045rem;}
.board__info .board__breadcrum li + li{margin-left:1.5rem; padding-left: 2rem;}
.board__info .board__breadcrum li + li:before {content:'';display:block;position:absolute;top:50%;left:0;width:.7rem;height:1.5rem;background:url(../images/common/ico_breadcrumb.png) no-repeat center center;transform:translateY(-50%);}
.board__wrap .__cate { margin-left: 1.5rem; color: #666;font-size: 1.5rem; letter-spacing: -.075rem;}
.board__wrap .board__title{justify-content:flex-start; margin-bottom:1.5rem; gap:10px} /* 2024-07-09 수정 */
.board__wrap .board__title > * {margin:0 0 auto 0} /* 2024-07-09 추가 */
/*.board__wrap .board__title p {overflow:hidden;width: 100%;font-size: 1.9rem;text-overflow:ellipsis;white-space: nowrap;letter-spacing: -.057rem;} 2024-07-09 전체 주석 처리 */
.board__wrap .board__title > a:not(.tag) {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; text-overflow:ellipsis; width:100%; max-width:100%; font-size: 1.9rem; letter-spacing: -.057rem} /* 2024-07-09 추가 */
.board__wrap .board__desc a{color:#666;font-size:1.5rem;letter-spacing:-0.045rem;line-height:2.5rem;}
.board__wrap .board__desc a p {display:-webkit-box;overflow:hidden;width:100%;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.board__wrap td.-new:after{content:'';display:inline-block;vertical-align:middle;width:2.3rem;height:2.3rem;margin-top: -0.2rem;margin-left:.8rem;background:url(../images/common/ico_new.png) no-repeat left center / 2.3rem;}
.board__wrap .-notice {color: #8752e0;letter-spacing: -.075rem;/* font-size: 1.5rem; */}
.count__box li { color: #666;font-size: 1.5rem; letter-spacing: -.045rem;}
.count__box li + li{margin-left: 2rem;}
.count__box span {font-weight: 400;}
.count__box .-likes,
.count__box .-reply {margin-right: 1rem;font-weight: 300; }
.count__box .-likes:before,
.count__box .-reply:before {content:''; display: inline-block; width: 1.4rem; height: 1.4rem; margin-right: .5rem; background-repeat: no-repeat; background-position: 0 center;}
.count__box .-likes:before {background-image: url(../images/common/ico_like2.png);}
.count__box .-reply:before {background-image: url(../images/common/ico_reply.png);}
.board .board__title .cate {display: flex;align-items: center;justify-content: flex-start;width: auto;}
.board .board__title .cate + p {margin-left: 1rem;}
.board .board__title .cate .ico__cate {display: block;min-width: 8.2rem;padding: 0;padding: 0 1rem;border-radius: 3rem;font-size: 1.5rem;text-align: center;white-space: nowrap;/* flex: 0 0 auto; *//* margin-bottom: 1rem; */}
.board .board__title .cate .ico__cate + .ico__cate {margin-left: 1.4rem;}
.board .board__title .cate .ico__cate.-type1 {border: 1px solid #aaa; background: #f9f9f9;}
.board .board__title .cate .ico__cate.-type2 {border: 1px solid #a9caff; background: #edf4ff;}


/* Board - tag */
.board__tag {display: inline-block;min-width: 5rem;height: 2.4rem;padding: 0 1rem;border-radius: 2.5rem;font-size:1.3rem;text-align: center;line-height: 2.2rem;background:transparent;}
.board__tag.-notice{border:1px solid #8752e0;color: #8752e0;}
.board__tag.-status1{border:1px solid #555;color: #555;}
.board__tag.-status2{border:1px solid #5a8e00;color: #304c00; background:#f4ffe1;}
.board__tag.-status3{border:1px solid #8752e0;color: #7d2fff; background: #fdfcff;}

.board__tag.-cate1{border:1px solid #1ab394;color: #fff; background: #1ab394;} /*문화정책*/
.board__tag.-cate2{border:1px solid #1c84c6;color: #fff; background: #1c84c6;} /*예술정책*/
.board__tag.-cate3{border:1px solid #23c6c8;color: #fff; background: #23c6c8;} /*체육정책*/
.board__tag.-cate4{border:1px solid #f8ac59;color: #fff; background: #f8ac59;} /*관광정책*/
.board__tag.-cate5{border:1px solid #ed5565;color: #fff; background: #ed5565;} /*문화콘텐츠정책*/
.board__tag.-cate6{border:1px solid #b79169;color: #fff; background: #b79169;} /*경제/사회정책*/
.board__tag.-cate7{border:1px solid #a9a9a9;color: #fff; background: #a9a9a9;} /*기타*/
.board__tag.-cate8{border-radius:0.2rem; border:1px solid #E9E9E9;color: #666; background: #fff; font-size:1.5rem;} /*기타*/ /* 2024-06-11 추가 */

/* Board */
ul.board{display:flex;justify-content:flex-start;flex-wrap:wrap;padding:2rem 0;border-top:2px solid #000;border-bottom:1px solid #ccc;}

/* Board - type01 */
.board__wrap.-type01 ul.board{flex-direction:column;}
.board__wrap.-type01 ul.board>li{width:100%;}
.board__wrap.-type01 ul.board>li + li{margin-top:3rem;padding-top:3rem;border-top:1px solid #ccc;}
.board__wrap.-type01 .board__title p {font-size: 1.9rem; letter-spacing: -.057rem;}

/* Board - type02 */
.board__wrap.-type02 ul.board{flex-direction:column;}
.board__wrap.-type02 ul.board>li{width:100%;}
.board__wrap.-type02 ul.board>li + li{margin-top:3rem;padding-top:3rem;border-top:1px solid #ccc;}
.board__wrap.-type02 .board__title{justify-content:flex-start;flex-wrap: wrap;margin-bottom:1.5rem;}
.board__wrap.-type02 .board__title a {width: 100%;margin-top: 0.7rem;font-size: 1.9rem;letter-spacing: -.057rem;}

/* Board - type03 */
.board__wrap.-type03 ul.board{flex-direction:column;}
.board__wrap.-type03 ul.board>li{width:100%;padding-bottom:2.2rem;border-bottom:1px solid #ccc;}
.board__wrap.-type03 ul.board>li:last-child{padding-bottom:0;border-bottom:none;}
.board__wrap.-type03 ul.board>li>a{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;}
.board__wrap.-type03 ul.board .board__image{overflow:hidden;width:25rem;height:14rem;margin-right:2rem;margin-bottom:0;}
.board__wrap.-type03 ul.board .__veiled .__title{position:relative;padding:0;}
.board__wrap.-type03 ul.board .__veiled{position:relative;padding-left:3.5rem;}
.board__wrap.-type03 ul.board .__veiled .__title:before{content:'';display:none;}
.board__wrap.-type03 ul.board .__veiled:before{content:'';display:block;position:absolute;top:50%;left:0;width:3rem;height:3rem;margin:0;background:url(../images/common/ico_veiled.png) no-repeat left center;transform:translateY(-50%);}
.board__wrap.-type03 ul.board .__feedback{position:absolute;right:0;bottom:0;margin-top:0;}
.board__wrap.-type03 ul.board .__feedback li{margin-left:2rem;}

/* Board - type04 */
.board__wrap.-type04 ul.board{flex-direction:column;}
.board__wrap.-type04 ul.board>li{ justify-content: flex-start;width:100%;}
.board__wrap.-type04 ul.board>li + li{margin-top:3rem;padding-top:3rem;border-top:1px solid #ccc;}
.board__wrap.-type04 .board__image{overflow:hidden;flex:0 0 20rem;width:20rem;height:13rem;margin-right: 2rem;border-radius: 4px;}
.board__wrap.-type04 .board__image + div {width: calc(100% - 20rem);}
.board__wrap.-type04 .board__image img {max-height: 100%; display: block; margin: 0 auto;}
.board__wrap.-type04 .board__desc {height: 4.4rem;}
.board__wrap.-type04 .board__desc p{display:-webkit-box;overflow:hidden;width:100%;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* Board - type05 */
.board__wrap.-type05 table.board{width: 100%; border-collapse:collapse;}
.board__wrap.-type05 table.board th,.board td{font-size:1.5rem;letter-spacing:-.075rem;}
.board__wrap.-type05 table.board th{padding: 1.2rem 0;border-top: 2px solid #aaa;border-left:1px solid #ccc;border-bottom: 1px solid #ccc;font-weight:500;text-align:center;background: #f9f9f9;}  /* 2024-06-11 수정 */
.board__wrap.-type05 table.board td{vertical-align:middle;padding: 1.2rem 0;border-left:1px solid #ccc; border-bottom:1px solid #ccc;color:#666;font-weight:400;text-align:center;}  /* 2024-06-11 수정 */
.board__wrap.-type05 table.board th:first-child,
.board__wrap.-type05 table.board td:first-child {border-left:none}  /* 2024-06-11 추가 */
.board__wrap.-type05 table.board td.__subject{overflow:hidden;max-width:22.2rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;}
.board__wrap.-type05 table.board td a{color:#666;  font-weight: 400; letter-spacing: -.075rem;}
.board__wrap.-type05 table.board .__notice td.__subject a{color: #000; font-weight: 500;}
.board__wrap.-type05 table.board td.__subject .board__tag {margin-right: 0.9rem;}
.board__wrap.-type05 table.board td.noresults {display: table-cell !important; padding: 2rem 0;}
.board__wrap.-type05 table.board td.noresults:before {display: none !important;}
.board__wrap.-type05 table.board .__subject.-type02 {white-space:normal;} /* 2024-06-11 추가 */
.board__wrap.-type05 table.board a.board__title {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; text-align: left; max-width: 100%; margin-bottom:0; padding: 0 1.2rem;}  /* 2024-06-11 추가 */


/* 230312 추가 */
/* Board - type06 */
.board__wrap.-type06 {overflow:hidden;}
.board__wrap.-type06 .board {display:flex; padding:0;}
.board__wrap.-type06 .board li {width:50%; }
.board__wrap.-type06 .board li {position:relative;}
.board__wrap.-type06 .board li:before {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#ccc;}
.board__wrap.-type06 .board li a {display:flex; align-items:flex-start; padding:3rem 1.5rem;}
.board__wrap.-type06 .board li a .img-box {flex-shrink:0; width:13rem; height:15rem; margin-right:2rem; border:1px solid #ccc;}
.board__wrap.-type06 .board li a .img-box img {width:100%; height:100%; vertical-align:top;}
.board__wrap.-type06 .board li a .txt-box .depth {display:block; color:#999; font-size:1.2rem;}
.board__wrap.-type06 .board li a .txt-box .tit {display:block; width:100%; margin:.8rem 0; font-size:1.6rem; font-weight:700;}
.board__wrap.-type06 .board li a .txt-box .txt {display:block;width: 100%; min-height:6.4rem; display: -webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#999; font-size:1.2rem; line-height:1.8;}
.board__wrap.-type06 .board li a .txt-box .source-date {display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; margin-top:1rem; color:#999; font-size:1.1rem;}
.board__wrap.-type06 .board li a .txt-box .source-date strong {color:#000;}
.board__wrap.-type06.swiper-container-initialized {padding:4rem 0;}
.board__wrap.-type06 .board.swiper-wrapper {display:flex; flex-wrap:nowrap; border:none;}
.board__wrap.-type06 .board.swiper-wrapper li {width:100%;}
.board__wrap.-type06 .board.swiper-wrapper li:before {display:none;}
.board__wrap.-type06 .board.swiper-wrapper li a {padding:0;}
.board__wrap.-type06 .board.swiper-wrapper li a .img-box {width:25rem; height:26rem; margin-right:3.3rem;}
.board__wrap.-type06 .board.swiper-wrapper li a .txt-box {display:flex; flex-wrap:wrap;}
.board__wrap.-type06 .board.swiper-wrapper li a .txt-box .api {display:flex; align-items:center; margin-right:auto; height:2.5rem; padding:0 12px; background-color:#6e40bb; color:#fff; font-weight:700; font-size:1.2rem;}
.board__wrap.-type06 .board.swiper-wrapper li a .txt-box .depth {font-size:1.4rem;}
.board__wrap.-type06 .board.swiper-wrapper li a .txt-box .tit {margin:3rem 0 2.5rem 0; font-size:2rem;}
.board__wrap.-type06 .board.swiper-wrapper li a .txt-box .txt {min-height:10rem; font-size:1.4rem; -webkit-line-clamp: 4;}
.board__wrap.-type06 .board.swiper-wrapper li a .txt-box .source-date {margin-top:2.5rem; font-size:1.4rem;}
.board__wrap.-type06 .swiper-button-prev,
.board__wrap.-type06 .swiper-button-next {color:#707070;}
.board__wrap.-type06 .swiper-button-prev {left:30px;}
.board__wrap.-type06 .swiper-button-next {right:30px;}
.board__wrap.-type06 .swiper-pagination {position:static;}
.board__wrap.-type06 .swiper-pagination .swiper-pagination-bullet {width:1rem; height:1rem; border:1px solid #707070; background:none; opacity:1;}
.board__wrap.-type06 .swiper-pagination .swiper-pagination-bullet-active {background-color:#707070;}
/* //230312 추가 */

/* 2024-06-11 추가 */
/* Board - type07 */
.board__wrap.-type07 ul.board{flex-direction:column;}
.board__wrap.-type07 ul.board>li{width:100%;}
.board__wrap.-type07 ul.board>li + li{margin-top:3rem;padding-top:3rem;border-top:1px solid #ccc;}
.board__wrap.-type07 .board__title p {font-size: 1.9rem; letter-spacing: -.057rem;}
.board__wrap.-type07 .board__title a.line2 {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:3rem; width:calc(100% - 300px)} 
.board__wrap.-type07 .board__title a.line2 p {overflow:visible; text-overflow:inherit; white-space:inherit}
@media screen and (max-width:767px){
    .board__wrap.-type07 .board__info {align-items: flex-start; justify-content: flex-start; flex-direction: column; width: 100%; margin-top: 1.5rem;}
}
@media screen and (max-width:620px){
    .board__wrap.-type07 .board__title a.line2 {width:100%}
}

/* Board - type08 */
.board__wrap.-type08 table.board{width: 100%; border-collapse:collapse;}
.board__wrap.-type08 table.board th,.board td{font-size:1.5rem;letter-spacing:-.075rem;}
.board__wrap.-type08 table.board th{padding: 1.2rem 0;border-top: 2px solid #aaa;border-left:1px solid #ccc;border-bottom: 1px solid #ccc;font-weight:500;text-align:center;background: #f9f9f9;}  
.board__wrap.-type08 table.board td{vertical-align:middle;padding: 1.2rem 0;border-left:1px solid #ccc; border-bottom:1px solid #ccc;color:#666;font-weight:400;text-align:center;}  
.board__wrap.-type08 table.board th:first-child,
.board__wrap.-type08 table.board td:first-child {border-left:none}  
.board__wrap.-type08 table.board td.__subject{overflow:hidden;max-width:22.2rem;text-align:left;text-overflow:ellipsis;}
.board__wrap.-type08 table.board td a{color:#666;  font-weight: 400; letter-spacing: -.075rem;}
.board__wrap.-type08 table.board .__notice td.__subject a{color: #000; font-weight: 500;}
.board__wrap.-type08 table.board td.__subject .board__tag {margin-right: 0.9rem;}
.board__wrap.-type08 table.board td.noresults {display: table-cell !important; padding: 2rem 0;}
.board__wrap.-type08 table.board td.noresults:before {display: none !important;}
.board__wrap.-type08 table.board a.board__title {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; text-align: left; max-width: 100%; margin-bottom:0; padding: 0 1.2rem;} 
/* //2024-06-11 추가 */

/* 230712 추가 */
.slideBannerPop.is_mob .layer-container {padding:2rem 2rem 6rem !important;}
.slideBannerPop .swiper-button-prev,
.slideBannerPop .swiper-button-next {color:#707070;}
.slideBannerPop .swiper-button-prev {left:30px;}
.slideBannerPop .swiper-button-next {right:30px;}
.slideBannerPop .swiper-pagination {position:static;}
.slideBannerPop .swiper-pagination .swiper-pagination-bullet {width:1rem; height:1rem; border:1px solid #707070; background:none; opacity:1; margin-right:5px;}
.slideBannerPop .swiper-pagination .swiper-pagination-bullet:last-child {margin-right:0;}
.slideBannerPop .swiper-pagination .swiper-pagination-bullet-active {background-color:#707070;}
/* //230712 추가 */

/* Board - Gallery */
.board.-gallery>li{width: 27.2rem;margin-right: 2.6rem;margin-bottom: 3rem;}
.board.-gallery>li:nth-child(3n){margin-right:0;}
.board.-gallery.-col4>li {width: 19.7rem;margin-right: 2.6rem;margin-bottom: 3rem;}
.board.-gallery.-col4>li:nth-child(4n){margin-right:0;}
.board.-gallery .board__image {overflow: hidden; position: relative;width: 100%;height: 19.7rem;margin-bottom: 1.4rem;border: 1px solid #ccc;text-align: center;}
.board.-gallery .board__image img { display: block; position: absolute; top:50%; left: 50%; width: auto; height: 100%; transform: translate(-50%, -50%);}
.board.-gallery .board__title p{overflow:hidden;overflow: hidden;width:100%;height: 2.6rem;margin-top: 1rem;margin-left: 0;font-size:1.7rem;text-overflow: ellipsis;white-space: nowrap;letter-spacing:-.085rem;}
.board.-gallery .board__desc p{display:-webkit-box;overflow:hidden;width:100%;max-height:4.5rem;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.board.-gallery .count__box li + li {margin-left: 1.4rem;}
.board.-gallery .count__box .-likes,
.board.-gallery .count__box .-reply {margin-right: .4rem;}
.board.-gallery .count__box .-likes:before,
.board.-gallery .count__box .-reply:before {margin-right: 0;}
.board.-gallery .count__box .list__item { margin-right: .5rem;font-weight: 300;}
.board.-gallery .board__info {display: block; margin-top: 1.8rem}
.board.-gallery .board__info > ul {justify-content: flex-start;}
.board.-gallery .board__info .board__data { align-items: center;margin-top: 1rem;}
.board.-gallery .board__info .board__data hr {width: 1px; height: 1.4rem; background:#aaa;}
.board.-gallery .board__info .board__data li + li {margin-left: .7rem;}

/* Board - Gallery type2 */
.board.-gallery.-type02 .board__image {overflow: hidden; overflow: hidden;width: 100%;height: 30.5rem;margin-bottom: 1.4rem;text-align: center;}
.board.-gallery.-type02 .board__info {margin-top: 1rem;}

/* Board - Gallery type3 */
.board.-gallery.-type03{border-top: none;}
.board.-gallery.-type03>li{width: 19.7rem; margin-right: 2.6rem;margin-bottom: 3rem;}
.board.-gallery.-type03>li:nth-child(3n){margin-right: 2.6rem;}
.board.-gallery.-type03>li:nth-child(4n){margin-right:0;}
.board.-gallery.-type03 .board__image {overflow: hidden;width: 100%;height: 19.7rem;margin-bottom: 1.4rem;text-align: center;}
.board.-gallery.-type03 .board__image img { display: block;position: relative; top:50%; left: 50%; width: auto; height: 100%; transform: translate(-50%, -50%);}
.board.-gallery.-type03 .board__info {margin-top: 1rem;}

/* Board - Gallery Detail*/
.board__contents.-type2 .api__list{border-top: 1px solid #aaa;}
.board__contents.-type2 .api__list .-link {color: #005bd8; font-weight: 400;}
.board__pics {padding: 3rem;}
.board__pics img{max-width: 100%;}

/* Pagination */
.pagination{margin-top: 5rem;}
.pagination li.__prev{margin-right: 0.4rem;}
.pagination li.__next{margin-left: 1rem;}
.pagination li + li{margin-left: 0.6rem;}
.pagination a{display:block;width: 3.8rem;height: 3.8rem;border:1px solid #ccc;border-radius:4px;color:#707070;font-size: 1.7rem;text-align:center;line-height:3.3rem;}
.pagination .__first a,.pagination .__prev a,.pagination .__next a,.pagination .__last a{border:1px solid #ccc;background-color:#f6f6f6;background-repeat:no-repeat;background-position:center center;}
.pagination .__first a{background-image:url(../images/common/paging_first.svg);}
.pagination .__prev a{background-image:url(../images/common/paging_prev.svg);}
.pagination .__next a{background-image:url(../images/common/paging_next.svg);}
.pagination .__last a{background-image:url(../images/common/paging_last.svg);}
.pagination .__current a{border: 1px solid #333;color: #fff;background: #555;}

/* Prev/Next*/
.board__prevnext{/* margin-top:5rem; */border-top:1px solid #ccc;color:#333;font-size: 1.5rem;}
.prevnext__item{ padding:0 2rem;border-bottom:1px solid #ccc;}
.prevnext__item a{display: flex; padding:1.8rem 0; color:#333;} /* 2024-05-20 display 수정 */
.prevnext__title {letter-spacing: -.045rem;}
.prevnext__label{margin-right:5.5rem; min-width:100px; font-size: 1.8rem;font-weight:400;} /* 2024-05-20 min-width 추가 */
.prevnext__label:before{content:"";display:inline-block;width:2.1rem;height:1.4rem;margin-right:2rem;}
.prevnext__label.-prev:before{background:url(../images/common/ico_board_prev.svg) no-repeat center center;}
.prevnext__label.-next:before{background:url(../images/common/ico_board_next.svg) no-repeat center center;}
.prevnext__date {min-width:100px; text-align:right} /* 2024-05-20 추가 */

/* Board reply */
.reply__head { padding: 1.8rem 0;border-top: 1px solid #aaa; font-size: 1.6rem;}
.reply__head .board__info {margin-top: 0;}
.reply__title .ico_reply { margin-right: 1.4rem;padding-left: 3.7rem;font-size: 1.8rem; background: url(../images/common/ico_answer.png) no-repeat 0 center;}
.reply__content { padding: 0 2rem;border: 1px solid #aaa; border-bottom: none; background: #f9f9f9;}

/* Board Write */
.board__write {width: 100%; padding: 1.5rem 0;}
.board__write .-required {padding-left: 2rem !important;background: url(../images/common/ico_required.svg) 0 no-repeat;}
.board__write table {width: 100%;}
.board__write input[type=text],
.board__write input[type=password] {width: 22.6rem; height: 4rem; font-size: 1.8rem; letter-spacing: -.09rem;}
.board__write input[type=text].-sm,
.board__write select.-sm {width: 10rem;}
.board__write input[type=text].-md,
.board__write select.-md {width: 15.3rem;}
.board__write input[type=text].-lg,
.board__write select.-lg {width: 35.6rem;}
.board__write select {height: 4rem;font-size: 1.8rem;letter-spacing: -.09rem;}
.board__write input[type=text].-full,
.board__write select.-full,
.board__write textarea.-full {width: 100%;}
.board__write textarea{height:15rem; resize: none;}
.board__write .table__write {margin-top: 2rem; border-top: 2px solid #777; border-bottom: 2px solid #777;}
.board__write .table__write th{ vertical-align: top; font-size:1.8rem;font-weight:500;text-align:left;letter-spacing:-.09rem;}
.board__write .table__write th label {padding-top: 0.3rem;padding-left: 2rem;font-size:1.8rem;}
.board__write .table__write th,
.board__write .table__write td {padding: 2rem 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

/* Board - view*/
.table__view + .table__view {margin-top: 3rem;}
.table__view { width: 100%;border-top: 2px solid #000;}
.table__view caption{overflow:hidden;width:.1rem;height:.1rem;margin:0 0 -.1rem;padding:0;border:0;white-space:nowrap;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}
.table__view th{ vertical-align: top;padding-top: 0.3rem; color: #666; font-size:1.8rem;font-weight:500;text-align:left;letter-spacing:-.09rem;}
.table__view th,
.table__view td {padding: 2rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;font-size:1.8rem; font-weight: 500;}
.table__view td {color: #000;}

/* Board - check */
.board__chk { margin-top: 4rem;}
.board__chk .board__contents {padding: 7rem 0;border-top: 2px solid #777; border-bottom: 2px solid #ccc;}
.board__chk .-notice {margin-top: 4rem;font-size:1.8rem;}
.board__chk label {width: 14rem;margin-right: 2rem;font-size:1.8rem;text-align: right;}
.board__chk input[type=text],
.board__chk input[type=password] {width: 32.6rem;height: 4rem; font-size: 1.8rem; letter-spacing: -.09rem;}
.board__chk .txt_pass {position: relative; left: 6rem; margin-top: 1rem; }
.tel__box select,
.tel__box input{width:10rem;height:3.6rem;padding-left:1rem;border:1px solid #ccc;border-radius:0.4rem;font-size:1.5rem;}


/* Board - comment */
.comment__wrap {margin-top: 4rem;}
.comment__counts{ margin-bottom: 1rem;color:#6e40bb;font-size:1.8rem;font-weight:400;letter-spacing:-.09rem;}
.comment__counts .total{color:#000;font-weight:500;}
.comment__counts .count{color:#7f52ca;font-weight:700;}
.comment__write {padding: 2rem; border: 1px solid #ccc; background: #f9f9f9;}
.author__info div + div {margin-top: .8rem;}
.author__info label {width:7rem;}
.author__info input {width: 14rem; font-size: 1.5rem}
.author__text textarea {width: 47rem; height: 8rem; margin-right: 1rem; font-size: 1.5rem; resize: none;}
.comment {padding: 2rem 0 0;}
.comment + .comment {border-top: 1px solid #ccc;}
.comment__info {margin-bottom: 2rem;}
.comment__written .-author { margin-right: 1rem; color: #000;font-size: 1.5rem; font-weight: 500; letter-spacing: -.075rem;}
.comment__written .-date { color: #666;font-size: 1.5rem; font-weight: 400; letter-spacing: -.038rem;}
.comment__text {padding-bottom: 2rem; color: #666;font-size: 1.4rem; letter-spacing: -.07rem; line-height: 2.1rem;}
.chk__del__comment {display: none;width: 100%;padding: 2rem 0;border:1px solid #ccc;border-bottom: none;background: #f9f9f9;}
.chk__del__comment label {margin-right: 2rem;}
.chk__del__comment input {width: 14rem; margin-right: .5rem;}
.button.del__comment {border:none;color: #666;background: url(../images/common/btn_del_comment.png) no-repeat right 0.6rem top 0.7rem;}

/* Swiper */
.swiper-slide img{width:100%;}

/* imgs */
.heading + .imgs {margin-top: 2rem;}
.imgs {position: relative; margin: 3rem 0;}
.imgs img {max-width: 100%;}

/* Dialog */
.dialog{display:none;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,.5);}
.dialog.-transparent {background:rgba(0,0,0,0);}
.dialog.-active{display:-ms-flexbox;display:flex;align-items:flex-start;justify-content:center;-ms-flex-pack:center;-ms-flex-align:center;} /*2022-01-05수정*/
.dialog__detail{display:none; overflow-y:auto;position:relative;width: 89rem;max-width:100%;height:auto;max-height:calc(100% - 15%);margin:10rem 1rem 0; padding: 2rem 3rem;border:3px solid #444;background:#fff;} /*2022-01-05수정*/ /* 2025-05-08 max-height 수정*/
.dialog__detail.-active{display:block} /* 2022-01-05수정*/
.dialog.-sm .dialog__detail {width: 58rem;}
.dialog.-sm2 .dialog__detail {width: 85rem;}
.dialog .dialog__title{font-size:2.5rem;font-weight:400;line-height:1.5;}
.dialog .dialog__title.-strong {margin-bottom: 1rem;color: #6e40bb;font-size:3rem;font-weight: 700;letter-spacing: -.075rem;}
.dialog__close{display:block;overflow:hidden;position:absolute;top:2.4rem;right:3rem;width:4rem;height:4rem;border:0;border-radius:0.2rem;text-indent:100%;white-space:nowrap;background:url(../images/common/btn_close.png) 50% 50%/24px 24px no-repeat;cursor:pointer;}
.dialog .confirm{min-width:24rem;min-height:4.8rem;padding:1.2rem 1rem;border:none;color:#fff;font-size:1.6rem;line-height:1.5;background:#7d2fff;}
.dialog__contents {margin: 2rem 0;}
.dialog .button {padding: 0.8rem 4.1rem;font-size: 2.1rem;}
.dialog .button + .button {margin-left: 2rem;}
.dialog__txt { color: #666;font-size: 1.5rem; font-weight: 400; line-height: 2.7rem;}
.dialog__txt p + p {margin-top: 1rem;}
.dialog__txt .-subtitle { color: #308340;font-weight: 700;}
.dialog__txt .-link { margin-top: 5rem;color: #fff; font-size: 1.7rem; font-weight: 500; background: #666;}
.dialog__txt .-charge {margin-top: 1.5rem;}
.dialog__txt .-sm {font-size: 1.3rem;}
.dialog .close__today { display: flex;position: relative; justify-content: flex-end; margin-top: 2rem;}
.dialog__contents .api__list {border-top:none; border-bottom: 1px solid #ccc;}
.dialog__contents .api__list .grid {align-items: flex-start;}
.dialog__contents .api__list .__title,
.dialog__contents .api__list .__desc { margin-top: 0;font-size: 1.8rem;}
.dialog__contents .api__list .__title {width: 13rem;}
.dialog__contents .fileaddr.-custom{width:67%;display:inline-block;}
.dialog__contents .button.-custom {padding: 0.6rem 2.0rem; font-size: 1.6rem;}

/* Dialog Slide */
.dialog__slider__wrap {position: relative;}
.dialog__slider__buttons button {position: absolute; top: 50%; width: 3.6rem; height: 3.6rem; border:none;}
.dialog__slider__buttons .banner_l {left: -1.5rem; background: url(../images/common/paging_prev.svg) no-repeat center center; background-size: 1.8rem;}
.dialog__slider__buttons .banner_r {right: -1.5rem; background: url(../images/common/paging_next.svg) no-repeat center center; background-size: 1.8rem;}
.dialog__slider__wrap .slide__box { overflow: hidden;width: 90%; margin: 0 auto;}
.dialog__slider__wrap .slide__box img {display: block; max-width: 100%; margin-top: 2rem;}
.dialog__slider__wrap .slide__box .swiper-slide {text-align: center;}
.dialog__slider__wrap .slide__box .-tit {font-size: 1.8rem; font-weight: 500;}
.dialog__slider__wrap .slide__box .-dates {font-size: 1.5rem;}

/* Dialog Required */
.dialog .-required {padding-left: 2rem;background: url(../images/common/ico_required.svg) 0 no-repeat;}

/* tab */
.tabs .tab__contents > div {display: none;}
.tabs .tab__contents .__current {display: block;}

/* tab type */
.tabs.-type01 {margin-top: 2rem;}
.tabs.-type01 .tabs__group {margin-bottom: 3rem; border-bottom: 1px solid #ccc;}
.tabs.-type01 .tabs__group .tab__button {position: relative;flex: 1;height: 5.4rem;border: 0;color: #666;font-size: 1.8rem;font-weight: 500;background-color: transparent;}
.tabs.-type01 .tabs__group .tab__button.__current { color: #6e40bb;font-weight: 700;}
.tabs.-type01 .tabs__group .tab__button.__current::before {content: ''; position: absolute; right: 0; bottom: -.5rem; left: 0; height: .9rem; border-radius: .4rem; background-color: #6e40bb;}
.tabs.-type01.-autowidth .tabs__group {justify-content: flex-start;}
.tabs.-type01.-autowidth .tabs__group .tab__button{flex:0 1 auto; padding: 0 2rem;}

/* text box */
.box:first-child {margin-top: 0;}
.box {margin: 2rem 0; padding: 2rem; border: 1px solid #d1b5ff; color: #6e40bb; font-size: 1.8rem; font-weight: 500; background-color: #faf7ff;}
.box.-type02 {padding: 2rem 3rem; border:none; color:#000; font-weight:400;} /* 2024-06-11 추가 */
.box.-type02 p {display:inline-block;} /* 2024-06-11 추가 */

/* text indent */
p.indent,
ul.indent li {margin-top: .5rem; padding-left: 1.6rem; color: #666; text-indent: -1.6rem;}
ul.indent li li {margin-top: 0;}

/* 210113 배너 추가 */
.topbanner {padding-top: 8rem;}
.topbanner .header__wrap {top: 8rem;}
/*.topbanner {padding-top: 11rem;}*/ /* 2024-08-05 수정 */
/*.topbanner .header__wrap {top: 11rem;}*/  /* 2024-08-05 수정 */
.banner__wrap{position:absolute; top:0; left:0; z-index:99; width: 100%; height: 8rem; background:#f2fbfa;}
.banner__box{ overflow: hidden;position:relative;z-index:1;width:120rem; max-width: 100%; height: 100%; margin: 0 auto;}
.banner__item{display:block;width:100%;height:8.5rem;text-align:center;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
.banner__item a {display: block; width: 100%; height: 100%;}
.banner__control {display: flex; position: absolute; right: 0; bottom: 0; z-index: 11; align-items: center; justify-content: flex-end;}
.close__today input[type=checkbox]~label:before {top:.1rem; left:0;}
.close__today input[type=checkbox] {display: none;}
.close__today label{position: relative;color: #000;font-size: 1.3rem;font-weight: 400;letter-spacing: -.065rem;}
.close__today input + label {padding-left: 2.8rem;}
.close__today input[type=checkbox]:checked~label:before {background-size: .9rem;}
.close__today input[type=checkbox]:checked~label {position: relative;color: #000;font-weight: 400;}
.btn__close__popup {width: 1.4rem; height: 1.4rem; margin-left: 1.5rem; border: none; background: url(../images/common/btn-close-popup.svg) no-repeat center center;}
.btn__prevnext {position: absolute; bottom: 0; left: 0; z-index: 11;}
.btn__prevnext .button__next,
.btn__prevnext .button__prev {width: 2.3rem; height: 2.2rem; border:none;}
.btn__prevnext .button__next {background: url(../images/common/btn_banner_r.png);}
.btn__prevnext .button__prev {background: url(../images/common/btn_banner_l.png);}

/* List Style */
.list li {text-align: left; word-break: keep-all;}
.list.-default li{padding-left: 1rem;color: #666;font-size: 1.5rem;letter-spacing: -.075rem;line-height: 2.6rem;background: url(../images/common/bullet_list_03.svg) no-repeat 0 1.1rem;}
.list.-arrow li{padding-left: 1.5rem; color: #666;font-size: 1.5rem; letter-spacing: -.075rem;line-height: 2.3rem;background: url(../images/common/bullet_list_01.svg) no-repeat 0 .6rem;}
.list.-arrow li + li {margin-top: 1.2rem;}
.list.-arrow.-grey li{background: url(../images/common/bullet_list_02.svg) no-repeat 0 .6rem;}
.list.-line {border-top: 2px solid #aaa;border-bottom: 1px solid #ccc;}
.list.-line li {padding-top: 2rem; padding-bottom: 2rem;}
.list.-line li + li { margin-top: 0;border-top: 1px solid #aaa; }
.list.-arrow.-line li{background-position: 0 2.5rem;}
.list + .table {margin-top: 0;}
.list.-lg li {font-size: 1.8rem; letter-spacing: -.09rem; line-height: 2.7rem;}
.list.-arrow.-lg li {background-position: 0 2.8rem;}
.list.brd_top2 {padding-top: 2rem;}
.list.-default.-line2 { margin-top: 1.5rem; padding: 2rem;border-top: 2px solid #aaa; border-bottom: 1px solid #aaa;}
p + .list.-line {margin-top: 1.4rem; border-bottom: 0;}
p + .contact {margin-top: 2rem;} 

/* No Results */
.noresults {display: block; width: 100% !important; padding: 4rem 0;}
.noresults p { color: #666; font-size: 2rem;text-align: center;}
.noresults p:before {content: '!'; display: block; width: 5rem; height: 5rem; margin: 0 auto 1rem; border: 1px solid #666; border-radius: 50%; font-size: 2.5rem; text-align: center; line-height: 5rem;} 

/* DatePicker */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {min-width: unset; border-bottom: unset; color: #000;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #6a3ab9;}
.ui-datepicker-trigger {display: none;}

/* 로딩 */
.loading{position:relative;}
.loading .spinner {display: block;}
.spinner{display: none; position:absolute;top:50%;left:50%;width:5rem !important;height:5rem; border: none !important;background:url(../images/dummy_spinner.gif) no-repeat center center / 25rem;transform:translate(-50%,-50%);}

/* 검색창 자동완성 */
.custom__autocomplete {display: none;overflow: hidden;position: absolute;top: calc(100% + 1rem);left: 0;z-index: 990;width: 100%;height: auto;border: 2px solid #ccc;background: #fff;}
.custom__autocomplete.__active {display: block;}
.custom__autocomplete ul {overflow-x: hidden;overflow-y: auto;position: static !important;width: 100%;max-height: 21.5rem;padding: 1rem 1rem;border: none;}
.custom__autocomplete li + li {margin-top: 0rem;}
.custom__autocomplete li a {display: block;padding: 1rem 1rem;color: #666;font-size: 1.6rem;font-weight: 400; transition:.25s ease all;}
.custom__autocomplete li a:hover { border-radius:.5rem;background:#eee4ff;}
.custom__autocomplete li a strong {color: #6e40bb; font-weight: 700;}
.custom__autocomplete .autocomplete__off { padding: 1rem 0; text-align: right;background: #eee;}
.custom__autocomplete .autocomplete__off .button.-button__off {padding: 0 1rem;border:none;color: #666;font-size: 1.3rem;background: transparent;cursor: pointer;}

/* 최상위로 */
.to_top{display:none;position:fixed;right:2rem;bottom:2rem; z-index: 990;}
.to_top .top_trigger{width:8rem;height:8rem;border:none;border-radius:50%;background:url(../images/common/totop.png) no-repeat center center / 100%;}

/* 404 */
.error404 { display: flex; align-items: center; justify-content: center; flex-direction: column;width: 100%; min-height: 50rem;}
.error404 h1 { margin-top: 4rem;font-size: 3rem;}
.error404 p { margin: 3rem 0; color: #666;font-size: 1.7rem; text-align: center; line-height: 3rem;}
.error404 .button { width: 15rem; padding: .7rem 0;border-radius: .2rem; text-align: center;}
.error404 .button + .button {margin-left: 2rem;}

/* 검색창 자동완성 */
.ui-autocomplete {overflow-x: hidden;overflow-y: auto;position: absolute;z-index: 99999;max-height: 25rem;padding: 2rem 1rem;border: 2px solid #ccc;background: #fff;}
.ui-autocomplete li a {display: block;padding: 1rem;color: #666;font-size: 1.6rem;font-weight: 400;}
.ui-autocomplete .ui-state-active, .ui-autocomplete .ui-widget-content .ui-state-active, .ui-autocomplete .ui-widget-header .ui-state-active { border-radius: .5rem;background: #eee4ff;}
.ui-autocomplete li .bold-text {color: #6e40bb; font-weight: 700;}

/* 230312 추가 */
/* layer-popup */
html.is-open,
html.is-open body {overflow:hidden;}
.layer-popup-wrap {overflow:hidden; position:fixed; display:flex; align-items:center; justify-content:center; top:auto; bottom:0; right:0; left:0; height:0; padding:0; opacity:0; transition:height 0s 0.4s, padding 0s 0.4s, opacity 0.2s cubic-bezier(1, 0, 1, 1); z-index:1000;}
.layer-popup-wrap:before {content:"";position:absolute; top:0; bottom:0; right:0; left:0; background:rgba(0, 0, 0, 0.7);}
.layer-popup-wrap .layer-container {position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center; width:90rem; max-height:100%; padding:4rem 8rem; border:1px solid #ccc; background:#fff;}
.layer-popup-wrap .layer-container .layer-tit {font-size:2.5rem; font-weight:700;}
.layer-popup-wrap .layer-close {position:absolute; right:1.5rem; bottom:2rem; display:flex; align-items:center;}
.layer-popup-wrap .layer-close .today-close {margin-right:2rem; padding-left:2.5rem;}
.layer-popup-wrap .layer-close .today-close input[type="checkbox"] {top:.5rem; opacity:1;}
.layer-popup-wrap.selected {height:100%; opacity:1; transition:height 0s 0s, opacity 0.2s cubic-bezier(0, 0, 0, 1);}
/* //230312 추가 */

/* 230707 추가 */
.popBanner {margin-bottom:20px;}

.popBanner img {width:100%;}

@media screen and (max-width: 640px) {

.popBanner {margin-bottom:40px;}

}
/*// 230707 추가 */

@media screen and (max-width:1204px){
    .header__wrap .search__trigger {right: 1rem;}
    .board.-gallery {justify-content: space-between;}
    .board.-gallery>li {width: 32%; margin-right: 0;}
}
/* Responsiv - tablet */
@media screen and (max-width:1024px){
    /* GNB */
    .gnb__aligner{width:100%;}
    .header__wrap .menu__button,
    .header__wrap .menu__list li a {text-align: left;}
    .header__wrap .logo {margin-top: 0;}
    .header__wrap .logo a {width: 10rem;height: 4.2rem;}
    .header__wrap{width:100%;}
    .header__wrap .gnb {padding: 2rem;}
    .gnb.grid{justify-content:flex-start;}
    .gnb__aligner{display:block;position:fixed;top: 8.2rem;right:0;z-index:999;width:32rem;max-width:100%;height: calc(100% - 8.2rem);padding:0;background:#fff;transition: .3s ease all;transform:translateX(100%);box-shadow: -3px 5px 10px 0px rgb(0 0 0 / 20%);}
    .gnb__aligner.-active {transform: translateX(0);}
    .gnb__aligner>div {overflow: auto; overflow-y: auto;height: 100%;padding: 5rem 3rem 5rem;}
    .dialog.-search .search__wrap input {padding-left: 1.5rem;}
    .header__wrap .gnb__groups.grid {width: 100%;padding-top: 0;}
    .header__wrap .gnb__groups > li:nth-child(1),
    .header__wrap .gnb__groups > li:nth-child(2),
    .header__wrap .gnb__groups > li:nth-child(3),
    .header__wrap .gnb__groups > li:nth-child(4),
    .header__wrap .gnb__groups > li:nth-child(5),
    .header__wrap .gnb__groups > li:nth-child(6),
    .header__wrap .gnb__groups > li:nth-child(7),
    .header__wrap .gnb__groups > li:nth-child(8) {width: 100% !important;}
    .header__wrap .gnb__groups > li {margin: 0;}
    .header__wrap .gnb__groups > li + li {margin-top: 1.8rem;padding-top: 1.8rem;border-top: 2px solid #eee;}
    .header__wrap .menu__panel {display: block;}
    .header__wrap .__active .menu__panel {margin-top: 0;}
    .header__wrap .menu__list li {margin-bottom: 0;}
    .header__wrap .menu__list li a {padding: 1rem 0;font-size: 1.7rem;}
    .gnb__groups{flex-direction:column;width:100%;}
    .gnb__groups li{width:100%;}
    .header__wrap .menu__button{display:block;width:100%;padding:1rem 0;border-bottom:none;color: #000;font-size:1.8rem;}
    .header__wrap .menu__button.__current {color: #000;}
    .header__wrap .search__trigger {top: 2.6rem;right: 7rem;width: 3rem;height: 3rem;background: url(../images/common/ico_gnb_serach_2x.png) no-repeat center center / 2rem;}
    .header__wrap .search__trigger.-active {top: 2.6rem;background: url(../images/common/ico_search_close.png) no-repeat center center / 2.5rem;background: url(../images/common/btn_close_m_md.svg) no-repeat center center / 100%;/* width: 3rem; *//* height: 3rem; */}
    .header__wrap .cp .gnb__groups > li,
    .header__wrap .mb .gnb__groups > li {margin: 0;}

    /* LNB */
    .sub__menus, .menulist {display: flex;}
    .sub__menus .__title{flex:0 0 auto;}
    .sub__menus .__title{padding:1.4rem 1.5rem;color:#fff;font-size:1.5rem;background:#6e40bb;}
    .menulist{overflow-x:auto;flex: 1 1 100%;width:100%;}
    .menulist a{padding:1.4rem 1.5rem;}
    .menulist li{display: flex; flex:0 0 auto;border-bottom: none;}
    .menulist > li > a + ul {display: none;}
    .menulist > li:hover > a+ ul, .menulist > li > a.__current + ul {display: flex;padding: 0;}
    .menulist > li > ul > li a {padding: 1rem 1.5rem;}
    .menulist > li > ul {display: flex; border: none;}
    .menulist > li > ul > li {align-items: center;}
    .menulist > li > ul > li:before {display: none;}
    .submenulist {display: none;}
    .lnb__banner {display: none;}

    /* Contents*/
    .contents__wrap{flex-direction:column; padding-bottom: 3rem;}
    .contents__box {padding: 3rem 1.6rem;}
    .sub__menus{width:100%;border-bottom: 1px solid #eee;}
    .breadcrumb {display: none;}
    .container {padding: 8.2rem 0 0;}
    .contents__box {width: 100%;}
    .legend .ico:before{width:1rem;height:1rem;}
    .btn__more{display:block;width:2.5rem;height:2.5rem;background:url(../images/common/btn_more.png) no-repeat center center;}

    /* Mobile Menu Button */
    .header__wrap .mo__trigger {display: block; position: absolute; top: 50%; right:3rem;z-index:999; width: 3rem; height: 3rem; border: none; background: url(../images/common/btn_menu_m_md.svg) no-repeat center center / 100%;transform:translateY(-50%);}
    .header__wrap .mo__trigger.-active {background: url(../images/common/btn_close_m_md.svg) no-repeat center center / 100%;}
    
    /* footer */
    footer{padding:0;}
    .footer__inner{max-width:100%;padding:2.2rem 1.5rem 2.4rem 1.6rem;}
    .footer__inner img{max-width:100%;height:2.4rem;}
    .ft__links li + li{margin-left:1.2rem;}
    .ft__links{margin-bottom: 1.8rem;}
    .ft__relates .grid{justify-content:flex-start;flex-wrap: wrap;}
    .ft__relates a{color:#fff;font-size: 1.3rem;letter-spacing:-.09rem;}
    .ft__relates li,
    .ft__relates li + li{margin-right:1rem;margin-left:0;}
    .copyrights{margin-bottom:3.5rem;font-size: 1.2rem;font-weight: 300;word-break: keep-all;letter-spacing:-.036rem;line-height: 1.4;}
    .copyrights address span{display:block;margin-left:0;}
    .copyrights + div{position:static;}
    .copyrights + div a{margin-right:1.6rem;margin-left:0;}

    /* Board - Detail*/
    .comment__write { align-items: flex-start;flex-direction: column;}
    .author__info, 
    .author__text {width: 100%;}
    .author__info {width: 100%; margin-bottom: 1rem;}
    .author__info .grid{ justify-content: flex-start;width: 100%;}
    .author__info input {width: calc(100% - 7rem);}
    .board__detail .api__list .__desc img {height: auto !important;}
    .button.del__comment {background-size: 1rem;}
    .reply__head {flex-direction: column;}
    .reply__head > div {width: 100%;}
    .reply__head .board__info { margin-top: .5rem;padding-top: .5rem; border-top: 1px solid #eee;}
    .detail__button .button{width: 100%;}
    .detail__button .button + .button {margin-left: 1rem;}

    /* Board - Write */
    .board__wrap .-help {display: block; margin-top: 1rem;}
    .table__write,
    .table__write thead,
    .table__write tbody,
    .table__write tr,
    .table__write th,
    .table__write td {display:block; width:100%;}
    .board__write .table__write tr {border-bottom: 1px solid #ccc;}
    .board__write .table__write th, 
    .board__write .table__write td {border: none;}
    .board__write .grid.-left.mb10 {margin-bottom: 0;}
    .table__write .radiobox {margin-bottom: 1rem;}
    .board__write .apply__add.grid { justify-content: space-between;width: 100%;}
    .board__write .apply__add.grid > div{width: 49%;}
    .board__write .apply__add.grid div .scrollbox{width: 100%;}
    .board__write .addr__wrap2 {justify-content: flex-start;}

	/* 230312 추가 */
	.layer-popup-wrap {padding:2rem;}
	.board__wrap.-type06 .board li {width:100%;}
	.board__wrap.-type06 .board.swiper-wrapper li a .img-box {width:18rem; height:18rem; margin-right:2.5rem;}
	.board__wrap.-type06 .board.swiper-wrapper li a .txt-box .tit {margin:1.5rem 0 1rem;}
	.board__wrap.-type06 .board.swiper-wrapper li a .txt-box .txt {min-height:7.5rem; -webkit-line-clamp:3;}
	.board__wrap.-type06 .board.swiper-wrapper li a .txt-box .source-date {margin-top:1rem;}
	/* //230312 추가 */
}


@media screen and (max-width:640px){
    /* Common */
    .h1 {font-size: 2.5rem;}
    .button.-xl {font-size: 1.8rem;}
    .gnb__aligner {top: 0; width: 100%;}
    .gnb__aligner {height: 100%;}

    /*footer*/
    .copyrights {font-size: 1.3rem;}
    .footer__inner img {max-width: unset; height: auto;}
    .cp .footer__inner .grid.-jcsb,
    .cp .footer__inner .grid.-jcsb .grid,
    .mtbs .footer__inner .grid.-jcsb,
    .mtbs .footer__inner .grid.-jcsb .grid { display: block;}
    .ft_logo_cp {width: 12rem; margin-bottom: 1rem;}

    /* Button */
    .button.-xxl{width:12rem;height:8rem;padding:0;font-size:1.5rem;}
    .button.-xxxl {width: 100%;font-size:1.8rem;}
    .button__wrap button.-xxxl + button.-xxxl { margin-top: 1rem;margin-left: 0}
    .button.-styled {font-size: 1.5rem;}

    /* Board */
    .board__search{display: block;margin-top:1rem;margin-bottom: 2rem;background:#fff;}
    .board__search > div {width: 100%;}
    .board__search > div + div {margin-top: 1rem;}
    .board__search > .grid{display:block;width:100%;}
    .board__search ul.grid {justify-content: flex-end;}
    .board__search ul.grid li{margin-left:.5rem;}
    .board__select select{width:100%;min-width:unset;}
    .board__search button{width:100%;margin:0;padding: 1rem 2.2rem;}
    .board__search .search__text{width:100%;margin:1rem 0;}
    .board__search .board__select{float:left;width:31.5%;margin-left:0;}
    .board__search .board__select + .board__select{margin-top: 0;margin-left:2.6%;}
    .board__option > .grid {display: block; margin: 0;}
    .board__option.v2 > .grid {margin:2rem 0;} /* 2024-06-11 추가 */
    .board__option.v2 .board__select {margin-left:0} /* 2024-06-11 추가 */ 
    .board__wrap.-type04 ul.board>li{flex-direction:column;}
    .board__wrap.-type04 .board__image{flex:0 0 auto; width:100%; height:auto; margin:0;text-align:center;}
    .board__wrap.-type04 .board__image + div {width: 100%;}
    .board__wrap.-type04 .board__desc {height: auto;}
    .board__info{justify-content:flex-start;flex-direction:column;flex-wrap:wrap;margin-top:1.5rem;}
    .board__data{flex-wrap:wrap;}
    .board__data li{flex: 0 0 auto;}
    .board__info .board__data li + li{margin-left:0;}

    /* Board - List */
    .board .board__title{flex-wrap:wrap;}
    .board .board__title a {width: 100%; margin-top: .5rem;}
    .board__wrap .board__desc a {font-weight: 300;}
    .board__info{ align-items: flex-start ;justify-content:flex-start;flex-direction:column;flex-wrap:wrap; width: 100%;margin-top:1.5rem;}
    .board__info .board__data{ justify-content: flex-start;flex-wrap:wrap; margin-bottom: 1rem;}
    .board__info .board__data li{flex: 0 0 auto;}
    .board .board__title .cate {margin-bottom: 1rem;}
    .board .board__title .cate + p { width: 100%;margin-left: 0;}
    .board__info > ul{justify-content:space-between;}
    .board__info > ul.count__box{justify-content:flex-start;width:100%; margin-top: 1rem;}
    .board__buttons {justify-content: center;}
    .board__buttons .__add{width:10rem;height:4rem;margin-top:3rem;line-height:3.8rem;}
    .board__result {margin-bottom: 1.6rem;}
    
    /* 2024-06-11 추가 */
    /* Board - type01 */
    .board__wrap.-type01 .board__title a.line2 {width: 100%} 
    /* 2024-06-11 추가 */
    
    /* Board - type04 */
    .board__wrap.-type04 ul.board>li{flex-direction:column;}
    .board__wrap.-type04 .board__image{flex:0 0 auto;width:100%;height:auto;margin:0;text-align:center;}
    .board__wrap.-type04 .board__image img {width: 100%;}
    .board__wrap.-type04 .board__info .board__data li + li {margin-left: 0;}
    .board__wrap.-type04 .board__info .board__data li ,
    .board__wrap.-type04 .board__info .board__data li + li {margin-right: 1rem;}
    
    /* Board - type05 */
    .board__wrap.-type05 table.board thead {display: none;}
    .board__wrap.-type05 table.board,
    .board__wrap.-type05 table.board tbody,
    .board__wrap.-type05 table.board tr,
    .board__wrap.-type05 table.board td {display: block; border-bottom: none;}
    .board__wrap.-type05 table.board {border-top: 1px solid #ccc;}
    .board__wrap.-type05 table.board td:nth-child(1) {display: none;}
    .board__wrap.-type05 table.board td.__subject {max-width: unset;}
    .board__wrap.-type05 table.board tbody tr{display: flex; flex-wrap: wrap; margin-bottom: 1rem; padding: 1rem 0; border-bottom: 1px solid #ccc;}
    .board__wrap.-type05 table.board td { position: relative;margin-right: 1rem;}
    .board__wrap.-type05 table.board td.__subject {flex: 0 0 100%; margin-right: 0; margin-bottom: 1rem;}
    .board__wrap.-type05 table.board td { padding: 0;text-align: left;}
    .board__wrap.-type05 table.board td a { color: #000;font-size: 1.8rem;}
    .board__wrap.-type05 table.board td.__subject .board__tag{display:block;width: 7rem;height:auto;margin-right: 0.5rem;margin-bottom: .5rem;padding:0.7rem 0;text-align:center;line-height:1;}
    .board__wrap.-type05 table.board td:nth-last-child(1),
    .board__wrap.-type05 table.board td:nth-last-child(2) {padding-left: 2rem;}
    .board__wrap.-type05 table.board td:nth-last-child(2):before,
    .board__wrap.-type05 table.board td:nth-last-child(1):before{content:'';display:block;position:absolute;top:0.8rem;left:0.3rem;width:0.6rem;height:0.6rem;border-radius:50%;background:#aaa;}

	/* 230312 추가 */
	 /* Board - type06 */
	.board__wrap.-type06 .board li a {display:block;}
	.board__wrap.-type06 .board li a .img-box {display:block; width:100%; height:auto; margin-bottom:2rem;}
	.board__wrap.-type06 .board li a .txt-box .depth,
	.board__wrap.-type06 .board li a .txt-box .source-date,
	.board__wrap.-type06 .board li a .txt-box .txt {font-size:14px;}
	/* //230312 추가 */

    /* 2024-06-11 추가 */
    /* Board - type08 */
    .board__wrap.-type08 table.board thead {display: none;}
    .board__wrap.-type08 table.board,
    .board__wrap.-type08 table.board tbody,
    .board__wrap.-type08 table.board tr,
    .board__wrap.-type08 table.board td {display: block; border-bottom: none; border-left:none}
    .board__wrap.-type08 table.board {border-top: 1px solid #ccc;}
    .board__wrap.-type08 table.board td.__subject {max-width: unset;}
    .board__wrap.-type08 table.board tbody tr{display: flex; flex-wrap: wrap; margin-bottom: 1rem; padding: 1rem 0; border-bottom: 1px solid #ccc;}
    .board__wrap.-type08 table.board td { position: relative;margin-right: 1rem;}
    .board__wrap.-type08 table.board td.__subject {flex: 0 0 100%; margin-right: 0; margin-bottom: 1rem;}
    .board__wrap.-type08 table.board td { padding: 0;text-align: left;}
    .board__wrap.-type08 table.board td a { color: #000;font-size: 1.8rem;}
    .board__wrap.-type08 table.board td.__subject .board__tag{display:block;width: 7rem;height:auto;margin-right: 0.5rem;margin-bottom: .5rem;padding:0.7rem 0;text-align:center;line-height:1;}
    .board__wrap.-type08 table.board td:not(.__subject){padding-left: 2rem;}
    .board__wrap.-type08 table.board td:not(.__subject):before{content:'';display:block;position:absolute;top:0.8rem;left:0.3rem;width:0.6rem;height:0.6rem;border-radius:50%;background:#aaa;}
    .board__wrap.-type08 table.board td br + span {padding-left:5px}
    /* //2024-06-11 추가 */
    

    /* Board - Gallery */
    .board.-gallery>li {width: 100%; margin-right: 0;}

    /* Board - Search */
    .board__result + ul.grid {width: 100%;}
    .board__order {display: flex; width: 100%} /* 2024-09-12 수정 */
    .board__order .sort__button{display:block;width:48%;height:4rem;margin:1%;border:1px solid #ccc;border-radius:3.3rem;background-position-x:93%;}
    .board__order .sort__button + .sort__button {margin: 1%;}
    .sort__button.toggled { border-color: #2d1259; color: #fff;font-weight: 400; background: #6e40bb url(../images/common/btn_sorting_arrow_on-w.svg) no-repeat 93% center / 1.2rem;}

    /* Pagination */
    .pagination {margin-top: 3rem;}
    .pagination ul{justify-content:center;}
    .pagination a{width: 2.8rem;height: 2.8rem;font-size: 1.6rem;text-align:center;line-height: 2.5rem;}
    .pagination .__first a,.pagination .__last a{background-size:1.2rem;}
    .pagination .__prev a,.pagination .__next a{background-size:.8rem;}

    /* Board - Detail*/
    .board__detail {margin-top: 2rem;}
    .board__detail .board__info .board__data {margin-bottom: 0;}
    .board__attached.grid {display: block;}
    .board__attached.grid .grid { justify-content: flex-start;flex-wrap: wrap;}
    .board__attached .tit__attach { margin-bottom: 1rem; padding-left: 2rem;font-size: 1.6rem; background-size: 1.6rem;}
    .board__attached div a {font-size: 1.4rem;}
    .board__attached div a,
    .board__attached div a + a {margin: 0.3rem .5rem;}
    .prevnext__item {display: block;padding: 1.5rem 0;}
    .prevnext__item a {display: flex;width: 100%;padding: 0;}
    .prevnext__label{flex-shrink: 0;margin-right:1.5rem;min-width:80px; font-size: 1.6rem;} /* 2024-05-20 min-width 추가 */
    .prevnext__label:before {margin-right: .8rem;}
    .prevnext__label.-prev:before,
    .prevnext__label.-next:before {background-size: 1.5rem;}
    .prevnext__title {display: block; overflow: hidden; width: calc(100% - 7rem); text-overflow: ellipsis; white-space: nowrap;}
    .prevnext__date {margin-left: 9.9rem} /* 2024-05-20 margin-left 수정 */    
    .board__detail .api__list .__desc img {height: auto !important;}
    .board__etc { align-items: flex-start;flex-direction: column; flex-wrap: wrap;}
    .attached__files {margin-bottom: 1rem;}

    /* Board - Write */
    .board__write .table__write th {padding-bottom: .5rem;}
    .board__write .table__write td {padding-top: .5rem;}
    .board__write input[type=text], 
    .board__write input[type=password] {width: 100%;}
    .board__write select {width: 100%;}
    .board__write input[type=text].-lg, .board__write select.-lg {width: 100%;}
    .__attach label{flex:0 0 auto;margin-left:0.5rem;}
    .board__write .apply__add.grid { flex-wrap: wrap;width: 100%;}
    .board__write .apply__add.grid > div{width: 100%;}
    .board__write .apply__add.grid div + div{margin-top: 3rem;}
    .board__write .apply__submit {display: block; height: auto; line-height: 2.2rem;}
    .apply__submit .ft25{font-size: 1.6rem !important; line-height: 2.2rem;}
    .apply__submit .button.-xl {width: 100%; margin-top: 2rem; padding: .8rem 0;}
    .list__chosen li div {display: flex; width: calc(100% - 2.4rem);}
    .list__chosen li div span{ display: block; overflow: hidden;width: 100%; text-overflow: ellipsis; white-space: nowrap;}
    .addr__wrap.grid2 { justify-content: space-between; flex-wrap: wrap;width: 100%;}
    .board__write .addr__wrap.grid2 input[type=text].-md{width: 45%;}
    .board__write .addr__wrap.grid2 .button.-lg {width: 100%; margin-top: 1rem; margin-left: 0;}
    .board__write .addr__wrap2 {flex-wrap: wrap;}
    .board__write .addr__wrap2 input[type=text]{width: 100%;}
    .board__write .addr__wrap2 input + input {margin-top: 1rem; margin-left: 0;}
    .board__write .table__write td input[type=text].-sm, 
    .board__write .table__write td select.-sm {width: 30%;}

    /* Board - Check */
    .tel__box select,
    .tel__box input{width:30%;}

    /* pc & mob show */
    .is_pc {display: none;}
    .is_mob {display: inline-block;}
    
    .slideBannerPop.is_pc {display:none}
    .slideBannerPop.is_mob {display:flex}

    /* tab */
    .tabs.-type01 .tabs__group {justify-content: flex-start;flex-wrap: wrap;border-bottom: 0;}
    .tabs.-type01 .tabs__group .tab__button:first-child {margin-left: 0;}
    .tabs.-type01 .tabs__group .tab__button {flex: 0 0 auto;width: auto;height: 4rem;margin: 0.3rem;padding: 0 1.4rem;border: 1px solid #ccc;border-radius: 2.5rem;font-size: 1.5rem;/* margin-left: 1rem; */}
    .tabs.-type01 .tabs__group .tab__button.__current { color: #fff;font-weight: normal; background-color: #6e40bb;}
    .tabs.-type01 .tabs__group .tab__button.__current::before {display: none;}

    /* text box */
    .heading.depth02 .tit {font-size: 2.1rem;}
    .heading.depth03 .tit {font-size: 1.8rem;}
    .box {padding: 1.5rem; font-size: 1.6rem;}
    .box.-type02 {padding: 1.5rem;} /* 2024-06-11 추가 */
    .box.-type02 p {display:block; padding-top:1rem} /* 2024-06-11 추가 */
    .paragraph {font-size: 1.5rem; word-break: break-all;}
    .paragraph.slogan {font-size: 1.6rem;}

    /* Dialog */
    .inputbox .label {font-size: 1.5rem;}
    .dialog.-active {flex-direction: column;} /* 2022-01-05추가 */
    .dialog .dialog__title {font-size: 2.2rem;}
    .dialog__detail {margin:1rem 0; padding: 2rem 1rem;} /* 2022-01-05수정 */    
    .dialog .button {font-size: 1.6rem;}
    .dialog .button .-sm {font-size: 0.6rem;}
    .dialog__close {top: 2rem; right: 2rem; width: 2.2rem; height: 2.2rem; background-size: 100%;}
    .dialog .dialog__title.-strong {font-size: 2.2rem; word-break: keep-all;}
    .dialog__txt  {font-size: 1.5rem;word-break: keep-all;}
    .dialog__txt br,
    .dialog .dialog__title.-strong br {display: none;}
    .dialog__txt .-link {display: block; margin-top: 1rem;}
    .close__today label {font-size: 1.5rem;}
    .dialog.-search .search__wrap {width: 80%; height: 6rem; margin: 0;}
    .dialog.-search .search__wrap .btn__search { width: 6rem;height: 100%;}
    .dialog.-search .search__wrap input { width: calc(100% - 6rem);font-size: 1.6rem;}

    /* Board - check */
    .board__chk { margin-top: 4rem;}
    .board__chk .board__contents {padding: 3rem 0;border-top: 2px solid #777; border-bottom: 2px solid #ccc;}
    .board__chk .board__contents .grid {display: block;}
    .board__chk .-notice {margin-top: 4rem;font-size:1.6rem;}
    .board__chk label {width: 100%;margin-right: 0; margin-bottom: 1rem;font-size:1.5rem;text-align: left;}
    .board__chk input[type=text],
    .board__chk input[type=password] {width: 100%; height: 4rem; font-size: 1.8rem; letter-spacing: -.09rem;}
    .board__chk .txt_pass {position: relative; left: 0;}

    /* 최상위로 */
    .to_top .top_trigger{width:6rem;height:6rem;border:none;border-radius:50%;background:url(../images/common/totop.png) no-repeat center center / 100%;}

    /* 404 */
    .error404 { display: flex; align-items: center; justify-content: center; flex-direction: column;min-height: 50rem;}
    .error404 h1 { margin-top: 4rem;font-size: 2.4rem; text-align: center; word-break: keep-all;}
    .error404 p {width: 80%; margin: 3rem 0; font-size: 1.5rem; word-break: keep-all; line-height: 3rem;}
    .error404 .button + .button {margin-left: 1.5rem;}

	/* 230312 추가 */
	.layer-popup-wrap .layer-container {padding:2rem;}
	.layer-popup-wrap .layer-container .layer-tit {font-size:1.8rem;}
	.board__wrap.-type06 .board.swiper-wrapper li a .img-box {width:10rem; height:10rem; margin:0 auto;}
	.board__wrap.-type06 .board.swiper-wrapper li a .txt-box {margin-top:2rem;}
	.board__wrap.-type06 .board.swiper-wrapper li a .txt-box .api {height:2rem;}
	.board__wrap.-type06 .board.swiper-wrapper li a .txt-box .depth {font-size:1.2rem;}
	.board__wrap.-type06 .board.swiper-wrapper li a .txt-box .tit {margin:1rem 0; font-size:1.6rem;}
	.board__wrap.-type06 .board.swiper-wrapper li a .txt-box .txt {min-height:auto; font-size:1.2rem; -webkit-line-clamp:2;}
	.board__wrap.-type06 .board.swiper-wrapper li a .txt-box .source-date {font-size:1.2rem;}
	.board__wrap.-type06 .swiper-button-prev,
	.board__wrap.-type06 .swiper-button-next {display:none;}
	/* //230312 추가 */
}

/* 231121 배너 추가 */
.topBanner {padding-top: 8rem;}
.topBanner .header__wrap {top: 8rem;}
.banner__wrap{position:absolute; top:0; left:0; z-index:99; width: 100%; height: 8rem; background:#f2fbfa;}
/*.banner__wrap{position:absolute; top:30px; left:0; z-index:99; width: 100%; height: 8rem; background:#f2fbfa;}*/ /* 2024-08-05 수정 */
.banner__box{ overflow: hidden;position:relative;z-index:1;width:120rem; max-width: 100%; height: 100%; margin: 0 auto;}
.banner__item{display:block;width:100%;height:8.5rem;text-align:center;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
.banner__item a {display: block; width: 100%; height: 100%;}
.banner__control {display: flex; position: absolute; right: 0; bottom: 0; z-index: 11; align-items: center; justify-content: flex-end;}
.close__today input[type=checkbox]~label:before {top:.1rem; left:0;}
.close__today input[type=checkbox] {display: none;}
.close__today label{position: relative;color: #000;font-size: 1.3rem;font-weight: 400;letter-spacing: -.065rem;}
.close__today input + label {padding-left: 2.8rem;}
.close__today input[type=checkbox]:checked~label:before {background-size: .9rem;}
.close__today input[type=checkbox]:checked~label {position: relative;color: #000;font-weight: 400;}
.btn__close__popup {width: 1.4rem; height: 1.4rem; margin-left: 1.5rem; border: none; background: url(../images/common/btn-close-popup.svg) no-repeat center center;}
.btn__prevnext {position: absolute; bottom: 0; left: 0; z-index: 11;}
.btn__prevnext .button__next,
.btn__prevnext .button__prev {width: 2.3rem; height: 2.2rem; border:none;}
.btn__prevnext .button__next {background: url(../images/common/btn_banner_r.png);}
.btn__prevnext .button__prev {background: url(../images/common/btn_banner_l.png);}

/* 2024-08-05 상단배너 추가 */
/*
.noriBanner { position:fixed; top:0; z-index: 1000; width:100%; background-color: #EDF1F5; } 
.noriBanner .inner {  margin-right: auto; margin-left: auto; width: 100%; max-width: 1200px; }
.noriBanner .masthead > dl > dt { padding: 0 16px; border-bottom: 1px solid #cdd7e4; } 
.noriBanner .masthead > dl > dt .inner { display: flex; align-items: flex-start; gap: 8px; position: relative; padding:4px 0; min-height: 32px; } 
.noriBanner .masthead > dl > dt .inner > div { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 8px 16px; } 
.noriBanner .masthead > dl > dt .inner .icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 24px; height: 22px; text-align: center; line-height: 1; } 
.noriBanner .masthead > dl > dt .inner .icon img { height: 16px;} 
.noriBanner .masthead > dl > dt .inner p { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; word-break: keep-all; font-size: 15px; } 
.noriBanner .masthead > dl > dt .btnMast {display: inline-flex; align-items: center; justify-content: center; gap: 2px; padding: 0 2px; height: auto;  background-color: inherit; border-radius: 6px; font-weight: 400; font-size: 14px; color: #003675; white-space: nowrap; border: 0; line-height: 1;} 
.noriBanner .masthead > dl > dt .btnMast:after { display: inline-flex; content:""; width: 16px; height: 16px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../images/common/ico-arr-down-blue.png); transition: 0.4s ease-in-out; } 
.noriBanner .masthead > dl > dt .btnMast .hide { position: absolute !important; overflow: hidden !important; white-space: nowrap !important; margin: -1px !important; padding: 0 !important; border: 0 !important; width: 1px !important; height: 1px !important; clip: rect(0, 0, 0, 0) !important; } 
.noriBanner .masthead > dl > dd { display: none;} 
.noriBanner .masthead > dl > dd .inner { display: flex; flex-direction: column; align-items: normal; justify-content: flex-start; gap: 16px; padding: 24px 10px; } 
.noriBanner .masthead > dl > dd strong { display: flex; align-items: center; gap: 8px; font-weight: 700; } 
.noriBanner .masthead > dl > dd strong::before { display: inline-flex; content: ""; width: 20px; height: 20px; background-image: url(../images/common/ico-nuri.png) } 
.noriBanner .masthead > dl > dd div { padding-left: 28px; } 
.noriBanner .masthead > dl > dd div p { font-size: 15px; color: #555; } 
.noriBanner .masthead > dl > dd .btnMast { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; border: 0; line-height: 1; background-color: inherit; font-weight: 400; font-size: 15px; } 
.noriBanner .masthead > dl > dd .btnMast::after { display: inline-flex; content:""; width: 16px; height: 16px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../images/common/ico-link.png); } 
.noriBanner .masthead > dl.curr > dt .btnMast:after { transform: rotate(-180deg); } 
.noriBanner .masthead > dl.curr > dd { display: block; } 

@media (max-width: 1160px) {
 .noriBanner .masthead > dl > dd .inner { padding: 96px 64px; } 
 .noriBanner .masthead > dl > dd .btnMast { margin-top: 8px; } 
}
@media (max-width: 534px) {
    .topbanner {padding-top:13.6rem;}
    .topbanner .header__wrap {top:13.6rem;}
    .banner__wrap {top:56px;}
}
@media (max-width: 374px) {
    .topbanner {padding-top:15.6rem;}
    .topbanner .header__wrap {top:15.6rem;}
    .banner__wrap {top:76px;}
}
*/