@charset "UTF-8";


/* topimg */
.topImg-wrap {height: 240px;background: no-repeat 50% / cover;background-image: url(../../images/user/topimg-bg.png);display: flex;align-items: center;justify-content: center;text-align: center;color: var(--g-black9);}
.loca-wrap.pc-ver{display: block !important; height: 80px;}
.loca-wrap.mobile-ver{display: none !important;}
.topImg.topimg01 .loca-wrap.pc-ver{background-color: var(--g-purple);}
.topImg.topimg02 .loca-wrap.pc-ver{background-color: var(--g-blue);}
.topImg.topimg03 .loca-wrap.pc-ver{background-color: var(--g-green);}
.topImg.topimg04 .loca-wrap.pc-ver{background-color: var(--g-pink);}
.topImg.topimg05 .loca-wrap.pc-ver{background-color: var(--g-yellow);}
.topImg.topimg06 .loca-wrap.pc-ver{background-color: var(--g-yellow);}
.topImg.topimg07 .loca-wrap.pc-ver{background-color: var(--g-yellow);}
.topImg.topimg08 .loca-wrap.pc-ver{background-color: var(--g-black3);}
.topImg.topimg10 .loca-wrap.pc-ver{background-color: var(--g-red3);}
.topImg-wrap h2 {font-family: 'KIMM';font-size: 40px;margin-bottom: 26px;}
.topImg-wrap h2{transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition-delay: .2s;transform: translateY(30px);opacity: 0;}
.topImg-wrap .top_location{transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transform: translateY(30px);transition-delay: 0.4s;opacity: 0;}
.loca-wrap{transition: all 0.8s ease-in-out;/* transform: translateY(30px); */transition-delay: 0.5s;opacity: 0;}
.topImg.active .topImg-wrap h2{opacity: 1; transform: translateY(0);}
.topImg.active .top_location{opacity: 1; transform: translateY(0);}
.topImg.active .loca-wrap{opacity: 1;/* transform: translateY(0); */}


.top_location ul {display: flex;justify-content: center;}
.top_location ul li:not(:last-child) {position: relative;padding-right: 16px;display: flex;align-items: center;}
.top_location ul li:not(:last-child)::after {content: '';width: 7px;height: 11px;background: no-repeat 50% / cover;background-image: url(../../images/cmn/location-arr.svg);margin-left: 16px;}
.top_location ul li{font-size: 20px;}
.top_location ul li:first-child::before{content: ''; width: 18px; height: 14px; margin-right: 6px; background: no-repeat 50% / cover; background-image: url(../../images/ico/ico-home.svg)}
.loca-wrap.pc-ver ul{height: 100%}
.loca-wrap.pc-ver ul li:not(:last-child){margin-right: 50px;}
.loca-wrap.pc-ver ul li a{font-size: 20px; opacity: .4}
.loca-wrap.pc-ver ul li.active a{opacity: 1; font-weight: 700; text-decoration: underline;}
.loca-wrap.mobile-ver .home_btn{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 60px;height: 100%;display: flex;align-items: center;justify-content: center;border-left: 1px solid #E4E4E4;border-right: 1px solid #e4e4e4;}
.loca-wrap.mobile-ver .home_btn .ico-home{background-image: url(../../images/ico/ico_home.svg);width: 26px;height: 20px;}
.loca-wrap.mobile-ver .loca {height: 62px;border-top: 1px solid #E4E4E4;border-bottom: 1px solid #E4E4E4;padding-left: 40px;padding-right: 108px;}
.loca-wrap.mobile-ver .loca_wrap {position: relative;max-width: 100%;margin: 0 auto;width: 100%;height: 100%;padding-left: 60px;}
.loca-wrap.mobile-ver .loca_btn_wrap_{display: flex;}
.loca-wrap.mobile-ver .loca ul {width: 50%;/* display: none; */}
.loca-wrap.mobile-ver .loca li {background-color: #fff;width: 100%;height: 0px;overflow: hidden;transition: .5s;/* display: none; */}
.loca-wrap.mobile-ver .loca li a {font-size: 16px;font-weight: 400;color: #666;display: flex;height: calc(100% - 4px);padding: 0 0 0 20px;align-items: center;margin-top: 2px;background: #fff;}
.loca-wrap.mobile-ver .loca_btn {width: 50%;height: 60px;border: 0;font-size: 18px;font-weight: 500;color: #666;text-align: left;padding-left: 24px;border-right: 1px solid #e4e4e4;display: none;position:relative;}
.loca-wrap.mobile-ver .loca_btn:after,
.loca-wrap.mobile-ver .loca_btn:before {content:'';position:absolute;height: 2px;width: 8px;background-color: #666;right: 16px;top: 50%;display: block;transition: all .2s;z-index: 1;}
.loca-wrap.mobile-ver .loca_btn:after { margin-right: 0; transform: rotate(-45deg); }
.loca-wrap.mobile-ver .loca_btn:before {transform: rotate(45deg);margin-right: 5px;}
.loca-wrap.mobile-ver .loca_btn.open:after { transform: rotate(45deg); }
.loca-wrap.mobile-ver .loca_btn.open:before { transform: rotate(-45deg); }
.loca-wrap.mobile-ver .loca .loca_ul1 {position: relative;display: block;z-index: 11;}
.loca-wrap.mobile-ver .loca ul.open {border: 1px solid #e4e4e4;}
.loca-wrap.mobile-ver .loca .loca_li1 { display: block; }
.loca-wrap.mobile-ver .loca .loca_ul2 {position: absolute;left: 100%;top: 0;width: 100%;}
.loca-wrap.mobile-ver .loca ul.open>li {height: 60px;}
.loca-wrap.mobile-ver .loca_ul1.open .loca_li1:not(:last-child) {border-bottom: 1px solid #E4E4E4;}
.loca-wrap.mobile-ver .loca_ul2.open .loca_li2:not(:last-child) {border-bottom: 1px solid #E4E4E4;}
.loca-wrap.mobile-ver .home_btn > a {width: 60px;height: 60px;}
.topimg02 .loca-wrap.mobile-ver .home-color{fill: var(--g-blue);}
.topimg03 .loca-wrap.mobile-ver .home-color{fill: var(--g-green);}
.topimg04 .loca-wrap.mobile-ver .home-color{fill: var(--g-pink);}
.topimg05 .loca-wrap.mobile-ver .home-color{fill: var(--g-yellow);}
.topimg06 .loca-wrap.mobile-ver .home-color{fill: var(--g-yellow);}
.topimg07 .loca-wrap.mobile-ver .home-color{fill: var(--g-yellow);}
.topimg08 .loca-wrap.mobile-ver .home-color{fill: var(--g-black);}
.topimg10 .loca-wrap.mobile-ver .home-color{fill: var(--g-red3);}






/* mainBar */
.mainBar {display: flex; align-items: center; font-size: 30px; font-weight: 700; margin: 0 0 50px;}
.mainBar span {width: 8px; height: 8px; border-radius: 50%; flex: none; margin-right: 14px;}
.topimg01 ~ .inner .mainBar span{background-color: var(--g-purple);}
.topimg02 ~ .inner .mainBar span{background-color: var(--g-blue);}
.topimg03 ~ .inner .mainBar span{background-color: var(--g-green);}
.topimg04 ~ .inner .mainBar span{background-color: var(--g-pink);}
.topimg05 ~ .inner .mainBar span{background-color: var(--g-yellow);}
.topimg06 ~ .inner .mainBar span{background-color: var(--g-yellow);}
.topimg07 ~ .inner .mainBar span{background-color: var(--g-yellow);}
.topimg08 ~ .inner .mainBar span{background-color: var(--g-black6);}
.topimg10 ~ .inner .mainBar span{background-color: var(--g-red3);}


/* schBar */
.bbsBar {display: flex; align-items: center; justify-content: space-between; margin: 50px 0 0; padding: 0 0 30px;}
.bbsBar .bbs-total {font-size: 18px; line-height: 21px;}
.bbsBar .bbsBar-sch {display: flex;}
.bbsBar .bbsBar-sch .bbsBar-select{margin-right: 10px;}
.bbsBar .bbsBar-sch input {width: 100%;}
.bbsBar .bbsBar-sch input, .bbsBar .bbsBar-sch select {height: 45px; font-size: 16px; color: #000; border-radius: 5px;}
.bbsBar .bbsBar-sch .bbsBar-input .input-wrap {display: flex;}
.bbsBar .bbsBar-sch .bbsBar-input .input-wrap .search {margin-left: 10px;}
.btn.search {width: 45px; height: 45px; border-radius: 5px; flex: none;}
.filter-wrap{display: flex; align-items: center; margin-top: 20px;}
.filter-tit{font-size: 18px; padding-right: 20px; margin-right: 20px; position: relative;}
.filter-tit::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 20px; background: #E4E4E4;}
.filter-list{display: flex; align-items: center;}
.filter-list > li:not(:last-child){margin-right: 15px;}
.filter-btn{border-radius: 24px;border: 1px solid #E4E4E4;background: #FFF;display: inline-flex;padding: 10px 30px;justify-content: center;align-items: center;color: #000;font-size: 16px;font-weight: 500;}


.topimg01 .filter-btn.on{background: var(--g-blue2); color: #fff; border-color: var(--g-pink2);}
.topimg02 .filter-btn.on{background: var(--g-pink2); color: #fff; border-color: var(--g-pink2);}
.topimg03 .filter-btn.on{background: var(--g-pink2); color: #fff; border-color: var(--g-pink2);}
.topimg04 .filter-btn.on,.topimg04 .filter-btn:hover{background: var(--g-pink2); color: #fff; border-color: var(--g-pink2);}
.topimg05 .filter-btn.on{background: var(--g-pink2); color: #fff; border-color: var(--g-pink2);}
.topimg06 .filter-btn.on{background: var(--g-pink2); color: #fff; border-color: var(--g-pink2);}
.topimg07 .filter-btn.on{background: var(--g-pink2); color: #fff; border-color: var(--g-pink2);}
.topimg08 .filter-btn.on{background: var(--g-pink2); color: #fff; border-color: var(--g-pink2);}



/* notice */
.bbs-cate-wrap{display: flex; align-items: center; margin-top: 15px;}
.cate-list {display: flex;align-items: center; margin-left: -26px;}

.cate-list > li {font-size: 18px;padding: 0 25px; /* 좌우 패딩을 증가하여 간격 확대 */position: relative;text-align: center; }
.cate-list > li:not(:last-child)::after {content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1px;height: 20px;background: #E4E4E4;}
.cate-list > li.on, .cate-list > li a:hover {font-weight: 600;}

.bbs-table table{display: table;table-layout: fixed;width: 100%;border-bottom: 1px solid #424242;}
.bbs-table .bbstb_thead{border-bottom: 1px solid #BABABA;background-color: #FFF9F2;}
.bbs-table .bbstb_tr{}
.bbs-table .bbstb_thead .bbstb_th{height: 60px;display: table-cell;vertical-align: middle;font-size: 14px;font-weight: 700;text-align: center;border-bottom: 1px solid #bababa;}
.bbs-table .bbstb_thead .bbstb_th.th_num{width: 100px;}
.bbs-table .bbstb_thead .bbstb_th.th_date{width: 150px;}
.bbs-table .bbstb_thead .bbstb_th.th_name{width: 150px;}
.bbs-table .bbstb_tbody .bbstb_td.td_num{font-size: 16px;}
.bbs-table .bbstb_tbody .bbstb_td.td_sibj{}
.bbs-table .bbstb_tbody .bbstb_td.td_subj > a:hover,
.bbs-table .bbstb_tbody .bbstb_td.td_subj > a:active{text-decoration: underline;}
.bbs-table .bbstb_tr:last-child .bbstb_td {border-bottom: 0;}
.no-list { text-align: center; color: #000; font-size: 16px;}
.bbs-table .bbstb_tbody .bbstb_td.td_notice {font-weight: 700; color: #000;}
.bbs-table .bbstb_tr.tbody:hover {background-color: #FFF9F2; border-left: 2px solid #000;}
.bbs-table.notice .bbstb_tr.tbody:hover {background-color: #FFF6ED; border-left: 2px solid var(--g-yellow2); margin-left: -2px;}
.bbs-table.notice .bbstb_tr.tbody:hover a {text-decoration: underline;}
.bbs-table .bbstb_tr.tbody.empty:hover {background-color: unset; border-left: 0; margin: 0;}
.bbs-table.photo{display: flex; flex-wrap: wrap; margin: -25px -10px;}
.bbs-table.photo > ul{width: 25%; padding: 25px 10px;}
.bbs-table.photo .bbstb_tr.tbody{display: block; border-bottom: 0;}
.bbs-table.photo .bbstb_tr.tbody:hover{background-color: transparent;border-left: 0;}
.bbs-table.photo .bbstb_tr.tbody > li{padding: 0; text-align: left}
.bbs-table.photo  ul li{padding:0;}
.bbs-table.photo .bbstb_tr.tbody .td_img{position: relative; overflow: hidden; border-radius: 20px; height: 0; padding: 0; padding-bottom: 100%;}
.bbs-table.photo .td_img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.bbs-table.photo .td_date{font-size: 16px; max-width: 100%; margin-top: 20px; color: #9599A6; font-weight: 500;text-align: left;}
.bbs-table.photo .td_subj{margin-top: 15px; font-size: 20px; font-size: 20px; font-weight: 700;}
.bbs-table.photo .td_subj a{-webkit-line-clamp: 2; line-height: 1.5;}


.bbstb_tr {/*height:60px;*/align-items: center;text-align: center;}
.bbs-table ul li {padding:10px;}
.bbstb_tr.thead > li {padding: 25px 2px; font-size: 14px; font-weight: 700;}
.bbstb_tr.tbody > li {padding: 23px 2px; letter-spacing: -0.48px;}
.bbstb_tr.thead {display:flex;background:#FFF6ED;border-bottom:1px solid #E4E4E4; border-top: 1px solid var(--g-yellow2);}
.bbstb_tr.tbody {display:flex;border-bottom: 1px solid #E4E4E4;}
.bbstb_th.th_num, .bbstb_th.th_name, .bbstb_th.th_hit {width:100%;max-width:80px;}
.bbstb_td.td_num.td_notice{font-weight:600;}
.bbstb_th.th_subj {width:100%;max-width:900px;}
.bbstb_th.th_date {width:100%;max-width:120px;}
.bbstb_td.td_num, .bbstb_td.td_name, .bbstb_td.td_hit {width:100%;max-width:80px;}
.bbstb_td.td_subj {width:100%;max-width:900px;text-align: left; display: flex; align-items: center;}
.bbstb_td.td_subj a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.bbstb_td.td_subj .ico-file {width: 18px; height: 17px; background: no-repeat 50% / cover; background-image: url("../../../assets/images/ico/ico-file_b.svg"); margin-left: 4px; display: inline-block; vertical-align: middle; flex: none;}
.bbstb_td.td_date {width:100%;max-width:120px;}
.bbstb_th.th_area, .bbstb_td.td_area, .bbstb_th.th_area2, .bbstb_td.td_area2 {width:100%;max-width:120px;}
.bbstb_th.th_area3, .bbstb_td.td_area3 {width:100%;max-width:200px;}
.bbstb_th.th_num_area, .bbstb_td.td_num_area {width:100%;max-width:120px;}
.bbstb_th.th_subj_area, .bbstb_td.td_subj_area {width:100%;max-width:1000px;}
.bbstb_th.th_process, .bbstb_td.td_process {width:100%;max-width:120px;}

.bbstb_tr.empty > li {text-align: center;width: 100%;padding: 54px 0;margin-top: 54px;background: url('../../../assets/images/cmn/logo_g.svg') no-repeat center top;}
.bbstb_tr.empty > li p {margin: 25px 0 0;font-size: 16px;font-weight: 500;color: #757575;letter-spacing: 0.2px;}

.topimg01 .bbstb_tr.thead{background-color: var(--g-purple-10); border-top: 1px solid var(--g-purple);}
.topimg01 .bbs-table.notice .bbstb_tr.tbody:hover{background-color: var(--g-purple-10); border-left-color: var(--g-purple);}
.topimg01 .bbsBar .bbsBar-sch .search{background-color: var(--g-purple)}
.topimg02 .bbstb_tr.thead{background-color: var(--g-blue-10); border-top: 1px solid var(--g-blue);}
.topimg02 .bbs-table.notice .bbstb_tr.tbody:hover{background-color: var(--g-blue-10); border-left-color: var(--g-blue-10);}
.topimg02 .bbsBar .bbsBar-sch .search{background-color: var(--g-blue)}
.topimg03 .bbstb_tr.thead{background-color: var(--g-green-10); border-top: 1px solid var(--g-green);}
.topimg03 .bbs-table.notice .bbstb_tr.tbody:hover{background-color: var(--g-green-10); border-left-color: var(--g-green);}
.topimg03 .bbsBar .bbsBar-sch .search{background-color: var(--g-green)}
.topimg04 .bbstb_tr.thead{background-color: var(--g-pink-10); border-top: 1px solid var(--g-pink);}
.topimg04 .bbs-table.notice .bbstb_tr.tbody:hover{background-color: var(--g-pink-10); border-left-color: var(--g-pink);}
.topimg04 .bbsBar .bbsBar-sch .search{background-color: var(--g-pink)}
.topimg05 .bbstb_tr.thead{background-color: var(--g-yellow-10); border-top: 1px solid var(--g-yellow);}
.topimg05 .bbs-table.notice .bbstb_tr.tbody:hover{background-color: var(--g-yellow-10); border-left-color: var(--g-yellow);}
.topimg05 .bbsBar .bbsBar-sch .search{background-color: var(--g-yellow)}
.topimg06 .bbstb_tr.thead{background-color: #FFF6ED; border-top: 1px solid var(--g-yellow2);}
.topimg06 .bbs-table.notice .bbstb_tr.tbody:hover{background-color: #FFF6ED; border-left-color: var(--g-yellow2);}
.topimg06 .bbsBar .bbsBar-sch .search{background-color: var(--g-yellow)}
.topimg08 .bbstb_tr.thead{background-color: #F7F7F7; border-top: 1px solid var(--g-black7);}
.topimg08 .bbs-table.notice .bbstb_tr.tbody:hover{background-color: #F7F7F7; border-left-color: var(--g-black7);}
.topimg08 .bbsBar .bbsBar-sch .search{background-color: var(--g-black)}


/* paging */
.paging {margin: 60px 0 0;}
.paging_ul { text-align: center; font-size: 0; }
.paging_li { display: inline-block; background-color: #fff; border-radius: 0; vertical-align: top; border-radius: 7px;border: 1px solid #e4e4e4;}
.paging_li.paging_li_active { background-color: var(--g-yellow); border: 1px solid var(--g-yellow);}
.paging_li.paging_li_active .paging_href { position: relative; color: #fff;}
.paging_li.paging_li_active .paging_href:after { /*content:''; */ position:absolute; width:10px; height:1px; left: 50%; margin-left: -5px; top: 100%; background: #000; }
.paging_li:not(:last-child) { margin-right: 10px;}
.paging_href { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; padding: 6px; font-size: 20px;color: #888; border-radius: 7px;}
.paging_prev .paging_href, .paging_next .paging_href {font-family: cursive; font-size: 16px; color: rgba(204, 204, 204, 1);}
.paging_arrow > a{ border: 1px solid #CECECE; position:relative; font-size: 0; display: inline-flex; align-items: center; justify-content: center;}
.topimg06 .paging_li.paging_li_active{background-color: var(--g-black7); border-color: var(--g-black7);}

.archive .paging_li.paging_li_active {background: var(--g-navy); border: 1px solid var(--g-navy);}

/* board detail */
.board-detl .title-bar {display: flex;align-items: flex-end;justify-content: space-between;border-bottom: 1px solid #BABABA;padding-bottom: 20px;}
.board-detl .title-bar .tit_ span {font-size: 14px;color: #757575;}
.board-detl .title-bar h3 {font-size: 26px;margin-top: 8px;line-height: 38px; }
.board-detl .title-bar .hit {font-size: 14px;display: flex;align-items: center;flex: none;}
.board-detl .title-bar .hit::before {content: '';width: 25px;height: 25px;background: url('../../../assets/images/ico/ico-hit.svg') no-repeat;background-size: cover;margin-right: 5px;}
.board-detl .title-bar .hit span {font-weight: 700;margin-left: 5px;}
.board-detl .detl-cont {padding: 40px 0;min-height: 450px;}
.board-detl .detl-cont img {width: auto;max-width: 100%;height: auto !important;}
.board-detl .detl-cont img + img {margin-top: 20px;}
.board-detl .detl-cont img + p {margin-top: 20px;}
.board-detl .detl-cont p {line-height: 26px;}
.board-atchfile {margin-bottom: 30px;background: #F7F7F7;border: 1px solid #E4E4E4;padding: 20px;border-radius: 5px;}
.board-atchfile > li {display: flex;align-items: center;justify-content: space-between;}
.board-atchfile > li:not(:last-child) {margin-bottom: 20px;}
.board-atchfile .file-wrap {display: flex; align-items: center;}
.board-atchfile .file-wrap .ico_atchfile {flex: none;width: 22px;height: 22px;background: url('../../../assets/images/ico/ico-file_b.svg') no-repeat;background-size: cover;}
.board-atchfile li .file-wrap a {margin-left: 10px;font-size: 18px;font-weight: 500;text-decoration: underline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.board-atchfile .preview-btn {font-size: 14px; font-weight: 500; color: #707070;}
.archive .board-detl {margin-top: 50px;}
.tbl-nav { margin-top: 30px; display: flex; justify-content: space-between; grid-column-gap: 20px; grid-row-gap: 30px; }
.tbl-nav > ul { width: calc(100%); }
.tbl-nav > ul > li { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; align-items: center; }
.tbl-nav > ul > li:first-child { border-bottom: 0; }
.tbl-nav > ul > li > span { position: relative; width: 180px; height: 60px; background: #F7F7F7; display: flex; justify-content: center; align-items: center; font-size: 14px; flex: none;}
.tbl-nav > ul > li.nav-prev > span::before { content: ''; width: 20px; height: 20px; background-image: url(../../images/cmn/nav-prev.svg); background-repeat: no-repeat; background-position: center; margin-right: 6px; }
.tbl-nav > ul > li.nav-next > span::before { content: ''; width: 20px; height: 20px; background-image: url(../../images/cmn/nav-next.svg); background-repeat: no-repeat; background-position: center; margin-right: 6px; }
.tbl-nav > ul > li > a { width: calc(100% - 180px); padding: 20px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.tbl-nav .tbl-nav__btn { width: 170px; height: 120px; color: #232323; background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 7px; flex: none;}

/* board paging */
.board-paging {border-top: 1px solid #E4E4E4;border-bottom: 1px solid #E4E4E4;}
.board-paging li {padding: 20px 0 20px 20px;display: flex;align-items: center;}
.board-paging li.prev {border-bottom: 1px solid #e4e4e4;}
.board-paging li p {font-size: 14px;font-weight: 500;display: flex;align-items: center;flex: none;}
.board-paging li p::after {content: '';width: 20px;height: 20px;margin-left: 15px;}
.board-paging li.prev p::after {background: url('../../../assets/images/ico/ico-prev.svg') no-repeat;background-size: cover;}
.board-paging li.next p::after {background: url('../../../assets/images/ico/ico-next.svg') no-repeat;background-size: cover;}
.board-paging li a {margin-left: 40px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.btn-wrap {margin: 30px 0; text-align: center;}
.btn-wrap .back_list {font-size: 16px; font-weight: 500; line-height: 20px; padding: 15px 60px; border-radius: 10px; border: 1px solid #000;}


/*line animation*/
@keyframes lineVertical {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

@keyframes lineVertical2 {
    0% {
        height: 0;
    }

    100% {
        height: calc(100% - 40px);
    }
}

/*intro*/
.intro .subBar {border-bottom: none; line-height: 1.5;}
.disc {position: relative; margin-top: 20px;}
.disc p{font-size: 18px; font-style: normal; line-height: 27px; padding-bottom: 27px; }
.disc img {position: absolute; width: 256px; height: 256px; top: 88px; right: 13px;}
.tit-effect {display: inline-block; white-space: nowrap; font-size: 120px; font-style: normal; font-weight: 700; line-height: 120px; opacity: 0.1; margin-top: 160px; margin-bottom: 100px;}

/* history */
.history-wrap {margin: 85px 0 0;}
.history-wrap > ul {}
.history-wrap > ul > li {display: flex;}
.history-wrap > ul > li .history-year {font-size: 40px; min-width: 126px; margin-right: 180px; position: relative;}
.history-wrap > ul > li .history-year::before {content: ''; position: absolute; right: -182px; top: 10px; width: 2px; height: 0; background: var(--g-black); z-index: 1;}
.history-wrap > ul > li:last-child .history-year::before {content: unset;}
.history-wrap > ul > li.l-yellow .history-year::before {background: var(--g-yellow2);}
.history-wrap > ul > li.l-green .history-year::before {background: var(--g-green2);}
.history-wrap > ul > li.l-blue .history-year::before {background: var(--g-blue2);}
.history-wrap > ul > li .history-year::after {content: ''; position: absolute; top: 50%; right: 0; }
.history-wrap > ul > li .history-year p {position: relative;}
.history-wrap > ul > li .history-year p::before {content: ''; position: absolute; background-size: cover; background-repeat: no-repeat;}
.history-wrap > ul > li.l-yellow .history-year p::before {background-image: url("../../../assets/images/user/sub/txt-bg-yellow.svg"); width: 116px; height: 101px; top: -10px; right: -66px;}
.history-wrap > ul > li.l-green .history-year p::before {background-image: url("../../../assets/images/user/sub/txt-bg-green.svg"); width: 113px; height: 108px; top: -24px; right: -76px;}
.history-wrap > ul > li.l-blue .history-year p::before {background-image: url("../../../assets/images/user/sub/txt-bg-blue.svg"); width: 122px; height: 93px; top: -5px; right: -66px;}

.history-wrap > ul > li .history-year.line::before {animation-name: lineVertical; animation-duration: 1s; animation-delay: 0.6s; animation-iteration-count: 1; animation-timing-function: linear; animation-fill-mode: forwards; background-origin: content-box;}
.history-wrap > ul > li .history-year.line-delay::before {animation-name: lineVertical; animation-duration: 1s; animation-delay: 1.6s; animation-iteration-count: 1; animation-timing-function: linear; animation-fill-mode: forwards; background-origin: content-box;}

.history-wrap > ul > li .history-r {padding-left: 140px; padding-bottom: 160px; position: relative;}
.history-wrap > ul > li .history-cont {position: relative;}
.history-wrap > ul > li .history-cont + .history-cont {margin: 100px 0 0;}
.history-wrap > ul > li .history-cont .history-month {font-size: 24px; font-weight: 700;}
.history-wrap > ul > li .history-cont .history-txt {font-size: 20px; margin: 16px 0 0; line-height: 24px;}
.history-wrap > ul > li .history-cont .history-txt p + p {margin: 16px 0 0;}
.history-wrap > ul > li .history-cont .history-txt span {font-weight: 700;}
/*.history-wrap > ul > li .history-cont .history-txt br{display: none}*/
.history-wrap > ul > li .history-r::before {content: ''; position: absolute; left: -8px; top: 10px; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #000; background: #fff; z-index: 1;}
.history-wrap > ul > li.l-yellow .history-r::before {border: 2px solid var(--g-yellow2);}
.history-wrap > ul > li.l-green .history-r::before {border: 2px solid var(--g-green2);}
.history-wrap > ul > li.l-blue .history-r::before {border: 2px solid var(--g-blue2);}
.history-wrap > ul > li .history-r::after {content: ''; position: absolute; left: 0px; top: 10px; width: 2px; height: 100%; background: #E4E4E4;}
.history-wrap > ul > li:last-child .history-r::after {content: unset;}
.history-wrap > ul > li .history-cont .history-txt span.history-date {margin-right: 14px; padding: 8px 16px;border-radius: 24px; color: #000; font-size: 16px; font-weight: 500;line-height: 20px; }
.history-wrap > ul > li .history-cont .history-txt p {display: flex;align-items: center; line-height: 1.4;}
.history-wrap > ul > li .history-cont .history-txt .no-date {margin-left :133px;}

.history-wrap > ul > li.l-yellow .history-cont .history-date{background: #FFF8E7; }
.history-wrap > ul > li.l-green .history-cont .history-date{background: #EFFAF8; }
.history-wrap > ul > li.l-blue .history-cont .history-date{background: #EEF4FB; }




/* ci */
.ci-list {}
.ci-list section {display: flex; justify-content: space-between; padding: 50px 0;}
.ci-list section:first-child {padding-top: 0;}
.ci-list section:last-child {padding-bottom: 0;}
.ci-list section:not(:first-child) {border-top: 1px solid #E4E4E4;}
.ci-list .ci-tit {font-size: 28px; font-weight: 700;}
.ci-list .ci-info {width: 100%; max-width: 780px;}
.ci-list .ci-info p {font-size: 18px; font-weight: 500; line-height: 32px; color: #444; word-break: keep-all;}
.ci-list .ci-info .ci-box {border-radius: 15px; border: 1px solid #E4E4E4;}
.ci-list .ci-info .ci-box img {width: 100%; max-width: fit-content;}
.ci-list .ci-info .ci-box .ci-box-l {display: flex; flex: none;}

.ci-list .btn-wrap {display: flex; align-items: center; margin: 30px 0 0;}
.btn-wrap .down-btn {border-radius: 8px; border: 1px solid var(--g-purple2); background: #F6F0F7; padding: 17px 30px; font-size: 18px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 230px;}
.btn-wrap .down-btn.w-280 {max-width: 280px;}
.btn-wrap .down-btn .ico-down {background: url("../../images/ico/ico-download.svg"); background-repeat: no-repeat; background-size: cover; width: 24px; height: 24px; display: inline-block;}
.btn-wrap .down-btn + .down-btn {margin-left: 20px;}

/*ci sect01*/
.ci-list .sect01 .ci-info .ci-box {padding: 30px 30px 30px 35px; display: flex; align-items: center;}
.ci-list .sect01 .ci-info .ci-box .ci-box-r {border-left: 1px solid #E4E4E4; padding: 10px 0 10px 30px; margin-left: 30px;}

/*ci sect02*/
.ci-list .sect02 .ci-sign > ul {display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 30px;}
.ci-list .sect02 .ci-sign > ul > li {}
.ci-list .sect02 .ci-sign .ci-sign-tit {font-size: 20px; font-weight: 500; color: #888;}
.ci-list .sect02 .ci-sign .ci-box {display: flex; align-items: center; justify-content: center; height: 240px; margin: 20px 0 0;}

/*ci sect03*/
.ci-list .sect03 .ci-type {margin: 30px 0 0;}
.ci-list .sect03 .ci-type > ul {display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 16px;}
.ci-list .sect03 .ci-type > ul > li {}
.ci-list .sect03 .ci-type .ci-type-tit {font-size: 20px; font-weight: 500; color: #888;}
.ci-list .sect03 .ci-type .ci-box {display: flex; align-items: center; justify-content: center; height: 160px; margin: 20px 0 0;}

/*ci sect04*/
.ci-list .sect04 .ci-color {margin: 30px 0 0;}
.ci-list .sect04 .ci-color .ci-color-txt {font-size: 20px; font-weight: 700; color: #444; display: flex;}
.ci-list .sect04 .ci-color .ci-color-txt span {font-size: 12px; font-weight: 500; color: #888; margin-left: 6px;}
.ci-list .sect04 .ci-color > ul {display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; margin: 20px 0 40px; padding-bottom: 40px; border-bottom: 1px solid #E4E4E4;}
.ci-list .sect04 .ci-color > ul:last-child {padding-bottom: 0; border: 0; margin-bottom: 0;}
.ci-list .sect04 .ci-color > ul > li {}
.ci-list .sect04 .ci-color > ul > li .color-box {border-radius: 10px; width: 100%; height: 60px; display: flex; align-items: center; justify-content: center;}
.ci-list .sect04 .ci-color > ul > li .color-txt {padding: 3px 0px 3px 14px; margin: 14px 0 0; font-size: 14px; line-height: 28px;}
/*ci sect04 main-color*/
.ci-list .sect04 .ci-color > ul.main-color > li .color-box.color1 {background: #E07C2B;}
.ci-list .sect04 .ci-color > ul.main-color > li .color-txt.color1 {border-left: 1px solid #E07C2B;}
.ci-list .sect04 .ci-color > ul.main-color > li .color-box.color2 {background: #225799;}
.ci-list .sect04 .ci-color > ul.main-color > li .color-txt.color2 {border-left: 1px solid #225799;}
.ci-list .sect04 .ci-color > ul.main-color > li .color-box.color3 {background: #21A68F;}
.ci-list .sect04 .ci-color > ul.main-color > li .color-txt.color3 {border-left: 1px solid #21A68F;}
.ci-list .sect04 .ci-color > ul.main-color > li .color-box.color4 {background: #211815;}
.ci-list .sect04 .ci-color > ul.main-color > li .color-txt.color4 {border-left: 1px solid #211815;}
/*ci sect04 sub-color*/
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box {font-size: 0;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color1 {background: #C39F54;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color1 {border-left: 1px solid #C39F54;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color2 {background: #98B762;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color2 {border-left: 1px solid #98B762;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color3 {background: #5F85A8;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color3 {border-left: 1px solid #5F85A8;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color4 {background: #D28680;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color4 {border-left: 1px solid #D28680;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color5 {background: #B58E7B;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color5 {border-left: 1px solid #B58E7B;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color6 {background: #AB4346;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color6 {border-left: 1px solid #AB4346;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color7 {background: #788CAA;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color7 {border-left: 1px solid #788CAA;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color8 {background: #629C7C;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color8 {border-left: 1px solid #629C7C;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color9 {background: #DCA954;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color9 {border-left: 1px solid #DCA954;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color10 {background: #AA425B;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color10 {border-left: 1px solid #AA425B;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color11 {background: #765E8C;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color11 {border-left: 1px solid #765E8C;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color12 {background: #3C7FA7;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color12 {border-left: 1px solid #3C7FA7;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color13 {background: #77A8CB;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color13 {border-left: 1px solid #77A8CB;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color14 {background: #B07D98;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color14 {border-left: 1px solid #B07D98;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-box.color15 {background: #C7B86C;}
.ci-list .sect04 .ci-color > ul.sub-color > li .color-txt.color15 {border-left: 1px solid #C7B86C;}
/*ci sect04 accent-color*/
.ci-list .sect04 .ci-color > ul.acc-color > li .color-box {font-size: 0;}
.ci-list .sect04 .ci-color > ul.acc-color > li .color-box.color1 {background: #B5B6B6;}
.ci-list .sect04 .ci-color > ul.acc-color > li .color-txt.color1 {border-left: 1px solid #B5B6B6;}
.ci-list .sect04 .ci-color > ul.acc-color > li .color-box.color2 {background: #BA9650;}
.ci-list .sect04 .ci-color > ul.acc-color > li .color-txt.color2 {border-left: 1px solid #BA9650;}
.ci-list .sect04 .ci-color > ul.acc-color > li .color-box.color3 {background: #FFFEFF; border: 1px solid #E4E4E4;}
.ci-list .sect04 .ci-color > ul.acc-color > li .color-txt.color3 {border-left: 1px solid #E4E4E4;}
.ci-list .sect04 .btn-wrap {margin: 80px 0 0;}


/* location */
.location-info {border-radius: 15px; border: 1px solid #E4E4E4; padding: 35px 40px 30px;}
.location-info .location-tit {font-size: 28px; font-weight: 700;}
.location-info .info-list {margin: 20px 0 0;}
.location-info .info-list > ul {display: flex;}
.location-info .info-list > ul + ul {margin: 14px 0 0;}
.location-info .info-list > ul > li {display: flex; align-items: center;}
.location-info .info-list > ul > li + li {margin-left: 40px;}
.location-info .info-list > ul > li .th {font-weight: 700;}
.location-info .info-list > ul > li .td {margin-left: 6px;}
.location-info .way-list {margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #E4E4E4;}
.location-info .way-list > ul {}
.location-info .way-list > ul > li {display: flex; align-items: center;}
.location-info .way-list > ul > li + li {margin: 20px 0 0;}
.location-info .way-list > ul > li:last-child {padding-top: 20px; border-top: 1px solid #E4E4E4; align-items: flex-start;}
.location-info .way-list > ul > li i {border-radius: 50%; width: 70px; height: 70px; background-repeat: no-repeat; background-position: center; flex: none;}
.location-info .way-list > ul > li i.ico-bus {background-image: url("../../../assets/images/ico/ico-bus.svg");}
.location-info .way-list > ul > li i.ico-car {background-image: url("../../../assets/images/ico/ico-car.svg");}
.location-info .way-list > ul > li i.ico-parking {background-image: url("../../../assets/images/ico/ico-parking.svg"); background-position: 56%;}
.location-info .way-list > ul > li .way-wrap {margin-left: 20px;}
.location-info .way-list > ul > li .way-wrap .th {font-weight: 700;}
.location-info .way-list > ul > li .way-wrap .td {margin: 10px 0 0; line-height: 24px;}
.location-info .way-list > ul > li .way-wrap .td > ul {}
.location-info .way-list > ul > li .way-wrap .td > ul > li {display: flex;}
.location-info .way-list > ul > li .way-wrap .td > ul > li span {margin: 0 6px; font-size: 20px;}
.location-info .way-list > ul > li .way-wrap .td > ul > li + li {margin: 10px 0 0;}

.direction {margin: 30px 0 0;}
.direction .root_daum_roughmap_landing {width: 100%; border-radius: 15px;}
.direction .root_daum_roughmap .wrap_map {width: 100%; height: 460px;}
.direction .root_daum_roughmap .wrap_controllers {display: none;}
.direction .root_daum_roughmap .wrap_btn_zoom {display: none;}
.direction .root_daum_roughmap .map_border {border: 0; background-color: unset;}
.direction_map{height: 460px; width: 100%; border-radius: 15px; overflow: hidden;}
.direction .link {position: absolute;top: -7px;left: 50%;transform: translateX(-50%);background-color: #fff;padding: 3px;border-radius: 3px;border-radius: 3px;font-size: 13px;border: 1px solid rgb(118, 129, 168);white-space: nowrap;}

/* greeting */
.container-wrap{/*opacity: 0;transition: all 0.8s ease-in-out;transition-delay: 0.7s;-webkit-transform: translate3d(0, 30px, 0);transform: translate3d(0, 30px, 0);will-change: transform;will-change: opacity;*/}
.container-wrap.active{opacity: 1;transform: translate3d(0, 0, 0);}
.greeting-wrap .grt-txt-wrap {padding: 0 30px;}
.grt-txt b{font-weight: 700;font-family: inherit;font-size: 22px;}
.greeting-wrap .grt-tit {width: fit-content;margin-left: 10px;}
.greeting-wrap .grt-tit * {font-size: 30px; position: relative;}
.greeting-wrap .grt-tit p::before {content :'';width: calc(100% + 50px);height: 27px;position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);border-radius: 15px;background: #F3ECF5;z-index: -1;}
.greeting-wrap .grt-txt {margin: 40px 0 0;font-size: 18px;line-height: 35px;font-family: "NotoSerifKR";font-weight: 300;}
.grt-bg-wrap {display: flex;position: relative;z-index: -1;margin-top: -150px;}
.grt-bg-wrap img {width: 100%; max-width: fit-content;}
.grt-bg-wrap .grt-bg {width: calc(100vw - 5px);position: relative;background: no-repeat top / cover;background-image: url("../../images/user/sub/grt-bg.png");height: 859px;margin-left: calc((100vw - 1240px) / 2  * -1);margin-right: calc((100vw - 1240px) / 2  * -1);margin-bottom: -38%;z-index: 1;}
.grt-bg-wrap .grt-bg::before{content: ''; width: 176px; height: 184px; position: absolute; top: -55px; right: 92px; background: url("../../images/user/sub/greeting-img03.svg") no-repeat 50% / cover}
.grt-bg-wrap .grt-bg::after{content: ''; max-width: 1318px; width: 100%; height: 214px; position: absolute; top: 169px; left: 50%; transform: translateX(-50%); background: url("../../images/user/sub/greeting-img05.svg") no-repeat 50% / cover}
/*
.greeting-wrap .grt-bg-wrap .grt-bg::before {content: '';width: 100%;position: absolute;top: 130px;left: calc((100vw - 1180px)/2 * -1);background: url("../../../assets/images/user/sub/grt-bg.png");background-repeat: no-repeat;background-size: cover;height: 310px;width: calc(100% + calc(100vw - 1185px));}
*/

.ceo-img {position: absolute;right: 0;width: 593px;height: 831px;background: no-repeat 50% / cover;background-image: url("../../images/user/sub/ceo-img.png");margin: -100px -50px -100px 0;}
.ceo-img::before{content: '';position: absolute;top: 148px;left: -40px;width: 114px;height: 114px;background: url("../../images/user/sub/greeting-img01.svg") no-repeat 50% / cover;z-index: -1;}
.ceo-img::after{content: '';position: absolute;top: 280px;right: -158px;width: 332px;height: 332px;background: url("../../images/user/sub/greeting-img02.svg") no-repeat 50% / cover;z-index: -1;}
.sign-img {display: inline-block; vertical-align: middle;}
.sign-img img{width: 100%;}
.greeting-wrap .grt-txt.txt2{margin-top: 0;}
.icon-wrap{}
.icon-wrap .icon01{position: absolute;top: 105px;left: -230px;}
.icon-wrap .icon02{position: absolute;top: 156px;left: 60%;transform: translateX(-50%);}
.icon-wrap .icon03{position: absolute;top: 140px;left: 90%;}
.icon-wrap .icon04{position: absolute;top: 130px;right: -295px;}
.icon-wrap .icon05{position: absolute;top: -9px;left: -82px;}
.icon-wrap .icon06{position: absolute;top: 50px;left: 69%;transform: translateX(-50%);}
.icon-wrap .icon07 {position: absolute;right: -162px;top: -9px;}


.org-wrap {margin-top: 80px;}
.org-top{max-width: 1191px;width: 100%;margin: 0 auto;}
.org .org01 {position: relative;}
.org .org01 .orgTit{flex-direction: column; color: #fff;}
.org .org01 .orgTit div{font-size: 18px; font-weight: 400;}
.org .orgTit {border-radius: 40px;width: 300px;height: 70px;margin: 0 auto;font-size: 24px;font-weight: 700;display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;}
.org .org02 {margin-top: -5px;margin-bottom: -5px;width: 100%;display: flex;justify-content: right;position: relative;}
.org .org02 .orgTit{font-weight: 500;border-width: 2px;transition: .4s;background: #fff; border: 1px solid var(--g-purple2); color: var(--g-purple2);}
.org .org02 .orgTit:hover{background-color: var(--g-purple3); color: #fff;}
.org .org02 .orgTit:not(:last-child){margin-bottom: 20px;}
.org .org03 .orgTit {color: #fff;}
.org03 > ul {margin-top: 32px;width: 100%;justify-content: center;position: relative;}
.org03 > ul > li {flex: 1;position: relative;padding-top: 14px;}
.org03 > ul > li:not(:last-child) {margin-right: 50px;}
.orgBox {padding: 15px 15px 20px;background-color: #F6F0F7;border-radius: 10px;text-align: center;font-size: 18px;font-weight: 700;position: relative;z-index: 2;}
.orgBox .orgTit{height: 40px;font-size: 18px;color: #fff;margin-bottom: 20px;width: auto;}
.org-detail{margin-top: 85px;}
.org .org01 .orgTit::after {content: '';position: absolute;top: 100%;width: 2px;height: 254px;background: var(--g-purple2);}
.org .org02 .orgTit::before {content: '';position: absolute;right: 100%;top: calc(50% + 2px);width: 130px;height: 2px;background: var(--g-purple2);}
.org .org02::before {content: '';position: absolute;top: 50%;left: 50%;width: 168px;height: 2px;background: var(--g-purple2);}
.org .org02::after {content: '';position: absolute;top: 51%;transform: translateY(-50%);left: calc(50% + 167px);width: 2px;height: 90px;background: var(--g-purple2);}
.org03 > ul::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);max-width: 929px;width: 100%;height: 2px;margin: 0 auto;background: var(--g-purple2);}
.org03 > ul > li::before {content: '';position: absolute;top: 0;left: calc(50% - 1px);width: 2px;height: 14px;background: var(--g-purple2);}

.tab-menu ul{display: flex;}
.tab-menu ul li {flex: 1;}
.tab-menu ul li a {width: 100%;height: 70px;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 500;color: var(--g-black7);background: #f7f7f7;position: relative; border: 1px solid #e4e4e4;}
.tab-menu ul li a.active{background-color: #fff; color: var(--g-purple2);}
.tab-menu ul li a.active::after{content: ''; position: absolute; top: -2px; width: 100%; border-top: 2px solid var(--g-purple2);}
.tab-cont{margin-top: 40px;}
.tab-menu2{margin-bottom: 50px;}
.tab-menu2 ul{display: flex; flex-wrap: wrap;}
.tab-menu2 ul li{width: 33.3333%;}
.tab-menu2 ul li a{width: 100%; height: 50px; background-color: #fff; display: flex; align-items: center; justify-content: center; border: 1px solid #D9D9D9; font-size: 18px; font-weight: 500; color: var(--g-black4);}
.tab-menu2 ul li a.active{background-color: var(--g-black9); color: #fff;}
.tab-menu2__hd{display: none;}

.tab-menu3.space ul li{width: 50%;}
.tab-menu3 ul li a{width: 100%; height: 50px; background-color: #fff; display: flex; align-items: center; justify-content: center; border: 1px solid #D9D9D9; font-size: 18px; font-weight: 500; color: var(--g-black4);}
.tab-menu3.space ul li a.active{    background-color: var(--g-green2);color:#fff;}
.tab-menu3 ul li a.active::after{content: ''; position: absolute; top: -2px; width: 100%; border-top: 2px solid var(--g-green2);}

.comBox-table-wrap {margin-top: 40px;}
.comBox-table-wrap h3 {font-size: 20px;}
.comBox-table table{table-layout: fixed; border-top: 1px solid var(--g-purple2);}
.comBox-table table th,
.comBox-table table td{height: 60px; font-size: 18px;}
.comBox-table table th{background-color: #F6F0F7;position: relative;}
.comBox-table table th:not(:last-child)::after {content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1px;height: 20px;background: #e4e4e4;}
.comBox-table table td{text-align: center; border: 1px solid #E4E4E4; padding: 12px 20px;}
.comBox-table table .list li{text-align: left; display: flex;}
.comBox-table table .list li::before{content: '';width: 4px;height: 4px;background-color: #000;border-radius: 50%;margin: 0 10px;margin-top: 9px;}
.comBox-table table .list li:not(:last-child){margin-bottom: 15px;}
.comBox-table table th.th-position {width: 240px;}
.comBox-table table th.th-tel {width: 280px;}


/* vision */
.vision-wrap{margin-top: 50px;}
.vision-top{border: 2px solid #E4E4E4;padding: 30px;display: flex;align-items: center;width: 100%;border-radius: 15px;}
.vision-top .l{width: 97px; height: 97px; flex: 0 0 auto;}
.vision-top .l .img-bg{width: 100%;height: 100%;border-radius: 50%;background-color: rgba(209, 178, 217, 0.15);display: flex;align-items: center;justify-content: center;}
.vision-top .r{flex: 1 1 auto;margin-left: 30px;}
.vision-top .r h3{font-size: 18px; font-weight: 700;}
.vision-top .r p{font-size: 16px;margin-top: 14px;line-height: 1.6;}
.vision-list{display: flex; margin-bottom: 20px;}
.vision-list.vision-goal {margin-bottom: 0;}
.vision-list .l{width: 100px;flex: 0 0 auto;margin-right: 15px;}
.vision-list .l .tit{background-color: var(--g-black1);color: #000;font-size: 18px;display: flex;align-items: center;justify-content: center;height: 100%;text-align: center;line-height: 1.5;border-radius: 5px;border: 1px solid var(--g-black2);}
.vision-list .l .tit.type2{flex-direction: column;}
.vision-list .r{width: 100%;}
.vision-list .row2 > *{width: 100%;}
.vision-list .row2 > *:not(:last-child){margin-right: 20px;}
.vision-list .row3 > *{width: 100%;}
.vision-list .row3 > *:not(:last-child){margin-right: 20px;}
.vision-cont__ul.row2 > li *:not(:last-child){margin-right: 15px;}
.vision-cont__ul.row3 > li *:not(:last-child){margin-right: 15px;}
.vision-list .row4 > *{width: 100%;}
.vision-list .row4 > *:not(:last-child){margin-right: 20px;}
.vision-cont__ul.row4 > li > div:not(:last-child){margin-right: 15px;}
.vision-way__cont{}
.vision-cont__txt{margin-top: 10px; padding: 15px 0; background-color: #E9F7F6;}
.vision-cont__txt p{color: #2DB1A7; font-size: 18px; text-align: center; line-height: 28px;}
.vision-way__cont{padding-left: 115px;margin-bottom: 10px;}
.vision-way__cont.row2 > *:not(:last-child){margin-right: 20px;}
.vision-way__cont.row3 > *:not(:last-child){margin-right: 20px;}
.vision-tit{width: 100%;height: 70px;display: flex;align-items: center;justify-content: center;background-color: #888;color: #fff;font-size: 18px;font-weight: 700;text-align: center;}
.vision-tit br.mobile-ver{display: none;}
.vision-way{width: 100%;height: 87px;background: no-repeat 50% / cover;background-image: url(../../images/user/sub/vision-arr.png);}
.way-txt{font-size: 20px;font-weight: 700;padding: 20px 0;text-align: center;}
.vision-cont{margin-top: 30px;}
.vision-cont__tit{width: 100%;height: 70px;font-size: 18px;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: 700;line-height: 1.3;border-radius: 5px;}
.vision-cont__tit.bg-gray{background-color: #D0D0D0; color: #000;}
.vision-cont__tit.bg-gray b{font-weight: 500;}
.vision-cont__tit br.mobile-ver{display: none;}
.vision-cont__ul > li{display: flex;flex: 1;}
.vision-cont__ul > li .vision-box{width: 100%;}
.vision-cont__ul > li .vision-box .vision-cont__tit {font-weight: 600;}
.vision-cont__ul .tit{width: 100%;height: 70px;padding: 11px 0;font-size: 16px;font-weight: 400;text-align: center;background-color: #DFC9E4;display: flex;align-items: center;justify-content: center;line-height: 1.5;border-radius: 5px;}
.vision-cont__ul .vision-box.type2 .tit{flex-direction: column; height: 60px;}
.vision-cont__ul .vision-box.type2 .vision-list__cont{height: calc(100% - 60px);}
.vision-cont__ul .tit br.mobile-ver{display: none;}
.vision-cont .vision-list__cont{padding: 20px 15px;height: calc(100% - 70px - 15px);margin-top: 15px;background-color: #F6F0F7;border-radius: 5px;text-align: center;}
.vision-cont .vision-list__cont p{line-height: 24px;position: relative;padding-bottom: 10px;font-size: 14px;letter-spacing: -1px;word-break: keep-all;}
.vision-cont .vision-list__cont p:last-child{padding-bottom: 0;}
.vision-cont .vision-list__cont p span.br{display: block;}
.vision-cont__tit br.mobile-ver{display: none;}
.vision-cont__ul .tit03 b {margin-left: 5px;font-weight: 700;}


/* bbsPoster */
.bbsPoster{padding-bottom: 20px}
.bbsPoster-list {display: flex;flex-wrap: wrap; margin: -25px -20px;}
.bbsPoster-list > li {width: 50%;padding: 25px 20px;}
.bbsPoster-cont {height: 390px;display: flex;justify-content: left;}
.bbsPoster-cont .bbsPoster-l {width: 280px;flex: none;margin-right: 20px;}
.bbsPoster-info{margin-bottom: 10px;}
.bbsPoster-top span{font-size: 16px;}
.bbsPoster .state{font-weight: 700;}
.bbsPoster .state-wait .state{color: var(--g-green);}
.bbsPoster .state-progress .state{color: var(--g-blue);}
.bbsPoster .state-result .state{color: #F46B6B;}
.bbsPoster .state-complete .state{color: var(--g-black8);}
.bbsPoster .category{font-weight: 500;color: var(--g-black5);margin-left: 5px;}
.bbsPoster .category::before{content: '|';margin-right: 5px;}
.bbsPoster-tit{font-size: 24px;line-height: 1.7;max-width: 570px;word-break: keep-all;min-height: 82px;}
.bbsPoster-sub__tit{    color: var(--g-black7);margin-top: 3px;font-size: 18px;margin-bottom: 30px;}
.bbsPoster-top{padding-bottom: 25px; margin-bottom: 25px; border-bottom: 3px solid #000;}
.bbsPoster .hover-txt {padding: 50px 30px 30px;}
.bbsPoster .hover-txt__top {justify-content: flex-start;}
.bbsPoster .hover-box .poster-tit {white-space: normal;font-size: 16px;line-height: 1.5;word-break: keep-all;}
.bbsPoster .hover-box .poster-date {font-size: 14px;white-space: nowrap;}
.bbsPoster .hover-box .detail-btn{font-size: 12px; padding: 9px 0;}
.bbsPoster .hover-box .poster-tag{font-size: 12px;}
.bbsPoster-txt > li {display: flex;font-size: 16px;color: var(--g-black7);line-height: 1.7;}
.bbsPoster-txt > li h3 {font-size: inherit;width: 80px;flex: none;}
.bbsPoster-txt > li > div {word-break: keep-all;}
.bbsPoster-txt > li:not(:last-child) {margin-bottom: 10px;}
.bbsPoster-r {display: flex;flex-direction: column;overflow: hidden;height: 100%;flex: 1;}
.bbsPoster-txt {overflow-x: hidden;overflow-y: auto;height: 100%;}
.bbsPoster-r .detail-btn {width: 100%;height: 45px;padding: 0 20px;border-radius: 22px;font-weight: 500;transition: .4s;}
.bbsPoster-r .detail-btn:disabled {background-color: #F7F7F7;color:#959494;cursor:unset;border:1px solid #E4E4E4;}
.bbsPoster-r .detail-btn:disabled .ico-arr {    background: url(../../../assets/images/ico/ico-arr_white.svg) no-repeat 50% / cover;}

.bbsPoster-atchfile {}
.bbsPoster-atchfile li .file-wrap {display: flex; align-items: center;   margin-top: 8px;}
.bbsPoster-atchfile li .file-wrap a {margin-left: 10px;font-size: 17px;font-weight: 300;text-decoration: underline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.bbsPoster-atchfile .file-wrap .ico_atchfile {flex: none;width: 22px;height: 22px;background: url(../../../assets/images/ico/ico-file_b.svg) no-repeat;background-size: cover;}
.bbsPoster .poster-tag.tag-culture {left: 0;top: 0;right: auto;background-color: #BA3232;border-radius: 15px 0 15px 0;width: 50px;height: 50px;font-size: 14px;font-weight: 500;}

.border-pink2 .ico-arr{width: 17px; height: 16px; background-image: url("../../images/ico/ico-arr_pink.svg")}
.bbsPoster-r .detail-btn:not(:disabled):hover {background-color: var(--g-pink2);color: #fff;}
.bbsPoster-r .detail-btn:not(:disabled):hover .ico-arr {background-image: url(../../images/ico/ico-arr_white.svg);}
.state-complete .poster-img img{filter: grayscale(1);opacity: .6;}
.bbsPoster-detail .bbsPoster-cont{height: 590px;padding: 30px 0;border-top: 3px solid #000;border-bottom: 1px solid #E4E4E4;}
.bbsPoster-detail .bbsPoster-tit{max-width: 100%;}
.bbsPoster-detail .bbsPoster-top{border: 0; margin-bottom: 0; padding-bottom: 0;}
.bbsPoster-detail .bbsPoster-r{justify-content: space-between;padding: 15px 0;}
.bbsPoster-detail .bbsPoster-txt{height: auto;margin-bottom: 0;}
.bbsPoster-detail .bbsPoster-txt > li{font-size: 22px;line-height: 2;}
.bbsPoster-detail .bbsPoster-txt > li:not(:last-child){margin-bottom: 20px;}
.bbsPoster-detail .bbsPoster-txt > li h3{width: 110px;}
.bbsPoster-detail .bbsPoster-cont .bbsPoster-l{width: 380px;margin-right: 30px;}
.bbsPoster-detail .board-detl{margin-top: 30px;}
.bbsPoster-detail__tit{font-size: 24px}
.bbsPoster-detail .board-detl .detl-cont img {margin: 0 auto;display: flex;}
.bbsPoster-detail .bbsPoster-txt > li .ico-file{font-size: 22px;line-height: 2;}
.topimg01  .inner .paging_li.paging_li_active{background-color: var(--g-purple);border: 1px solid var(--g-purple);}
.topimg02  .inner .paging_li.paging_li_active{background-color: var(--g-blue);border: 1px solid var(--g-blue);}
.topimg03  .inner .paging_li.paging_li_active{background-color: var(--g-green);border: 1px solid var(--g-green);}
.topimg04  .inner .paging_li.paging_li_active{background-color: var(--g-pink);border: 1px solid var(--g-pink);}
.topimg05  .inner .paging_li.paging_li_active{background-color: var(--g-yellow);border: 1px solid var(--g-yellow);}
.topimg06  .inner .paging_li.paging_li_active{background-color: var(--g-yellow);border: 1px solid var(--g-yellow);}
.topimg07  .inner .paging_li.paging_li_active{background-color: var(--g-black);border: 1px solid var(--g-black);}
.topimg08  .inner .paging_li.paging_li_active{background-color: var(--g-black);border: 1px solid var(--g-black);}

.prepare {width: 100%;height: 360px;display: flex;align-items: center;justify-content: center; margin-top: 50px;}
.prepare img {width: 320px;}

/* totalSch */
.txt-hlight{background-color: yellow;}
.totalSch .title-bar{display: flex; justify-content: space-between; align-items: flex-end; padding-top: 50px; padding-bottom: 10px; border-bottom: 1px solid #232323; }
.totalSch .main-tit{font-size: 28px; position: relative; display: flex;}
.totalSch .main-subTit{margin-left: 20px; background-color: #F7F7F7; border-radius: 10px; padding: 5px 10px; color: #757575; font-size: 10px;}
.totalSch-top {text-align: center;padding: 40px 0;background-color: #FAF5F0;font-size: 18px;margin-bottom: 55px;line-height: 1.4;}
.totalSch-top br.insert {display: none;}
.schResult-wrap .result-tit {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.schResult-wrap .result-tit > div {font-size: 18px;color: #232323;}
.schResult-wrap .result-tit .more_txt {font-size: 16px;}
.schResult-wrap > ul > li:not(:last-child) {margin-bottom: 25px;}
.schResult-wrap:not(:last-child) {margin-bottom: 60px;}
.schResult-wrap > ul > li .sch_title > a {padding-top: 15px;padding-left: 20px;padding-right: 100px;}
.schResult-wrap > ul > li .sch_title > a h2 {font-size: 16px;font-weight: 500;color: #232323;padding-bottom: 10px;}
.schResult-wrap > ul > li .sch_title > a h2:hover{text-decoration: underline;}
.schResult-wrap > ul > li .sch_title > a > p {font-size: 14px;font-weight: 400;color: #232323;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.7;}
.schResult-wrap .result-tit > div {position: relative;font-size: 18px;color: #232323;padding-left: 10px;}
.schResult-wrap .result-tit > div::before {content: '';width: 3px;height: 3px;border-radius: 100%;position: absolute;top: 6px;left: 0;background-color: #232323;}
.schList_subTitle {padding: 5px 20px;background-color: #f7f7f7;border: 1px solid #E4E4E4;}
.schList_subTitle>span {font-size: 14px;font-weight: 400;color: #232323;}


.survey {margin-top: 50px;margin-bottom: 100px;position: relative;}
.survey-box {background-color: #F7F7F8;border: 1px solid #E4E4E4;border-radius: 10px;padding: 20px;}
.survey-info {background-color: #fff;border-radius: 10px;padding: 20px 40px;}
.survey-tit {font-size: 16px;margin-right: 60px;}
.survey-tit::before {content: "";width: 32px;height: 32px;background: no-repeat 50% / cover;background-image: url(/assets/images/ico/ico-survey.svg);margin-right: 10px;}
.survey form{display: flex; align-items: center;}
.survey form .survey-input {flex-wrap: wrap;}
.survey .input-wrap {display: inline-flex;align-items: center;margin-right: 20px;}
.survey .input-wrap label {font-size: 16px;font-weight: 500;}
.survey .input-wrap input[type=radio] + label::before {width: 14px;height: 14px;display: flex;align-items: center;}
.survey .input-wrap input[type=radio]:checked + label::before {background-size: 100%;border: 0;}
.survey-btn {width: 88px;height: 30px;font-size: 16px;font-weight: 500;border-radius: 5px;line-height: 1; color: #fff;}
.survey .manager-info {display: flex;align-items: center;margin-top: 20px;border: 1px solid #E4E4E4;border-radius: 10px;overflow: hidden;height: 88px;background-color: #fff;}
.survey .manager-info__tit {width: 167px;height: 100%;font-size: 16px;font-weight: 700;color: #4B3329;position: relative;display: flex;align-items: center;justify-content: center;}
.survey .manager-info__tit::after{content: ''; position: absolute;right: -19px;width: 0;height: 0;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-right: 0px solid transparent;z-index: -1;}
.survey .manager-info__cont {padding: 0 45px; display: flex; align-items: center}
.survey .manager-info__cont .team {font-size: 16px;font-weight: 500;padding-right: 16px;margin-right: 16px;position: relative;}
.survey .manager-info__cont .team::after {content: "";position: absolute;right: -3px;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background: #E4E4E4;}
.survey .manager-info__cont .txt {font-size: 16px;font-weight: 500;}
.topimg01 .survey-btn{background-color: var(--g-purple2); color: #fff;}
.topimg01 .manager-info__tit{background-color: var(--g-purple2); color: #fff}
.topimg01 .manager-info__tit::after{border-left: 19px solid var(--g-purple2);}
.topimg02 .survey-btn{background-color: var(--g-blue2); color: #fff;}
.topimg02 .manager-info__tit{background-color: var(--g-blue2); color: #fff}
.topimg02 .manager-info__tit::after{border-left: 19px solid var(--g-blue2);}
.topimg03 .survey-btn{background-color: var(--g-green2); color: #fff;}
.topimg03 .manager-info__tit{background-color: var(--g-green2); color: #fff}
.topimg03 .manager-info__tit::after{border-left: 19px solid var(--g-green2);}
.topimg04 .survey-btn{background-color: var(--g-pink2); color: #fff;}
.topimg04 .manager-info__tit{background-color: var(--g-pink2); color: #fff}
.topimg04 .manager-info__tit::after{border-left: 19px solid var(--g-pink2);}
.topimg05 .survey-btn{background-color: var(--g-yellow2); color: #fff;}
.topimg05 .manager-info__tit{background-color: var(--g-yellow2); color: #fff}
.topimg05 .manager-info__tit::after{border-left: 19px solid var(--g-yellow2);}
.topimg06 .survey-btn{background-color: var(--g-yellow2); color: #fff;}
.topimg06 .manager-info__tit{background-color: var(--g-yellow2); color: #fff}
.topimg06 .manager-info__tit::after{border-left: 19px solid var(--g-yellow2);}
.topimg07 .survey-btn{background-color: var(--g-black7); color: #fff;}
.topimg07 .manager-info__tit{background-color: var(--g-black7); color: #fff}
.topimg07 .manager-info__tit::after{border-left: 19px solid var(--g-black7);}
.topimg08 .survey-btn{background-color: var(--g-black7); color: #fff;}
.topimg08 .manager-info__tit{background-color: var(--g-black7); color: #fff}
.topimg08 .manager-info__tit::after{border-left: 19px solid var(--g-black7);}
.topimg09 .survey-btn{background-color: var(--g-navy); color: #fff;}
.topimg09 .manager-info__tit{background-color: var(--g-navy); color: #fff}
.topimg09 .manager-info__tit::after{border-left: 19px solid var(--g-navy);}


.bbsInfo{padding: 20px 0; text-align: center; border-radius: 20px; line-height: 1.5625; font-size: 16px; margin-bottom: 100px;}
.bbsInfo *{font-size: 16px;}
/*.bbsInfo br{display: none;}*/
/*.bbsInfo br.mobile-ver{display: none;}*/
.topimg04 .bbsInfo{background-color: rgba(248, 122, 167, 0.05); color: var(--g-pink2)}
.topimg05 .bbsInfo{background-color: var(--g-yellow-10); }
.topimg05 .bbsInfo{background-color: var(--g-yellow-10); }
.topimg03 .bbsInfo {
    background-color: rgb(0 150 136 / 7%);
}
.topimg03 .bbsInfo h3 {
    color: var(--g-green2);
}

/* bizInfo */
.bizInfo-top{display: flex; align-items: center; justify-content: right; margin-right: -30px;}
.bizInfo-top .l{margin-right: 30px}
.bizInfo-top__img{position: relative;}
.bizInfo-top__img::after{content: '';position: absolute;bottom: -32px;left: 29px;width: 924px;height: 523px;background: no-repeat 50% / cover;background-image: url("/assets/images/user/sub/biz-info_bg.png");z-index: -1;}
.bizInfo-list{margin-top: 50px;}
.bizInfo-list > ul > li:not(:last-child){margin-bottom: 40px;}
.bizInfo-list__box{border-radius: 10px;border: 1px solid #E4E4E4;background: #FFF; padding: 30px; padding-left: 78px;}
.bizInfo-list__tit{font-size: 30px;font-family: "KIMM";font-weight: 700;position: relative;z-index: 1; margin-right: 65px;}
.bizInfo-list__tit::before{content: '';position: absolute;top: 50%;left: 50%;z-index: -1;transform: translate(-50%, -50%);background: no-repeat 50% / cover;}
.bizInfo-list__cont{line-height: 1.8; font-size: 18px;}
.bizInfo-list__cont.txt-yellow2{ color: #BA6D32;}
.bizInfo-list .ex-list{width: 500px;margin: 0 auto;gap: 20px;}
.bizInfo-list .ex-list > li{flex: 1;}
.bizInfo-list .ex-list > li{padding: 10px;border: 1px solid #e4e4e4;background-color: #fff;border-radius: 10px;display: flex;flex-direction: column; height: 160px;}
.bizInfo-list .ex-tit{width: 100%;margin-bottom: 30px;text-align: center;}
.bizInfo-list .ex-tit span{color: #000;text-align: center;font-size: 20px;font-weight: 700;position: relative;z-index: 1;}
.bizInfo-list .ex-tit span::before{content: '';position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: calc(100% + 23px);height: 29px;background: no-repeat 50% / cover;z-index: -1;}
.bizInfo-list .ex-list__tit{display: flex;align-items: center;justify-content: center;height: 25px;border-radius: 50px;color: var(--g-black9);text-align: center;font-size: 14px;font-weight: 700;flex: none;}
.bizInfo-list .ex-list__cont{padding: 14px 0 8px;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.bizInfo-list .ex-list__cont p{color: var(--g-black8);text-align: center;font-size: 14px;font-weight: 400;line-height: 1.4;}
.bizInfo-list .ex-list__cont p:not(:last-child){margin-bottom: 10px;}
.bizInfo-list .ex-list + .ex-tit{margin-top: 25px; margin-bottom: 0;}
.bizInfo-list .list03 .ex-tit > span:last-child{display: none;}
.bizInfo-list .list03 .ex-list + .ex-tit >  span:last-child{display: inline-block;}

.bizInfo-list .list01 .bizInfo-list__tit{color: #D54172;}
.bizInfo-list .list01 .bizInfo-list__tit::before{width: 112px; height: 114px; background-image: url("../../images/user/sub/bg-pink.png")}
.bizInfo-list .list01 .ex-tit span::before{background-image: url("../../images/user/sub/line-pink.svg")}
.bizInfo-list .list01 .ex-list__tit{background: #FEF2F6;}
.bizInfo-list .list02 .bizInfo-list__tit{color: #BA6D32;}
.bizInfo-list .list02 .bizInfo-list__tit::before{width: 117px; height: 102px; background-image: url("../../images/user/sub/bg-yellow.png")}
.bizInfo-list .list02 .ex-tit span::before{background-image: url("../../images/user/sub/line-yellow.svg")}
.bizInfo-list .list02 .ex-list__tit{background: #FFEEDB;}
.bizInfo-list .list03 .bizInfo-list__tit{color: #366DB6;}
.bizInfo-list .list03 .bizInfo-list__tit::before{width: 107px; height: 97px; background-image: url("../../images/user/sub/bg-blue.png")}
.bizInfo-list .list03 .ex-tit span::before{background-image: url("../../images/user/sub/line-blue.svg")}
.bizInfo-list .list03 .ex-list__tit{background: #EEF4FB;}


/* business culture */
.cul-wrap {}
.cul-wrap > ul {}
.cul-wrap > ul > li {border-radius: 10px; border: 1px solid #E4E4E4; padding: 40px 45px 35px; display: flex;}
.cul-wrap > ul > li + li {margin-top: 40px;}
.cul-wrap > ul > li .cul-num {font-size: 50px; font-weight: 900; position: relative;}
.cul-wrap > ul > li .cul-num::before {content: ''; position: absolute; top: -6px; left: 0; background-image: url("../../../assets/images/user/sub/num-bg-blue.svg"); background-repeat: no-repeat; background-size: cover; width: 86px; height: 68px;}
.cul-wrap > ul > li .cul-info {margin-left: 90px;}
.cul-wrap > ul > li .cul-info .cul-tit {font-size: 28px; font-weight: 700;}
.cul-wrap > ul > li .cul-info .cul-txt {font-size: 18px; font-weight: 300; color: #555; line-height: 32px; margin-top: 14px; word-break: keep-all;}
.cul-wrap > ul > li .cul-info .cul-etc {margin-top: 24px;}
.cul-wrap > ul > li .cul-info .cul-etc p {font-size: 18px; font-weight: 500; color: #555; line-height: 32px;}
.cul-wrap > ul > li .cul-info .cul-link {display: flex; align-items: center; margin-top: 24px;}
.cul-wrap > ul > li .cul-info .cul-link a {border-radius: 22.5px; background: linear-gradient(180deg, #6BA5F4 0%, #366DB6 100%); font-size: 16px; color: #fff; padding: 14px 26px; display: flex; align-items: center;}
.cul-wrap > ul > li .cul-info .cul-link a i {background-image: url("../../../assets/images/ico/ico-arrow_w.svg"); background-repeat: no-repeat; background-size: cover; width: 15px; height: 15px; display: inline-block; margin-left: 30px;}

.space{ margin-bottom: 80px;}
.space-wrap{margin-top: 70px;gap:63px;display: flex;}
.space-img {position: relative; flex: 0 0 45%;}
.space-img__wrap{position: relative;font-size: 0;}
.space-img__wrap::after{content: '';position: absolute;top: -6px;left: -6px;width: calc(100% - 12px);height: calc(100% - 12px);border: 12px solid #FFF;filter: blur(6.5px);}
.space-img .img-wrap  {width:100%;aspect-ratio: 16 / 9;}
.space-img .img-wrap img {border-radius: 20px;width: 100%;height:100%;max-width: 100%;object-fit: cover;}
.space-img .img-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.space-img .img-bg::before,
.space-img .img-bg::after{content: '';position: absolute;z-index: -1;}
.space-img .img-bg::before{width: 240px;height: 261px;background: no-repeat 50% / cover;background-image: url("../../images/user/sub/space-icon01.svg");left: -85px;top: -35px;}
.space-img .img-bg::after{width: 252px;height: 240px;background: no-repeat 50% / cover;background-image: url("../../images/user/sub/space-icon02.svg");bottom: -61px;right: -165px;}
.space-img .img-bg.no-before::before {content: none;}
.space-img .img-txt{color: #000;font-size: 16px;font-weight: 400;line-height: 2;display: flex;align-items: center;}
.space-img .img-txt::before{content: ''; width: 21px; height: 20px; margin-right: 6px; background: no-repeat 50% / cover; background-image: url("../../images/user/sub/space-icon.svg");    margin-left: 6px;}
.space-img .sns-wrap .btn-control{justify-content: space-between;margin-top: 16px;width: fit-content;height: 45px;padding: 13px 20px;border-radius: 22px;margin: 0;font-weight: 500;}
.space-img .sns-wrap .btn-control.btn-instagram{border: 1px solid var(--g-green2);color: var(--g-green2);}
.space-img .sns-wrap .btn-control.btn-rent{background: var(--g-green2); color: #fff;}
.space-img .sns-wrap .btn-control i{width: 16px; height: 16px;margin-left:12px;}
.space-img .sns-wrap .btn-program {   color: var(--g-pink2);background-color: #fff; border: 1px solid var(--g-pink2);font-size: 16px;}
.space-bottom{margin-top: 20px}
.space-bottom .sns-wrap{gap: 12px;}
.space-img .sns-wrap .btn-control.btn-instagram .ico-instagram{background-image: url("../../images/ico/ico-instagram_green.svg")}
.btn-control.btn-rent .ico-rent{background-image: url("../../images/ico/ico-link_white.svg")}
.btn-control.btn-program .ico-arr{background-image: url("../../images/ico/ico-arr_pink.svg")}
.bbsPoster.space-writer{margin-top: 100px;}
.bbsPoster.space-writer .bbsInfo{margin-bottom: 50px;}
.bbsPoster.space-writer .bbsPoster-tit{min-height: 0px;}

.space-cont{margin-top: 7px;}
.space-cont .tit {font-family: "KIMM"; color: #000;font-size: 30px;font-weight: 700;line-height: 1.4; /* 140% */}
.space-cont .tit span{font-family: inherit; position: relative;}
.space-cont .tit span::after{content: '';position: absolute;left: 0;bottom: 3px;z-index: -1;opacity: .3;width: 100%;height: 10px;border-radius: 20px;background: var(--g-green)}
.space-tag {margin-top:15px;}
.space-tag li {
    margin-bottom: 8px; /* 항목 간 간격 */
    display: flex;
    align-items: center;
    font-size:16px;
}

.space-tag span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px; /* 원하는 고정 너비 설정 */
    border-radius: 15px;
    margin-right: 8px;
    font-weight: 700;
    padding: 4px 12px;
    line-height: 20px;
    background-color: #DAF4EF;
    border: 1px solid #DAF4EF;
    color: #000;
    box-sizing: border-box;
}
.space-txt{color: #000;font-size: 18px;font-weight: 400;line-height: 1.55; margin-top: 20px;}

.ethical_cont {background-color: rgba(209, 178, 217, 0.08);border: 1px solid rgba(77, 68, 133, 0.08);border-radius: 20px;padding: 35px 30px;}
.ethical_cont .ethical_title {text-align: center;background-image: url(../../images/user/sub/ethical_top_img.svg);background-repeat: no-repeat;background-position: top center;background-size: auto auto;}
.ethical_title .top_txt {font-size: 34px;font-weight: 700;color: var(--g-purple2);}
.ethical_title .bottom_txt {font-size: 18px;font-weight: 500;color: var(--g-black7);line-height: 1.5;padding-top: 20px;}
.ethical_cont .ethical_bottom {text-align: center;color: #888888;}
.ethical_bottom .top_txt {font-size: 18px;font-weight: 500;margin-top:20px;}
.ethical_bottom .bottom_txt {font-size: 25px;font-weight: 700;color: var(--g-black7);}
.ethical_box {margin-top: 50px;background-color: #fff;border: 1px solid #e4e4e4;padding: 20px;border-radius: 10px;}
.ethical_box>ul>li {padding: 15px 0 15px 20px;border-bottom: 1px solid #E2DED5;position: relative;}
.ethical_box>ul>li:last-child{border-bottom: 0;}
.ethical_box>ul>li .list_cnt {display: flex;align-items: center;}
.list_cnt .list_cir {width: 65px;height: 65px;text-align: center;border-radius: 100%; /* TODO 웹접근성 */background-color: var(--g-purple2);color: #fff;font-size: 18px;font-weight: 500;display: flex;align-items: center;justify-content: center;flex: none;margin-right: 15px;}
.list_cnt .list_txt {font-size: 18px;font-weight: 500;color: #666666;display: flex;line-height: 1.5;word-break: keep-all;}
.ethical_bottom{margin-top:40px;}
.ethical_bottom .bottom_txt {}
.ethical_bottom img{width: 84px;margin-top: -5px;margin-right: 10px;}
.rule_box{border: 1px solid #E4E4E4;}
.rule_top_title{padding: 20px 30px;border-bottom: 1px solid #e4e4e4;font-size: 16px;font-weight: 400;color: #8D8D8D;box-shadow: 0px 3px 6px rgba(0,0,0,0.05);}
.ethic_txt{padding: 30px;}
.ethic_txt .ethic_txt_list{padding-bottom: 25px;}
.ethic_txt_list .ethic_title{padding-bottom: 10px;font-size: 18px;color: #232323;font-weight: bold;display: flex;line-height: 1.5;}
.ethic_txt_list .ethic_txt_wr{padding-left: 25px;}
.ethic_txt_list .ethic_txt_wr.txt_2{padding-left: 25px;margin-bottom: 10px;}
.ethic_txt_list .ethic_num_txt{padding-left: 22px;font-size: 14px;color: #404040;font-weight: 400;position: relative;letter-spacing: -0.5px;word-break: keep-all;line-height: 1.4;margin-bottom: 8px;}
.ethic_txt_list .ethic_num_txt .list_num{border-radius: 100%;background-color: var(--g-purple2);color: #fff;font-size: 9px;font-weight: 400;width: 14px;height: 14px;text-align: center;line-height: 14px;margin-top: 2px;}
.ethic_txt_wr .sub_title{font-size: 14px;font-weight: 400;color: #404040;line-height: 1.5;}
.ethic_txt_wr .sub_txt{font-size: 14px;font-weight: 400;color: #404040;line-height: 1.5;position: relative;padding-left: 20px;}
.sub_txt_ {font-size: 0;padding-left: 20px;}
.sub_txt_>div {font-size: 14px;font-weight: 400;color: #404040;line-height: 1.7;position: relative;padding-left: 18px;}
.sub_txt_>div .list_num {position: absolute;left: 0;}
.list_num {position: absolute;left: 0;top: 0;}
.ethic_txt_wr .sub_txt:nth-of-type(1){padding-top: 0;}
.cnt_sub_list{padding-top: 10px;}
.list_title{font-size: 24px;font-weight: 700;color: #000;padding-bottom: 15px;position: relative;}
.ethic_listCnt{padding-bottom: 0px;}
.ethic_listCnt.list_bt{padding-bottom: 20px;}
.ethic_txt_list .ethic_title::before {content: '';width: 15px;height: 15px; flex: none; background: #D1B2D9;border-radius: 50%;margin-top: 6px;margin-right: 10px;}
.ethic_txt_wr + .ethic_listCnt{margin-top: 20px;}
.tab-menu.tab-menu2 ul li a.active::after{display: none;}

.topimg01 .tab-menu2 ul li a.active{background-color: var(--g-purple2)}


/*대시보드*/

.db-list-wrap .db-tour-list #reservList {max-height: 1160px;overflow-y: auto;}
.db-calendar-wrap {display: flex; margin-top: 50px; align-items: flex-start;}
.db-calendar {width: 100%; max-width: 1395px;}
.db-calendar {border-spacing: 0;border-collapse: collapse;}
.db-calendar thead th {text-align: left; font-weight: 600; font-size: 20px; color: #000; padding: 0 0 15px;}
.db-calendar tbody td {max-width: 0; font-weight: 600; font-size: 18px; color: #757575; padding: 20px 10px; height: 190px;}
.db-calendar tbody tr td {border: 1px solid #DDDDDD;}
.db-calendar tbody tr td:first-child {border-left: 0;}
.db-calendar tbody tr td:last-child {border-right: 0;}
.db-calendar tbody tr td:hover, .db-calendar tbody tr td:focus {outline-color: #334EAC !important; outline-width: 2px !important; outline-style: solid; background-color: #F3F7FD;}
.db-calendar tbody tr td:hover .ct_day, .db-calendar tbody tr td:focus .ct_day {color: #334EAC;}
.db-calendar tbody tr td .ct_wrap {height: inherit; position: relative; overflow: auto;}
.db-calendar tbody tr td .ct_wrap::-webkit-scrollbar {width: 4px;}
.db-calendar tbody tr td .ct_wrap::-webkit-scrollbar-thumb {width: 4px;}
.db-calendar tbody tr td .ct_wrap .ct_schedule {margin-top: 20px;}
.db-calendar tbody tr td .ct_wrap .ct_schedule ul li {position: relative; padding: 0 13px; display: flex; align-items: flex-start;}
.db-calendar tbody tr td .ct_wrap .ct_schedule ul li::before {content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #000; position: absolute; left: 0; top: 2px;}
.db-calendar tbody tr td .ct_wrap .ct_schedule ul li + li {margin-top: 12px;}
.db-calendar tbody tr td .ct_wrap .ct_schedule ul li p {font-size: 14px; color: #000;}
.db-calendar tbody tr td:last-child {border-right: 0;}
.db-calendar .ct_today .ct_day::before {content: unset;}
.db-calendar .ct_today .ct_day::after {content:'오늘'; position: absolute; left: 28px;}
.db-calendar .ct_today .ct_day {color: #334EAC; font-weight: 600; outline-color: #334EAC;}
.db-calendar .ct_today.active {outline-color: #334EAC !important; outline-width: 2px !important; outline-style: solid; background-color: #F3F7FD;}

.db-list-wrap {width: 100%; max-width: 383px; margin-left: 40px;}
.db-list-wrap .db-list-day {font-size: 20px; font-weight: 600; color: #334EAC;}
.db-list-wrap .db-tour-list {margin-top: 15px;}
.db-list-wrap .db-tour-list ul li {border-radius: 10px; border: 1px solid #DDDDDD; padding: 20px; display: flex; flex-direction: column; box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
.db-list-wrap .db-tour-list ul li + li {margin-top: 30px;}
/*.db-list-wrap .db-tour-list ul li a div + div {margin-top: 10px;}*/
.db-list-wrap .db-tour-list ul li .db-crm-name {font-size: 20px; font-weight: 600; line-height: 1.3; margin-bottom: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.db-list-wrap .db-tour-list ul li .db-list-img img {width: 100%; border-radius: 5px;}
.db-list-wrap .db-tour-list ul li .db-list-time {font-size: 18px; font-weight: 600; color: #757575; line-height: 1.2; margin-top: 20px;}
.db-list-wrap .db-tour-list ul li .db-guide {font-size: 16px; font-weight: 500; color: #757575; line-height: 1.3; margin-top: 20px; display: flex; align-items: flex-start; position: relative;}
.db-list-wrap .db-tour-list ul li .db-guide b {font-size: 18px; font-weight: 600; color: #000; display: flex; align-items: flex-start; flex: 1;line-height: 1.2;}
.db-list-wrap .db-tour-list ul li .db-guide b::before {content: ''; display: inline-block; width: 1px; height: 18px; background-color: #DDDDDD; margin: 0 13px 0 10px;}
.db-list-wrap .db-tour-list ul li .db-guide .db-guide-add {background-image: url("../../../assets/images/user/sub/db-guide-add.svg"); background-repeat: no-repeat; background-size: cover; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 25px; height: 25px;}
.db-list-wrap .db-tour-list ul li .db-total {font-size: 16px; font-weight: 500; color: #757575; line-height: 1.3; margin-top: 15px; display: flex; align-items: flex-start;}
.db-list-wrap .db-tour-list ul li .db-total b {font-size: 18px; font-weight: 600; color: #000; display: flex; align-items: flex-start; flex: 1; line-height: 1.2;}
.db-list-wrap .db-tour-list ul li .db-total b::before {content: ''; display: inline-block; width: 1px; height: 18px; background-color: #DDDDDD; margin: 0 13px 0 10px;}

.db-list-wrap .db-tour-list ul li .db-cs-list {border-radius: 18px; background: #334EAC; font-size: 16px; font-weight: 500; color: #fff; text-align: center; width: 100%; height: 35px; margin-top: 25px;}
.db-list-wrap .db-tour-list #prjtList {max-height: 1160px; overflow-y: auto;}
.db-list-wrap .db-tour-list #prjtList::-webkit-scrollbar {width: 5px;}


.rentAply .detail-box.tab-cont__list {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.userInfo .tab-menu ul li a.active::after {
    display: none;
}

.rentAply .tab-menu ul li a.active::after {
    display: none;
}

.rentAply .tab-menu ul li a.active {
    background-color: #FFF3F3;
    color: #000;
}

.rentAply .tab-menu ul li:first-child a {
    border-top-left-radius: 20px;
}

.rentAply .tab-menu ul li:last-child a {
    border-top-right-radius: 20px;
}


.poster-box__slide{position: relative; width: 100%; height: 100%;}
.space-writer .bbsPoster-list > li{width: 100%;}
.space-writer .poster-box__slide .swiper-slide {width: 280px;}
.space-writer .poster-box__slide .swiper-wrapper {gap: 20px;justify-content: right;}
.space-writer .poster-box__slide .banner-control {display: none;}
.space-writer .bbsPoster-cont {flex-direction: row-reverse;justify-content: space-between;}
.space-writer .bbsPoster-cont .bbsPoster-r {width: 280px;flex: none;margin-right: 20px;}
.space-writer .bbsPoster-cont .bbsPoster-l {display: flex;flex-direction: column;overflow: hidden;height: 100%;flex: 1;margin-right: 0;width: 100%;}
.space-writer .poster-img .img-wrap img {top: 50%;left: 50%;transform: translate(-50%, -50%);width: auto;max-width: 100%;object-fit: contain;}


/*intro*/
@media screen and (min-width: 1281px) {
    .intro .pc-ver {display: block !important;}
}
@media screen and (max-width: 1280px) {
    .disc p {font-size: 16px; line-height: 28px; padding-bottom: 28px;}
    .disc img {width: 209px; height: 209px; top: -105px; right: -39px;}
    .tit-effect {margin-left: -87px; margin-top: 110px; margin-bottom: 80px;}


}
@media screen and (max-width: 767px) {
    .intro .subBar {line-height: 42px;}
    .disc {margin-top: 34px;}
    .disc p {font-size: 14px; line-height: 24px; padding-bottom: 22.5px;}
    .disc img {width: 171px; height: 171px; top: 281px; right: -9px;}
    .tit-effect {font-size: 70px; line-height: 90px; margin-top: 120px; margin-bottom: 60px;}
}

@media screen and (min-width: 1281px) {
    .tab-menu2 ul{display: flex !important;}
}

@media screen and (min-width: 769px) {
    .space-writer .poster-box__slide .swiper-wrapper {transform: none !important;}

}

@media screen and (max-width: 1280px) {
    .loca-wrap.pc-ver{display: none !important;}
    .loca-wrap.mobile-ver{display: block !important;}

    .topImg {margin-top: 30px;}
    .topImg-wrap{background-image: url("../../images/user/topimg-bg_pad.png");align-items: flex-start;margin-top: 20px;background-position: bottom;}

    /* notice */
    .bbstb_th.th_hit, .bbstb_td.td_hit {display: none;}
    .bbs-table.photo > ul{width: 50%;}

    /* notice detail */
    .board-detl .title-bar .hit p {display: none;}
    .board-detl .title-bar .hit span {margin: 0;}
    .tbl-nav {flex-direction: column;}
    .tbl-nav > ul > li > a {width: 100%;}
    .tbl-nav > ul > li > span {max-width: 120px;}
    .tbl-nav .tbl-nav__btn {width: 100%; height: 52px;}

    /* history */
    .history-wrap > ul > li .history-year {margin-right: 130px;}
    .history-wrap > ul > li .history-year::before {right: -132px;}
    .history-wrap > ul > li .history-r {padding-left: 70px;}
    .history-wrap > ul > li .history-cont .history-txt span.history-date {margin-right: 0;margin-bottom: 10px;}
    .history-wrap > ul > li .history-cont .history-txt p {flex-direction: column;align-items: baseline;}
    .history-wrap > ul > li .history-cont .history-txt p + p {margin: 30px 0 0;}
    .history-wrap > ul > li .history-cont .history-txt br{display: block}
    .history-wrap > ul > li .history-cont .history-txt .no-date {margin-left :0px;}


    /* ci */
    .ci-list section {flex-direction: column; padding: 30px 0;}
    .ci-list .ci-info {margin: 20px 0 0; max-width: 100%;}
    .ci-list .btn-wrap {margin: 20px 0 0;}

    /* org */
    .org-wrap {margin-top: 50px;}
    .org-top {max-width: 100%;}
    .org .org02 {margin-top: 60px;margin-bottom: 60px;}
    .org .org02 > div {display: flex;justify-content: space-between;width: 100%;}
    .org .org02 .orgTit {margin: 0;}
    .org .org02 .orgTit::before {display: none;}
    .org .org02 .orgTit:not(:last-child) {margin-bottom: 0;}
    .org .org02::before {left: 300px;width: calc(100% - 600px);}
    .org .org02::after {display: none;}
    .org .org01 .orgTit::after {height: 573px;}
    .org03 > ul {margin-top: 6px;display: block;}
    .org03 > ul::before {display: none;}
    .org03 > ul > li::before {display: none;}
    .org03 > ul > li:not(:last-child) {margin-right: 0;}
    .org03 > ul > li {padding-top: 24px;}
    .orgBox {width: 300px;margin: 0 auto;}
    .comBox-table table th.th-position {width: 110px;}
    .comBox-table table th.th-tel {width: 160px;}

    /* vision */
    .vision-list {display: block;margin-bottom: 15px;}
    .vision-list .l {width: 100%;margin: 0;}
    .vision-list .l .tit {height: 45px;border-radius: 5px 5px 0 0;}
    .vision-cont__tit {height: 65px;border-radius: 0 0 5px 5px;}
    .vision-way__cont {padding: 0;margin-bottom: 15px;}
    .vision-way{background-image: url("../../images/user/sub/vision-arr_pad.png")}
    .vision-list.vision-goal .l .tit {border-radius: 5px;}
    .vision-cont__ul > li {display: block;}
    .vision-cont__ul.row4 > li > div:not(:last-child) {margin-right: 0;margin-bottom: 5px;}
    .vision-cont__tit br {display: none;}
    .vision-list.vision-strategy .vision-cont__tit {border-radius: 0;}
    .vision-list.vision-strategy .vision-cont__tit {font-weight: 600;}
    .vision-cont .vision-list__cont {margin: 0;border-radius: 0;height: auto;}
    .vision-cont__ul.row3 > li > div:not(:last-child) {margin-right: 0;margin-bottom: 5px;}
    .vision-cont__ul .tit {border-radius: 0;height: 65px;}
    .vision-cont__ul.row3 > li *:not(:last-child) {margin: 0;}

    /* location */
    .location-info .info-list > ul {flex-direction: column;}
    .location-info .info-list > ul > li + li {margin: 14px 0 0;}

    /* greeting */
    .greeting-wrap .grt-bg-wrap .grt-bg::before {width: 130px;height: 135px;right: 50px;}
    .greeting-wrap .grt-bg-wrap .grt-g .grt-bg-img {max-height: 165px;}
    .greeting-wrap .grt-bg-wrap .grt-g .grt-logo {max-width: 178px; right: 0; top: 0;}
    .greeting-wrap .grt-bg-wrap .people-wrap > div img {max-width: 73%;}
    .greeting-wrap .grt-bg-wrap .people-wrap .people01 {top: -36px;}
    .greeting-wrap .grt-bg-wrap .people-wrap .people02 {top: 20px;}
    .greeting-wrap .grt-bg-wrap .people-wrap .people03 {top: -28px;}
    .greeting-wrap .grt-bg-wrap .people-wrap .people04 {top: -30px;}
    .greeting-wrap .grt-bg-wrap .people-wrap .people05 {right: 60px;}
    .greeting-wrap .flex-space {flex-direction: column-reverse;align-items: center;overflow: unset;}
    .ceo-img {display: inline-block;margin: 0;margin-top: -100px;position: static;}
    .ceo-img::after {right: 0;}
    .ceo-img img {width: 100%;}
    .greeting-wrap .grt-txt-wrap {padding: 0;text-align: center;}
    .greeting-wrap .grt-bg-wrap {margin-top: -13px;}
    .greeting-wrap .grt-bg-wrap .grt-bg {margin-left: -40px;margin-right: -40px;margin-bottom: -521px;height: 760px;}
    .grt-bg-wrap .grt-bg::after {max-width: calc(100% - 120px);height: 0;padding-bottom: calc((214 / 1318) * 100% - 20px);}
    .ceo-img::before {left: 0;}
    .grt-bg-wrap .grt-bg{margin-left:0px; margin-right:0px;}


    /* business culture */
    .cul-wrap > ul > li {flex-direction: column;}
    .cul-wrap > ul > li .cul-info {margin: 28px 0 0;}
    .cul-wrap > ul > li + li {margin-top: 24px;}

    /* bbsPoster */
    .bbsPoster-list > li {width: 100%;padding: 0 0 40px 0;margin: 0 0 40px 0;border-bottom: 1px solid #e4e4e4;}
    .bbsPoster-list {margin: 0;}
    .bbsPoster-tit {max-width: 100%;min-height: auto;}
    .bbsPoster-detail .bbsPoster-cont .bbsPoster-l {width: 280px;}
    .bbsPoster-detail .bbsPoster-cont {height: auto;}
    .bbsPoster-detail .bbsPoster-txt > li {font-size: 16px;}
    .bbsPoster-detail .bbsPoster-txt > li:not(:last-child) {margin-bottom: 10px;}
    .bbsPoster-detail .bbsPoster-top {margin-bottom: 25px;}
    .bbsPoster-atchfile li .file-wrap a{font-size: 16px;}

    .prepare{height: 300px}
    .prepare .pc-ver{display: block !important;}

    .totalSch-top {margin-bottom: 50px;}
    .schList_subTitle { padding: 6px 15px; background-color: #f7f7f7; border: 1px solid #E4E4E4; }
    .schList_subTitle>span { font-size: 14px; font-weight: 400; color: #232323; }
    .schResult-wrap > ul > li .sch_title > a {padding: 15px 0; padding-bottom: 0;}
    .schResult-wrap > ul > li .sch_title > a h2 { font-size: 16px; font-weight: 500; color: #232323; padding-bottom: 5px; }
    .schResult-wrap > ul > li .sch_title > a h2:hover { text-decoration: underline; }
    .schResult-wrap > ul > li .sch_title > a > p { font-size: 14px; font-weight: 400; color: #232323; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.7; }

    .survey-info {flex-direction: column;}
    .survey-tit{margin-bottom: 20px;}

    .tab-menu2__hd{display: flex; justify-content: space-between; align-items: center; width: 100%;height: 50px;background-color: #fff;font-size: 18px;font-weight: 500;background-color: var(--g-black9);color: #fff;padding: 0 40px;}
    .tab-menu2__hd::before,
    .tab-menu2__hd::after{content: '';position: absolute;width: 12px;height: 3px;background: #fff;border-radius: 5px;right: 40px;top: 50%;display: block;transition: all .2s;z-index: 1;}
    .tab-menu2__hd::before {margin-right: 7px;transform: rotate(45deg);}
    .tab-menu2__hd::after {transform: rotate(-45deg);}
    .tab-menu2__hd.active::before{transform: rotate(-45deg)}
    .tab-menu2__hd.active::after{transform: rotate(45deg)}
    .tab-menu2 {position: relative;margin: 0 -40px;width: calc(100% + 80px);margin-top: -40px;margin-bottom: 40px;}
    .tab-menu2 ul {display: none;position: absolute;left: 0;width: 100%;border: 1px solid #E4E4E4;border-bottom: 0;background: var(--g-black1);z-index: 1;}
    .tab-menu2 ul li {width: 100%;border-bottom: 1px solid #E4E4E4;}
    .tab-menu2 ul li a {background-color: var(--g-black1);color: var(--g-black7);border: 0;justify-content: left;padding: 0 40px;}
    .tab-menu2 ul li a.active {background-color: var(--g-black1);color: var(--g-black7);text-decoration: underline;}
    .tab-menu2 ul li a:hover {text-decoration: underline;}

    .bbsInfo{ margin-bottom: 80px;}
    .bbsInfo br{display: block;}


    /* bizInfo */
    .bizInfo-list__box {display: block;padding: 0 25px;}
    .bizInfo-list .ex-list {width: 100%;}
    .bizInfo-list .ex-list {width: 100%;gap: 15px;}
    .bizInfo-top {margin-right: 0;justify-content: center;margin-right: -40px;}
    .bizInfo-top .l {max-width: 260px;width: 100%;margin: 0 auto;text-align: center;}
    .bizInfo-top .l img{width: 185px; max-width: 100%;}
    .bizInfo-top .r {flex: 1;}
    .bizInfo-top__img {}
    .bizInfo-top__img img {width: 100%;}
    .bizInfo-top__img::after {width: 100%;height: 0;padding-bottom: 52.25%;bottom: 0;}
    .bizInfo-list {margin-top: -10px;}
    .bizInfo-list__box .l {display: flex;justify-content: center;padding: 45px 0;border-bottom: 1px solid #e4e4e4;}
    .bizInfo-list__box .r {padding: 12px 0;}
    .bizInfo-list__ex {display: flex;align-items: center;}
    .bizInfo-list .ex-tit {width: auto;padding: 0 20px;margin-bottom: 0;margin-right: 40px;flex: none;max-width: 100%;}
    .bizInfo-list .ex-list + .ex-tit {display: none;}
    .bizInfo-list .ex-list > li {height: 153px;flex: 1;}
    .bizInfo-list .list03 .ex-tit > span {display: block;}
    .bizInfo-list .list03 .ex-tit > span:last-child{display: block;}
    .bizInfo-list .list03 .ex-tit > span:not(:last-child) {margin-bottom: 30px;}
    .bizInfo-list .ex-list__cont p {line-height: 1.2;}
    .bizInfo-list .ex-list__cont span{font-size: 12px;}


    .space-wrap {flex-direction: column;gap:0px;}
    .space-img {text-align: center;max-width: 100%;margin: 0 auto;}
    .space-img .img-txt {justify-content: center;}
    .space-img .img-bg::before {width: 181px;height: 199px;}
    .space-img .img-bg::after {width: 191px;height: 182px;bottom: -55px;right: -97px;}
    /*.space-img .img-wrap img {width: 100% !important;}*/
    .space-img .img-txt {}
    .space-img .sns-wrap .btn-control.btn-instagram {}
    .space-cont {margin-top: 55px;}
    .space-cont .tit {display: flex;align-items: center;justify-content: center;}
    .space-cont .tit br {display: none;}
    .space-cont .tit span {margin-right: 7px;}
    .space-tag li {
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .space-txt {text-align: center;margin-top: 25px;}

    .topimg01 .tab-menu2__hd {background-color: var(--g-purple2);}
    .topimg01 .tab-menu2 ul li a.active {background-color: rgba(209, 178, 217, 0.2);}
    .space-writer .bbsPoster-cont {flex-direction: column-reverse;gap: 30px;height: auto;}
    .space-writer .bbsPoster-r {height: auto;}
    .space-writer .poster-box__slide .swiper-wrapper {justify-content: left;}
    .space-writer .poster-box__slide .swiper-slide {width: 214px;}
    .space-writer .poster-img {height: 0;padding-bottom: 139.25%;}
    .space-writer .poster-img .img-wrap img {height: auto;}

}

@media screen and (max-width: 767px) {
    .topImg {margin-top: 35px;position: relative;z-index: 1;}

    .topImg-wrap{background-image: url("../../images/user/topimg-bg_m.png");height: 180px;margin-top: 15px;}
    .topImg-wrap h2 {font-size: 26px;margin-bottom: 20px;}
    .top_location ul li {font-size: 14px;}
    .top_location ul li:not(:last-child) {padding-right: 12px;}
    .top_location ul li:first-child::before {width: 15px;height: 12px;margin-right: 8px;}
    .top_location ul li:not(:last-child)::after {margin-left: 12px;}
    .loca-wrap.mobile-ver .loca {padding: 0 20px;height: 42px;}
    .loca-wrap.mobile-ver .home_btn svg {width: 18px;height: 14px;}
    .loca-wrap.mobile-ver .home_btn {width: 40px;}
    .loca-wrap.mobile-ver .loca_wrap {padding-left: 40px;}
    .loca-wrap.mobile-ver .loca_btn {height: 40px;font-size: 12px;padding-left: 10px;}
    .loca-wrap.mobile-ver .loca li a {font-size: 12px;padding-left: 10px;}
    .loca-wrap.mobile-ver .loca ul.open>li {height: 40px;}

    /* schBar */
    .bbsBar {flex-direction: column-reverse; align-items: baseline; justify-content: center; margin: 30px 0 0; padding: 0 0 20px;}
    .bbsBar .bbs-total {margin: 20px 0 0;font-size: 14px;}
    .bbsBar .bbsBar-sch {width: 100%;}
    .bbsBar .bbsBar-sch input, .bbsBar .bbsBar-sch select {font-size: 14px;}
    .bbsBar .bbsBar-sch .bbsBar-select + .bbsBar-input {width: 100%; flex: 1; margin-left: 8px;}
    .bbsBar .bbsBar-sch .bbsBar-input .input-wrap .search {margin-left: 8px;}
    .bbsBar form {width: 100%;}

    .filter-tit {font-size: 14px;padding-right: 15px;margin-right: 15px;}
    .filter-tit::after {height: 10px;}
    .filter-btn {font-size: 14px;padding: 8px 20px;}
    .filter-list > li:not(:last-child) {margin-right: 10px;}
    .bbsBar .bbsBar-sch .bbsBar-select.width-190 {width: 100%;margin-right: 0;margin-bottom: 10px;}
    .bbsBar .bbsBar-sch {flex-wrap: wrap;}

    /* mainBar */
    .mainBar {font-size: 24px; margin: 0 0 30px;}
    .mainBar span {margin-right: 10px;}

    /* notice */
    .bbstb_tr.tbody > li {padding: 0;}
    .bbstb_tr.tbody {display:block; text-align: left; padding: 13px 6px; height: auto;}
    .bbstb_td.td_subj a {-webkit-line-clamp: 2; line-height: 1.5; font-size: 16px;}
    .bbstb_th.th_num, .bbstb_th.th_name, .bbstb_th.th_date, .bbstb_td.td_num, .bbstb_td.td_num {display:none;}
    .bbstb_td.td_name, .bbstb_td.td_date {display: inline-block;margin-top:14px;color: #757575;max-width: fit-content;font-size:12px;}
    .bbstb_td.td_date:before {content: "|"; padding-left: 5px; padding-right: 8px; color: #E4E4E4;}
    .bbstb_td.td_subj .ico-file {vertical-align: unset; display: none;}
    .bbstb_tr.empty > li {padding: 36px 0;background-size: 105px 36px;margin-top: 20px;}
    .bbstb_tr.empty > li p {margin-top: 16px;font-size: 14px;}
    .bbs-table.photo{margin: -20px 0;}
    .bbs-table.photo > ul{width: 100%; padding: 20px 0;}
    .bbs-table.photo .bbstb_td.td_date{font-size: 14px;}
    .bbs-table.photo .td_subj{font-size: 18px; margin-top: 10px;}
    .bbs-table.photo .bbstb_td.td_date:before{display: none;}


    /* notice detail */
    .board-detl .title-bar {display: flex; margin: 30px 0 0;}
    .board-detl .title-bar .tit_ span {font-size: 12px;}
    .board-detl .title-bar h3 {font-size: 22px; line-height: 27px;}
    .board-detl .title-bar .hit {justify-content: end; margin: 10px 0 0;}
    .board-detl .detl-cont {padding: 30px 0;}
    .board-detl .detl-cont p {font-size: 14px; line-height: 1.4;}
    .board-atchfile .preview-btn {font-size: 12px;}
    .board-atchfile li .file-wrap a {font-size: 14px;}
    .tbl-nav > ul > li > span {max-width: 90px;}
    .tbl-nav .tbl-nav__btn {height: 48px;}

    /* board paging */
    .board-paging li {padding: 20px 10px;}
    .board-paging li a {margin-left: 14px;}

    /* history */
    .history-wrap {margin: 55px 0 0;}
    .history-wrap > ul > li .history-year {font-size: 28px; min-width: 90px; margin-right: 20px;}
    .history-wrap > ul > li .history-year::before {right: -22px;}
    .history-wrap > ul > li .history-r {padding-left: 24px; padding-bottom: 50px;}
    .history-wrap > ul > li .history-r::before {width: 12px; height: 12px; top: 3px; left: -7px;}
    .history-wrap > ul > li .history-cont + .history-cont {margin: 60px 0 0;}
    .history-wrap > ul > li .history-cont .history-month {font-size: 16px;}
    .history-wrap > ul > li .history-cont .history-txt {font-size: 14px; margin: 10px 0 0; word-break: keep-all;}
    .history-wrap > ul > li .history-cont .history-txt p + p {margin: 20px 0 0;}
    .history-wrap > ul > li.l-yellow .history-year p{line-height: 1.7;}
    .history-wrap > ul > li.l-yellow .history-year p::before {width: 61px; height: 53px; right: -26px;}
    .history-wrap > ul > li.l-green .history-year p::before {width: 56px; height: 54px; top: -8px; right: -20px;}
    .history-wrap > ul > li.l-blue .history-year p::before {width: 61px; height: 46px; top: 4px; right: -20px;}
    .history-wrap > ul > li .history-cont .history-txt span.history-date{font-size: 12px; line-height: 14px;}

    /* org */
    .org-wrap {margin-top: 40px;}
    .org .orgTit {width: 100%;height: 50px;font-size: 16px;}
    .org .org01 .orgTit::after {height: 525px;}
    .org .org01 .orgTit div {font-size: 14px;}
    .org .org02 {margin: 24px 0;}
    .org .org02 > div {display: block;}
    .org .org02::before {display: none;}
    .org .org02 .orgTit:not(:last-child) {margin-bottom: 24px;}
    .org03 > ul {margin: 0;}
    .orgBox {width: 100%;font-size: 16px;}
    .orgBox .orgTit {height: 40px;}
    .org-detail {margin-top: 50px;}
    .tab-menu ul li a {height: 50px;font-size: 14px;}
    .tab-cont {margin-top: 20px;}
    .comBox-table table {width: 700px;}
    .comBox-table.overflow {overflow-x: auto;}
    .comBox-table table th, .comBox-table table td {font-size: 14px;}
    .comBox-table table td {padding: 15px 5px;}
    .comBox-table table .list li:not(:last-child) {margin-bottom: 10px;}
    .comBox-table table .list li::before {width: 3px;height: 3px;margin: 0 5px;margin-top: 6px;}
    .comBox-table table th.th-position {width: 70px;}
    .comBox-table table th.th-tel {width: 125px;}

    /* vision */
    .vision-top {flex-direction: column;text-align: center;}
    .vision-top .r {margin-left: 0;margin-top: 20px;}
    .vision-top .r h3 {font-size: 16px;}
    .vision-top .r p {font-size: 14px;margin-top: 10px; line-height: 1.8;}
    .vision-cont {margin-top: 14px;}
    .vision-list .l .tit {font-size: 16px;}
    .vision-cont__tit {font-size: 16px;}
    .vision-way {height: 84px;background-image: url("../../images/user/sub/vision-arr_m.png")}
    .way-txt {font-size: 16px;}
    .vision-cont .vision-list__cont {padding: 15px;}

    /* btn-wrap */
    .btn-wrap {flex-direction: column;}
    .btn-wrap .down-btn {max-width: 100%;}
    .btn-wrap .down-btn + .down-btn {margin: 20px 0 0;}
    .btn-wrap .down-btn.w-280 {max-width: 100%;}

    /* ci-list */
    .ci-list {margin: 30px 0 0;}
    .ci-list .ci-tit {font-size: 20px;}
    .ci-list .ci-info p {font-size: 14px; line-height: 24px;}
    .ci-list .ci-info .ci-box img {height: fit-content; max-height: 130px;}
    .ci-list .sect01 .ci-info .ci-box img {max-height: fit-content;}
    .ci-list .sect01 .ci-info .ci-box {flex-direction: column; padding: 24px 30px;}
    .ci-list .sect01 .ci-info .ci-box .ci-box-r {padding: 20px 0 0; margin: 20px 0 0; border: 0; border-top: 1px solid #E4E4E4;}
    .ci-list .sect02 .ci-sign > ul {grid-template-columns: repeat(1, 1fr); grid-row-gap: 20px;}
    .ci-list .sect02 .ci-sign .ci-sign-tit {font-size: 16px;}
    .ci-list .sect02 .ci-sign .ci-box {height: 160px; padding: 15px 24px; margin: 16px 0 0;}
    .ci-list .sect03 .ci-type > ul {grid-template-columns: repeat(1, 1fr);}
    .ci-list .sect03 .ci-type .ci-box {height: 120px; padding: 35px 24px; margin: 16px 0 0;}
    .ci-list .sect03 .ci-type .ci-type-tit {font-size: 16px;}
    .ci-list .sect04 .ci-color .ci-color-txt {font-size: 18px;}
    .ci-list .sect04 .ci-color > ul {grid-template-columns: repeat(2, 1fr); margin: 20px 0 30px; padding-bottom: 30px;}
    .ci-list .sect04 .ci-color > ul.sub-color > li .color-txt {display: none;}
    .ci-list .sect04 .ci-color > ul.sub-color > li .color-box {font-size: 14px;}
    .ci-list .sect04 .ci-color > ul.acc-color > li .color-txt {display: none;}
    .ci-list .sect04 .ci-color > ul.acc-color > li .color-box {font-size: 14px;}
    .ci-list .sect04 .btn-wrap {margin: 50px 0 0;}

    /* location */
    .location-info {padding: 24px 16px;}
    .location-info .location-tit {font-size: 18px;}
    .location-info .info-list > ul > li {flex-direction: column; align-items: baseline; font-size: 14px;}
    .location-info .info-list > ul > li .td {margin: 8px 0 0;}
    .location-info .way-list > ul > li .way-wrap .td {font-size: 14px;}
    .location-info .way-list > ul > li .way-wrap .td > ul > li {line-height: 18px;}
    .location-info .way-list > ul > li .way-wrap .td > ul > li + li {margin: 8px 0 0;}
    .direction {margin: 20px 0 0;}
    .direction_map{height: 350px;}
    .direction .root_daum_roughmap .wrap_map {height: 320px;}

    /* greeting */
    .greeting-wrap .grt-tit * {font-size: 18px; word-break: keep-all;}
    .greeting-wrap .grt-tit span::before {height: 6px;}
    .greeting-wrap .grt-txt {font-size: 14px;line-height: 28px;margin: 36px 0 0;word-break: keep-all;letter-spacing: -0.3px;}
    .greeting-wrap .grt-txt-wrap {padding: 0;}
    .greeting-wrap .grt-bg-wrap {}
    .greeting-wrap .grt-bg-wrap .grt-g .grt-logo {max-width: 90px; opacity: 0.5;}
    .greeting-wrap .grt-bg-wrap .grt-g .grt-bg-img {max-width: 155px;}
    .greeting-wrap .grt-bg-wrap .grt-bg::before {
        top: 30px;
        width: 80px;
        height: 85px;
    }
    .greeting-wrap .grt-bg-wrap .people-wrap {margin: -10px -20px 0; width: calc(100% + 40px); height: 50px;}
    .greeting-wrap .grt-bg-wrap .people-wrap > div img {max-width: 44%;}
    .greeting-wrap .grt-bg-wrap .people-wrap .people01 {top: -22px; left: 14px;}
    .greeting-wrap .grt-bg-wrap .people-wrap .people02 {top: 10px;}
    .greeting-wrap .grt-bg-wrap .people-wrap .people03 {top: -18px; left: 52%;}
    .greeting-wrap .grt-bg-wrap .people-wrap .people04 {top: -20px; left: 60%;}
    .greeting-wrap .grt-bg-wrap .people-wrap .people05 {top: -12px; right: 10px;}
    .ceo-img {margin-top: -32px;margin-bottom: 35px;width: 300px;height: 409px;}
    .ceo-img::after {width: 160px;height: 160px;top: 196px;}
    .greeting-wrap .grt-tit {display: flex;justify-content: center;width: 100%;margin: 0;}
    .greeting-wrap .grt-tit p::before {}
    .greeting-wrap .grt-tit p::before {height: 22px;bottom: 0;width: calc(100% + 40px);}
    .sign-img {width: 142px;display: block;margin: 5px auto 0;}
    .greeting-wrap .grt-bg-wrap .grt-bg{margin-left: -20px;margin-right: -20px;width: 100vw;margin-bottom: -604px;background-position: top left;}
    .ceo-img::before {width: 55px;height: 54px;left: 5px;top: 86px;}
    .grt-txt b {font-size: 18px;}
    .survey {margin-bottom: 50px;}
    .grt-bg-wrap .grt-bg::after {max-width: calc(100% - 40px);padding-bottom: calc((214 / 1318) * 100% - 7px);}
    .grt-bg-wrap .grt-bg::before {width:112px; height: 117px; top:-24px; right:8px;}
    .grt-bg-wrap .grt-bg{height: 500px;}
    /* business culture */
    .cul-wrap > ul > li {padding: 28px 28px 40px;}
    .cul-wrap > ul > li .cul-info {margin: 20px 0 0;}
    .cul-wrap > ul > li + li {margin-top: 20px;}
    .cul-wrap > ul > li .cul-num {font-size: 40px;}
    .cul-wrap > ul > li .cul-num::before {width: 68px; height: 54px;}
    .cul-wrap > ul > li .cul-info .cul-tit {font-size: 20px}
    .cul-wrap > ul > li .cul-info .cul-txt {font-size: 14px; line-height: 24px;}
    .cul-wrap > ul > li .cul-info .cul-txt br {display: none;}
    .cul-wrap > ul > li .cul-info .cul-etc {margin-top: 20px;}
    .cul-wrap > ul > li .cul-info .cul-etc p {font-size: 14px; line-height: 24px;}

    /* bbsPoster */
    .bbsPoster {margin-top: 10px;}
    .bbsPoster-top span {font-size: 14px;}
    .bbsPoster-tit {font-size: 20px;line-height: 1.5;}
    .bbsPoster-top {padding-bottom: 20px;margin-bottom: 20px;}
    .bbsPoster-cont {display: block;height: auto;}
    .bbsPoster-cont .bbsPoster-l {width: 100%;margin-right: 0;margin-bottom: 20px;}
    .bbsPoster .poster-box .poster-img {height: 0;padding-bottom: 140.625%;overflow: hidden;}
    .bbsPoster-r {height: auto;display: block;}
    .bbsPoster-txt {height: auto;margin-bottom: 20px;}



    .bbsPoster .hover-txt__top {justify-content: center;}
    .bbsPoster-detail .bbsPoster-cont .bbsPoster-l {width: 100%;margin: 0;}
    .bbsPoster-detail .bbsPoster-cont {padding: 20px 0;}
    .bbsPoster-detail__tit {font-size: 20px;}

    .prepare{height: 230px; margin-top: 40px;}
    .prepare .pc-ver{display: none !important;}

    .totalSch-top {font-size: 14px;margin-bottom: 30px;padding: 30px 15px;}
    .totalSch-top br.insert {display: block;}
    .schResult-wrap .result-tit > div span {display: block;margin-top: 7px;line-height: 1.4;}
    .schResult-wrap .result-tit > div {font-size: 14px;}
    .schResult-wrap .result-tit .more_txt {font-size: 14px;flex: none;}
    .schResult-wrap > ul > li .sch_title > a h2 {font-size: 14px;}
    .schResult-wrap > ul > li .sch_title > a > p {font-size: 12px;}
    .schResult-wrap:not(:last-child) {margin-bottom: 50px;}
    .schList_subTitle { padding: 6px 10px; background-color: #f7f7f7; border: 1px solid #E4E4E4; }
    .schList_subTitle>span { font-size: 14px; font-weight: 400; color: #232323; }
    .schResult-wrap > ul > li .sch_title > a {padding: 10px; padding-bottom: 0;}
    .schResult-wrap > ul > li .sch_title > a h2 {font-size: 14px;font-weight: 500;color: #232323;padding-bottom: 5px;display: block;overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;}
    .schResult-wrap > ul > li .sch_title > a h2:hover { text-decoration: underline; }
    .schResult-wrap > ul > li .sch_title > a > p { font-size: 12px; font-weight: 400; color: #232323; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.7; }

    .survey-info {flex-direction: column;padding: 20px;}
    .survey-tit {margin-right: 0;margin-bottom: 20px;flex-direction: column;font-size: 12px;}
    .survey-tit::before {margin-bottom: 10px;margin-right: 0;}
    .survey .input-wrap {margin-bottom: 20px;margin-right: 10px;}
    .survey form{display: block;}
    .survey-btn {width: 100%;height: 30px;font-size: 12px;}
    .survey .manager-info {flex-direction: column;height: auto;margin-top: 15px;}
    .survey .manager-info__tit {width: 100%;height: 53px;font-size: 14px;}
    .survey .manager-info__cont {padding: 25px 0 17px;display: flex;justify-content: center;}
    .survey .manager-info__cont .team {font-size: 14px;}
    .survey .manager-info__cont .team::after {height: 15px;}
    .survey .manager-info__cont .txt {font-size: 14px;}
    .survey .input-wrap label {font-size: 14px;}
    .survey .manager-info__tit::after {border-left-width: 12px;right: auto;bottom: -21px;left: 50%;transform: rotate(90deg) translateX(-50%);}

    .tab-menu2 {margin: 0 -20px;width: calc(100% + 40px);margin-top: -30px;margin-bottom: 30px;}
    .tab-menu2__hd {padding: 0 20px;font-size: 12px;height: 40px;}
    .tab-menu2__hd::before,
    .tab-menu2__hd::after {width: 10px;right: 20px;}
    .tab-menu2__hd::before {margin-right: 6px;}
    .tab-menu2 ul li a {height: 40px;font-size: 12px;padding: 0 20px;}

    .bbsInfo {line-height: 1.8; margin-bottom: 50px;}
    /*.bbsInfo br{display: none;}*/
    .bbsInfo br.mobile-ver{display: block;}
    .bbsInfo div{word-break: keep-all;margin: 0 auto;}
    .bbsInfo *{font-size: 14px;}

    /* bizInfo */
    .bizInfo-top {display: block;margin-right: 0;}
    .bizInfo-top .l {max-width: 100%;}
    .bizInfo-top .l img {width: 112px;}
    .bizInfo-top__img {width: calc(100% + 75px);margin-left: -35px;margin-top: -10px;}
    .bizInfo-top__img::after {width: calc(100% + 80px);padding-bottom: 60.25%;left: 56%;top: 50%;transform: translate(-50%, -50%);}
    .bizInfo-list {margin-top: -58px;position: relative;}
    .bizInfo-list__box .l {display: block;text-align: center;padding: 50px 0 20px;}
    .bizInfo-list__box {padding: 0 15px;}
    .bizInfo-list .ex-list > li {flex: none;}
    .bizInfo-list__tit {margin-right: 0;font-size: 24px;margin-bottom: 50px;}
    .bizInfo-list .list01 .bizInfo-list__tit::before {width: 95px;height: 94px;}
    .bizInfo-list__cont {font-size: 16px;}
    .bizInfo-list__ex {display: block;}
    .bizInfo-list .ex-tit {margin-right: 0;padding: 0;margin-bottom: 25px;}
    .bizInfo-list__box .r {padding: 24px 0;}
    .bizInfo-list .ex-tit span {font-size: 18px;}
    .bizInfo-list .ex-list {flex-direction: column;}
    .bizInfo-list .list02 .bizInfo-list__tit::before {width: 87px;height: 77px;}
    .bizInfo-list .list03 .bizInfo-list__tit::before {width: 87px;height: 77px;}
    .bizInfo-list .list03 .ex-tit > span:last-child {display: none;}
    .bizInfo-list .list03 .ex-tit > span {display: inline-block;}
    .bizInfo-list .list03 .ex-tit > span:not(:last-child) {margin-bottom: 0;}
    .bizInfo-list .ex-list + .ex-tit > span:last-child {display: inline-block;}
    .bizInfo-list .ex-list + .ex-tit {display: block;}

    .space-img {max-width: calc(100% - 80px); max-width: 100%;}
    .space-img .img-bg::before {width: 36%;height: 0;padding-bottom: 38%;left: -16%;top: -25px;}
    .space-wrap {margin-top: 45px;overflow: hidden;margin: 0 -20px;padding: 0 20px;}
    /*.space-img .img-wrap img {width: 100% !important;height: 100% !important;}*/
    .space-img__wrap::after {}
    .space-img .img-bg::after {width: 37.5%;height: 0;padding-bottom: 35%;right: -19%;bottom: -40px;}
    .space-img .img-txt {font-size: 12px;}
    .space-img .img-txt::before {}
    .space-cont {margin-top: 40px;}
    .space-cont .tit {display: block;text-align: center;font-size: 20px;}
    .space-cont .tit br {display: block;}
    .space-txt {margin-top: 25px;font-size: 14px;line-height: 1.7;}
    .space-writer .bbsPoster-cont {display: flex;flex-direction: column;}
    .space-writer .poster-box__slide .swiper-slide {width: 100%;}
    .space-writer .poster-box__slide .swiper-wrapper {gap: 0;}
    .space-writer .poster-box__slide .banner-control {display: block;}

    .ethical_cont .ethical_title {background-size: auto 45px;}
    .ethical_title .top_txt {font-size: 18px;padding-top: 10px;}
    .ethical_title .bottom_txt {font-size: 12px;}
    .ethical_box {margin-top: 25px;}
    .ethical_box>ul>li {padding: 7px 0;height: auto;border-bottom: 0;position: relative;font-size: 0;}
    .ethical_box>ul>li:last-child{border-bottom: 0;}
    .ethical_box>ul>li .list_cnt {align-items: flex-start;}
    .ethical_bottom .bottom_txt,.ethical_bottom .top_txt{font-size: 12px;}
    .list_cnt .list_cir {width: 44px;height: 44px;font-size: 12px;}
    .list_cnt .list_txt {font-size: 12px;}
    .ethical_cont {padding: 25px 20px;border-radius: 10px;}
    .ethical_cont .ethical_bottom {margin-top: 25px;}
    .rule_top_title{padding: 18px 30px;text-align: center;font-size: 14px;}
    .ethic_txt {padding: 25px 20px;}
    .list_title {font-size: 18px;}
    .ethic_txt_list .ethic_title {font-size: 14px;}
    .ethic_txt_list .ethic_title::before {width: 12px;height: 12px;margin-top: 4px;}
    .ethic_txt_list .ethic_txt_wr {padding-left: 20px;}
    .ethic_txt_wr .sub_title {font-size: 12px;}
    .ethic_txt_list .ethic_num_txt {font-size: 12px;}
    .ethic_txt_wr .sub_txt {font-size: 12px;padding-left: 17px;word-break: keep-all;}
    .ethic_txt_list .ethic_txt_wr.txt_2 {padding-left: 20px;}
    .ethic_txt_list .ethic_num_txt .list_num {width: 12px;height: 12px;font-size: 8px;line-height: 12px;}
    .ethic_txt_wr + .ethic_listCnt {margin-top: 10px;}

}




@media screen and (max-width: 320px) {
    .ci-list .sect04 .ci-color > ul.sub-color > li .color-box, .ci-list .sect04 .ci-color > ul > li .color-txt {font-size: 10px;}
}



@media screen and (max-width: 320px) {
    .ci-list .sect04 .ci-color > ul.sub-color > li .color-box, .ci-list .sect04 .ci-color > ul > li .color-txt {font-size: 10px;}
}

/* archive common */
.subTop {margin: 60px 0 0; text-align: center;}
.subTop p {font-size: 1rem; color: #BABABA;}
.subTop h2 {font-size: 60px; font-weight: 700; margin-top: 10px;}
.top-location-box {border-radius: 7px; background: var(--g-navy); color: #fff; width: 100%; height: 52px; display: flex; align-items: center; grid-column-gap: 16px; padding: 0 30px; margin-top: 50px;}
.top-location-box a {display: flex;}
.top-location-box i {}
.top-location-box span {font-family: cursive;}
.top-location-box p {font-size: 14px; font-weight: 500;}
.top-location-box .loca-btn-wrap {position: relative; display: flex; align-items: center; grid-column-gap: 10px; cursor: pointer;}
.top-location-box .loca-btn-wrap .loca-btn {width: 18px; height: 18px; border-radius: 50%; background: #fff; position: relative;}
.top-location-box .loca-btn-wrap .loca-btn::before, .top-location-box .loca-btn-wrap .loca-btn::after {content: ''; position: absolute; height: 2px; width: 6px; background: #000; display: block; transition: all .3s; cursor: pointer; top: 50%; right: 0px;}
.top-location-box .loca-btn-wrap .loca-btn::before {transform: rotate(45deg); margin-right: 8px;}
.top-location-box .loca-btn-wrap .loca-btn::after {transform: rotate(-45deg); margin-right: 4px;}
.top-location-box .loca-btn-wrap.open .loca-btn::before {transform: rotate(-45deg);}
.top-location-box .loca-btn-wrap.open .loca-btn::after {transform: rotate(45deg);}
.top-location-box .loca-btn-wrap .loca-list {display: none; position: absolute; top: calc(100% + 10px); left: -10px; width: 135px; border: 1px solid #E4E4E4; background: #F7F7F7; border-radius: 7px; z-index: 1;}
.top-location-box .loca-btn-wrap .loca-list li {text-align: center; font-size: 14px;}
.top-location-box .loca-btn-wrap .loca-list li a {padding: 12px 16px;}
.top-location-box .loca-btn-wrap .loca-list li:hover a, .top-location-box .loca-btn-wrap .loca-list li.active a {text-decoration: underline; text-underline-offset: 2px;}

.login_gumi .top-location-box{background: var(--g-pink2);}

.subBar {padding-bottom: 30px; border-bottom: 1px solid #E4E4E4; margin-top: 60px;}
.subBar h2 {font-size: 3rem; font-weight: 700;}
.subBar p {font-size: 20px; line-height: 1.4; margin-top: 14px;}

/* archive area */
.area-map {}

.archive .bbs-table.area {}
.archive .bbs-table.area .bbstb_tr.thead {background: #F7F7F7; border-radius: 7px; border: 0;}
.archive .bbs-table.area .bbstb_tr.tbody:hover {border-left: 0; background: #F7F7F7; outline: 1px solid var(--g-navy); border-radius: 7px;}
.archive .bbs-table.area .bbstb_tr.tbody:hover .td_subj_area a {text-decoration: underline;}



/* archive artist */
.acDB {margin-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #E4E4E4;}
.acDB input[type="checkbox"]:checked + label {background: var(--g-navy); border: 1px solid var(--g-navy); color: #fff;}
.acDB input[type="checkbox"]:checked + label::before, .acDB input[type="checkbox"] + label::before {width: 0; height: 0; border: 0; content: unset;}

.acDB .category {display: flex; align-items: baseline; grid-column-gap: 66px;}
.acDB .category.keyword { grid-column-gap: 30px;}
.acDB .category:not(:first-child) {margin-top: 40px;}
.acDB .category .cate-tit {font-size: 18px; font-weight: 700; letter-spacing: 0.2px; display: flex; align-items: center; flex: none; min-width: 100px;}
.acDB .category ul {display: flex; flex-wrap: wrap; grid-column-gap: 20px; grid-row-gap: 20px;}
.acDB .category label {padding: 10px 20px; border-radius: 5px; background: #F7F7F7; border: 1px solid #E4E4E4; font-size: 1rem; font-weight: 500; color: #424242; text-align: center; cursor: pointer;}
.acDB .category .search-input {width: 100%; max-width: 330px; display: flex; grid-column-gap: 12px;}
.acDB .search-input input {border-radius: 4px; border: 1px solid #E4E4E4; height: 50px; font-size: 14px;}
.acDB .search-input input:focus {box-shadow: 0 0 0 1px var(--g-navy);}
.archive .acDB .search-input .btn-search.btn {width: 50px; height: 50px; border-radius: 4px; flex: none; position: unset; transform: unset;}
.archive .acDB .search-input .btn-search.btn .ico-search_w {width: 20px; height: 20px;}

.archive .archive-cont {margin-top: 50px;}
.archive .archive-cont .total-cnt {font-size: 18px; margin-bottom: 30px;}
.archive .archive-cont > ul {display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 40px; grid-row-gap: 40px;}
.archive .archive-cont > ul > li {padding: 20px 0; border-radius: 10px; border: 1px solid #E4E4E4;}
.archive .archive-cont > ul > li .top {display: flex; align-items: end; justify-content: space-between; padding: 0 30px 14px; border-bottom: 1px solid #E4E4E4; color: #DBBCA7;}
.archive .archive-cont > ul > li .img {width: 100%; height: 0; position: relative; overflow: hidden; padding-bottom: calc((100/120) * 100%);}
.archive .archive-cont > ul > li .img img {width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .2s;}
.archive .archive-cont > ul > li .img:hover img {transform: scale(1.1);}
.archive .archive-cont > ul > li .name {font-size: 22px; font-weight: 700; letter-spacing: 0.34px; margin-bottom: 20px;}
.archive .archive-cont > ul > li .archive-cont-wrap {padding: 0 30px; margin-top: 20px;}
.archive .archive-cont > ul > li .cate-wrap {}
.archive .archive-cont > ul > li .cate-wrap .cate {font-size: 1rem; letter-spacing: 0.16px;}
.archive .archive-cont > ul > li .cate-wrap .cate .tag {margin-top: 8px;}
.archive .archive-cont > ul > li .cate-wrap .cate + .cate {margin-top: 16px;}
.archive .archive-cont.art-work > ul > li {padding: 0 0 20px;}
.archive .archive-cont.art-work > ul > li .img img {border-radius: 10px 10px 0 0;}
.archive .archive-cont > ul.acDB-empty {display: inline-block; width: 100%;}
.archive .archive-cont > ul.acDB-empty > li {text-align: center;width: 100%;padding: 54px 0;margin-top: 54px;background: url('../../../assets/images/cmn/logo_g.svg') no-repeat center top; border: 0;}
.archive .archive-cont > ul.acDB-empty > li p {margin-top: 40px;}
.archive .archive-cont .sns-list {margin-top: 20px;}
.archive .archive-cont .area-map{width: 100%;height: 600px;overflow: hidden;position: relative;margin-bottom: 40px; /*border: 1px solid #FED863;*/border-radius: 10px;}
.archive .sns-list {display: flex; grid-column-gap: 20px;}
.archive .sns-list a {display: flex;}
.archive .sns-list a i {width: 20px; height: 20px; flex: none; background-repeat: no-repeat; background-size: cover;}
.archive .sns-list a i.ico-home {background-image: url("/assets/images/ico/ico-home_g.svg");}
.archive .sns-list a i.ico-facebook {background-image: url("/assets/images/ico/ico-facebook_g.svg");}
.archive .sns-list a i.ico-instagram {background-image: url("/assets/images/ico/ico-instagram_g.svg");}
.archive .sns-list a i.ico-naver {background-image: url("/assets/images/ico/ico-naver_g.svg");}
.archive .sns-list a i.ico-youtube {background-image: url("/assets/images/ico/ico-youtube_g.svg");}
.archive .sns-list a i.ico-twitter {background-image: url("/assets/images/ico/ico-twitter_g.svg");}

/* archive artist detail */
.subDetailBar {margin-top: 50px; display: flex; align-items: end; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid #E4E4E4;}
.subDetailBar h2 {font-size: 48px; font-weight: 700;}
.subDetailBar h2 span {font-size: 20px; font-weight: 400; color: #757575}


.artDB-detail {margin-top: 50px;}
.artDB-detail .info-img {margin-bottom: 50px; display: flex; align-items: end; gap: 20px;}
.artDB-detail .info-img img {width: 250px; height: 250px; object-fit: cover; border-radius: 50%;}
.artDB-detail .info-img .txt {font-size: 24px; font-weight: 500; padding-bottom: 40px;}
.artDB-detail .info-table {display: flex;}
.artDB-detail .info-table > ul {width: 100%; display: flex; flex-wrap: wrap;}
.artDB-detail .info-table > ul > li {display: flex; align-items: center; font-size: 1rem; width: 50%; border-bottom: 1px solid #E4E4E4;}
.artDB-detail .info-table > ul > li .th {font-weight: 700; background: #F7F7F7; padding: 26px 30px; width: 100%; max-width: 230px; flex: none; height: 100%; display: flex; align-items: center;}
.artDB-detail .info-table > ul > li .td {padding: 26px 30px; width: 100%; height: 100%; display: flex; align-items: center;}
.artDB-detail .info-table > ul > li span{    margin-right: 12px;}
.artDB-detail .info-table > ul > li b{font-weight: 500;}
.artDB-detail .info-table > ul > li:nth-child(1), .artDB-detail .info-table > ul > li:nth-child(2) {border-top: 1px solid #E4E4E4;}
.artDB-detail .info-table > ul > li.width-100 {width: 100%;}
.artDB-detail .cont {margin-top: 80px;}
.artDB-detail .cont .cont-tit {font-size: 20px; font-weight: 700; margin-bottom: 24px;}
.artDB-detail .cont p {line-height: 1.6;}
.artDB-detail .cont .cont-wrap:not(:first-child) {margin-top: 80px;}
.artDB-detail .file-wrap {}
.artDB-detail .file-wrap > ul {}
.artDB-detail .file-wrap > ul > li {border-radius: 7px; background: #EAE0D6; padding: 0 20px; display: flex; align-items: center; height: 70px;}
.artDB-detail .file-wrap > ul > li a {text-decoration: underline; text-underline-offset: 2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.artDB-detail .file-wrap > ul > li .ico-file {margin-right: 8px;}
.artDB-detail .file-wrap > ul > li:not(:first-child) {margin-top: 20px;}
.artDB-detail .artist-info {display: flex; grid-column-gap: 80px; margin-top: 60px;}
.artDB-detail .artist-info .img {width: 100%; max-width: 450px;}
.artDB-detail .artist-info .img img {width: 100%; max-height: 100%; object-fit: cover; border-radius: 10px;}
.artDB-detail .artist-info .info-wrap {}
.artDB-detail .artist-info .info-wrap .info-top {}
.artDB-detail .artist-info .info-wrap .info-top > ul > li {display: flex; align-items: flex-start; font-size: 20px;}
.artDB-detail .artist-info .info-wrap .info-top > ul > li span {width: 120px; font-weight: 500; flex: none;}
.artDB-detail .artist-info .info-wrap .info-top > ul > li p {color: #777;}
.artDB-detail .artist-info .info-wrap .info-top > ul > li + li {margin-top: 12px;}
.artDB-detail .artist-info .info-wrap .info-cont {margin-top: 30px; line-height: 1.6;}
.artDB-detail .artist-info .info-wrap .info-cont > p {font-size: 18px;}
.artDB-detail .artist-info .info-wrap .info-cont .info-txt-wrap {margin-top: 30px;}
.artDB-detail .artist-info .info-wrap .info-cont .info-txt-wrap h3 {display: flex; align-items: center; grid-column-gap: 6px;}
.artDB-detail .artist-info .info-wrap .info-cont .info-txt-wrap h3 span {width: 10px; height: 10px; border-radius: 50%; background: var(--g-navy);}
.artDB-detail .artist-info .info-wrap .info-cont .info-txt-wrap .info-txt {font-size: 18px; margin-top: 12px;}


@keyframes aniPrgressbarWork {
    from { width: 0; }
    to { width: 210px; }
}
.artDB-detail .work-slide > ul > li {position: relative; width: 100%; height: 0; padding-bottom: calc((120/400) * 100%);}
.artDB-detail .work-slide > ul > li img {position: absolute; width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
.artDB-detail .work-slide > ul > li p {font-size: 18px; font-weight: 500; margin-top: 10px; position: absolute; top: 100%;}
.artDB-detail .work-slide-num {display: flex; align-items: center; justify-content: space-between; margin-top: 40px;}
.artDB-detail .work-slide-num .tit {font-size: 18px; font-weight: 700; margin-bottom: 30px;}
.artDB-detail .work-slide-num .swiper-pagination {width: 260px; font-size: 0; display: flex; position: relative; text-align: unset;}
.artDB-detail .work-slide-num .swiper-pagination::after {content: ''; width: 210px; height: 2px; background: rgba(0,0,0,0.2); position: absolute; top:50%; left: 25px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%);}
.artDB-detail .work-slide-num .swiper-pagination::before {content: '';width: 0;height: 2px;background: var(--g-navy);position: absolute;top: 50%;left: 25px;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);}
.artDB-detail .work-slide-num .swiper-pagination.timeBox::before {-webkit-animation: aniPrgressbarWork 5s ease-in-out .1s; animation: aniPrgressbarWork 5s ease-in-out .1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.artDB-detail .work-slide-num .swiper-pagination span {font-size: 1rem; position: absolute; top: 50%; transform: translateY(-50%);}
.artDB-detail .work-slide-num .swiper-pagination span.swiper-pagination-total {color: #BABABA; right: 0;}
.artDB-detail .work-slide-num .swiper-pagination-current {position: relative; font-weight: 700;}
.artDB-detail .work-slide-num .swiper-nav-wrap {display: flex; align-items: center; grid-column-gap: 20px; margin-left: 30px; margin: 0 0 0 auto; z-index: 2;}
.artDB-detail .work-slide-num .swiper-nav-wrap div {width: 50px; height: 50px; border-radius: 50%; border: 1px solid #5A5E6C; background-color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .1s;}
.artDB-detail .work-slide-num .swiper-nav-wrap div i {width: 12px; height: 20px; background-repeat: no-repeat; background-size: cover;}
.artDB-detail .work-slide-num .swiper-nav-wrap div:hover {border: 1px solid var(--g-navy); background-color: var(--g-navy);}
.artDB-detail .work-slide-num .swiper-nav-wrap div:hover i {filter: brightness(10);}
.artDB-detail .work-slide-num .swiper-nav-wrap .swiper-prev i {background-image: url("../../../assets/images/cmn/swiper-prev_g.svg");}
.artDB-detail .work-slide-num .swiper-nav-wrap .swiper-next i {background-image: url("../../../assets/images/cmn/swiper-next_g.svg");}

.artDB-detail .info-etc-box {margin-top: 40px;}
.artDB-detail .info-etc-box > ul {display: flex; flex-wrap: wrap; grid-column-gap: 30px; grid-row-gap: 28px; padding: 26px 30px; border-radius: 5px; border: 1px solid #E4E4E4;}
.artDB-detail .info-etc-box > ul > li {display: flex; align-items: center; font-size: 1rem;}
.artDB-detail .info-etc-box > ul > li span {border-radius: 50%; background: #DBBCA7; width: 20px; height: 20px; font-size: 12px; font-weight: 500; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; flex: none; margin-right: 6px;}
.artDB-detail .info-etc-box > ul > li b {margin-right: 6px;}

.artDB-detail .btn-wrap {margin-top: 80px;}
.artDB-detail .btn-wrap .go-list-btn {border-radius: 4px; border: 1px solid var(--g-navy); height: 52px; font-size: 1rem; font-weight: 700; color: var(--g-navy); width: 100%; max-width: 320px; display: flex; align-items: center; justify-content: center; text-align: center; margin: 0 auto;}


@media screen and (max-width: 1280px) {
    /* archive common */
    .subTop {margin-top: 110px;}
    .subTop h2 {font-size: 44px;}
    .subBar h2 {font-size: 38px;}
    .subDetailBar h2 {font-size: 40px;}

    /* archive area */
    .bbstb_th.th_area, .bbstb_td.td_area {display: none;}


    /* archive artist */
    .archive .archive-cont > ul {grid-template-columns: repeat(2, 1fr);}
    .acDB .category ul {grid-column-gap: 16px; grid-row-gap: 16px;}
    .acDB .category label {padding: 8px 18px;}

    .artDB-detail .info-img {margin-bottom: 40px;}
    .artDB-detail .info-img .txt {font-size: 20px;}
    .artDB-detail .info-table {flex-direction: column;}
    .artDB-detail .info-table > ul {flex-direction: column;}
    .artDB-detail .info-table > ul > li {width: 100%;}
    .artDB-detail .info-table > ul > li:nth-child(2) {border-top: 0;}
    .artDB-detail .info-table > ul:not(:first-child) > li:first-child {border-top: 0;}
    .artDB-detail .cont {margin-top: 70px;}
    .artDB-detail .cont .cont-wrap:not(:first-child) {margin-top: 70px;}
    .artDB-detail .file-wrap > ul > li {height: 60px;}
    .artDB-detail .file-wrap > ul > li:not(:first-child) {margin-top: 16px;}
    .artDB-detail .work-slide > ul > li {padding-bottom: calc((140/400) * 100%);}
    .artDB-detail .work-slide-num .swiper-nav-wrap div {width: 40px; height: 40px;}
    .artDB-detail .artist-info {grid-column-gap: 40px;}
    .artDB-detail .artist-info .info-wrap .info-top > ul > li {font-size: 18px;}
    .artDB-detail .artist-info .info-wrap .info-top > ul > li span {width: 100px;}
    .artDB-detail .artist-info .info-wrap .info-cont > p {font-size: 1rem;}
}

@media screen and (max-width: 767px) {
    /* archive common */
    .subTop {margin-top: 90px;}
    .subTop p {font-size: 14px;}
    .subTop h2 {font-size: 32px;}
    .subBar {margin-top: 30px; padding-bottom: 20px;}
    .subBar h2 {font-size: 28px;}
    .subBar p {font-size: 14px; margin-top: 10px;}
    .subDetailBar {margin-top: 30px; padding-bottom: 20px; flex-direction: column; align-items: baseline; grid-row-gap: 20px;}
    .subDetailBar h2 {font-size: 32px; display: flex; flex-direction: column;}
    .top-location-box {height: 48px; margin-top: 30px; padding: 0 20px; grid-column-gap: 10px;}

    /* archive area */
    .archive .bbs-table.area .bbstb_tr.tbody {padding: 15px 20px;}
    .archive .bbs-table.area .bbstb_tr.thead > li {padding: 20px 2px;}
    .archive .bbs-table.area .bbstb_td.td_subj a {font-size: 14px;}
    .bbstb_th.th_num_area, .bbstb_td.td_num_area, .bbstb_th.th_area2 {display: none;}
    .bbstb_td.td_area2 {display: inline-block; width: fit-content; font-size: 12px; color: #BABABA; position: relative;}
    .bbstb_td.td_area2 + .bbstb_td.td_area2 {padding-left: 10px; margin-left: 8px;}
    .bbstb_td.td_area2 + .bbstb_td.td_area2::before {content: ''; width: 1px; height: 10px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #E4E4E4; display: inline-block;}

    /* archive artist */
    .acDB {margin-top: 30px; padding-bottom: 30px;}
    .acDB .category {flex-direction: column; grid-row-gap: 20px;}
    .acDB .category label {font-size: 14px; padding: 6px 10px;}
    .acDB .category ul {grid-column-gap: 12px; grid-row-gap: 14px; max-height: 120px; overflow-y: scroll;}
    .acDB .category ul::-webkit-scrollbar {width: 4px;}
    .acDB .category ul::-webkit-scrollbar-thumb {background: var(--g-navy);}
    .acDB .category.chk-loca ul {max-height: fit-content; overflow-y: unset;}
    .acDB .category .search-input {max-width: 100%;}
    .acDB .search-input input {height: 48px;}
    .archive .acDB .search-input .btn-search.btn {width: 48px; height: 48px;}
    .acDB .category:not(:first-child) {margin-top: 30px;}

    .archive .archive-cont {margin-top: 40px;}
    .archive .archive-cont > ul {grid-template-columns: repeat(1, 1fr); grid-row-gap: 24px;}
    .archive .archive-cont > ul > li .top {font-size: 14px; padding: 0 20px 14px;}
    .archive .archive-cont > ul > li .archive-cont-wrap {padding: 0 20px;}
    .archive .archive-cont > ul > li .name {font-size: 20px; margin-bottom: 16px;}
    .archive .archive-cont .sns-list {margin-top: 30px;}

    .artDB-detail {margin-top: 20px;}
    .artDB-detail .info-img {flex-direction: column; align-items: center; margin-bottom: 30px;}
    .artDB-detail .info-img img {width: 150px; height: 150px;}
    .artDB-detail .info-img .txt {font-size: 1rem; text-align: center; padding: 0;}
    .artDB-detail .info-table > ul > li {font-size: 14px; flex-direction: column;}
    .artDB-detail .info-table > ul > li .th {max-width: 100%; padding: 15px 20px;}
    .artDB-detail .info-table > ul > li .td {max-width: 100%; padding: 15px 20px;}
    .artDB-detail .cont {margin-top: 40px;}
    .artDB-detail .cont .cont-tit {font-size: 1rem; margin-bottom: 16px;}
    .artDB-detail .cont p {font-size: 14px;}
    .artDB-detail .cont .cont-wrap:not(:first-child) {margin-top: 40px;}
    .artDB-detail .file-wrap > ul > li {height: 46px;}
    .artDB-detail .file-wrap > ul > li .ico-file {width: 16px; height: 16px; margin-right: 6px;}
    .artDB-detail .file-wrap > ul > li a {font-size: 14px;}
    .artDB-detail .artist-info {flex-direction: column; gap: 30px; margin-top: 40px;}
    .artDB-detail .artist-info .info-wrap .info-top > ul > li {font-size: 1rem;}
    .artDB-detail .artist-info .info-wrap .info-top > ul > li span {width: 80px;}
    .artDB-detail .artist-info .info-wrap .info-cont > p {font-size: 14px;}
    .artDB-detail .artist-info .info-wrap .info-cont .info-txt-wrap h3 {font-size: 1rem;}
    .artDB-detail .artist-info .info-wrap .info-cont .info-txt-wrap .info-txt {font-size: 14px; margin-top: 8px;}

    @keyframes aniPrgressbarWork {
        from { width: 0; }
        to { width: 80px; }
    }
    .artDB-detail .work-slide > ul > li {padding-bottom: calc((200 / 330)* 100%);}
    .artDB-detail .work-slide-num {margin-top: 24px;}
    .artDB-detail .work-slide-num .tit {font-size: 1rem;}
    .artDB-detail .work-slide-num .swiper-pagination {max-width: 126px;}
    .artDB-detail .work-slide-num .swiper-pagination::after {width: 80px;}
    .artDB-detail .work-slide-num .swiper-pagination span {font-size: 14px;}
    .artDB-detail .work-slide-num .swiper-nav-wrap {grid-column-gap: 12px;}
    .artDB-detail .work-slide-num .swiper-nav-wrap div {width: 34px; height: 34px;}

    .artDB-detail .info-etc-box {margin-top: 24px;}
    .artDB-detail .info-etc-box > ul {grid-column-gap: 24px; grid-row-gap: 18px; padding: 24px 20px;}
    .artDB-detail .info-etc-box > ul > li {font-size: 14px;}
}

/* -------------------------------login & join------------------------------- */
/* login */
.sect_login.typeA {

}
.sect_login.typeA .wrapper {
    max-width: 620px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
.sect_login.typeA .wrapper .login-txt-wrap {
    padding-bottom: 24px;
    border-bottom: 1px solid #000;
}
.sect_login.typeA .wrapper .login-txt-wrap .login-txt {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.3;
    color: #28211F;
}
.sect_login.typeA .wrapper .login-txt-wrap .login-txt2 {
    font-size: 1rem;
    color: #666E7A;
    margin-top: 20px;
}
.login .login_input .sftext:not(:last-child) {
    margin: 0 0 20px;
}
.login .login_input .sftext input {
    height: 52px;
    padding: 0 15px;
}
.login .login_input .sftext input::placeholder {
    color: #757575;
    font-weight: 400;
}
.login .login_input .sftext input:-webkit-autofill, .login .login_input .sftext input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    -webkit-text-fill-color: #000000;
}

.sect_login.typeA .wrapper .login_set {
    margin: 16px 0 24px;
    font-size: 0.875rem;
    color: #707070;
}
.sect_login.typeA .wrapper .login_set .login_auto {
    float: left;
}
.sect_login.typeA .wrapper .login_set .login_auto .idSave {
    margin: 0;
}
.sect_login.typeA .wrapper .login_set .login_auto .idSave .idSave__input:checked + label:before {
    background: url(/assets/images/ico/ico_check_02.svg);
    background-repeat: no-repeat;
    background-size: 11px 9px;
    background-color: var(--g-navy);
    background-position: 50%;
}
.sect_login.typeA .wrapper .login_set .login_auto .idSave .idSave__input + label {
    font-size: 0.875rem;
    color: #707070;
}
.sect_login.typeA .wrapper .login_set .login_auto .idSave .idSave__input + label:before {
    border-radius: 3px;
    border: 1px solid var(--g-navy);
}
.sect_login.typeA .wrapper .login_set .login_find_wrap {
    float: right;
    display: flex;
}
.sect_login.typeA .wrapper .login_set .login_find_wrap .find_id, .sect_login.typeA .wrapper .login_set .login_find_wrap .find_pw {
    font-size: 0.875rem;
    color: #707070;
}
.sect_login.typeA .wrapper .login_set .login_find_wrap .login_id {
    display: inline-block;
    font-size: 0.875rem;
}
.sect_login.typeA .wrapper .login_set .login_find_wrap .login_id .login_id a {
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: underline;
    color: #232323;
}
.sect_login.typeA .wrapper .login_set .login_find_wrap .login_pw {
    padding-left: 15px;
}
.sect_login.typeA .wrapper .login_set .login_find_wrap .login_join {
    padding-left: 15px;
}
.sect_login.typeA .wrapper .login_set .login_find_wrap .line {
    border-left: 1px solid #707070;
    height: 9px;
    margin-top: 4px;
    margin-left: 11px;
    margin-right: -6px;
}
.login_btn {
    font-size: 1.125rem;
}
.login_btn .btn-type-01 {
    border-radius: 4px;
    width: 100%;
    background-color: var(--g-navy);
    color: #fff;
    height: auto;
    min-height: 52px;
    font-size: 1rem;
    padding: 14px 0;
    font-weight: 500;
}

.sect_login.typeA .wrapper .simple_login .line2 {
    display: flex;
    align-items: center;
    color: #707070;
    font-size: 0.875rem;
    margin-top: 50px;
    margin-bottom: 40px;
}
.sect_login.typeA .wrapper .simple_login .line2::before {
    content: "";
    flex-grow: 1;
    margin: 0 30px 0 0;
    background: rgba(0, 0, 0, 0.2);
    height: 1px;
    font-size: 0;
    line-height: 0;
}
.sect_login.typeA .wrapper .simple_login .line2::after {
    content: "";
    flex-grow: 1;
    margin: 0 0 0 30px;
    background: rgba(0, 0, 0, 0.2);
    height: 1px;
    font-size: 0;
    line-height: 0;
}
.sect_login.typeA .wrapper .icon_list {
    display: flex;
    justify-content: space-evenly;
}
.sect_login.typeA .wrapper .icon_list ul {
    display: flex;
    justify-content: center;
    grid-column-gap: 60px;
}
.sect_login.typeA .wrapper .icon_list ul li {
    display: inline-block;
}
.sect_login.typeA .wrapper .icon_list ul li a {
    display: grid;
    justify-content: center;
    text-align: center;
    color: #707070;
}
.sect_login.typeA .wrapper .icon_list ul li a img {
    margin-bottom: 12px;
}
.sect_login.typeA .wrapper .join_wrap a {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    margin-top: 55px;
}
.sect_login.typeA .wrapper .join_wrap a span {
    margin-left: 10px;
    color: #424242;
    font-weight: 700;
}
.sect_login.typeA .wrapper .join_wrap a p {
    font-size: 1rem;
    color: #707070;
}

.sect_login.typeA .login-header {padding-bottom: 25px; border-bottom: 1px solid #000;}
.sect_login.typeA .login-header .login-tit {font-size: 32px; font-weight: 700; line-height: 46px;}
.sect_login.typeA .login-header .tit2 {font-size: 16px; line-height: 1.3; color: #555; margin-top: 14px;}
.sect_login.typeA .login {margin-top: 30px;}
.sect_login.typeA .login_input label {font-size: 1rem; font-weight: 500; line-height: 20px;}
.sect_login.typeA .login_input input {margin-top: 8px;}
.sect_login.typeA .wrapper .login_set {display: flex; align-items: center; justify-content: space-between;}

/* 20250407 추가 */
.login_gumi .login_btn .btn-type-01{background: var(--g-pink2)}
.sect_login.typeA.login_gumi .wrapper .login_set .login_auto .idSave .idSave__input:checked + label:before{background-color: var(--g-pink2); border-color: var(--g-pink2)}
.login_gumi .btn-input:not(.gray){background-color: var(--g-pink2)}
.login_gumi .btn-style-navy{background-color: var(--g-pink2); border-color: var(--g-pink2);}

@media (max-width: 1280px) {
}
@media (max-width: 767px) {
    .sect_login.typeA .login-header {
        padding-bottom: 20px;
    }
    .sect_login.typeA .login-header .login-tit {
        font-size: 28px;
    }
    .sect_login.typeA .login-header .login-tit2 {
        font-size: 12px;
        margin-top: 10px;
    }
    .sect_login.typeA .wrapper .simple_login .line2 {
        margin: 30px 0 25px;
    }
    .sect_login.typeA .wrapper .simple_login .line2::before {
        margin: 0 20px 0 0;
    }
    .sect_login.typeA .wrapper .simple_login .line2::after {
        margin: 0 0 0 20px;
    }
    .sect_login.typeA .wrapper .icon_list ul {
        grid-column-gap: 40px;
    }
    .sect_login.typeA .wrapper .icon_list ul li img {
        width: 50px;
        height: 50px;
    }
    .sect_login.typeA .wrapper .icon_list ul li a {
        font-size: 12px;
    }
    .sect_login.typeA .wrapper .join_wrap a {
        margin-top: 30px;
    }
    .sect_login.typeA .wrapper .join_wrap a p, .sect_login.typeA .wrapper .join_wrap a span {font-size: 14px;}
    .sect_login.typeA .login {margin-top: 20px;}
    .sect_login.typeA .login_input label {font-size: 16px;}
    .sect_login.typeA .login_input input {height: 48px;}

    .sect_login.typeA .wrapper .login_set {
        display: flex;
        flex-wrap: wrap; /* 줄바꿈 허용 */
        gap: 16px;        /* 요소 사이 간격 */
        margin: 16px 0 24px;
        font-size: 0.875rem;
        color: #707070;
    }

    /* 자식 요소들이 전체 너비의 50%씩 차지해서 2개씩 배치됨 */
    .sect_login.typeA .wrapper .login_set > * {
        flex: 0 0 100%; /* 모바일에서는 한 줄에 하나 */
        box-sizing: border-box;
    }
}

/* join */
.list-input-a ul li .input-label {
    font-size: 1.125rem;
    font-weight: 700;
}
.list-input-a ul li .input-wrap {
    display: flex;
    align-items: end;
    justify-content: space-between;
    position: relative;
}
.list-input-a ul li .input-wrap2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.list-input-a ul li.name {
    /*display: flex;*/
    /*grid-column-gap: 20px;*/
    /*grid-row-gap: 16px;*/
}
.list-input-a ul li.name .input-name {
    width: 100%;
}
.list-input-a ul li .input-wrap input, .list-input-a ul li .input-wrap select, .list-input-a ul li .input-wrap textarea {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 4px;
    height: 50px;
    border-color: #E4E4E4;
    margin-top: 14px;
}
.list-input-a ul li .input-wrap .cke_chrome {
    margin-top: 14px;
}
.list-input-a ul li + li {
    margin-top: 30px;
}
.list-input-a ul li.phone + li.phone {
    margin-top: 0;
}
.list-input-a ul li.input-li-wrap {
    display: flex;
}
.list-input-a ul li.input-li-wrap .input-li {
    width: 50%;
}
.list-input-a ul li.input-li-wrap .input-li + .input-li {
    margin-left: 30px;
}
.list-input-a ul li .input-radio-wrap {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    margin-top: 14px;
}
.list-input-a ul li .input-radio-wrap .input-radio-li label {
    font-size: 18px;
    font-weight: 500;
}

.list-input-a .join-ul li + li {
    margin-top: 15px;
}

@media (max-width: 1280px) {
    .list-input-a ul li .input-label {
        font-size: 1.125rem;
    }
}
@media (max-width: 767px) {
    .list-input-a ul li .input-label {
        font-size: 1rem;
    }
    .list-input-a ul li .input-wrap input {
        height: 46px;
        padding: 0 10px;
        font-size: 14px;
    }
    .list-input-a ul li .input-wrap textarea {
        font-size: 14px;
        padding: 10px;
    }
    .list-input-a ul li + li {
        margin-top: 16px;
    }
    .list-input-a ul li.input-li-wrap .input-li + .input-li {
        margin-left: 22px;
    }
}
.list-input-a ul li .input-wrap input::placeholder {
    color: #888888;
    font-weight: 400;
}
.list-input-a ul li .input-wrap input[readonly] {
    color: #000000 !important;
    background-color: #F7F7F7;
    box-shadow: none;
}
.list-input-a ul li .input-wrap input.valid {
    border-color: #4087F7;
}
.list-input-a ul li .input-wrap input.invalid {
    border-color: #FF4747;
    background: #FFF3F3;
}
.list-input-a ul li .input-wrap input[name='PASSWD_CONFIRM']:focus {
    box-shadow: unset;
}
.list-input-a ul li .input-wrap input.hidden {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
.list-input-a ul li.id .input-wrap {
    align-items: end;
}
.list-input-a ul li.id .input-wrap span, .list-input-a ul li.email .input-wrap span {
    margin: 14px 3px 0;
    color: #707070;
}
.list-input-a ul li .input-label .label.required::after {
    content: "*";
    color: #FF351A;
    margin-left: 5px;
    font-size: 18px;
}

.select-style-01 {
    border: 1px solid #000000;
    border-radius: 10px;
    background-size: 18px;
    height: 50px;
}

/* 20250407 추가 */
.login_gumi .list-step-b ul li.active .num{background-color: var(--g-pink2); border-color: var(--g-pink2);}
.login_gumi input.check-style-02:checked ~ label::before{background-color: var(--g-pink2); border-color: var(--g-pink2);}
.login_gumi .list-agree-b + .tap{margin-top: 40px;}
.login_gumi .list-agree-b + .tap + .btn-wrap{margin-top: 15px;}
.cert-box{margin-top: 30px; border-radius: 4px; border: 1px solid #E4E4E4; overflow: hidden;}
.cert-box__hd{border-bottom: 1px solid #e4e4e4; padding: 20px 0; text-align: center; background-color: var(--g-black1); font-size: 20px; font-weight: 700}
.cert-box__bd > ul > li{padding: 28px 40px;}
.cert-box__img.img_phone{margin-right: 20px;width: 92px; height: 92px; background: url("../../images/user/sub/ico-phone.png") no-repeat 50% / cover;}
.cert-box__cont{font-size: 14px;font-weight: 500;color: var(--g-black9);line-height: 1.7;}
.cert-box__btn{padding: 22px 48px; font-size: 14px; font-weight: 600; border-radius: 4px;}
.btn-style-black8{background-color: var(--g-black8); color: #fff;}
.cert-box__btn:disabled{background-color: #42424242;color: #fff; cursor: not-allowed; }


@media (max-width: 767px) {
    .select-style-01 {
        height: 50px;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    .list-input-a ul li.mail .input-wrap span {
        margin: 14px 4px 0;
    }

    /* 20250407 추가 */
    .cert-box{margin-top: 20px;}
    .cert-box__bd > ul > li{flex-direction: column; gap: 12px; padding: 20px;}
    .cert-box__bd > ul > li > div{width: 100%;}
    .cert-box__img.img_phone{margin-right: 10px; width: 80px; height: 80px;}
    .cert-box__cont{font-size: 12px;}
    .cert-box__btn{padding: 12px 0; width: 100%;}
}

.join-a.find {

}
.join-a .join_wrap {
    max-width: 620px;
    margin: 0 auto;
}
.join-a .join_wrap * {
    transition: all .2s;
}
.join-a .join_wrap .join-header {
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
}
.join-a .join_wrap .join-header .tit {
    font-size: 2rem;
    font-weight: 700;
}
.join-a .join_wrap .join-header .tit2 {
    font-size: 1rem;
    line-height: 28px;
    color: #555;
    margin-top: 14px;
}
.join-a .join_wrap .list-step-a {
    padding: 40px 0;
}
.join-a .join_wrap .btn-wrap {
    margin-top: 50px;
}
.join-a.find .list-input-a {
    padding: 50px 0 0;
}
.join-a.find .list-input-a .join-img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.join-a .list-input-a .join-img img {
    width: 100%;
    max-width: fit-content;
}
.join-a.find .join-finish {
    margin: 32px 0 0;
    text-align: center;
}
.join-a.find .join-finish .tit {
    font-size: 28px;
    font-weight: 700;
    word-break: keep-all;
}
.join-a.find .join-finish .desc {
    font-size: 1.125rem;
    line-height: 1.5;
    margin-top: 24px;
}
.join-a.find .join_wrap .btn-wrap {
    margin-top: 50px;
    display: flex;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.join-a.join .list-input-a {
    padding: 50px 0 30px;
    border-bottom: 1px solid #E4E4E4;
}
.join-a.join .list-input-a .join-img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.join-a.join .join-finish {
    text-align: center;
    margin-top: 22px;
}
.join-a.join .join-finish .tit {
    font-size: 28px;
    font-weight: 700;
    word-break: keep-all;
}
.join-a.join .join-finish .desc {
    font-size: 1.125rem;
    line-height: 1.5;
    margin-top: 40px;
}

@media (max-width: 1280px) {
    .join-a.find {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .join-a.find {
        margin-top: 30px;
    }
    .join-a .join_wrap .btn-wrap {
        flex-direction: column;
    }
    .join-a .join_wrap .join-header {
        padding-bottom: 20px;
        text-align: center;
    }
    .join-a .join_wrap .join-header .tit {
        font-size: 28px;
    }
    .join-a .join_wrap .join-header .tit2 {
        font-size: 12px;
        line-height: 18px;
    }
    .join-a .join_wrap .join-header .tit2 p {
        margin-top: 12px;
    }
    .join-b .join_wrap .list-input-b .btn-wrap {
        margin-top: 30px;
    }
    .join-a.find .join-finish .tit {
        font-size: 22px;
    }
    .join-a.find .join-finish .desc {
        font-size: 1rem;
    }
    .join-a.find .list-input-a {
        padding: 30px 0 0;
    }
    .join-a .list-input-a .join-img img {
        max-width: 70px;
    }
    .join-a.join .list-input-a {
        padding: 30px 0;
    }
    .join-a.join .join-finish .tit {
        font-size: 22px;
    }
    .join-a.join .join-finish .desc {
        font-size: 1rem;
    }
    .join-a.join .list-input-a .join-img img {
        max-width: 50px;
    }
}

/* join1 */
.join-b {
    margin-top: 40px;
}
.join-b .join_wrap {
    max-width: 620px;
    margin: 0 auto;
}
.join-b .join_wrap .join-header {
    border-bottom: 1px solid #373A44;
    padding-bottom: 30px;
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.join-b .join_wrap .join-header .tit-wrap {

}
.join-b .join_wrap .join-header .tit-wrap .tit {
    font-size: 38px;
}
.join-b .join_wrap .join-header .tit-wrap .txt {
    font-size: 1rem;
    line-height: 1.5;
    color: #666E7A;
    margin-top: 20px;
}
.list-step-b {
    cursor: default;
}
.list-step-b ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 8px;
}
.list-step-b ul li {
    position: relative;
}
.list-step-b ul li .num {
    width: 24px;
    height: 24px;
    font-size: 0.875rem;
    font-weight: 500;
    background-color: #fff;
    color: #888;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E4E4E4;
    border-radius: 2px;
}
.list-step-b ul li.active .num {
    background-color: var(--g-navy);
    border: 1px solid var(--g-navy);
    color: #fff;
}
.list-step-b ul li + li {
    margin-left: 20px;
}
.list-step-b ul li + li::before {
    content: "";
    height: 1px;
    background-color: #D0D0D0;
    width: 20px;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.list-agree-b ul li {
    transition: 1s;
    border-bottom: 1px solid #E4E4E4;
}
.list-agree-b ul li .tap {
    position: relative;
    padding: 28px 20px;
    cursor: pointer;
}
.list-agree-b ul li.not-toggle {
    position: relative;
    cursor: pointer;
}
/*input.check-style-02 {*/
/*    display: none;*/
/*}*/
input.check-style-02 ~ label, input.check-style-radio ~ label {
    /*white-space: nowrap;*/
    position: relative;
    cursor: pointer;
}
.list-agree-b ul li.not-toggle label {
    padding: 28px 20px;
}
.list-agree-b ul li.not-toggle label span {
    font-size: 1.25rem;
    font-weight: 700;
}
input.check-style-02 ~ label::before {
    content: "";
    margin-right: 10px;
    border: solid 1px #333333;
    border-radius: 5px;
    background-color: #E4E4E4;
    border: 1px solid #E4E4E4;
    background-image: url("../../../assets/images/ico/ico-check02.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 20px;
    height: 20px;
    display: inline-block;
    flex: none;
}
input.check-style-02:checked ~ label::before {
    background-image: url("../../../assets/images/ico/ico-check02.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 20px;
    height: 20px;
    background-color: var(--g-navy);
    border: 1px solid var(--g-navy);
}

input.check-style-radio ~ label::before {
    content: "";
    margin-right: 10px;
    border-radius: 50%;
    border: solid 2px #D9D9D9;
    background-color: #fff;
    background-image: url("../../../assets/images/ico/ico_radio.png");
    background-size: 10px 10px;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    flex: none;
}
input.check-style-radio:checked ~ label::before {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 2px solid #373A44;
    background-image: url("../../../assets/images/ico/ico_radio_chk.png");
    background-size: 10px 10px;
}


.list-agree-b ul li .tap .input-wrap label {
    font-size: 1.25rem;
    font-weight: 400;
    display: inline-flex;
    word-break: keep-all;
}
.active_btn .sfbtn_wr {
    font-size: 0 !important;
}
.active_btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 100%;
}
.active_btn::before, .active_btn::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 13px;
    background: #000;
    right: 30px;
    top: 50%;
    display: block;
    transition: all 0.3s;
    cursor: pointer;
}
.active_btn::before {
    transform: rotate(-45deg);
    margin-right: -4px;
}
.active_btn::after {
    transform: rotate(45deg);
}
.list-agree-b ul li .tap .active_btn::before, .list-agree-b ul li .tap .active_btn::after {
    width: 6px;
    right: 10px;
}
.tap.active > .active_btn::before {
    transform: rotate(45deg);
}
.tap.active > .active_btn::after {
    transform: rotate(-45deg);
}

.list-agree-b ul li .content {
    display: none;
}
.join-b .join_wrap .btn-wrap {
    margin-top: 50px;
    margin-bottom: 0;
    display: flex;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.scroll-box-txt {
    padding: 30px;
    padding-right: 10px;
    background-color: #F7F7F7;
    border-radius: 3px;
    border: 1px solid #E4E4E4;
    height: 295px;
}
.scroll-box-txt .scoroll-area {
    overflow: auto;
    height: 100%;
    padding-right: 20px;
}
.scroll-box-txt .scoroll-area .txt {
    font-size: 0.75rem;
    line-height: 1.5;
    color: #333333;
}

.scroll-box-txt .scoroll-area::-webkit-scrollbar {width: 3px; background: unset;}
.scroll-box-txt .scoroll-area::-webkit-scrollbar-thumb {border-radius: 3px; background: #C1C4CE;}


@media (max-width: 767px) {
    .join-b {margin-top: 50px;}
    .join-b .join_wrap .join-header {flex-direction: column; align-items: center; justify-content: center; padding-bottom: 20px;}
    .join-b .join_wrap .join-header .tit-wrap {text-align: center;}
    .join-b .join_wrap .join-header .tit-wrap .tit {font-size: 32px;}
    .join-b .join_wrap .join-header .tit-wrap .txt {font-size: 12px; margin-top: 14px;}
    .list-step-b ul {margin-top: 24px; padding: 0;}
    .list-agree-b ul li.not-toggle label, .list-agree-b ul li .tap {padding: 24px 20px 22px;}
    .list-agree-b ul li.not-toggle label span, .list-agree-b ul li .tap .input-wrap label {font-size: 1rem;}
    .join-b .join_wrap .btn-wrap {margin-top: 40px;}
}

.list-input-a ul {margin-top: 30px;}
.list-input-a ul li .input-label .input-hint {
    font-size: 0.75rem;
    font-weight: 400;
    color: #888888;
    margin-top: 8px;
    word-break: keep-all;
}
.list-input-a ul li .input-label ~ .input-label {
    margin-top: 30px;
}
.list-input-a ul li .tip-valid {
    font-size: 0.75rem;
    font-weight: 400;
    margin-top: 5px;
    display: none;
}
.list-input-a ul li .tip-valid.invalid {
    color: #F45452;
    display: block;
}
.list-input-a ul li .tip-valid.valid {
    color: #0F87FF;
    display: block;
}
.list-input-a .btn-input {
    min-width: 180px;
    padding: 0 10px;
    border-radius: 4px;
}
.list-input-a .btn-input.small {
    min-width: 60px;
}
.list-input-a ul li .input-label-wrap {display: flex; justify-content: space-between;}
.list-input-a ul li .input-label-wrap .input-open {display: flex; align-items: baseline; grid-column-gap: 10px; flex: none;}
.list-input-a ul li .input-label-wrap .input-open label {display: flex; align-items: center; flex-direction: row-reverse; grid-column-gap: 10px; font-size: 14px; color: #888;}
.list-input-a ul li .input-label-wrap .input-open input.check-style-02 ~ label::before {margin: 0;}
.list-input-a ul li .input-label-wrap .input-open input.check-style-02:checked ~ label::before {background-color: var(--g-green); border: 1px solid var(--g-green);}
.list-input-a ul li .input-wrap.input2 {justify-content: unset; margin: 14px 0; grid-column-gap: 50px;}
.list-input-a ul li .input-wrap.input2 input[type="radio"] + label::before {background-image: url("../../../assets/images/cmn/radio-button.svg"); background-size: cover; border: 0;}
.list-input-a ul li .input-wrap.input2 input[type="radio"]:checked + label::before {background-image: url("../../../assets/images/cmn/radio-button-on.svg");}
.list-input-a ul li .input-wrap.input3 {margin-bottom: 0;}
.list-input-a ul li .input-wrap.input4 {flex-direction: column;}
.list-input-a ul li .input-wrap.input4 .input-wrap {width: 100%; position: relative;}
.list-input-a ul li .input-wrap.input4 .input-wrap::before {content: '명'; position: absolute; right: 20px; top: calc(50% + 7px); transform: translateY(-50%);}
.list-input-a ul li .input-wrap.input4 .input-wrap input {padding-right: 40px;}
.list-input-a ul li .input-wrap .input-ico {width: 50px; height: 50px; padding: 10px; margin-right: 20px; flex: none; display: flex;}
.list-input-a ul li .input-wrap .input-ico i {width: 30px; height: 30px; display: inline-block; background-repeat: no-repeat; background-size: cover; background-position: center; flex: none; margin: 0;}
.list-input-a ul li .input-wrap .input-ico i.ico-home {background-image: url("../../../assets/images/archive/ico-home_g.svg");}
.list-input-a ul li .input-wrap .input-ico i.ico-facebook {background-image: url("../../../assets/images/archive/ico-facebook_g.svg");}
.list-input-a ul li .input-wrap .input-ico i.ico-instagram {background-image: url("../../../assets/images/archive/ico-instagram_g.svg");}
.list-input-a ul li .input-wrap .input-ico i.ico-youtube {background-image: url("../../../assets/images/archive/ico-youtube_g.svg");}
.list-input-a ul li .input-wrap .input-ico i.ico-naver {background-image: url("../../../assets/images/archive/ico-naver_g.svg");}
.list-input-a ul li .input-wrap .input-ico i.ico-twitter {background-image: url("../../../assets/images/archive/ico-twitter_g.svg");}
.list-input-a ul li .sns-input-wrap input {font-size: 14px;}
.myPage .list-input-a ul li textarea {min-width: 100%; max-width: 1120px; border: 1px solid #E4E4E4; padding: 14px 20px; resize: none;}
.myPage .attach__btn {position: absolute; top: calc(50% + 7px); left: 20px; transform: translateY(-50%); width: fit-content; padding: 6px 14px; font-size: 1rem; border-radius: 2px; background: #EAEAEA;}
.myPage .delete__btn {position: absolute; top: calc(50% + 7px); right: 20px; transform: translateY(-50%); width: fit-content; padding: 6px 14px; font-size: 1rem; color: #fff; border-radius: 2px; background: var(--g-navy); display: flex; align-items: center; grid-column-gap: 4px;}
.myPage .delete__btn i {width: 14px; height: 14px; display: inline-block; background-image: url("../../../assets/images/ico/ico-file-delete.svg"); background-repeat: no-repeat; background-size: cover;}
.myPage .list-input-a ul li .input-label .input-hint {line-height: 1.4;}
.myPage .list-input-a ul li .input-wrap input.input-file {padding-left: 144px; height: 62px; color: #757575;}
.myPage .list-input-a ul li .input-wrap .down-link {width: 100%; text-decoration: underline;}
.myPage .list-input-a ul li .input-wrap .down-link.active > .input-file {text-decoration: underline;cursor: pointer;}
.bbsAply .list-input-a ul li .input-wrap .down-link.active > .input-file {text-decoration: underline;cursor: pointer;}
.bbsAply .input-file input[readonly]{text-decoration: underline;}
@media (max-width: 767px) {
    .list-input-a .btn-input {
        min-width: 80px;
        padding: 0;
    }
    .list-input-a .btn-input.small {
        min-width: 46px;
    }
    .list-input-a ul li .input-label ~ .input-label {
        margin-top: 14px;
    }
    .list-input-a ul li .input-label .input-hint {
        font-size: 12px;
    }
    .list-input-a ul li .input-wrap {
        flex-direction: column;
    }
    .list-input-a .btn-input {
        margin: 12px 0 0;
        width: 100%;
        font-size: 1rem;
    }
    .list-input-a ul li .input-radio-wrap .input-radio-li label {
        font-size: 14px;
    }
    .list-input-a ul li.name {
        flex-direction: column;
    }
}

/* mypage */
.myPage-wrap {margin-top: 50px; display: flex; justify-content: space-between; grid-column-gap: 40px;}
.myPage-side {width: 100%; max-width: 280px; height: fit-content; flex: none; /*position: sticky; top: 20px;*/}
.myPage-side .side-menu {border: 1px solid #E4E4E4; padding: 23px 20px 4px;}
.myPage-side .side-menu .side-menu-top {font-size: 12px; font-family: "Product Sans Black", Sans-Serif; font-weight: 700;}
.myPage-side .side-menu > ul {margin-top: 8px;}
.myPage-side .side-menu > ul > li:not(:last-child) {border-bottom: 1px solid #E4E4E4;}
.myPage-side .side-menu > ul > li a {font-size: 18px; padding: 24px 0;}
.myPage-side .side-menu > ul > li a.del-id {font-size: 12px; font-weight: 700; color: #BABABA; text-decoration: underline; text-underline-offset: 2px;}
.myPage-side .side-menu > ul > li.active a {font-weight: 700; text-decoration: underline; text-underline-offset: 2px;}
.myPage-wrap .list-input-a ul {margin-top: 0;}

.myPage {width: 100%;}
.myPage .myPage-tit {padding-bottom: 25px; border-bottom: 1px solid #000;}
.myPage .myPage-tit h2 {font-size: 28px; font-weight: 700;}
.myPage .btn-wrap {margin: 50px auto 0; justify-content: end;gap:18px;}

.myPage .info-box {border-radius: 7px; border: 1px solid #E4E4E4; margin-bottom: 40px;}
.myPage .info-box .info-tit {font-size: 20px; font-weight: 700; text-align: center; padding: 20px 0; background: #F7F7F7;}
.myPage .info-box .info-cont {font-size: 1rem; line-height: 1.5; padding: 40px;}
.myPage .info-box .info-cont span {color: #F00; font-weight: 600;}
.myPage .info-box .info-cont .info-etc {font-size: 14px; color: #888; line-height: 1.5; margin-top: 20px;}
.myPage .info-box.work {margin-top: 70px;}

/*sns 버튼*/
.myPage .sns-wrap {margin-top: 14px; grid-column-gap: 35px; grid-row-gap: 16px;}
.myPage .sns-btn.kakao {background: #FAE132;border: 1px solid #FAE132;}
.myPage .sns-btn {width: 100%;height: 50px;border-radius: 10px;color: #000;font-weight: 500;display: flex;align-items: center; padding: 0 20px;}
.myPage .sns-btn .btn {width: fit-content;height: 100%; display: flex; align-items: center; justify-content: center;}
.myPage .sns-btn .btn.unlink {background: unset;color: #000 !important;}
.myPage .sns-btn .btn.unlink.txt-white {color: #fff !important;}
.myPage .sns-btn__img {flex: 1; display: flex; justify-content: left;}
.myPage .sns-btn.kakao .sns-btn__img i {margin-right: 7px;}
.myPage-sub .sns-btn__img i {background-size: contain;}  .ico i {background-repeat: no-repeat;background-size: cover;}
.myPage .sns-btn.naver {background: #24C730;border: 1px solid #24C730;color: #fff;}
.myPage .sns-btn.google {border: 1px solid #E4E4E4;}
.ico_kakao {background-image: url(/assets/images/ico/ico_kakao.svg);background-position: 50%;background-repeat: no-repeat;background-size: contain;width: 23px;height: 20px;}
.ico_naver {background-image: url(/assets/images/ico/ico_naver.svg);background-position: 50%;background-repeat: no-repeat;background-size: contain;width: 40px;height: 40px;}
.ico_google {background-image: url(/assets/images/ico/ico_google.svg);background-position: 50%;background-repeat: no-repeat;background-size: contain;width: 40px;height: 40px;}

/* mypage table */
.myPage .bbsBar {margin-top: 0;}
.bbstb_td.td_process {}
.process-btn {display: flex;align-items: center;justify-content: center;grid-column-gap: 8px;padding: 8px 16px;border-radius: 3px;color: #fff;width: fit-content;margin: 0 auto;font-weight: 500;max-width: 112px;}
.process-btn i {width: 12px; height: 12px; display: inline-block; background-repeat: no-repeat; background-size: cover;}
.process-btn i.ico-O {background-image: url("../../../assets/images/ico/ico-O.svg");}
.process-btn i.ico-check {background-image: url("../../../assets/images/ico/ico-check02.svg");width: 15px;height: 12px;}
.process-btn i.ico-X {background-image: url("../../../assets/images/ico/ico-X.svg");}
.myPage .btn-wrap .regist-btn {border-radius: 3px; border: 1px solid #E4E4E4; padding: 8px 20px; width: fit-content; margin-left: auto; display: flex; align-items: center; grid-column-gap: 8px;}
.myPage .btn-wrap .regist-btn i {width: 17px; height: 8px; display: inline-block; background-image: url("../../../assets/images/ico/ico-arrow-right.svg"); background-repeat: no-repeat; background-size: cover;}

/*mypage delete ID*/
.mypage-cont {border-radius: 20px;background: #fff;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);overflow: hidden; padding: 40px 30px;}
.mypage-cont .back_list { border-radius: 24px; background: #fff; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); display: inline-flex; padding: 8px 16px; justify-content: center; align-items: center; margin-bottom: 30px; color: var(--g-black6); font-size: 16px; font-weight: 600; line-height: 20px; }
.mypage-cont .back_list span { font-family: cursive; margin-right: 8px; }
.mypage-withdraw .btn-withdraw{opacity: .2;}
.mypage-withdraw .btn-withdraw.on{opacity: 1;}
.mypage-withdraw .subTit{font-size: 30px; font-weight: 800;}
.mypage-withdraw .info-box2 {margin-top: 40px;}
.mypage-withdraw .info-box2 .tit{font-size: 20px; margin-bottom: 20px; word-break: keep-all; line-height: 1.6;}
.mypage-withdraw .info-box2 .cont{color: var(--g-black6);font-size: 16px;font-weight: 500;line-height: 1.8;}
.mypage-withdraw .info-box2 .cont b{font-weight: 800; display: block;}
.mypage-withdraw .list-input-a ul li .input-wrap + .input-wrap{margin-top: 20px;}
.mypage-withdraw form input.check-style-02 ~ label{font-size: 16px; color: var(--g-black6); font-weight: 600;}
.mypage-withdraw .btn-wrap{max-width: 290px; width: 100%; margin-left: auto; margin-right: auto;}
.mypage.mypage-withdraw .join-b .join_wrap{padding: 0 20px;}
.myPage.mypage-withdraw .join-b {margin-top: 0; padding: 0 20px;}


/* bbsProgram */
.bbsProgram .bbsPoster-detail .bbsPoster-cont{border-bottom: 0;}
.apply-btn{position: relative;display: inline-flex;align-items: center;justify-content: space-between;color: #fff;font-weight: 500;padding: 13px 20px;width: 140px;border-radius: 22px;}
.apply-btn::after{content: '';width: 16px;height: 16px;background: url("../../../assets/images/ico/ico-arr_top.svg") no-repeat 50% / cover;}
.topimg04 ~ .inner .apply-btn{background-color: var(--g-pink)}
.topimg04 ~ .inner .program-table{border-top: 2px solid var(--g-pink);}
.topimg04 ~ .inner .program-table td .aply-num{    color: var(--g-pink);font-weight: 600;}
.topimg04 ~ .inner .program-table td .sub_txt{display: block;   font-size: 13px;font-weight: 400;color:var(--g-black7);padding-top:2px;}
.bbsProgram .apply-btn.disabled ,.topimg04 ~ .inner .apply-btn:disabled{background-color: var(--g-black4);cursor:default;}
.program-table{margin-bottom: 50px;}
.program-table th{width: 270px; background-color: #FFF3F3}
.program-table td{width: 320px; padding: 0 16px;}
.program-table th,
.program-table td{height: 52px; border-bottom: 1px solid var(--g-black2)}
.bbsPoster-detail__tit i{width: 8px; height: 8px; border-radius: 50%; flex: none; margin-right: 10px;}
.topimg04 ~ .inner .bbsPoster-detail__tit i{background: var(--g-pink)}
.program-detail .bbsPoster-detail__tit{margin-bottom: 20px;}
.program-detail{padding: 30px 0; border-top: 1px solid var(--g-black2);}
.bbsAply{border-top: 3px solid #000; padding-top: 30px;}
.bbsAply .flxtb_th{font-weight: 700; margin-bottom: 10px;}
.bbsAply .flxtb_tr + .flxtb_tr {margin-top: 20px;}
.bbsAply .require{color: #FF0000;}
.bbsAply input[type="text"],
.bbsAply input[type="tel"]{height: 52px; font-size: 14px; font-weight: 500; padding: 0 20px; border-radius: 4px;}

.bbsAply input[readonly]{color: rgba(0, 0, 0, 0.67) !important;}

.bbsAply .input-row input:not(:last-child) {margin-bottom: 0;}
.bbsAply .input_wrap{margin: 20px 0 40px;}
.bbsAply .flxtb-box{border-radius: 4px;padding: 14px 20px;background-color: #f7f7f7;min-height: 52px;border: 1px solid #e4e4e4;font-size: 14px;line-height: 1.6;max-height: 600px; overflow:auto;}
.bbsAply .flxtb-box table,
.bbsAply .flxtb-box table th,
.bbsAply .flxtb-box table td {
    border: 1px solid #ccc;
    text-align: center; /* 텍스트 중앙 정렬 */
}
.bbsAply .flxtb-box table {
    border-collapse: collapse;
    width: 50%; /* 또는 max-width로 제한 */
    max-width: 1000px;
    table-layout: fixed; /* 셀 너비를 균등하게 */
    margin-bottom: 20px;
}
input[type="checkbox"] + label, .input_wrap input[type="radio"] + label{font-size: 16px; position: relative;}
input[type="checkbox"] + label::before,
.input_wrap input[type="radio"] + label::before{border-color: #e4e4e4;}
.input_wrap input[type="radio"]:checked + label:after {content: '';position: absolute;top: 49%;transform: translateY(-50%);left: 4px;background: var(--g-pink);width: 12px;height: 12px;border-radius: 50%;}
.input_wrap input[type="radio"]:checked + label::before {background: none;}
input[type="checkbox"] + label::before{border-radius: 3px;}
input[type="checkbox"]:checked + label::before{background: url(/assets/images/ico/ico_check_02.svg) no-repeat 50% / cover;background-repeat: no-repeat;background-size: 11px 9px;background-color: var(--g-pink);border-color: var(--g-pink);}
.input_wrap input[readonly], .bbsAply input[disabled], .bbsAply input[type="checkbox"]:disabled + label::before,
.bbsAply input[type="radio"]:disabled + label::before{background-color: #f7f7f7 !important; color: #292929 !important; font-weight: 500;}
.bbsAply .btn-wrap{display: flex; justify-content: center; grid-column-gap: 20px;grid-row-gap: 20px;}
.bbsAply .btn-wrap .btn{width: 300px;}
.bbsAply .btn-style-navy{background-color: var(--g-pink);border-color: var(--g-pink);}
.bbsPoster-r .detail-btn + .detail-btn {margin-top: 10px;}
.myPage .paging_li.paging_li_active{background-color: var(--g-pink2); border-color: var(--g-pink2)}
.bbstb_th.th_lectureDate {max-width: 205px; width: 100%;}
.bbstb_td.td_lectureDate {max-width: 205px; width: 100%;}
.myPage .bbstb_tr.tbody > li{padding: 17px 10px;}
.myPage .bbstb_tr.thead{background-color: #FFF3F3; border-top: 1px solid var(--g-pink2)}
.myPage .bbs-table .bbstb_tr.tbody:hover{background-color: var(--g-black1); border-left: 0;cursor: pointer}
.myPage .bbstb_th.th_process, .myPage .bbstb_td.td_process {width: 100%;max-width: 130px;}
.process-btn i.ico-wait {height: 2px; background-image: url(../../../assets/images/ico/ico-wait.svg);}
.myPage .bbs-table .bbstb_tr.tbody:hover .bbstb_td.td_subj a {text-decoration-line: overline;}
.myPage .bbs-table .bbstb_tr.tbody:hover li {font-weight: 600;}
.myPage .bbstb_tr.empty {border-bottom: 1px solid #E4E4E4;}
.myPage .bbstb_tr.empty > li {padding: 54px 0 80px;margin-top: 80px;}
.detail-box{padding: 30px; border-radius: 10px; border: 1px solid #e4e4e4;margin-bottom: 30px;}
.detail-box + .detail-box{}
.detail-box .process-btn{margin: 0}
.detail-subj{margin-top: 10px; font-size: 20px; font-weight: 700; line-height: 1.6;}
.detail-subj a {text-decoration: underline;}
.detail-cont{margin-top: 30px;}
.detail-cont > li{display: flex; gap: 14px;}
.detail-cont > li + li{margin-top: 20px;}
.detail-cont > li  b{width: 112px;}
.detail-box__tit {background-color: #FFF3F3;text-align: center;font-size: 14px;font-weight: 700;padding: 6px 0;border-radius: 50px;line-height: 1.5;}
.detail-box .btn-wrap{gap: 18px; margin-top: 20px}
.checkbox-wrap{gap: 10px;}
.ico-naverPay{width: 64px; height: 24px; background-image: url("../../images/ico/ico-naverPay.svg")}
.ico-kakaoPay{width: 58px; height: 24px; background-image: url("../../images/ico/ico-kakaoPay.svg")}
.ico-payco{width: 83px; height: 24px; background-image: url("../../images/ico/ico-payco.svg")}
.ico-samsungPay{width: 115px; height: 24px; background-image: url("../../images/ico/ico-samsung.svg")}
.payOption select{margin-bottom: 10px;max-width: 310px;}
.input_wrap .select{flex: none;}
.input_wrap.flex{gap: 10px;}
.input_wrap.flex-h-c {gap: 12px 20px; flex-wrap: wrap;}
.select_wrap.flex-h-c{gap: 10px;}
.select_wrap.flex-h-c input{flex: 1;}
.select-btn.flex-h-c{gap: 30px;}
.select-btn .btn{width: 380px; height: 110px; display: flex; align-items: center; justify-content: center; border: 1px solid #e4e4e4; background-color: #fff; border-radius: 10px; font-size: 28px;}
.select-btn .btn span{font-size: inherit; font-family: inherit; position: relative;}
.select-btn .btn.active{background-color: rgba(255, 120, 120, 0.1); border-color: var(--g-red2)}
.select-btn .btn.active span::after{content: '';position: absolute;top: -17px;right: -30px;width: 55px;height: 52px;background: url("../../images/user/sub/rent-icon.svg") no-repeat 50% /cover;}
.comBox + .comBox {margin-top: 140px;}
.select-list{gap: 50px;flex-wrap: wrap;}
.select-list > li {
    width: calc(50% - 34px);
}
.select-list .tit-wrap{margin-top: 30px; margin-bottom: 16px;}
.select-list .num{font-weight: 500;color: var(--g-black6);line-height: 1.8;}
.select-list .tit{font-size: 26px;}
.select-list .tit span{color: var(--g-red2);font-size: 30px;font-weight: 900; position: relative; margin-right: 28px;}
.select-list .tit span::after{content: '';position: absolute;top: -4px;right: -18px;background: url("../../images/user/sub/rent-icon02.svg") no-repeat 50% / cover;width: 48px;height: 40px;z-index: -1;}
.apply-btn.bg-red2{border: 1px solid var(--g-red2);color: #fff;}
.apply-btn.bg-red2 .ico-rent{background-image: url("/assets/images/ico/ico-link_white.svg");color: #FFFFFF}
.apply-btn.bg-red2:hover {opacity: .7;}

.select-list .apply-btn{font-size: 16px;font-weight: 500; height: 45px; transition: .4s;}
.select-list .apply-btn::after{background: url("../../../assets/images/ico/ico-arr_top.svg") no-repeat 50% / cover;transition: .4s;}
.select-list .apply-btn:hover{background-color: var(--g-red2); color: #fff;}
.select-list .apply-btn:hover::after{background-image: url(../../../assets/images/ico/ico-arr_top.svg);}
.useInfo-top {gap: 24px;align-items: stretch; margin-bottom: 24px;}
.useInfo-top .detail-box {max-width: 600px;width: 100%;}
.useInfo-top .space-img .img-wrap {    aspect-ratio: 16 / 10;}
.useInfo-top .space-img {  flex: 0 0 49%;}

.useInfo .detail-cont{color: var(--g-black7)}
.useInfo .detail-cont p{line-height: 1.4;}

.rentAply .detail-cont{min-height: 230px; max-height:345px; overflow: auto;}
.rentAply input[type="checkbox"]:checked + label:before{background-color: var(--g-red2);border-color: var(--g-red2);}
.rentAply .input_wrap input[type="radio"]:checked + label:after{background: var(--g-red);}
.list_bd-top{margin-top: 10px; margin-bottom: 10px; font-size: 14px; font-weight: 500; color: var(--g-black7)}
.calendar-list .input_wrap.flex-h-c{gap: 23px 53px;}
.rentAply .calendar-list__bd .list-ul{height: auto; padding-bottom: 50px;}
.rentAply .calendar-list__bd ul li{border-bottom: 0;}
.input_wrap input[type="checkbox"]:disabled + label,
.input_wrap input[type="radio"]:disabled + label {color: var(--g-black4) !important;}
.input_wrap input[type="checkbox"]:disabled + label::before,
.input_wrap input[type="radio"]:disabled + label::before {border-color: #e4e4e4 !important;background-color: var(--g-black1) !important;}
/*.rentAply .ct td.focus{background-color: transparent}*/
.rentAply .ct td.focus .ct_day{color: #fff;}
.rentAply .ct td.focus .ct_day::after {content: '';background-color: var(--g-red2);display: inline-block;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 30px;height: 30px;z-index: -1;}
.rentAply .calendar-list__bd.bd_select ul{margin-top: 20px;}
.rentAply .calendar-list__bd.bd_select ul li{padding: 0;}
.rentAply .calendar-list__bd.bd_select ul li + li{padding-top: 10px;}
.rentAply .btn-wrap{display: flex; justify-content: center; grid-column-gap: 20px;grid-row-gap: 20px;margin-top:56px;}
.rentAply .btn-wrap .btn{width: 300px;}
.rent.list-ul {display: flex;flex-wrap: wrap;gap: 12px; /* 요소 사이 여백 */padding: 0;margin: 0;list-style: none;}
.rent .input_wrap {width: calc(25% - 9px); /* 3개씩 한 줄, 간격 고려 */}
.ct td.ct_close {cursor: default;background-color: #FAFAFA;}
.ct td.ct_close .ct_day {color: var(--g-black6);}
.input-file{gap: 10px;}
.input-file__wrap{display: flex; position: relative; flex: 1;}
.input-file__wrap .delete__btn{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 14px;font-weight: 500;color: var(--g-black4);text-decoration: underline;}
.input-file .down-link{flex: 1;}
.input-file .attach__btn{flex: none; width: 52px; height: 52px; border-radius: 5px;}
.input-file .attach__btn span{margin-right: 10px; font-size: 16px; font-weight: 500; color: #fff; display: none;}
.ico-upload_w{width: 20px; height: 15px; background: url("../../images/ico/ico-upload_w.svg") no-repeat 50% / cover;}
.input-file input[readonly]{background-color: #fff !important; color: var(--g-black6) !important;}
.rentAply .down-btn{gap: 10px; padding: 14px 20px; font-size: 16px; font-weight: 500; background-color: #F7F0F0; border: 1px solid var(--g-red2); border-radius: 8px; color: var(--g-red2)}
.rentAply .btn-style-red{background-color: var(--g-red2);border-color: var(--g-pink2);}
.ico-down_red{width: 16px; height: 14px; background: url("../../images/ico/ico-down_red.svg") no-repeat 50% / cover;}

.flxtb_radio{margin-top: 30px;}
.flxtb_radio .input_wrap{margin-top: 10px;}


@media (max-width: 1280px) {
    .myPage-wrap {flex-direction: column;}
    .myPage-side {display: none;}
    .myPage-wrap {margin-top: 40px;}
    .myPage .info-box .info-cont {padding: 30px; font-size: 14px;}
    .bbstb_th.th_area3, .bbstb_td.td_area3 {display: none;}
    .myPage.mypage-withdraw .join-b {padding: 0;}
    .space-bottom {flex-direction: column;}
    .space-bottom .sns-wrap {margin-top: 15px;width: 100%;}
    .space-img .sns-wrap .btn-control {width: 100%;}
    .myPage .bbstb_th.th_num, .myPage .bbstb_td.td_num{display: none;}

    .select-btn .btn {width: 100%;}
    .comBox + .comBox {margin-top: 100px;}
    .select-list.flex-h-c {flex-wrap: wrap;gap: 40px;}
    .select-list.flex-h-c > div {width: 100%;}
    .select-list .space-img {max-width: calc(100% - 0px);}
    .select-list .apply-btn {width: 100%;}
    .useInfo-top {flex-direction: column;align-items: flex-start;}
    .useInfo-top .space-img {max-width: 100%;}
    .useInfo-top .detail-box {max-width: 100%;}

    .select-list > li {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 1024px) {
    .rent .input_wrap {
        flex: 0 0 calc(33.33% - 0.75rem);
    }
}

@media (max-width: 767px) {
    .myPage .myPage-tit {padding-bottom: 20px;}
    .myPage .myPage-tit h2 {font-size: 24px;}

    .myPage-wrap {margin-top: 30px;}
    .myPage .info-box {margin-bottom: 34px;}
    .myPage .info-box .info-tit {font-size: 18px;}

    .list-input-a ul li .input-wrap.input2 {flex-direction: unset; grid-column-gap: 40px;}
    .list-input-a ul li .input-wrap.input3 {flex-direction: column-reverse; align-items: baseline; grid-row-gap: 12px;}
    .myPage .list-input-a ul li + li {margin-top: 20px;}
    .myPage .list-input-a ul li .sns-input-wrap .input-wrap {flex-direction: unset; align-items: center;}
    .myPage .list-input-a ul li .input-label .input-hint {word-break: break-all;}
    .list-input-a ul li .input-wrap .input-ico {width: 30px; height: 30px;}
    .list-input-a ul li .input-wrap .input-ico i {width: 20px; height: 20px;}
    .list-input-a ul li .input-label-wrap .input-label {max-width: 70%;}
    .list-input-a ul li .input-wrap.input4 .input-wrap::before {font-size: 14px; right: 14px;}
    .list-input-a ul li .input-wrap.input4 .input-wrap input {padding-right: 30px;}
    .myPage .delete__btn {font-size: 0; grid-column-gap: 0; padding: 7px;}

    .myPage .bbstb_td.td_area, .myPage .bbstb_td.td_area3, .myPage .bbstb_td.td_date {display: flex; font-size: 12px; color: #BABABA; margin-top: 10px;}
    .myPage .bbstb_td.td_area p, .myPage .bbstb_td.td_area3 p, .myPage .bbstb_td.td_date p {min-width: 42px; margin-right: 16px; position: relative;}
    .myPage .bbstb_td.td_area p::before, .myPage .bbstb_td.td_area3 p::before, .myPage .bbstb_td.td_date p::before {content: ''; width: 1px; height: 10px; background: #E4E4E4; position: absolute; right: -8px; top: 50%; transform: translateY(-50%);}
    .myPage .bbstb_td.td_date:before {content: unset;}
    .bbstb_th.th_process {display: none;}
    .bbstb_td.td_process {max-width: 100%; margin-top: 20px;}
    .bbstb_td.td_process .process-btn {width: 100%; height: 46px;}

    .myPage .btn-wrap {margin: 30px auto 0;}
    .myPage .btn-wrap .regist-btn {width: 100%; height: 46px; justify-content: space-between;}

    .mypage-cont {padding: 30px 20px;}
    .mypage-cont .back_list {margin-bottom: 20px;}
    .mypage-withdraw .subTit{font-size: 22px; line-height: 1.5;}
    .mypage-withdraw .info-box2 {margin-top: 30px;}
    .mypage-withdraw .info-box2 .tit{font-size: 18px;}
    .mypage-withdraw .info-box2 .cont{font-size: 14px;}
    .mypage-withdraw .list-input-a ul li .input-wrap + .input-wrap{margin-top: 15px;}
    .mypage-withdraw .btn-wrap{max-width: 100%;}
    .mypage-withdraw .list-input-a ul li.id .input-wrap {align-items: baseline;}
    .mypage-withdraw form input.check-style-02 ~ label {font-size: 14px; line-height: 1.3;}
    .mypage-withdraw form .checkbox input.check-style-02 ~ label {align-items: flex-start;}
    .mypage-withdraw .btn-style-red {max-width: 100%; height: 48px;}
    .space-bottom .sns-wrap {flex-direction: column;}

    /* bbsProgram */
    .apply-btn {width: 100%;}
    .program-table tr {display: flex;flex-wrap: wrap;width: 100%;}
    .program-table th, .program-table td {display: flex;align-items: center;justify-content: center;min-height: 50px;height: auto;font-size: 14px;}
    .program-table th {width: 110px;flex: none;}
    .program-table td {width: calc(100% - 110px);justify-content: left;line-height: 1.5;padding: 14px 16px;}
    .program-table table, .program-table tbody {display: block;}
    .program-table td .sub_txt{padding-left:9px;font-size: 9px;}
    .program-table td .aply-num{padding:3px;}
    .program-detail{padding: 20px 0;}
    .bbsAply .btn-wrap .btn {width: 100%;}
    .bbsAply input[type="text"], .bbsAply input[type="tel"] {height: 48px;}
    .bbsAply .flxtb_th {font-size: 14px;}
    .bbsPoster-r .detail-btn + .detail-btn {margin-top: 8px;}
    .myPage .bbstb_tr.thead{display: none;}
    .myPage .bbs-table{border-top: 1px solid var(--g-pink2);}
    .myPage .bbs-table .bbstb_tr.tbody:hover {background-color: transparent;}
    .myPage .bbs-table .bbstb_tr.tbody:hover .bbstb_td.td_subj a {text-decoration-line: inherit;}
    .myPage .bbstb_tr.tbody{padding: 30px 0;}
    .myPage .bbstb_tr.tbody > li {padding: 0;max-width: 100%;}
    .myPage .bbs-table .bbstb_tr.tbody:hover li{font-weight: inherit;}
    .myPage .bbstb_td.td_lectureDate {display: flex;align-items: center;width: 100%;margin-top: 16px;}
    .myPage .bbstb_td.td_subj a{font-weight: 700;}
    .myPage .bbstb_td.td_date p::before,
    .myPage .bbstb_td.td_lectureDate p::before{content: '';width: 1px;height: 10px;background: #E4E4E4;position: absolute;right: -8px;top: 50%;transform: translateY(-50%);}
    .myPage .bbstb_td.td_date{font-size: 16px;color: #000;}
    .myPage .bbstb_td.td_date p,
    .myPage .bbstb_td.td_lectureDate p {min-width: 42px;margin-right: 16px;position: relative;font-weight: 700;}
    .myPage .bbstb_tr.empty > li {padding: 36px 0 0;margin-top: 0;}
    .myPage .detail-box{padding: 30px 20px;}
    .payOption select{max-width: 100%;}
    .myPage .detail-box .btn-wrap{gap: 10px;}
    .myPage .input_wrap.flex-h-c {flex-wrap: wrap;}
    .myPage .input_wrap .select {width: 100%;}
    .select-btn.flex-h-c {gap: 10px;}
    .select-btn .btn {height: 62px;font-size: 20px;}
    .select-btn .btn.active span::after {width: 35px;height: 34px;top: -8px;right: -22px;}
    .comBox + .comBox {margin-top: 80px;}
    .select-list .tit-wrap {margin: 18px 0 16px;flex-direction: column;align-items: flex-start;gap: 8px;}
    .select-list .tit span {font-size: 20px;margin-right: 20px;}
    .select-list .tit span::after {width: 30px;height: 26px;top: -2px;right: -12px;}
    .select-list .tit {font-size: 18px;}
    .select-list .num {font-size: 14px;}
    .useInfo-top{margin-bottom: 14px;}
    .rentAply .calendar-list__bd ul{padding-bottom: 20px;}
    .rentAply .ct td.focus .ct_day::after {width: 20px; height: 20px;}
    .input-file {flex-direction: column;}
    .input-file__wrap {width: 100%;}
    .input-file .attach__btn {width: 100%;height: 48px;}
    .input-file .attach__btn span{display: block;}
    .rentAply .down-btn {width: 100%;}
    .rentAply .btn-wrap .btn {width:100%;}

    .select-list > li {
        width: 100%;
    }
    .flxtb_radio .radio-tit{font-size: 14px;}


    @media (max-width: 600px) {

        .rent.list-ul li {
            flex: 0 0 47%;

        }

    }
}