/* 게시판 */
.nodata{
  line-height: 200px;
  font-size: 1.125em;
  font-weight: 500;
  color: #AAAAC4;
}
.nolist_box{
    text-align: center;
    border-radius: 8px;
    padding: 60px;
    background: #F2F2F5;
}
.nolist_box p{
  padding-top: 16px;
  font-size: 1.125em;
  font-weight: 500;
  color: #AAAAC4;
}
.board_head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  text-align: right;
}
.board_head .search_box{
  display: inline-flex;
  margin-bottom: 28px;
}


.board_cont .info_box{
	margin-bottom: 12px;
}
.board_list.tbl_box {
  border-top: 2px solid #344054;
  text-align: center;
  table-layout: fixed;
}
.board_list.tbl_box tr{
	transition: all .2s ease;
}
.board_list.tbl_box tr:hover{
	background: #F9FAFB;
}
.board_list.tbl_box tr:hover a{
	text-decoration: underline;
}
.board_list.tbl_box thead th,
.board_list.tbl_box thead td {
  color: #101828;
  border-bottom: 1px solid #e4e7ec;
}
.board_list.tbl_box tbody th, 
.board_list.tbl_box tbody td {
}
.board_list .num b{
  color: #FF5252;
  background: url(/images/notice.svg) no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  font-size: 0;
  background-size: 100%;
}
.board_list .num{ width: 80px; }
.board_list .writer{ width: 140px; }
.board_list .date{ width: 140px; }
.board_list .view{ width: 80px; }
.board_list .file{ width: 60px; }
.board_list td.tit{
  text-align: left;
  font-weight: 600;
  color: #101828;
}
.board_list td.tit a{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board_list .file img{ width: 24px;}
.board_list .tit.secret{
  background: url(/images/lock.svg) no-repeat center left;
  padding-left: 28px;
  background-size: 20px;
}
.secret_modal .modal-dialog{
  width: 560px;
  height: auto;
  padding-top: 60px;
}
.secret_modal .modal-content{
  padding: 0;
  text-align: center;
}
.secret_modal img{
  margin-bottom: 16px;
}
.secret_modal .tit{
  display: block;
  font-family: 'GmarketSansBold';
  font-weight: normal;
  font-size: 2em;
  color: #101828;
  margin-bottom: 8px;
}
.secret_modal .cont{
  font-weight: 500;
  font-size: 1.125em;
  color: #475467;
  line-height: 1.6em;
  margin-bottom: 20px;
}
.secret_modal input{
  background: #F2F4F7;
  width: 100%;
  border: 0;
  padding: 16px 20px;
  margin-bottom: 32px;
}
.secret_modal .btn{
  padding: 0 60px;
}

.board_foot{
  margin-top: 40px;
}
.board_btn{
  text-align: right;
  padding-top: 20px;
}
.bw_foot .btn,
.board_btn .btn{
  width: 160px;
}
.board_cont .board_btn .btn{
  width: 120px;
}
.paging,
.paging > ul{
  display: flex;
  align-items: center;
  justify-content: center;
}
.paging .paging_btn li{
  opacity: 0.6;
  transition: all .2s ease;
}
.paging .paging_btn li:hover{
  opacity: 1;
}
.paging .paging_num{
  margin: 0 20px;
}
.paging ul li{
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  box-sizing: content-box;
}
.paging ul li a{
  display: block;
}
.paging ul li a img{
  vertical-align: middle;
  width: 100%;
}
.paging .paging_btn li {
  width: 36px;
}
.paging .paging_num li a{
  color: #838B9C;
  font-weight: bold;
  transition: all .2s ease;
}
.paging .paging_num li:hover a{
  color: #475467;
  font-weight: bold;
}
.paging .paging_num li.chk a,
.paging .paging_num li.chk:hover a{
  font-weight: bold;
  color: #101828;
  border-bottom: 3px solid #101828;
}

/* 게시판상세보기 */
.board_view .board_view_head{
  border-top: 2px solid #344054;
}
.board_view .board_view_head .bv_title{
  padding: 20px;
  border-bottom: 1px solid #E4E7EC;
}
.board_view .board_view_head .bv_title strong{
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.4em;
  color: #101828;
}
.board_view .board_view_head .bv_title .bv_info{
  display: flex;
  margin-top: 20px;
  color: #475467;
}
.board_view .board_view_head .bv_title .bv_info li:first-child {
  padding-left: 0;
}
.board_view .board_view_head .bv_title .bv_info li{}
.board_view .board_view_head .bv_title .bv_info li b{
  padding-right: 4px;
  font-weight: 500;
}
.board_view .board_view_head .bv_title .bv_info li span{
  opacity: 0.8;
}
.board_view .board_view_head .bv_file{
  padding: 16px 20px;
  border-bottom: 1px solid #E4E7EC;
  background: #F9FAFB;
}
.board_view .board_view_head .bv_file li {
  padding: 6px 0 6px 24px;
  background: url(/images/download.svg) no-repeat center left;
  background-size: 16px;
}

.board_view .board_view_cont{}
.board_view .board_view_cont .bv_context{
  padding: 20px;
  border-bottom: 1px solid #E4E7EC;
  line-height: 1.6em;
  min-height: 300px;
}
.board_pn_list {
  margin-top: 40px;
  border-top: 1px solid #e4e7ec;
}
.board_pn_list dl{
  display: flex;
  border-bottom: 1px solid #e4e7ec;
  line-height: 1.6em;
}
.board_pn_list dl dt{
  position: relative;
  color: #101828;
  font-weight: 600;
  width: 120px;
  padding: 16px 24px;
}
.board_pn_list dl dt:before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background: #e4e7ec;
}
.board_pn_list dl dt img{
  position: absolute;
  height: 16px;
  right: 20px;
  top: calc(50% - 8px);
}
.board_pn_list dl dd{
  width: calc(100% - 120px);
  padding: 16px 24px;
  color: #838B9C;
}
.board_pn_list dl dd a{
  color: #101828;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board_pn_list dl dd a:hover{
  text-decoration: underline;
}

.bv_answer{
  background: #F4F5F8;
  padding: 20px;
  border-top: 1px solid #E4E7EC;
  border-bottom: 1px solid #E4E7EC;
  line-height: 1.6em;
}
.bv_answer .bv_answer_head {
  display: flex;
  margin-bottom: 8px;
}
.bv_answer .bv_answer_head .bv_tit{
  display: block;
  font-family: 'GmarketSansBold';
  font-weight: normal;
  font-size: 1.25rem;
  color: #0B3190;
  margin-right: 12px;
}
.bv_answer .bv_answer_head .bv_info{
  color: #8F90A6;
  font-size: 0.9em;
}
.bv_answer .bv_answer_cont{
  background: #fff;
  padding: 16px;
  color: #475467;
  line-height: 1.6em;
  border: 4px solid #F2F4F7;
}



/* 갤러리 */
.gallery_list > ul{
  display: flex;
  flex-wrap: wrap;
}
.gallery_list > ul > li{
  border: 1px solid #E4E7EC;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 28px;
}
.gallery_list > ul > li .desc{
  padding: 12px 4px;
}
.gallery_list > ul > li .desc .tit{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.6em;
  max-height: calc(1em * 1.6 * 2);
  
  font-size: 1.125em;
  color: #010819;
}
.gallery_list > ul > li .desc .date{
  color: #8F90A6;
  padding-top: 16px;
}

/* 시공사례 */
.gallery_list .reference_data {}
.gallery_list .reference_data > li{
  border-radius: 8px;
  overflow: hidden;
  width: calc((100% - 80px) / 5);
  transition: all .2s ease;
}
.gallery_list .reference_data > li:nth-child(5n){
  margin-right: 0;
}
.gallery_list > .reference_data > li .desc {
  padding: 20px;
}
.gallery_list > .reference_data > li .desc .tit {
  /* height: 40px; */
  /* line-height: 40px; */
}
.reference_data > li .desc > div {
  margin-top: 16px;
}
.reference_data > li .desc dl {
  display: flex;
  font-size: 0.9em;
  margin-bottom: 8px;
  color: #667085;
}
.reference_data > li .desc dl dt{
  width: 60px;
  font-weight: 600;
}
.reference_data > li .desc dl dd{
}



/* 회사소개 > 인사말 */
.greeting{
  display: flex;
  flex-direction: row-reverse;
}
.greeting_img{
  width: 100%;
  height: 480px;
  border-radius: 8px;
  overflow: hidden;
}
.greeting_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.greeting_top{
  margin-bottom: 60px;
  padding: 0 40px;
}
.greeting_top span{
  display: block;
  color: #D0D5DD;
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 20px;
}
.greeting_top strong{
  color:#101828;
  font-weight: normal;
  font-family: 'GmarketSansMedium';
  font-size: 2.5em;
}
.greeting_top strong b{
  font-weight: 900;
  font-family: 'GmarketSansBold';
}
.greeting_btm{
  padding: 0 120px;
  font-size: 1.125em;
}
.greeting_btm div{
  padding-bottom: 20px;
}
.greeting_btm div p{
  line-height: 1.7;
  letter-spacing: -0.5px;
}
.greeting_btm div p b{
  
}
.greeting_btm .right b{
  color: #838B9C;
}
.greeting_btm .right em{
  font-family: 'InkLipquid';
  font-size: 2.5em;
  padding: 0 12px;
}
.greeting_btm .right small{}


/* 회사소개 > 회사개요 및 기업이념 */
.about_content{}
.about_content > div{
  display: flex;
  margin-bottom: 80px;
}
.about_content h3{
  font-size: 2.5em;
  font-weight: 900;
  color: #101828;
  width: 300px;
}
.about_content h3 + div{
  flex: 1;
}

.overview .dl_card_box > dl {
  width: calc(100% / 2 - 12px);
  line-height: 1.75em;
  padding: 24px;
  background: url(/images/overview01.svg) 24px 24px no-repeat;
  background-size: 40px;
  padding-left: 100px;
}
.overview .dl_card_box > dl:nth-child(2) {background-image: url(/images/overview02.svg);}
.overview .dl_card_box > dl:nth-child(3) {background-image: url(/images/overview03.svg);}
.overview .dl_card_box > dl:nth-child(4) {background-image: url(/images/overview04.svg);}
.overview .dl_card_box > dl:nth-child(5) {background-image: url(/images/overview05.svg);}
.overview .dl_card_box > dl:nth-child(6) {background-image: url(/images/overview06.svg);}
.overview .dl_card_box > dl dt {
  font-weight: bold;
  color: #98a2b3;
  font-family: 'pretendard';
}
.overview .dl_card_box > dl dd {
  color: #101828;
  font-size: 1.25em;
  font-weight: 500;
}

.about_content h4{
  font-family: 'GmarketSansBold';
  font-size: 1.25em;
  margin-bottom: 12px;
  /* color: #101828; */
}
.about_content h4 + ul{
  margin-bottom: 40px;
}
.about_content .card_list p{
  /* color: #667085; */
  font-weight: 500;
  font-size: 1.125em;
  margin-top: 20px; 
    color: #101828;
}
.about_content .card_list li {
  padding: 40px;
}
.about_content .card_list li img{
  width: 48px;
}



/* 회사소개 > 오시는길 */
.map_box{
  border-radius: 8px;
  overflow: hidden;
}
.map_box .root_daum_roughmap{
  width: 100%;
}
.map_info{
  margin-top: 20px;
}
.map_info ul{}
.map_info ul li{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 40px 0;
  border-bottom: 1px solid #e4e7ec;
}
.map_info ul li .map_info_left{
  display: flex;
}
.map_info ul li strong{
  width: 280px;
  font-size: 1.75em;
  color: #101828;
  font-weight: 500;
}
.map_info ul li .dl_box{
  font-size: 1.125em;
}
.map_info ul li .dl_box dl{
  margin-bottom: 20px;
}
.map_info ul li .dl_box dl dt{
  width: 88px;
  flex: 0 0 auto;
  color: #101828;
}
.map_info ul li .dl_box dl dd{
  color:#475467;
  color:#667085;
}
.map_info .btn_box{}
.map_info .btn_box .btn{
  border: 0;
  border-radius: 4px;
}
.map_info .btn_box .btn:first-child{
  background: #00C73C;
  color: #fff;
}
.map_info .btn_box .btn:last-child{
  background: #FAE100;
  color: #000;
}


/* 사업분야 > 청소대행 사업 */
.bsn_content{}
.bsn_content .txt_box{
  border-left: 4px solid #E4E7EC;
  padding-left: 32px;
}
.txt_box li{
  margin-bottom: 24px;
}
.txt_box li strong{
  display: block;
  margin-bottom: 8px;
  font-size: 1.25em;
  line-height: 1.5em;
}
.txt_box li p{
  color: #667085;
}
.bsn_content > article{
  display: flex;
  margin-bottom: 80px;
}
.bsn_content > article > h3{
  font-weight: normal;
  font-family: 'GmarketSansMedium';
  font-size: 2em;
  width: 300px;
  color: #667085;
  flex: 0 0 auto;
}
.bsn_content > article > h3 b{
  color: #101828;
}
.bsn_content > article > div{
  flex: 1;

  width: calc(100% - 300px);
}
.bsn_content > article > div > .txt_wrap{
  border-top: 1px solid #101828;
}
.txt_wrap > li{
  border-bottom: 1px dashed #E4E7EC;
  padding: 44px 0;
}
.txt_wrap strong{
  display: block;
  font-size: 1.25em;
  margin-bottom: 16px;
  color: #101828;
  font-weight: 600;
  word-break: break-all;
}
.txt_wrap p{
  color: #667085;
  line-height: 1.6;
}
.txt_wrap .ui_box{
  margin-top: 16px;
  border: 4px solid #e4e7ec;
  background: #fff;
  border-radius: 0;
}
.txt_wrap .ui_box b{
  display: block;
  margin-bottom: 12px;
}
.txt_wrap h4{
  font-size: 1.5em;
  color: #101828;
  margin-bottom: 24px;
}
.txt_wrap h5{
  font-size: 1.25em;
  color: #5A48BD;
  margin-bottom: 12px;
}
.txt_wrap .txt_depth > li{
  margin-bottom: 32px;
}

/* 사업분야 > 인테리어 */
.bsn_content .tab_content > div{
  position: relative;
}
.swiper-control{
  position: absolute;
  top : -48px;
  right: 0;
  width: 92px;
  height: 40px;
}
.swiper-control .swiper-button-prev,
.swiper-control .swiper-button-next{
  width: 40px;
  border-radius: 50%;
  height: 40px;
  border: 1px solid #ccd0d9;
  color: #ADB5C2;
}
.swiper-control .swiper-button-prev:after,
.swiper-control .swiper-button-next:after{
  font-size: 16px;
}
.swiper-control .swiper-button-prev{
  left: 0;  
}
.swiper-control .swiper-button-next{
  right: 0;
}
.img_wrap{
  display: flex;
}
.img_wrap > li{
  width: 25%;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #E4E7EC;
  margin-right: 20px;
}
.img_wrap > li a{}
.img_wrap .img{
  height: 180px;
}
.img_wrap .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img_wrap .txt{
  padding: 20px;
}
.img_wrap .txt strong{
  display: block;
  margin-bottom: 8px;
}
.img_wrap .txt p{
  color: #838B9C;
  font-size: .9em;
}
.empty_box{
  text-align: center;
  padding: 60px;
  border-radius: 8px;
  background: #f9fafb;
}
.empty_box p{
  text-align: center;
  color: #838B9C;
  font-size: 1.125em;
  font-weight: 500;
  margin-top: 20px;
}

.ready_box{
  text-align: center;
  padding: 60px;
  border-radius: 8px;
  background: #f9fafb;
}
.ready_box img{
  height: 240px;
}
.ready_box strong{
  display: block;
  font-family: 'GmarketSansBold';
  font-size: 2.5em;
  margin-bottom: 8px;
}
.ready_box p{
  font-size: 1.125em;
  line-height: 1.5;
  color:#667085;
}

.tbl_box.type01 {
  border-top: 3px solid #201C70;
  text-align: center;
  letter-spacing: -0.5px;
  color: #667085;
}
.tbl_box.type01 th, .tbl_box.type01 td {
  padding: 16px;
  position: relative;
}
.tbl_box.type01 thead th{
  font-size: .9em;
  background: #F9FAFB;
  color: #344054;
  /* color: #101828; */
}
.tbl_box.type01 tbody th{
  color: #101828;
  font-weight: 600;
}
.tbl_box.type02{
  border-top: 3px solid #201C70;
  color: #667085;
}
.tbl_box.type02 tbody th, .tbl_box.type02 tbody td {
  padding: 20px;
}
.tbl_box.type02 tbody th{
  background: #EDEDF4;
  background: #F6F6F9;
  color: #201C70;
}

.step_box{
  display: flex;
  align-items: center;
  align-items: stretch;
  flex-wrap: wrap;
  letter-spacing: -1px;
  line-height: 1.5;
}
.step_box li.item{
  position: relative;
  background: #F4F5F8;
  width: 160px;
  border-radius: 8px;
  padding: 40px 0;
  text-align: center;
  flex: 1;
}
.step_box li.item .inner{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.step_box li.arrow{
  margin: 0 12px;
}
.step_box li.arrow img{
  height: 100%;
}
.step_box li ul{
  display: inline-block;
}
.step_box li b{
  display: block;
  font-family: 'GmarketSansBold';
  color: #201C70;
  font-size: 0.8em;
  margin-bottom: 16px;
}
.step_box li .tit{
  font-size: 1.25em;
  font-size: 1.5em;
  font-weight: bold;
  color: #101828;
}
.step_box li .desc {
  margin-top: 8px;
}
.step_box .bu_list > li {
  margin: 4px 0;
}

.step_box.type01{
  align-items: flex-start;
  border-top: 1px solid #E4E7EC;
  border-top: 1px dashed #ccd0d9;
  margin-top: 60px;
}
.step_box.type01 li {
  text-align: center;
  position: relative;
  background: transparent;
  padding: 0 8px;
  margin-top: -40px;
  flex: 1;
}
.step_box.type01 li:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #ccd0d9;
  position: absolute;
  top: 35px;
  left: calc(50% - 5px);
  border-radius: 20px;
}
.step_box.type01 li .tit{
  margin-top: 50px;
  font-size: 1.25em;
}

.step_box.type02 {}
.step_box.type02 li.item {
  flex: 0 0 auto;
  padding: 0;
  height: 0;
  border-radius: 50%;
  width: calc((100% - 128px) / 5);
  padding-bottom: calc((100% - 128px) / 5);
}
.step_box.type02 li.item .inner{}
.step_box.type02 li.arrow {
  width: 24px;
  margin: 0 4px;
}
.step_box.type02 li b{
  font-size: 1em;
}
.step_box.type02 li p{
  font-size: 1.125em;
}


/* 사업분야 > 단열필름사업 */
.txt01_box{}
.txt01_box > li{
  display: flex;
  margin-bottom: 40px;
}
.txt01_box h5{
  width: 200px;
  position: relative;
  padding-left: 12px;
  line-height: 1.4em;
  color: #101828;
  font-family: 'GmarketSansMedium';
  padding-right: 40px;
  font-size: 1.125em;
}
.txt01_box h5:before{
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 16px;
  background: #5A48BD;
  top: 3px;
  top: 2px;
  left: 0;
  /* transform: translateY(-50%); */
}
.txt01_box .cont,
.txt01_box .tbl_box{
  flex: 1;
}
.txt01_box .cont > p{
  margin-bottom: 16px;
}
.txt01_box .cont .img_list{
  display: flex;
  flex-wrap: wrap;
}
.txt01_box .cont .img_list img{
  border: 1px solid #F2F4F7;
  width: calc((100% - 12px)/2);
  margin-right: 12px;
  border-radius: 4px;
  margin-bottom: 12px;
}
.txt01_box .cont .img_list.type01 img{
  width: 100%;
  margin-right: 0;
}
.txt01_box .cont .img_list.type02 img{
  width: calc((100% - 24px)/3);
}
.txt01_box .cont .img_list img:last-child{
  margin-right: 0;
}



/* 업무제휴 > 파트너지원 */
.board_write > article{
  margin-bottom: 60px;
}
.board_write > article h3{
  font-family: 'GmarketSansBold';
  font-size: 2rem;
  color: #101828;
  margin-bottom: 16px;
}
.board_write .ui_box{
  margin-top: 32px;
  line-height: 1.5em;
}
.board_write .ui_box strong{
  font-size: 1.25em;
  margin-bottom: 8px;
  display: block;
}
.bw_foot{
  margin-top: 20px;
  text-align: center;
}
.rdo_btn_box, .chk_btn_box{
  display: flex;
}
.rdo_btn_box > li,
.chk_btn_box > li{
  margin-right: 12px;
}
.rdo_btn_box > li input[type="radio"].ui_rdo_btn+label,
.chk_btn_box > li input[type="checkbox"].ui_chk_btn+label {
  padding: 12px 20px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 0.9em;
}
.chk_btn_box input[type="checkbox"].ui_chk_btn:checked+label {
  background-image: none;
  background: #201C70;
  border-color: #201C70;
  color: #fff;
}

/* 고객센터 > 견적문의 */
.contact{
  width: 80%;
  margin: 0 auto;
}
.contact .title{
  text-align: center;
  margin-bottom: 60px;
}
.contact .title strong{
  color: #101828;
  display: block;
  font-size: 1.75em;
  margin-bottom: 12px;
}
.contact .title p{
  color: #667085;
}
.contact > article{}
.contact > article > div{
  margin-bottom: 40px;
}
.contact > article h4{
  font-family: 'GmarketSansBold';
  font-size: 1.25rem;
  color: #101828;
  margin-bottom: 16px;
}
.contact .sub_title{
  display: flex;
  align-items: flex-end;
  margin-bottom: 16px;
}
.contact .sub_title h4{
  margin-bottom: 0;
  margin-right: 20px;
}
.contact .info_box{
  border-radius: 4px;
  background: #fff;
  padding: 20px;
  border: 1px solid #e4e4eb;
  border-left: 6px solid #3E7BFA;
  margin-bottom: 40px;
}
.info_box dt {
  font-size: 1.125em;
  margin-bottom: 12px;
  font-family: 'GmarketSansMedium';
}
.info_box dd ul {
  color: #475467;
}
.info_box dd ul.bu_list li {
  margin: 4px 0 0 0;
}
.contact .privacy_area{
  margin-bottom: 12px;
  background: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 4px;
  padding: 20px;
}
.contact .privacy_area .ui_box {
  margin-top: 0;
  border-radius: 4px;
  height: 140px;
  overflow-y: scroll;
  font-size: .9em;
}
.privacy_area .sub_title{
  justify-content: space-between;
}
.privacy_area dl{
  margin-bottom: 24px;
}
.privacy_area dt{
  font-weight: 700;
  font-size: 1.125em;
  margin-bottom: 4px;
}
.privacy_area dd{
  color: #475467;
}
.privacy_area .agree_box{
  text-align: center;
  margin-top: 16px;
}


.bsn_category_box{
  display: flex;
  gap: 20px;
}
.bsn_category_box > li{
  width: 25%;
  width: calc(100% / 3);
}
.bsn_category_box input[type="checkbox"].ui_chk_btn+label {
  width: 100%;
  padding: 44px 0 12px;
  text-align: center;
	background: url(/images/bsn_category.svg) no-repeat top 12px center;
  background-size: 24px;
  color :#344054; 
}
.bsn_category_box > li:nth-child(2) input[type="checkbox"].ui_chk_btn+label {
	background-image: url(/images/bsn_category01.svg);
}
.bsn_category_box > li:nth-child(3) input[type="checkbox"].ui_chk_btn+label {
	background-image: url(/images/bsn_category02.svg);
}
.bsn_category_box > li:nth-child(4) input[type="checkbox"].ui_chk_btn+label {
	background-image: url(/images/bsn_category03.svg);
}
input[type="checkbox"].ui_chk_btn:checked+label {
  background-image: url(/images/bsn_category_on.svg);
	background-color: #0B3190;
	border-color: #0B3190;
	color: #fff;
}
.bsn_category_box > li:nth-child(2) input[type="checkbox"].ui_chk_btn:checked+label {
	background-image: url(/images/bsn_category01_on.svg);
}
.bsn_category_box > li:nth-child(3) input[type="checkbox"].ui_chk_btn:checked+label {
	background-image: url(/images/bsn_category02_on.svg);
}
.bsn_category_box > li:nth-child(4) input[type="checkbox"].ui_chk_btn:checked+label {
	background-image: url(/images/bsn_category03_on.svg);
}

.contact .input_box_list > li {
  width: 100%;
}
.contact .input_box_list input,
.contact .input_box_list textarea {
  width: 100%;
}




/* 이용약관 */
.terms_box{
  color: #475467;
  line-height: 1.6em;
}
.terms_box h4{
  color: #101828;
  color: #061127;
  font-size: 1.25em;
  margin-bottom: 16px;
  font-weight: normal;
  font-family: 'GmarketSansMedium';
}
.terms_box .h4_list{
  margin-bottom: 60px;
}
.terms_box .h4_list > li{
  margin-bottom: 24px;
}
.terms_box h5{
  color: #101828;
  color: #3568d4;
  font-size: 1.125em;
  font-weight: 600;
  margin-bottom: 12px;
}
.terms_box .txt_list > li{
  text-indent: -20px;
  padding-left: 20px;
  margin: 8px 0;
}
.terms_box .inner_list{
  padding-left: 20px;
}
.terms_box .inner_list li{
  margin: 4px 0;
}

.privacy_box{
  color: #475467;
  line-height: 1.6em;
}
.privacy_box .notice_box{
  margin-bottom: 32px;
  font-size: 1.05em;
  color: #101828;
}
.privacy_box .grey_line_box,
.privacy_box .grey_box{
  margin-bottom: 20px;
}
.privacy_box h5{
  color: #101828;
  color: #3568d4;
  font-size: 1.125em;
  font-weight: 600;
  font-weight: normal;
  font-family: 'GmarketSansMedium';
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #c7c9d9;
}
.privacy_box .h5_list{
  margin-bottom: 60px;
}
.privacy_box .h5_list > p{
  color: #101828;
  margin-bottom: 8px;
  font-weight: 500;
}
.privacy_box .num_list > li {
  padding-left: 28px;
  margin: 8px 0;
}
.privacy_box .num_list > li:before {
  top: 1px;
}
.privacy_box h6{
  color: #101828;
  font-weight: 600;
  font-family: 'GmarketSansMedium';
  margin-top: 20px;
  margin-bottom: 8px;
}

/* 사이트맵 */
#sub_visual.etc_visual {
  height: 280px;
  padding-bottom: 0;
}
.sitemap{}
.sitemap > ul{}
.sitemap > ul > li{
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.sitemap .tit{ 
  width: 200px;
  font-size: 1.25em;
  color: #0B3190;
  font-weight: bold;
  border-right: 3px solid #E4E7EC;
  margin-right: 40px;
  font-family: 'GmarketSansMedium';
  padding: 12px 0;
}
.sitemap .depth_menu{
  display: flex;
  flex: 1;
}
.sitemap .depth_menu > li{
  width: calc(100% / 3);
  padding: 0 12px;
}
.sitemap .depth_menu > li a{
  display: block;
  font-size: 1.125em;
  font-weight: bold;
  padding: 12px 20px;
  border: 1px solid #E4E7EC;
  background: #F9FAFB;
  text-align: center;
}
.sitemap .depth_menu ol{
  padding: 0 12px;
  position: relative;
}
.sitemap .depth_menu ol.bu_list:before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: #E4E7EC;
  position: absolute;
  top: -12px;
  left: 12px;
}
.sitemap .bu_list > li {
  margin: 12px 0;
  padding-left: 20px;
}
.sitemap .bu_list > li:before {
  background: #E4E7EC;
  width: 12px;
  height: 2px;
  position: absolute;
  left: 0;
  border-radius: 0;
  top: calc(50% - 2px);
}



/* 인테리어 */
.event_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 28px;
}
.event_list>li {
  width: calc((100% - (28px * 3)) / 4);
  cursor: pointer;
}
.event_list>li .img_box {
  position: relative;
  height: 0;
  padding-top: 60%;
  border-radius: 4px;
}
.event_list>li .img_box img {
  position: absolute;
  top: 0;
  left: 0;
}
.event_list>li .txt_box {
  padding-top: 8px;
  text-align: center;
  font-weight: 600;
  font-size: 1.125em;
}

@media (max-width: 850px) {
  .event_list {
    gap: 32px 20px;
  }
  .event_list>li {
    width: calc((100% - 20px) / 2);
  }
}