/*로딩바 CSS*/ .loading_div{background: black; z-index: 9999999999999999; opacity: 0.9;position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;} .loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #006DF0; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;} @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*네비바*/ /*.navbar .navbar-menu-wrapper{ background: #FFF;}*/ .sidebar .nav .nav-item.active > .nav-link i, .sidebar .nav .nav-item.active > .nav-link .menu-title, .sidebar .nav .nav-item.active > .nav-link .menu-arrow{color:#52CDFF;} .sidebar .nav .nav-item:hover > .nav-link i, .sidebar .nav .nav-item:hover > .nav-link .menu-title, .sidebar .nav .nav-item:hover > .nav-link .menu-arrow{color:#52CDFF;} .sidebar .nav.sub-menu .nav-item .nav-link.active{color: #52CDFF;} #UserDropdown i{color:#52CDFF; font-weight: bold; font-size:22px;} #UserDropdown > #settings-trigger2{position: unset; background: none; font-size:20px; height: 45px; width: 45px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; border-radius: 100%; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .infinite-spin, #settings-trigger2 i {animation-name: spin; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear;} .sidebar{/*background:#FFF;*/} .navbar .navbar-brand-wrapper{height: 70px;} .navbar .navbar-menu-wrapper{height: 70px;} .page-body-wrapper{padding-top:70px;} .nav_home_title{line-height: 0.8; margin-left: 10px; font-weight: bold;} .nav_home_title > b{margin-right:10px;} .home_date_info_div{width:auto; height:auto; margin: 0 30px;} .home_date_info_div .home_date_info_top_text > span{ font-size: 14px; font-weight: 700; color: inherit; display: block; line-height: 20px;} .home_date_info_div .home_date_info_top_text > span > i{margin-right:3px;} .home_date_info_div #home_date_btn{ font-size: 13px; line-height: 16px; font-weight: bold; color: #FFF; background: #52CDFF; border: 1px solid #52CDFF; border-radius: 5px;} .home_date_info_div #home_design_btn{background:#F6B545; border-color:#F6B545;} .home_date_info_div .site_select_div button{flex:1; font-size: 13px; width:100%; font-weight: bold; color: #FFF; margin-top:5px; background: #49b349; border: 1px solid #49b349; border-radius: 5px;} .home_date_info_div .site_select_div button:last-child{background: #ff7d6e; border: 1px solid #ff7d6e;} .home_date_info_div .site_select_div button > i{margin-right:3px;} .sidebar-icon-only .home_date_info_div{display:none;} /*데이터 테이블*/ .mdi-help-circle-outline{margin-left: 10px; vertical-align: middle; font-size: 22px; color: #52CDFF; margin-top: 6px;} .label{vertical-align: bottom; font-size: 0.812rem; line-height: 1.4rem; vertical-align: top; margin-bottom: 0.5rem;} .label2{margin-right:20px;} .tooltip .tooltip-inner{max-width:500px;} .data-table > tbody > tr:nth-of-type(odd) > *{--bs-table-accent-bg:#FFF;} .data-table td{border: 1px solid #dee2e6; padding:5px 10px 5px 10px;} .data-table .td_background{ --bs-table-accent-bg: var(--bs-table-striped-bg) !important; width: 50px;} .data-table .title{display:block; min-height: 34px; line-height: 34px;} .data-table tr:last-child td{border-bottom:1px solid #dee2e6;} #text_area_div{display:none.; width: 100%; margin-top: 15px;} #text_area_div > textarea{width:100%; height:150px;} #text_area_div iframe{min-height:255px;} #info_box{margin-top: 10px; font-weight: bold; color: #006DF0;} .btn_div{padding-top:10px; text-align:right; margin-bottom:0px;} .btn_div > button{font-weight: bold;} @media (max-width: 1201px){ .col-jk-12{width:100%} } @media (max-width: 991px){ .navbar {background: #FFF;} .sidebar-offcanvas {top:70px;} .nav_home_title{ line-height: 4; margin-left: 0px; font-weight: bold; font-size: 19px;} .nav_home_title > b{display:none;} } @media (max-width: 767px){ .nav_home_title{line-height: 2.5; margin-left: -40px;} } /*공용*/ .form-control, .asColorPicker-input, .dataTables_wrapper select, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint{ padding: 0.4rem 0.4rem;} .small-form-control{max-width:200px;} .text-align-center{text-align:center;} .text-align-left{text-align:left !important;} .flex{display:flex;} .margin-top-5{margin-top:5px;} .margin-top-10{margin-top:10px;} .margin-top-20{margin-top:20px;} .margin-top-40{margin-top:40px;} .color-blue{color:#006DF0;} .color-green{color:#65b12d;} .color-orange{color:#f38d0f;} .color-red{color:#d80027;} .color-purple{color:#da00ff} .form-control-small{max-width:150px;} .display-none{display:none;} .error_span{font-size: 0.812rem; margin-left: 10px; margin-top:5px; display:none;} .padding-0{ padding-top: 0px !important; padding-bottom: 0px !important;} @media only screen and (max-width:991px) { .error_span{margin-left: -5px;} } /*토글 버튼*/ .tgl-plus {display: none;} .tgl-plus, .tgl-plus:after, .tgl-plus:before, .tgl-plus *, .tgl-plus *:after, .tgl-plus *:before, .tgl-plus + .tgl-plus-btn { box-sizing: border-box;} .tgl-plus::-moz-selection, .tgl-plus:after::-moz-selection, .tgl-plus:before::-moz-selection, .tgl-plus *::-moz-selection, .tgl-plus *:after::-moz-selection, .tgl-plus *:before::-moz-selection, .tgl-plus + .tgl-plus-btn::-moz-selection {background: none;} .tgl-plus::selection, .tgl-plus:after::selection, .tgl-plus:before::selection, .tgl-plus *::selection, .tgl-plus *:after::selection, .tgl-plus *:before::selection, .tgl-plus + .tgl-plus-btn::selection {background: none;} .tgl-plus + .tgl-plus-btn {outline: 0; display: inline-block; vertical-align: middle; width: 40px; height: 20px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .tgl-plus + .tgl-plus-btn:after, .tgl-plus + .tgl-plus-btn:before {position: relative; display: block; content: ""; width: 50%; height: 100%;} .tgl-plus + .tgl-plus-btn:after {left: 0;} .tgl-plus + .tgl-plus-btn:before {display: none;} .tgl-plus:checked + .tgl-plus-btn:after {left: 50%;} .tgl-plus-light + .tgl-plus-btn {background: #f0f0f0; border-radius: 2em; padding: 2px; transition: all 0.4s ease;} .tgl-plus-light + .tgl-plus-btn:after { border-radius: 50%; background: #fff; transition: all 0.2s ease;} .tgl-plus-light:checked + .tgl-plus-btn { background: #52CDFF;} /*토글 버튼 2*/ .tgl-flip {display: none;} .tgl-flip + .tgl-flip-btn { padding: 2px; transition: all 0.2s ease; font-family: sans-serif; perspective: 100px; display: inline-block; margin-bottom: 0px; vertical-align: middle;} .tgl + .tgl-flip-btn { outline: 0; display: inline-block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .tgl-flip + .tgl-flip-btn:after, .tgl-flip + .tgl-flip-btn:before { display: inline-block; transition: all 0.4s ease; width: 100%; text-align: center; line-height: 2em; font-weight: bold; color: #fff; position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 4px;} .tgl-flip + .tgl-flip-btn:after {content: attr(data-tg-on); background: #02c66f; transform: rotateY(-180deg);} .tgl-flip + .tgl-flip-btn:before {background: #BCBCBC; content: attr(data-tg-off);} .tgl-flip + .tgl-flip-btn:active:before { transform: rotateY(-20deg);} .tgl-flip:checked + .tgl-flip-btn:before { transform: rotateY(180deg);} .tgl-flip:checked + .tgl-flip-btn:after { transform: rotateY(0); left: 0; background: #52CDFF;} .tgl-flip:checked + .tgl-flip-btn:active:after { transform: rotateY(20deg);} /*서머노트 추가 CSS*/ .note-modal-footer{margin-bottom: 10px;} .note-popover .popover-content, .note-editor .note-toolbar{display: flex; flex-wrap: wrap;} /*컬러피커*/ .color-group{position: relative;} .sp-replacer .sp-preview{margin: 0px; margin-top: -7px; margin-left: -7px;} .sp-replacer .sp-dd{ margin-top: -7px; margin-left: 4px;} .sp-choose{color: #FFF !important; background: #006DF0 !important; padding: 5px 10px !important; border: 1px solid #006DF0 !important;} .sp-input{border-color: #006DF0 !important;} .sp-cancel{} /*X-editable*/ .editable-submit{background: #52CDFF; border:1px solid #52CDFF !important; color:#FFF; } .editable-submit:hover, .editable-submit:focus{background: #006DF0; border:1px solid #006DF0 !important; } .editable-cancel{border:1px solid #BCBCBC !important;} .editable-cancel:hover, .editable-cancel:focus{border:1px solid #d80027 !important; background:#d80027; color:#FFF;} .editable-submit > i{color: #FFF;} .mt-1, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel{margin-top:0px !important;} /*페이징*/ .custom-pagination .pagination { display: inline-block; padding-left: 0; border-radius: 4px; flex:1; margin: 20px 1px 10px 1px; position: relative; top: 6px;} .custom-pagination .pagination > li { display: inline;} .custom-pagination ul.pagination li a { font-size: 14px; color: #303030;} .custom-pagination .pagination>li > a, .custom-pagination .pagination > li > span { position: relative; float: left; padding: 7px 16px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd;} .custom-pagination ul.pagination li a.active { background: #006DF0; color: #fff; border-top: 1px solid #006df0; border-bottom: 1px solid #006df0;} .custom-pagination .pagination>li:first-child > a{padding: 7px 13px;} .custom-pagination .pagination>li:last-child > a{padding: 7px 13px;} .custom-pagination .btn_div{padding-top: 20px;} /*모달 */ .modal .modal-dialog .modal-content .modal-header { padding: 15px 15px;} .modal .btn-primary{background:#52CDFF; border-color:#52CDFF} .modal .modal-header{background:#52CDFF; color:#FFFFFF;} .modal .modal-content{border:none;} .modal .modal-header .btn-close{opacity:1; border: 3px solid #FFF; padding: 10px; border-radius: 50%; position: absolute; top: -3px; right: -3px; background-color: #52CDFF;} .modal .modal-header .btn-close:hover{opacity:1;} .modal .modal-body .btn-close{opacity:1; z-index:5; border: 3px solid #FFF; padding: 10px; border-radius: 50%; position: absolute; top: -17px; right: -17px; background-color: #52CDFF !important;} .modal .btn-close{background: transparent url("/admin/images/img/btn-close.png") center/1em auto no-repeat;} .modal .modal-dialog .modal-content .modal-body{padding: 26px 26px;} /*홈페이지 기본 설정*/ #home_page_view_modal .modal-dialog { max-width: 1200px; } #home_page_view_modal #home_page_view_modal_body{padding:0px;} #home_page_view_modal #home_page_view_modal_body_contents { min-height: 500px; height: 70vh; } #text_area_div{display:none.; width: 100%; margin-top: 15px;} #tema_select #text_area_div > textarea{width:100%; height:150px;} #tema_select #text_area_div iframe{min-height:255px;} /*사이트 선택 모달*/ #home_select_modal .modal-dialog { max-width: 1000px; } #home_page_view_modal_body{padding:0px;} #home_page_view_modal_body .grid-margin{margin-bottom:0px;} #home_page_view_modal_body .search_home{position: relative;} #home_page_view_modal_body .search_home #search_btn{position: absolute; right: 10px; top: 5px;} #home_page_view_modal_body .del_btn { background: #FFF; color: #ff7d6e; border: 1px solid #ff7d6e; font-size: 19px; padding: 3px 7px; border-radius: 5px;} #home_page_view_modal_body .home_s_b{background: #52CDFF; color: #FFF; padding: 5px 15px; cursor: pointer; border-radius: 5px;} /*id 선택 모달*/ #id_select_modal .modal-dialog { max-width: 600px; } #id_page_view_modal_body{padding:0px;} #id_page_view_modal_body .grid-margin{margin-bottom:0px;} #id_page_view_modal_body .search{position: relative;} #id_page_view_modal_body .search #search_btn{position: absolute; right: 10px; top: 5px;} #id_page_view_modal_body .del_btn { background: #FFF; color: #ff7d6e; border: 1px solid #ff7d6e; font-size: 19px; padding: 3px 7px; border-radius: 5px;} #id_page_view_modal_body .home_s_b{background: #52CDFF; color: #FFF; padding: 5px 15px; cursor: pointer; border-radius: 5px;} /*디자인변경 요청 모달*/ #home_design_modal .modal-dialog { max-width: 1000px; } #home_design_modal .flex_span{display: block; min-width: 30px; text-align: center; height: 100%; line-height: 30px;} #home_design_modal .add_sub_box{min-width:160px;} #home_design_modal #add_search{background: #ff7d6e; border: 1px solid #ff7d6e; color: #FFF; font-weight: bold; margin-right:10px; width: 100px;} #home_design_modal #d_office_address_num{/*max-width: 100px;*/ margin-right:10px;} #home_design_modal #d_si{max-width: 200px; margin-right:10px;} #home_design_modal #d_add_address{margin-top: 5px;} #home_design_modal .max-width{max-width:300px;} #home_design_modal #d_office_cat, #home_design_modal #d_office_cat2{min-width:200px;} #home_design_modal textarea.form-control { height: 150px;} #home_design_modal #back_to_the_info_btn{ position: absolute; right: 24px; top: 58px; background: #F6B545; border: 1px solid #F6B545; color: #FFF; font-size: 0.812rem; cursor: pointer; padding: 5px 10px; } #home_design_modal .form-check {display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem;} #home_design_modal .form-check-inline { display: inline-block; margin-right: 1rem;} #home_design_modal .form-check .form-check-label{margin-left:0px} #home_design_modal .tax_a_table, #home_design_modal .tax_b_table{display:none;} @media only screen and (max-width:991px) { #home_design_modal .add_box {display:block;} #home_design_modal .add_box #d_office_address_num { margin-right:0px; } #home_design_modal #d_si, #home_design_modal #d_goo{margin-top:5px; width:100%; max-width:100%;} } /*부가기능*/ #tema_select .tgl-flip-btn{width:135px;} #tema_select .mouse_div{flex-wrap: nowrap; justify-content: flex-start; align-items: center;} #tema_select .mouse_div > div:last-child{margin-top:5px;} #tema_select .mouse_div > div:last-child .mouse_info{margin:0px;} #tema_select .filebox{display:flex;} #tema_select .filebox .upload-name {padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; width: 100%; color: #999999; max-width:300px;} #tema_select .filebox .sub_filebox1{margin-right:10px; display:none;} #tema_select .filebox .sub_filebox12{width:auto;} #tema_select .footer_inquiry_btn_div{display:flex;} #tema_select .footer_inquiry_btn_div #footer_inquiry_btn_url{margin-top:4px;} #tema_select .filebox label.favicon_label {color: #fff; vertical-align: middle; background-color: #BCBCBC; cursor: pointer; margin-left: 10px; font-weight: bold; width: 100px; text-align: center; line-height: 32px;} #tema_select .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } #tema_select .filebox .img_label{ margin-left: 0px; margin-right: 10px;} #tema_select .filebox .img_label > input{vertical-align: sub; width: 18px; height: 18px; margin-right: 3px;} #tema_select #previewImage{width: 37px; height: 32px; background: #FFF; border-radius: 0px; margin-right: 10px;} #tema_select .social_div{margin-top:10px;} #tema_select .social_div input{margin-right: 10px;} #tema_select .social_div input:last-child{margin-right: 0px;} #tema_select .swiper-container-div{overflow: hidden;background: #eee; padding: 10px;} #tema_select .swiper-container { width: 100%; height: 100%; background: #eee;} #tema_select .swiper-slide {padding:10px; text-align: center; font-size: 15px; display: flex; justify-content: center; align-items: center; flex-direction: column; background:#FFF; height:100%;} #tema_select .swiper-slide > img{width:100%;} #tema_select .swiper-slide > div{display:block;} #tema_select .swiper-pagination{bottom: 3px;} #tema_select .swiper-pagination-clickable .swiper-pagination-bullet { width: 15px; height: 10px; border-radius:0px;} #tema_select .swiper-pagination-bullet-active {background: #1fbeff;} #tema_select .swiper-slide .home_name{background: #F6B545; padding: 5px 15px; color: #FFF; border-radius: 50px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 240px;} #tema_select .swiper-slide div{margin-top: 10px;} #tema_select .swiper-slide div.home_end_date{margin-top: 5px;} #tema_select .swiper-slide .home_open{background: #979797; color: #FFF; padding: 3px 10px; border-radius: 10px; width: 150px; cursor: pointer; margin-top:10px;} #tema_select .margin-top-20 { margin-top: 20px !important;} #tema_select .index_item_box{margin-bottom: 10px; justify-content: flex-end; font-size:14px;} #tema_select .index_item_box select{width:120px; height:40px; font-size: 0.8rem; color:#3d3d3d;} #tema_select .index_item_box > *{margin-right:10px; color:#3d3d3d;} #tema_select .index_item_box > *:last-child{margin-right:0px;} #tema_select .index_item_box label{height:40px;width:100%; margin-right:5px; border: 1px solid #dee2e6; text-align: center; padding: 10px 5px; min-width: 55px;} #tema_select .search_div{ position: relative; max-width: 250px; width:100%;} #tema_select .search_div > div{margin: 0px; position: absolute; top: 5px; right: 21px; color: #52CDFF; font-size: 20px; cursor: pointer;} #tema_select .search_div > input{height: 40px; padding:10px;} #tema_select .home_list_btn{ background: #FFF; color: var(--bs-blue); border: 1px solid var(--bs-blue); font-size: 19px; padding: 5px 8px; border-radius: 5px; margin-right: 4px;} #tema_select .table-responsive2 {overflow-y: auto; max-height: 500px; height: auto;} #tema_select .table3{ border-top: 2px solid #BCBCBC;} #tema_select .table3 td:last-child{padding:0px;} #tema_select .table3 .end_date{ width: 95px;} #tema_select .table3 #home_list_end_dete_btn{ background: var(--bs-info); border: 1px solid var(--bs-info); color: #FFF; margin-left: 5px; border-radius: 5px; cursor: pointer;} #tema_select .table3 .home_list_end_dete_span{ line-height: 2.3; margin-left:5px; border: 1px solid var(--bs-blue); color: var(--bs-blue); padding: 0px 5px; border-radius: 5px;} #tema_select .swiper-container-div {overflow: hidden;} #tema_select .swiper-container { width: 100%; height: 100%; position: relative; padding-bottom: 20px;} #tema_select .swiper-slide { padding: 20px; text-align: center; font-size: 15px; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; border: 1px solid #EDEDED; border-radius: 5px; background: #FAFAFA;} #tema_select .swiper-slide .home_name { background: #F6B545; padding: 5px 15px; color: #FFF; border-radius: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 240px;} #tema_select .swiper-pagination { bottom: 0; top: auto; height: 12px; background: #FFF; border: 1px solid #EDEDED; border-radius: 5px; overflow: hidden;} #tema_select .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #52cdff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top;} @media only screen and (max-width:1024px) { #tema_select .index_item_box{flex-wrap: wrap;} #tema_select .index_item_box > *{ width:100%; margin-top:5px; max-width:100%; margin-right:0px;} #tema_select .index_item_box select{max-width:100%; width:100%;} #tema_select .index_item_box label{max-width:100px;} } /*홈페이지 복사 CSS*/ .jconfirm .domain_box{position: relative; margin-top:5px;} .jconfirm #domain_chk_btn{position: absolute; top: 0px; right: 0px; font-size: 13px; /*height: 100%;*/ height: 32px; background: #52CDFF; font-weight: bold; color: #FFF; border: 1px solid #52CDFF;} .jconfirm .domain_box > div{margin-top:3px;} .jconfirm .domain_box > div > label{margin-left: 5px; font-size: 13px; cursor: pointer; color: #3f3e3e;} .jconfirm .domain_box > div > span.modalp{margin-left: 5px; font-size: 13px; cursor: pointer; color: #919090;} .jconfirm .domain_box input[type="checkbox"] {-webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 18px; height: 18px; cursor: pointer; outline: none !important; border: 1px solid #9999; vertical-align: middle;} .jconfirm .domain_box input[type="checkbox"]::before {content: "\2713"; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translate(-50%, -50%); line-height: 1;} .jconfirm .domain_box input[type="checkbox"]:checked {background-color: #63aeff; border-color: rgba(255, 255, 255, 0.3); color: white;} .jconfirm .domain_box input[type="checkbox"]:checked::before {border-radius: 4px; transform: scale(1) translate(-50%, -50%)} #agr1_modal{z-index:999999999;} #agr1_modal .modal .modal-dialog {margin-top: 15%;} #agr1_modal .card-body > div {overflow-x: auto; max-height: 500px;} #agr2_modal{z-index:999999999;} #agr2_modal .modal .modal-dialog {margin-top: 15%;} #agr2_modal .card-body > div {overflow-x: auto; max-height: 500px;} #agr1_modal .small_txt1 {font-size: 15px;padding-top: 50px;} #agr1_modal .small_txt2 {font-size: 15px;padding-top: 20px;font-weight: bold;} #agr1_modal .small_txt3 {font-size: 15px;padding-top: 10px;padding-left: 10px;} #agr1_modal .small_txt4 {font-size: 14px;padding-top: 10px;padding-left: 10px;line-height: 1.4;} #agr1_modal .text_indent {text-indent: 1em;margin-top: -1.5em;} #agr1_modal .text_indent2 {text-indent: 1em;margin-top: 1em;} #agr1_modal .text_indent3 {text-indent: 1em;} #agr1_modal .text_indent4 {text-indent: 1em;margin-top: 0.7em;} #agr1_modal .text_indent5 {text-indent: 2em;} #agr1_modal .text_indent6 {text-indent: 2em;margin-top: 0.7em;} /*로딩 CSS*/ #link {color: #E45635;display:block;font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;text-align:center; text-decoration: none; margin-top: 20px;} #link:hover {color: #CCCCCC} #link, #link:hover {-webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;-ms-transition: color 0.5s ease-out;-o-transition: color 0.5s ease-out;transition: color 0.5s ease-out;} @keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-moz-keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-webkit-keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-o-keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-moz-keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-webkit-keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-o-keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @keyframes loading-text-opacity {0% {opacity: 0} 20% {opacity: 0} 50% {opacity: 1} 100%{opacity: 0}} @-moz-keyframes loading-text-opacity { 0% {opacity: 0} 20% {opacity: 0} 50% {opacity: 1} 100%{opacity: 0}} @-webkit-keyframes loading-text-opacity { 0% {opacity: 0} 20% {opacity: 0} 50% {opacity: 1} 100%{opacity: 0} } @-o-keyframes loading-text-opacity { 0% {opacity: 0} 20% {opacity: 0} 50% {opacity: 1} 100%{opacity: 0}} .loading-container, .loading {height: 100px; position: relative; width: 100px; border-radius: 100%;} .loading-container {margin: 40px auto; position: relative; z-index: 9999999; display: inline-block; left: calc(50% - 50px);} .loading {border: 2px solid transparent; border-color: transparent #fff transparent #FFF; -moz-animation: rotate-loading 1.5s linear 0s infinite normal; -moz-transform-origin: 50% 50%; -o-animation: rotate-loading 1.5s linear 0s infinite normal; -o-transform-origin: 50% 50%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; -webkit-transform-origin: 50% 50%; animation: rotate-loading 1.5s linear 0s infinite normal; transform-origin: 50% 50%;} .loading-container:hover .loading {border-color: transparent #E45635 transparent #E45635;} .loading-container:hover .loading, .loading-container .loading {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} #loading-text {-moz-animation: loading-text-opacity 2s linear 0s infinite normal; -o-animation: loading-text-opacity 2s linear 0s infinite normal; -webkit-animation: loading-text-opacity 2s linear 0s infinite normal; animation: loading-text-opacity 2s linear 0s infinite normal; color: #ffffff; font-family: "Helvetica Neue, "Helvetica", ""arial"; font-size: 10px; font-weight: bold; margin-top: 45px; opacity: 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 100px;} .loading-div{width: 100%; hegith: 100%; background: black; height: 100%; position: fixed; top: 0px; z-index: 9999; opacity: 1; display:none;} .loading-div:before {content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em;} /*홈페이지 복사 CSS*/ /*삭제 체크박스 시작*/ #tema_select .checks {position: relative; padding: 6px 0px;} #tema_select .checks input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0} #tema_select .checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } #tema_select .checks input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 21px; height: 21px; line-height: 21px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } #tema_select .checks input[type="checkbox"] + label:active:before, #tema_select .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);} #tema_select .checks input[type="checkbox"]:checked + label:before {content: '\2714'; /* 체크표시 유니코드 사용 */ color: #99a1a7; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); } #tema_select .checks.etrans input[type="checkbox"] + label { padding-left: 25px; } #tema_select .checks.etrans input[type="checkbox"] + label:before { position: absolute; left: 0; top: 0; margin-top: 0; opacity: .6; box-shadow: none; border-color: #d80027; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; } #tema_select .checks.etrans input[type="checkbox"]:checked + label:before { position: absolute; content: ""; width: 10px; top: -5px; left: 5px; border-radius: 0; opacity:1; background: transparent; border-color:transparent #d80027 #d80027 transparent; border-top-color:transparent; border-left-color:transparent; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); } #tema_select .no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:before { content: "\2714"; top: 0; left: 0; width: 21px; line-height: 21px; color: #d80027; text-align: center; border: 1px solid #d80027; } #tema_select .checks > label > span { padding: 3px 0px; display: inline-block; font-weight: bold; color: #d80027; } /*삭제 체크박스 종료*/ #tema_select .filebox .up-file{ max-width:300px; } #tema_select .filebox label.file_label {margin-left: 0px; margin-right: 10px; color: #fff; vertical-align: middle; background-color: #BCBCBC; cursor: pointer; margin-left: 10px; font-weight: bold; width: 100px; text-align: center; line-height: 32px;} #tema_select .filebox .file_label > input{vertical-align: sub; width: 18px; height: 18px; margin-right: 3px;} #tema_select .filebox{display:flex;} #tema_select .filebox .upload-name {padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; width: 100%; color: #999999; } #tema_select .previewImage{width: 37px; height: 32px; background: #FFF; border-radius: 0px; margin-right: 10px;} #tema_select .table .card-description{ margin-bottom: 0.175rem;} #tema_select .table .card-description.sub_title{ font-size:15px; color: #333; font-weight: bold;} #tema_select .mini_input{max-width:300px; float:left; } #tema_select textarea.form-control{height:150px;} #tema_select #foot_ul{padding: 10px;} #tema_select #foot_ul > li{margin-bottom: 10px;} #tema_select .img_or_name_s{padding: 3px 10px; background: #49b349; color: #FFF; border-radius: 10px; font-size: 11px; line-height: 17px; margin-top: 3px;} #tema_select .etrans2{padding:0px; margin-left: 10px;} #tema_select .etrans2 > label > span{padding:0px; display: inline-block; position: absolute; width: 30px; top: -2px;} #tema_select .checks.etrans.etrans2 input[type="checkbox"] + label:before{top:-7px;} #tema_select .form-check {display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem;} #tema_select .form-check-inline { display: inline-block; margin-right: 1rem;} #tema_select .form-check .form-check-label{margin-left:0px} @media only screen and (max-width:1340px) { #tema_select #text_area_div iframe{min-height:280px;} } @media only screen and (max-width:991px) { #tema_select .filebox{display:block;} #tema_select .filebox .sub_filebox12{margin-top:10px;} #tema_select .mini_input{margin-top:10px; } } @media only screen and (max-width:640px) { #tema_select #text_area_div iframe{min-height:302px;} } /*홈페이지 등록(테마 선택)*/ #tema_select .tema_select_div{--bs-gutter-x:0px;} #tema_select .tema_select_div > div{flex:1;} #tema_select .tema_select_div .img_div{margin-right:15px; max-width: 250px;} #tema_select .tema_select_div .img_div > div.img_div_top{width:100%; height:250px; background: url(/admin/images/tema/o1.jpg); background-size: cover !important; background-repeat: no-repeat !important; background-position: top !important; box-shadow: 5px 5px #F4F5F7; border: 1px solid #F4F5F7;} #tema_select .tema_select_div .img_div > div.tema_name{width: calc(100% + 5px); margin-top: 10px; border: 1px solid #76838f; font-size: 0.812rem; font-weight: 400; color: #76838f; padding: 4px;} #tema_select .tema_select_div .text_div{border: 1px solid #76838f; padding:20px;} @media only screen and (max-width:1201px) { /*#tema_select .tema_select_div .img_div > div.img_div_top{width:100%; height:auto; max-width:100%;}*/ } /*탭 추가 모달 CSS*/ #menu_tab_box {} #menu_tab_box .add_btn{background: #49b349; color: #FFF; padding: 5px 10px; border-radius: 5px; cursor: pointer; display: block; margin-bottom: 5px;} #menu_tab_box #menu_tab_ul li{display:flex; margin-top:5px;} #menu_tab_box #menu_tab_ul li .del_btn{font-size: 20px; display: inline-flex; vertical-align: middle; margin-left: 4px; color: #ff7d6e; background: #FFF; border: none; padding: 0px; align-items: center; max-width: 37px;min-width: 37px; justify-content: center; cursor: pointer; border: 1px solid; border-radius: 5px;} #menu_tab_box #menu_tab_ul li .input2{max-width: 37px;min-width: 37px; text-align: center; margin-right: 5px;} #menu_tab_box #ul_header{display:flex; font-size: 0.875rem; text-align:center; margin-top:10px; color: #52CDFF;} #menu_tab_box #ul_header b{width:100%;} #menu_tab_box #ul_header b:first-child, #menu_tab_box #ul_header b:nth-child(2), #menu_tab_box #ul_header b:last-child{max-width: 37px;min-width: 37px;} #menu_tab_box #ul_header b:first-child, #menu_tab_box #ul_header b:nth-child(2){margin-right:5px;} #menu_tab_box #ul_header b:last-child{margin-left:5px;} #menu_tab_box #menu_tab_ul span.handle2 { color: #ff9c00; font-size: 18px; vertical-align: middle; cursor: pointer; max-width: 37px;min-width: 37px; margin-right:5px; text-align: center;} /*도메인 연결쪽 CSS*/ #domain label{cursor: pointer;} #domain .add_domain1 > #domain1{ max-width: 200px; margin-right: 10px; } #domain .add_domain1 > #domain2{ max-width: 500px; margin-right: 10px; } #domain .add_domain1 > #domain3{ max-width: 200px; margin-right: 10px; } #domain .add_domain1 > p{ margin-bottom: 0px; line-height: 28px; margin-right: 10px; } #domain .add_domain1 div > button{ font-weight: bold; padding: 5px 10px; height: 100%;} #domain .sub_title { font-size: 16px !important; font-weight: bold;} #domain .margin_top20 {margin-top:20px;} #domain .domain1_box{padding: 20px; border: 1px solid #52CDFF; position: relative;} #domain .domain_del_btn{padding: 5px 10px; background: red; border: 1px solid red; color: #FFF; font-weight: bold;} #domain table td:last-child{text-align:center;} #domain .form-group{margin-bottom:0px;} #domain .table_div{margin-top:10px;} #domain .domain1_box .form-group:last-child .sub_title{margin-top:20px;} #domain .domain1_box .form-group:first-child .sub_title{margin-top:0px;} #domain #domain2_box .form-group .sub_title{margin-top:20px;} #domain #name_server_memo{height:150px;} #domain .del_btn{background: #FFF; color: #d80027; border: 1px solid #d80027; font-size: 19px; padding: 3px 7px; border-radius: 5px;} #domain .home_btn{color:#52CDFF; border: 1px solid #52CDFF;} #domain .flex2{justify-content: space-between; align-items: center;} #domain .table_div label{margin-bottom:0px;} #domain #name_server_id, #domain #name_server_pw{min-width:200px;} #puny_modal .btn-secondary{padding: 10px 15px; background: #52CDFF; color: #FFF; font-weight: bold; width: 100%;} #domain .puny_btn{ padding: 5px 10px; font-weight: bold; float:right;} #puny_modal .copy_span{background: #FFF; color: #52CDFF; border: 1px solid #52CDFF; font-size: 19px; padding: 2px 7px; border-radius: 5px; margin-left: 13px; cursor: pointer;} #domain .tgl_div{ margin-left: 10px; } #domain .tgl-flip-btn{width:120px;} #domain .tgl-flip:checked + .tgl-flip-btn:after{height: 32px; line-height: 32px;} #domain .tgl-flip + .tgl-flip-btn:before{height: 32px; line-height: 32px;} #domain #domain2_box, #domain #domain3_box{display:none;} #domain .form-control-select{border: 1px solid #dee2e6; font-weight: 400; font-size: 0.875rem; border-radius: 4px; height: 2rem; color: #333333;} @media only screen and (max-width:991px) { #domain .add_domain1{flex-wrap: wrap;} #domain .add_domain1 div{width:100%; margin-top:10px;} #domain .puny_btn{width:100%; margin-bottom: 10px; float:none;} #domain #domain3_box{width:100%;} #domain .add_domain1 > #domain3{max-width:100%;} #domain #domain3_box #domain3{width:100%;} #domain .add_domain1 div > button{width:100%; padding:8px 10px;} #domain .tgl_div{ margin-left: 0px; } #domain .tgl-flip-btn{width:100%;} } /*헤더 태그*/ #add_head_tag #header_script, #add_head_tag #footer_script{height:150px;} /*매뉴 색상*/ #color .menu_tema{} #color .menu_tema dl.flex dd{ width: 25px; height: 25px; margin-right: 10px; cursor: pointer;} #color .menu_tema dl.flex dd:nth-child(1){ background:#e51a23; } #color .menu_tema dl.flex dd:nth-child(2){ background:#a22525; } #color .menu_tema dl.flex dd:nth-child(3){ background:#ff7095; } #color .menu_tema dl.flex dd:nth-child(4){ background:#ff7500; } #color .menu_tema dl.flex dd:nth-child(5){ background:#ff9c00; } #color .menu_tema dl.flex dd:nth-child(6){ background:#88bb2b; } #color .menu_tema dl.flex dd:nth-child(7){ background:#178230; } #color .menu_tema dl.flex dd:nth-child(8){ background:#0b5b1e; } #color .menu_tema dl.flex dd:nth-child(9){ background:#009cff; } #color .menu_tema dl.flex dd:nth-child(10){background:#0c2ac6; } #color .menu_tema dl.flex dd:nth-child(11){background:#091d7f; } #color .menu_tema dl.flex dd:nth-child(12){background:#555555; margin-right: 0px;} /*관리자 설정쪽*/ #my_info .flex_span{display: block; min-width: 30px; text-align: center; height: 100%; line-height: 30px;} #my_info .add_sub_box{min-width:160px;} #my_info #add_search{background: #ff7d6e; border: 1px solid #ff7d6e; color: #FFF; font-weight: bold; margin-right:10px; width: 100px;} #my_info #office_address_num{/*max-width: 100px;*/ margin-right:10px;} #my_info #si{max-width: 200px; margin-right:10px;} #my_info #goo{} #my_info #add_address{margin-top: 5px;} #my_info .max-width{max-width:300px;} #my_info #office_cat, #my_info #office_cat2{min-width:200px;} @media only screen and (max-width:991px) { #my_info .add_box {display:block;} #my_info .add_box #office_address_num { margin-right:0px; } #my_info #si, #my_info #goo{margin-top:5px; width:100%; max-width:100%;} } /*팝업 관리*/ #popup #pos, #popup #enable{max-width:200px; font-size: 13px;} #popup .td_background .title{width:115px;} #popup #contents{width:100%;} #popup .table tr:last-child td{border-bottom:1px solid #dee2e6} #popup .table2 tr th:last-child{text-align:center;} #popup .table2 tr td:last-child{padding:0px; text-align:center;} #popup .item_div{text-align:right;} #popup .item_div .search{width: 200px; position: relative; margin-bottom:10px; display:inline-block;} #popup .item_div .search a{position: absolute; top: 4px; right: 10px;} #popup .edit_btn{background: #FFF; color: #006DF0; border: 1px solid #006DF0; font-size: 18px; padding: 2px 4px; border-radius: 5px; margin-right:5px;} #popup .del_btn{background: #FFF; color: #d80027; border: 1px solid #d80027; font-size: 18px; padding: 2px 6px; border-radius: 5px;} #popup .flex_span{min-width:39px; text-align:center;} #popup .form-check {display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem;} #popup .form-check-inline { display: inline-block; margin-right: 1rem;} #popup .form-check .form-check-label{margin-left:0px} #popup #start_hour, #popup #end_hour, #popup #start_minute, #popup #end_minute{max-width:100px; font-size: 13px; margin-left:10px;} #popup .filebox label.popup_label {color: #fff; vertical-align: middle; background-color: #BCBCBC; cursor: pointer; margin-left: 10px; font-weight: bold; width: 100px; text-align: center; line-height: 32px;} #popup .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } #popup .filebox .img_label{ margin-left: 0px; margin-right: 10px;} #popup .filebox .img_label > input{vertical-align: sub; width: 18px; height: 18px; margin-right: 3px;} #popup #img_box { margin-top: 10px; display:none;} #popup #img_box > img{max-width: 300px; max-height: 400px; width: auto; height: auto; border-radius: 0px; border: 1px solid #eee;} #popup #editor_tr, #popup #url_tr, #popup #img_tr{display:none;} #popup #editor_tr > td > iframe{ min-height:300px; } #popup .table .card-description{ margin-bottom: 0.175rem;} @media only screen and (max-width:991px) { #popup .item_div .search{width:100%;} } /*이용약관*/ #policy #policy1, #policy #policy2{height:500px; min-width:500px;} #policy .btn-warning{position: absolute; right: 25px; top: 46px; padding: 8px 15px; font-weight: bold;} @media only screen and (max-width:991px) { #policy .btn-warning{position: inherit; width: 100%; margin-bottom: 10px;} } /*Q&A*/ #qna a{text-decoration: none;} #qna #mainQna{overflow:hidden; width:100vw; height:100vh; position:relative;} /*#qna .main-qna-container {max-width: 1280px; overflow: hidden;}*/ #qna .main-qna-box .question {text-align: left; padding: 1rem 1rem 1rem 2.5rem; margin:0.5rem 0rem; border: 1px solid #eeeeee;border-radius: 1rem;position: relative; cursor: pointer; box-shadow: 1px 1px 5px -1px rgba(100, 100, 100, 0.1);} #qna .main-qna-box .question.answer-open {} #qna .question .qna-q {display: inline-block; position: absolute; left: 1rem; font-size: 1.4rem; font-weight: 600; line-height: 1.5em; color: #8f8f8f; transition:all 0.4s ease-in-out;} #qna .question .qna-q.answer-open {color: #00aaff; transition:all 0.4s ease-in-out;} #qna .question-tit {width: 100%; line-height: 2em; background: url(/home_page/bunyangnara/images/common/ico_angle_down.png) no-repeat right 0; background-size: 20px; background-position-y: center;} #qna .question-tit.answer-open {width: 100%; line-height: 2em; background: url(/home_page/bunyangnara/images/common/ico_angle_up.png) no-repeat right 0;} #qna .question-tit .q-list {display: block; font-size: 1rem; font-weight: 500; color: #3b3b3b; width:calc(100% - 2rem);} #qna .answer {display: none; /*transition: all 0.5s ease-in-out;*/ } #qna .answer-txt {padding: 1rem 0 0rem; font-size: 1rem; font-weight: 400; line-height: 1.4em; color: #3b3b3b; /*letter-spacing: -0.005em;*/} #qna .answer-open .answer-txt {border-top: 1px dashed #eeeeee; margin: 1rem 0 0 0;} #qna .answer-txt > p {font-size: 1rem !important; color: #777 !important; line-height: 20px !important; font-family: 'Pretendard', "나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif !important; margin-top: 0 !important;} #qna .answer-txt > p span {font-size: 18px !important; color: #777 !important; line-height: 28px !important; font-family: 'Pretendard', "나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif !important; margin-top: 0 !important; font-weight: 500;} #qna .qna .no-data {text-align: center; height: 180px; line-height: 180px; font-size: 16px; color: #5a5a5a; background: #f6f9fd;} #qna .data-table .title{ padding: 0px 20px; } #qna .item_div{text-align:right;} #qna .item_div .search{width: 200px; position: relative; margin-bottom:10px; display:inline-block;} #qna .item_div .search a{position: absolute; top: 4px; right: 10px;} #qna .question .edit_btn{position: absolute; font-size: .8rem; right: 0px; bottom: 0px; padding: 0px 16px; background: #FFF; border: 2px solid #52CDFF; color: #52CDFF; font-weight: bold;} #qna .question .del_btn{position: absolute; font-size: .8rem; right: 70px; bottom: 0px; padding: 0px 16px; background: #FFF; border: 2px solid #ff7d6e; color: #ff7d6e; font-weight: bold;} @media only screen and (max-width:991px) { #popup .item_div .search{width:100%;} } #inquiry .max-width-200{max-width:200px} #inquiry .item_div{text-align:right;} #inquiry .item_div .search{width: 200px; position: relative; margin-bottom:10px; display:inline-block;} #inquiry .item_div .search a{position: absolute; top: 4px; right: 10px;} #inquiry .edit_btn{background: #FFF; color: #006DF0; border: 1px solid #006DF0; font-size: 18px; padding: 2px 4px; border-radius: 5px; margin-right:5px;} #inquiry .del_btn{background: #FFF; color: #d80027; border: 1px solid #d80027; font-size: 18px; padding: 2px 6px; border-radius: 5px;} #inquiry .res_y { background: #FFF; color: #52CDFF; border: 1px solid #52CDFF; padding: 5px 10px; border-radius: 5px; font-weight: bold;} #inquiry .res_n { background: #FFF; color: #ff7d6e; border: 1px solid #ff7d6e; padding: 5px 10px; border-radius: 5px; font-weight: bold;} #inquiry .res_r { background: #FFF; color: #49b349; border: 1px solid #49b349; padding: 5px 10px; border-radius: 5px; font-weight: bold;} #inquiry .max-width{max-width:300px;} #inquiry .flex_span{min-width:39px; text-align:center; line-height: 30px; } #inquiry .form-check {display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem;} #inquiry .form-check-inline { display: inline-block; margin-right: 1rem;} #inquiry .form-check .form-check-label{margin-left:0px} #inquiry .res_yy { color: #52CDFF; font-weight: bold;} #inquiry .res_nn { color: #ff7d6e; font-weight: bold;} #inquiry .res_rr { color: #49b349; font-weight: bold;} #inquiry #comment, #inquiry #content{width:100%; min-width:500px; min-height:150px; border:1px solid #dee2e6;} #inquiry_set .flex_span{min-width:39px; text-align:center; line-height: 30px; } #inquiry_set .form-check {display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem;} #inquiry_set .form-check-inline { display: inline-block; margin-right: 1rem;} #inquiry_set .form-check .form-check-label{margin-left:0px} #inquiry_set .res_yy { color: #52CDFF; font-weight: bold;} #inquiry_set .res_nn { color: #ff7d6e; font-weight: bold;} #inquiry_set .in_flex{ flex-direction: row-reverse; } #inquiry_set .in_flex > div:last-child{margin-right:10px;} #inquiry_set .inquiry_add_div .flex{} #inquiry_set .inquiry_add_div .flex:last-child{margin-top:5px;} #inquiry_set .inquiry_add_div .flex b{display: inline-block; margin-top: 8px; margin-right:5px; color:#006DF0;} #inquiry_set .table .table-responsive{border: 2px dotted #52CDFF; padding: 10px;} #inquiry_set .mini-input{max-width:200px;} #inquiry_set #add_date_btn{ color: #52CDFF; background: #FFF; border: 1px solid #52CDFF; font-weight: bold; padding: 5px 10px; border-radius: 5px;} #inquiry_set #add_date_btn i{font-size: 20px; vertical-align: middle; margin-right: 5px;} #inquiry_set .add_btn{font-size: 20px; display: inline-flex; vertical-align: middle; margin-left: 4px; color: #52CDFF; background: #FFF; border: none; padding: 0px; align-items: center; max-width: 37px; min-width: 37px; justify-content: center; cursor: pointer; border: 1px solid; border-radius: 5px;} #inquiry_set .del_btn{font-size: 20px; display: inline-flex; vertical-align: middle; margin-left: 4px; color: #ff7d6e; background: #FFF; border: none; padding: 0px; align-items: center; max-width: 37px; min-width: 37px; justify-content: center; cursor: pointer; border: 1px solid; border-radius: 5px;} #inquiry_set .time_box{margin-right:10px;} #inquiry_set .time_box:last-child{margin-right:0px;} #inquiry_set .time_box > div{margin-top:5px; position: relative;} #inquiry_set .time_box > div:last-child{margin-left:5px;} #inquiry_set .time_box > div > select{font-size:0.812rem;} #inquiry_set .time_box > div > label{color: #49b349; font-weight: bold; margin-bottom: 3px;} #inquiry_set .time_box2 > div > label{color: #006DF0;} #inquiry_set .time_box3 > div > label, #inquiry_set .time_box4 > div > label{color: #ff7d6e;} #inquiry_set .inquiry_add_div2{display:flex; flex-wrap: wrap; align-items: center;} #inquiry_set .inquiry_add_div2 > div{padding: 2px 2px;} #inquiry_set .inquiry_add_div2 b{display: inline-block; width: 80px; text-align: center; cursor: pointer; border: 1px solid #7f7e7e; padding: 5px 10px; border-radius: 5px; color: #7f7e7e; margin-right: 3px;} #inquiry_set .inquiry_add_div2 b.active{border-color:#52CDFF; background:#52CDFF; color:#FFFFFF;} #inquiry_set .inquiry_add_div2 .time_h3{font-size: 15px; font-weight: bold; width: 100%; color: #676666; margin-bottom: 3px;} #inquiry_set .inquiry_add_div2 .time_h3:last-of-type{margin-top: 7px;} /* 공지사항 */ #notice .flex_span{min-width:39px; text-align:center; line-height: 30px; } #notice .form-check {display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem;} #notice .form-check-inline { display: inline-block; margin-right: 1rem;} #notice .form-check .form-check-label{margin-left:0px} #notice .filebox label.favicon_label {color: #fff; vertical-align: middle; background-color: #BCBCBC; cursor: pointer; margin-left: 10px; font-weight: bold; width: 100px; text-align: center; line-height: 32px;} #notice .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } #notice .filebox .img_label{ margin-left: 0px; margin-right: 10px;} #notice .filebox .img_label > input{vertical-align: sub; width: 18px; height: 18px; margin-right: 3px;} #notice table > tbody > tr:nth-child(3) > td:nth-child(2) > div:nth-child(2){padding-top:3px;} #notice .preview_file{display: inline-block; padding: 8px; margin-left: 10px; font-weight: bold; color: #333; width: auto; overflow: hidden;} /*삭제 체크박스 시작*/ #notice .checks {position: relative; padding: 6px 0px;} #notice .checks input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0} #notice .checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } #notice .checks input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 21px; height: 21px; line-height: 21px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } #notice .checks input[type="checkbox"] + label:active:before, #notice .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);} #notice .checks input[type="checkbox"]:checked + label:before {content: '\2714'; /* 체크표시 유니코드 사용 */ color: #99a1a7; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); } #notice .checks.etrans input[type="checkbox"] + label { padding-left: 25px; } #notice .checks.etrans input[type="checkbox"] + label:before { position: absolute; left: 0; top: 0; margin-top: 0; opacity: .6; box-shadow: none; border-color: #d80027; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; } #notice .checks.etrans input[type="checkbox"]:checked + label:before { position: absolute; content: ""; width: 10px; top: -5px; left: 5px; border-radius: 0; opacity:1; background: transparent; border-color:transparent #d80027 #d80027 transparent; border-top-color:transparent; border-left-color:transparent; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); } #notice .no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:before { content: "\2714"; top: 0; left: 0; width: 21px; line-height: 21px; color: #d80027; text-align: center; border: 1px solid #d80027; } #notice .checks > label > span { padding: 3px 0px; display: inline-block; font-weight: bold; color: #d80027; } /*언론 보도 추가 CSS*/ #notice .table .card-description{ margin-bottom: 0.175rem;} #notice .filebox label.file_label {color: #fff; vertical-align: middle; background-color: #BCBCBC; cursor: pointer; margin-left: 10px; font-weight: bold; width: 100px; text-align: center; line-height: 32px;} #notice .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } #notice .filebox .up-file{ max-width:300px; } #notice .filebox .file_label{ margin-left: 0px; margin-right: 10px;} #notice .filebox .file_label > input{vertical-align: sub; width: 18px; height: 18px; margin-right: 3px;} #notice .img_or_name_s{padding: 5px 10px; background: #49b349; color: #FFF; border-radius: 10px; font-size: 13px; margin-top: 5px;} #notice #editor_tr > td > iframe{ min-height:250px; } #notice .target_flex .form-check{min-width: 100px; border: 1px solid #dee2e6; padding: 4px 5px 4px 36px; margin: 0px;margin-left: 10px;} /*회원관리 추가 CSS*/ #notice.member .td_background{min-width: 120px;} #notice.member #parent_btn{ background: #52CDFF; color: #FFF; border: 1px solid #52CDFF; font-weight: bold; padding: 0px 30px; margin-left: 10px;} #notice.member .preview_file{background: aliceblue; display: inline-block; width: auto; margin-top: 2px;} #notice.member .table_title{display: block; text-align: center; background: #b4b8bb; width: 100%; color: #FFF; height: 30px; line-height: 30px; border-top: 3px solid #8b8c8d;} #notice.member .none_padding{padding:0px;} #notice.member #start_date, #notice.member #end_date{width:100px;} #notice.member .date_flex > div{width: 20px; text-align: center; line-height: 2.2;} #notice.member .date_btn{background: var(--bs-green); border: 1px solid var(--bs-green); color: #FFF; margin-left: 10px; height: auto; width: auto; padding: 5px 10px; border-radius: 5px; font-weight: bold;} #notice.member textarea.form-control{height:150px;} #notice.member .card-description.error{ font-size: 1rem; font-weight: bold; } #notice.member .card-description.error > code{font-size: 1rem; font-weight: bold;} #inquiry.price .price_result{ display: flex; justify-content: center; height: 1.5rem; align-items: center; padding: 0 1.5rem; /* font-size: 1.65rem; */ border-radius: 10rem;} #inquiry.price .price_result_e{background: var(--bs-info); border: 1px solid var(--bs-info); color: var(--bs-white);} #inquiry.price .price_result_i{background: var(--bs-yellow); border: 1px solid var(--bs-yellow); color: var(--bs-black);} #inquiry.price .price_result_o{background: var(--bs-red); border: 1px solid var(--bs-red); color: var(--bs-white);} #inquiry.price .result_end_date_y{color:var(--bs-info);} #inquiry.price .result_end_date_n{color:var(--bs-red);} #notice.price #id_search_btn{ background: #52CDFF; color: #FFF; border: 1px solid #52CDFF; font-weight: bold; padding: 0px 30px; margin-left: 10px;} #notice.price .idx_span{margin-right: 10px; line-height: 2.4; text-align: left; font-weight: bold; background: var(--bs-green); border-radius: 5px; color: #FFF; padding: 0px 10px; display:none;} #notice.price .form-control_se:focus{color: #212529; background-color: #fff; border-color: #86b7fe;} #notice.price .form-control_se{padding: 0.4rem 0.4rem; border: 1px solid #dee2e6; font-weight: 400; font-size: 0.875rem; border-radius: 4px; height: 2rem;} #notice.price #add_search{background: #ff7d6e; border: 1px solid #ff7d6e; color: #FFF; font-weight: bold; margin-right:10px; width: 100px;} #notice.price #dd_office_address_num{/*max-width: 100px;*/ margin-right:10px;} #notice.price #dd_si{max-width: 200px; margin-right:10px;} #notice.price #dd_add_address{margin-top: 5px;} #notice.price .max-width{max-width:300px;} #notice.price #dd_office_cat, #notice.price #dd_office_cat2{min-width:200px;} #id_search .modal-dialog {max-width: 700px;} #id_search #id_search_view_modal_body{padding:0px;} #id_search #id_search_view_modal_body #inquiry{width:100%; min-height: 100%;} #id_search #id_search_view_modal_body .content-wrapper{padding:10px;} #id_search #id_search_view_modal_body .card {margin-top: 0px;} #id_search #id_search_view_modal_body .col-jk-12{margin-bottom:0px;} #idx_search .modal-dialog {max-width: 700px;} #idx_search #idx_search_view_modal_body{padding:0px;} #idx_search #idx_search_view_modal_body #inquiry{width:100%; min-height: 100%;} #idx_search #idx_search_view_modal_body .content-wrapper{padding:10px;} #idx_search #idx_search_view_modal_body .card {margin-top: 0px;} #idx_search #idx_search_view_modal_body .col-jk-12{margin-bottom:0px;} /*기본 디자인 */ #basic_design ol, ul { list-style: none; margin: 0px; padding: 0px; } #basic_design #main_add_btn{margin-top: 5px; background: #52CDFF; color: #FFF; border: 1px solid #52CDFF; padding: 3px 10px; cursor: pointer; margin-bottom:5px; font-size: 12px; font-weight: bold;} #basic_design .main_del, #basic_design .sub_del, #basic_design .main_set{background: #ff7d6e; color: #FFF; border: 1px solid #ff7d6e; padding: 2px 10px; cursor: pointer; margin-left:5px; font-size: 12px; font-weight: bold;} #basic_design .main_set{background: #49b349; border: 1px solid #49b349;} #basic_design span.main_del, #basic_design span.sub_del, #basic_design span.sub_add_btn, #basic_design span.main_set{font-size: 20px; display: inline-flex; vertical-align: middle; margin-left: 4px; color: #49b349; background: #FFF; border: none; padding: 0px;} #basic_design span.main_del, #basic_design span.sub_del{color:#ff7d6e} #basic_design span.sub_add_btn{color: #52CDFF;} #basic_design span.handle{color:#ff9c00; font-size: 18px; vertical-align: middle; cursor: pointer;} #basic_design .sub_ul{margin-left:30px;} #basic_design .sub_ul > li:last-child{margin-bottom:10px;} #basic_design .sub_add_btn{background: #49b349; color: #FFF; border: 1px solid #49b349; padding: 2px 10px; cursor: pointer; margin-left:10px; font-size: 12px; font-weight: bold;} #basic_design .input{ width: 150px; margin-bottom: 5px; display: inline-block; font-size: 12px;} #basic_design #main_sort_btn{margin-top: 5px; background: #ff9c00; color: #FFF; border: 1px solid #ff9c00; padding: 3px 10px; cursor: pointer; margin-bottom:5px; font-size: 12px; font-weight: bold;} #basic_design #main_sort_end{margin-top: 5px; background: #49b349; color: #FFF; border: 1px solid #49b349; padding: 3px 10px; cursor: pointer; margin-bottom:5px; font-size: 12px; font-weight: bold; display:none;} #basic_design #main_sort_cen{margin-top: 5px; background: #ff7d6e; color: #FFF; border: 1px solid #ff7d6e; padding: 3px 10px; cursor: pointer; margin-bottom:5px; font-size: 12px; font-weight: bold; display:none;} #basic_design .ui-sortable.active{border:2px dashed #65b12d; padding:5px;} #basic_design .sortable-item-highlight{border:2px dashed #52CDFF; margin:1px;} #basic_design .left_sec{ min-width: 270px;} #basic_design .right_sec{/*margin-left:20px;*/ border: 1px solid #eee; padding: 20px; width: 100%; border-radius: 10px;} #basic_design .form-check {display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem;} #basic_design .form-check-inline { display: inline-block; margin-right: 1rem;} #basic_design .form-check .form-check-label{margin-left:0px; margin-bottom: 0px; line-height: 1.7;} #basic_design #right_header{border-bottom:1px solid #eee; padding-bottom: 10px; } #basic_design #right_header .right_header_title > div{display: inline-block; border-bottom: 3px solid #9f9e9e;} #basic_design #right_header .right_header_title > div > h1 {font-size: 20px; font-weight: bold; color:#49b349; display: inline-block;} #basic_design #right_header .right_header_title > div > span {font-size: 18px; font-weight: bold; color:#9f9e9e; margin-left:5px;} #basic_design .filebox label.popup_label, #basic_design #right_body .mobile .file_label{color: #fff; vertical-align: middle; background-color: #BCBCBC; cursor: pointer; margin-left: 10px; font-weight: bold; width: 100px; text-align: center; line-height: 32px;} #basic_design .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } #basic_design .filebox .up-file{ max-width:300px; } #basic_design .filebox .img_label{ margin-left: 0px; margin-right: 10px;} #basic_design .filebox .img_label > input{vertical-align: sub; width: 18px; height: 18px; margin-right: 3px;} #basic_design .img_div {padding-top:10px;} #basic_design .img_div .card-description{ margin-bottom: 0.175rem;} #basic_design .card-description.title{font-weight:bold; color: var(--bs-blue);} #basic_design .card-description.title > code{font-weight:bold;} #basic_design ul > li{padding:5px 0px;} #basic_design ul#main_ul > li{padding:0px;} #basic_design #img_add_btn{color: #fff; vertical-align: middle; background-color: #49b349; cursor: pointer; margin-left: 10px; font-weight: bold; width: 50px; text-align: center; line-height: 32px; height: 33px; border: none;} #basic_design .img_del_btn{color: #fff; vertical-align: middle; background-color: #ff7d6e; cursor: pointer; margin-left: 10px; font-weight: bold; width: 50px; text-align: center; line-height: 32px; height: 33px; border: none;} #basic_design .left_sec .btn_div{text-align:left;} #basic_design .mdi-help-circle-outline{line-height: 1; margin-top:0px;} #basic_design .img_or_name_s{padding: 3px 10px; background: #49b349; color: #FFF; border-radius: 10px; font-size: 11px;} #basic_design.basic_design_main .tgl + .tgl-flip-btn{width:13em;} #basic_design .tab_div{display: inline-block; background: #49b349; color: #fff; padding: 2px 10px; cursor: pointer;} #basic_design #menu_tab_select{max-width:200px; max-height: 31px; font-size: 0.875rem;} #basic_design input.tab_div{border: 1px solid #49b349; margin-left: 5px;} #basic_design .btn_box{/*width:100%;*/ display:flex; /*margin-bottom:10px;*/ } #basic_design .btn_box > input{ background: #52CDFF; border: 1px solid #52CDFF; color: #FFFFFF; margin-right: 5px; font-size: 0.812rem;} #basic_design .btn_box > input:nth-child(3), #basic_design .btn_box > input:nth-child(4){ background: #ff7d6e; border: 1px solid #ff7d6e;} #basic_design .btn_box > input:last-child{margin-right:0px;} #basic_design .option_box, #basic_design .option_box2{ margin-left:10px; border:1px solid #BCBCBC; padding: 3px 0px 1px 5px;} #basic_design .option_box .form-check-inline, #basic_design .option_box2 .form-check-inline{ margin-top: 0px; } /*삭제 체크박스 시작*/ #basic_design .checks {position: relative; /*padding: 6px 0px;*/ margin-left:10px;} #basic_design .checks input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0} #basic_design .checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } #basic_design .checks input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 21px; height: 21px; line-height: 21px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } #basic_design .checks input[type="checkbox"] + label:active:before, #basic_design .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);} #basic_design .checks input[type="checkbox"]:checked + label:before {content: '\2714'; /* 체크표시 유니코드 사용 */ color: #99a1a7; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); } #basic_design .checks.etrans input[type="checkbox"] + label { padding-left: 25px; } #basic_design .checks.etrans input[type="checkbox"] + label:before { position: absolute; left: 0; top: 3px; margin-top: 0; opacity: .6; box-shadow: none; border-color: #d80027; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; } #basic_design .checks.etrans input[type="checkbox"]:checked + label:before { position: absolute; content: ""; width: 10px; top: -2px; left: 5px; border-radius: 0; opacity:1; background: transparent; border-color:transparent #d80027 #d80027 transparent; border-top-color:transparent; border-left-color:transparent; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); } #basic_design .no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:before { content: "\2714"; top: 0; left: 0; width: 21px; line-height: 21px; color: #d80027; text-align: center; border: 1px solid #d80027; } #basic_design .checks > label > span { /*padding: 3px 0px;*/ display: inline-block; font-weight: bold; color: #d80027; position: absolute; width: 30px; top: 3px;} #basic_design .filebox2 > .s_t{min-width:200px; margin-left:10px;} #basic_design .filebox2 > .s_t:first-child{margin-left:0px;} #basic_design .slider_text_use_div{margin-bottom:5px;} #basic_design .slider_text_use_div .card-description{margin-bottom: 0px; line-height: 25px; margin-left: 10px;} #basic_design .margin-top-10{margin-top:10px;} #basic_design .margin-bottom-10{margin-bottom:10px;} #basic_design .textarea{height:150px;} #basic_design .nav_li > input{margin-top:5px;} #basic_design #add_search{background: #ff7d6e; border: 1px solid #ff7d6e; color: #FFF; font-weight: bold; margin-right:10px; width: 100px;} #basic_design #address_num, #basic_design #address_num2{/*max-width: 100px;*/ margin-right:10px;} #basic_design #si, #basic_design #si2{max-width: 200px; margin-right:10px;} #basic_design #add_address, #basic_design #add_address2, #basic_design #address_x_y, #basic_design #address_x_y2{margin-top: 5px;} #basic_design .max-width{max-width:300px;} #basic_design .right_sec .filebox2{width:100%;} #basic_design .right_sec .filebox2 .form-check{min-width: 100px; border: 1px solid #dee2e6; padding: 4px 5px 4px 36px; margin: 0px;margin-left: 10px;} #basic_design #right_body .m_up-file{max-width:200px;} #basic_design #right_body .mobile{margin-bottom:5px; display:flex !important;} #basic_design .right_sec #right_body .title_l{margin-top:15px} #basic_design .right_sec #right_body .add_text_use_box{margin-top: 0px; width: 100%; height: auto; border: 1px solid #dee2e6; display: flex; padding: 0px 0px 5px 15px; flex-wrap: wrap; margin-bottom:20px;} #basic_design .right_sec #right_body .textarea_f_c{height:200px;} #basic_design .right_sec #right_body .add_text_box2{height:250px;} #basic_design .right_sec #right_body #imgList li{ border-bottom: 2px dotted #1fbeff;} #basic_design .right_sec #right_body .file_flex{} #basic_design .right_sec #right_body .file_flex > div{flex:1;} #basic_design .right_sec #right_body .file_flex > div:first-child{margin-right:10px;} #basic_design .right_sec #right_body .table .img_or_name_s{padding: 7px 10px;} #basic_design .right_sec #right_body .table_main{min-width:500px;} #basic_design .right_sec #right_body .table_main > tbody > tr > td{border:1px solid #b1b1b1;} @media only screen and (max-width:1500px) { #basic_design .right_sec #right_body .file_flex{flex-wrap: wrap; flex-direction: column;} } @media only screen and (max-width:1200px) { } @media only screen and (max-width:991px) { #basic_design .add_box {display:block;} #basic_design .add_box #address_num { margin-right:0px; } #basic_design #si, #basic_design #goo{margin-top:5px; width:100%; max-width:100%;} #basic_design .card-body > .flex{display:block;} #basic_design .filebox2{display:block;} #basic_design .filebox2 > .s_t{margin-left:0px; margin-top:5px;} #basic_design .right_sec .filebox2 > div{margin-top:5px;} #basic_design .right_sec .filebox2 .form-check:first-child{margin-left:0px; } } #home_design .flex{flex-wrap: nowrap;} #home_design .filebox label.file_label {color: #fff; vertical-align: middle; background-color: #BCBCBC; cursor: pointer; margin-left: 10px; font-weight: bold; width: 100px; text-align: center; line-height: 32px;} #home_design .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } #home_design .filebox .up-file{ max-width:300px; } #home_design .filebox .file_label{ margin-left: 0px; margin-right: 10px;} #home_design .filebox .file_label > input{vertical-align: sub; width: 18px; height: 18px; margin-right: 3px;} #home_design .filebox{display:flex;} #home_design .filebox .upload-name {padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; width: 100%; color: #999999; } #home_design .filebox .sub_filebox1{margin-right:10px; display:none;} /*체크박스*/ #home_design .checks {position: relative; padding: 6px 0px;} #home_design .checks input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0} #home_design .checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } #home_design .checks input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 21px; height: 21px; line-height: 21px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } #home_design .checks input[type="checkbox"] + label:active:before, #home_design .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);} #home_design .checks input[type="checkbox"]:checked + label:before {content: '\2714'; /* 체크표시 유니코드 사용 */ color: #99a1a7; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); } #home_design .checks.etrans input[type="checkbox"] + label { padding-left: 25px; } #home_design .checks.etrans input[type="checkbox"] + label:before { position: absolute; left: 0; top: 0; margin-top: 0; opacity: .6; box-shadow: none; border-color: #d80027; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; } #home_design .checks.etrans input[type="checkbox"]:checked + label:before { position: absolute; content: ""; width: 10px; top: -5px; left: 5px; border-radius: 0; opacity:1; background: transparent; border-color:transparent #d80027 #d80027 transparent; border-top-color:transparent; border-left-color:transparent; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); } #home_design .no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:before { content: "\2714"; top: 0; left: 0; width: 21px; line-height: 21px; color: #d80027; text-align: center; border: 1px solid #d80027; } #home_design .checks > label > span { padding: 3px 0px; display: inline-block; font-weight: bold; color: #d80027; } #home_design .filebox .sub_filebox12{width:auto;} #home_design .home_design_card2 .card-description{ margin-bottom: 0.175rem;} #home_design .table .card-description{ margin-bottom: 0.175rem;} #home_design .home_design_card2 .card-description.sub_title{ font-size:15px; color: #333; font-weight: bold;} #home_design .mini_input{max-width:300px; float:left; } #home_design textarea.form-control{height:150px;} #home_design #foot_ul{/*padding: 10px;*/} #home_design #foot_ul > li{margin-bottom: 10px;} #home_design .img_or_name_s{padding: 3px 10px; background: #49b349; color: #FFF; border-radius: 10px; font-size: 11px; line-height: 17px; margin-top: 3px;} #home_design .etrans2{padding:0px; margin-left: 10px;} #home_design .etrans2 > label > span{padding:0px; display: inline-block; position: absolute; width: 30px; top: -2px; font-size: 13px;} #home_design .checks.etrans.etrans2 input[type="checkbox"] + label:before{top:-7px;} #home_design .checks.etrans.etrans3 input[type="checkbox"] + label:before{top:-12px;} #home_design .etrans3 > label > span{top: -12px;} #home_design #img_add_btn{color: #fff; vertical-align: middle; background-color: #49b349; cursor: pointer; /*margin-left: 10px;*/ font-weight: bold; width: 50px; text-align: center; line-height: 32px; height: 33px; border: none;} #home_design .img_del_btn{color: #fff; vertical-align: middle; background-color: #ff7d6e; cursor: pointer; /*margin-left: 10px;*/ font-weight: bold; width: 50px; text-align: center; line-height: 32px; height: 33px; border: none;} #home_design .left_sec .btn_div{text-align:left;} #home_design .mdi-help-circle-outline{line-height: 1; margin-top:0px;} #home_design .img_or_name_s{padding: 3px 10px; background: #49b349; color: #FFF; border-radius: 10px; font-size: 11px; height: 23px;} #home_design .img_ul{margin-top:10px;} #home_design .img_ul > li{padding:5px 0px;} #home_design .flex_row{display: flex; flex-direction: column; flex-wrap: nowrap; padding: 5px 0px;} #home_design .flex_row > input{margin-bottom:5px;} #home_design .move_div{margin-top:10px;} #home_design .sub-card-title{margin-top:20px;} /*소셜칸 추가 CSS*/ #home_design .social_row #imgList li{background: #f4f9ff; border: 1px solid #eee; padding: 5px; margin-top: 5px; border-radius: 5px;} #home_design .social_row .flex_row2 {width:100%; margin-top:10px;} #home_design .social_row .flex_row2 > div{margin-right:10px; display:flex; flex:1;} #home_design .social_row .flex_row2 > div:last-child{margin-right:0px;} #home_design .social_row .flex_row3{margin-top:5px;} #home_design .social_row .flex_row3 > label, #home_design .social_row .flex_row2 > div > label{background: rgba(0, 0, 0, 0.05); min-width: 85px;text-align: center; display: block; margin-right: 5px; padding-top: 5px;} #home_design .social_row .form-check {display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem;} #home_design .social_row .form-check-inline { display: inline-block; margin-right: 1rem;} #home_design .social_row .form-check .form-check-label{margin-left:0px} #home_design .social_row .flex2{display:flex; align-items: baseline} #home_design .social_row .form-select{ padding: 0rem 0.4rem; font-size: 0.8rem;} #home_design .social_row .flex_grow1{flex-grow: 0.99 !important;} #home_design .social_row .flex_grow2{flex-grow: 2 !important;} #home_design .social_row .sp-replacer{position: unset;} #home_design .social_row .sp-replacer .sp-dd{display:none;} @media only screen and (max-width:991px) { #home_design .filebox{display:block;} #home_design .sub_filebox12{width:100%;} #home_design .mini_input{width:100%; display:block; margin-top:5px;} #home_design #foot_ul > li:first-child{padding-top: 0px;} #home_design #foot_ul > li{padding-top: 10px; clear: both;} #home_design .social_row .flex_row2{display:block;} #home_design .social_row .flex_row2 > div{margin-top:5px; margin-right:0px;} #home_design .filebox2{display:flex;} #home_design .social_row .flex2{flex-wrap: wrap;} } #home_page_reg_modal .modal-dialog { max-width: 1200px; } /*서브 메뉴 추가*/ #basic_design ul#main_ul > li > ul > li{padding:0px;} /*홈 디자인 슬라이드 추가 CSS*/ #home_design .sd_row #imgList li{background: #f4f9ff; border: 1px solid #eee; padding: 5px; margin-top: 5px; border-radius: 5px;} #home_design .sd_row .flex_row2 {width:100%; margin-top:10px;} #home_design .sd_row .flex_row2 > div{margin-right:10px; display:flex; flex:1; position: relative;} #home_design .sd_row .flex_row2 > div:first-child{flex:2;} #home_design .sd_row .flex_row2 > div:last-child{margin-right:0px;} #home_design .sd_row .flex_row3{margin-top:5px;} #home_design .sd_row .flex_row3 > label, #home_design .sd_row .flex_row2 > div > label{background: rgba(0, 0, 0, 0.05); min-width: 85px;text-align: center; display: block; margin-right: 5px; padding-top: 5px;} #home_design .sd_row .form-check {display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem;} #home_design .sd_row .form-check-inline { display: inline-block; margin-right: 1rem;} #home_design .sd_row .form-check .form-check-label{margin-left:0px} #home_design .sd_row .flex2{display:flex; align-items: baseline;} #home_design .sd_row .sd_img_div{padding:5px 0px;} #home_design .sd_row .sd_img_div .flex_row{padding:0px;} #home_design .sd_row .sd_img_div > *{margin-top:5px;} #home_design .sd_row .sd_img_div > *:first-child{margin-top:0px;} #home_design .sd_text_div{flex-direction: row;} #home_design .sd_text_div > input{margin-right:5px;} #home_design .sd_text_div > input:last-child{margin-right:0px;} #home_design .sd_img_div .filebox label.file_label{min-width: 100px;} #home_design .sd_row .sd_img_div .sd-upload-name{ padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; width: 100%; color: #999999; max-width: 300px;} #home_design .sd_img_div .sd_img_flex{flex-direction: row;} #home_design .sd_img_div .sd_img_flex .etrans3{margin-right: 33px;} #home_design .mobile_img_add{margin-top:5px;} #home_design .filebox .m_up-file{max-width:250px;} @media only screen and (max-width:991px) { #home_design .sd_row .flex_row2 { flex-wrap: wrap; } #home_design .sd_row .flex_row2 > div:first-child {flex-basis: 100%; margin-bottom:5px; margin-right:0px;} #home_design .sd_row .flex_row2 > div:nth-child(2), #home_design .sd_row .flex_row2 > div:nth-child(3) {/*flex-basis: 50%;*/} #home_design .sd_row .sd_img_div .sub_file_label{ min-width: 103px;} #home_design .sd_text_div{flex-direction: column;} #home_design .sd_img_div .sd_img_flex{flex-direction: column;} } /*메인이미지 슬라이드 아이템*/ #home_design .sd_item #imgList li{background: #f4f9ff; border: 1px solid #eee; padding: 5px; margin-top: 5px; border-radius: 5px;} #home_design .sd_item .flex_row2 {width:100%; margin-top:10px;} #home_design .sd_item .flex_row2 > div{margin-right:10px; display:flex; flex:1;} #home_design .sd_item .flex_row2 > div:last-child{margin-right:0px;} #home_design .sd_item .flex_row3{margin-top:5px;} #home_design .sd_item .flex_row3 > label, #home_design .sd_item .flex_row2 > div > label{background: rgba(0, 0, 0, 0.05); min-width: 85px;text-align: center; display: block; margin-right: 5px; padding-top: 5px;} #home_design .sd_item .flex2{display:flex; align-items: baseline} #home_design .sd_item .flex_grow1{margin-right: 5px; min-width: 85px;} #home_design .sd_item select{height: 32px; font-size: 0.812rem; background-color: rgba(0, 0, 0, 0.05); border: 0px; border-radius: 0px;} #home_design .sd_item select:focus{box-shadow:none;} #home_design .sd_item .width-100{width:100%; margin-right:0px;} #home_design .sd_item .width-100 select{width:100%; background-color:#FFF; border: 1px solid #dee2e6; font-weight: 400; font-size: 0.875rem; border-radius: 4px;} @media only screen and (max-width:991px) { #home_design .sd_item .flex_row2 { flex-direction: column; } #home_design .sd_item .flex_row2 > div{flex-basis: 100%; margin-bottom:5px; margin-right:0px;} #home_design .sd_item .flex_row2 > div:last-child{margin-bottom:0px;} } .table_bbs thead tr th:nth-child(1), .table_bbs thead tr th:nth-child(2){ width: 2rem;} .bbs_notice_bell{text-align: center; width: 100%; display: block; background: #FFF; color: #006DF0; border: 1px solid #006DF0; font-size: 18px; padding: 2px 4px; border-radius: 5px;} #id_box .flex3{display:flex;} #id_box .flex3 > .form-group{margin-right:10px;} #id_box .flex3 > div:nth-child(3){ display: flex; align-items: flex-end;} #id_box .flex3 .save_btn{font-weight: bold; padding: 5px 10px; height: 33px;} @media only screen and (max-width: 991px) { #id_box .flex3 > div:nth-child(3){ margin-top: 10px; width: 100%;} #id_box .flex3{flex-wrap: wrap;} #id_box .flex3 .save_btn { width: 100%; padding: 8px 10px;} } /*게시판 설정*/ #inquiry_set #add_tab{padding: 7px 15px; color: #FFF; background: var(--bs-cyan); border: 1px solid var(--bs-cyan); border-radius: 5px;} /*seo 설정*/ #seo .data-table-sub thead th{border: 1px solid; border-color: inherit; background-color: var(--bs-gray-200); font-size: 0.812rem; padding: 0.7rem;} #seo .td_background{background-color:#4d4d4d; color:#FFFFFF; font-size: 1rem;} /*사업안내등 서브 텍스트*/ .sub_text_title{ margin-bottom:0px; margin-top:10px; } #sub_text_table .relative{ position: relative;} #sub_text_table .sub_text{width:100%;} #sub_text_ul {border-bottom: 1px solid #BCBCBC;} #sub_text_ul .sub_text_flex{ border-top: 1px solid #BCBCBC; border-left: 1px solid #BCBCBC; border-right: 1px solid #BCBCBC; padding: 5px 10px; } #sub_text_ul .sub_text_flex > div{ margin-right:5px; position: relative;} #sub_text_ul .sub_text_flex > div > .form-select{ font-size: 13px; } #sub_text_ul .sub_text_flex > div:first-child{ width:100%; } #sub_text_ul .sub_text_flex > div:nth-child(2), #sub_text_ul .sub_text_flex > div:nth-child(3){ width:200px; } #sub_text_ul .sub_text_flex > div:last-child{ margin-right:0px; width:180px;} /*서브 상단 텍스트*/ .sub_text_div .relative{ position: relative;} .sub_text_div td{ width:150px; } .sub_text_div td:first-child{width:auto;}