@charset "utf-8";

.search-section{padding: 34px 100px 24px;background: #F8F8F8;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.search-section .search {position:relative; width: 455px; height: 62px;  background: white; border: 3px solid #0a9d57; border-radius: 6px; }
.search-section .search .input{position:relative;width: calc(100% - 60px); height: 100%; display: flex ; align-items: center;font-size:16px;}
.search-section .search .input input{height:100%;width:100%;border:none;font-weight:700;}
.search-section .search .input input::placeholder{ color:#0A9D57;font-size:16px;font-weight:700;}
.search-section .search .input .btn-del {display:none; position:absolute;top:50%;right:0;transform:translateY(-50%);width:24px;height:24px;border-radius:100%;background:#ededed url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.67779 0L4.00029 2.6775L1.32221 0L0 1.32221L2.6775 4.00029L0 6.67779L1.32221 8L4.00029 5.3225L6.67779 8L8 6.67779L5.3225 4.00029L8 1.32221L6.67779 0Z' fill='%237F7F7F'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 8px;}
.search-section .search .btn-search {width:80px;height:80px;position:absolute;top:-13px;right:-30px;background:url('../images/common/btn-search.png') no-repeat 0 0;}
.search-result-text { font-size: 16px; color: #000; text-align: center; font-weight:700;margin-top:20px;}
.search-result-text .highlight { color: #2696a0; }

.tab-style{margin-top:64px;}
.tab-style ul {display:flex;align-items:center;border-bottom:3px solid #2696A0;}
.tab-style ul li {flex:1;height:64px;}
.tab-style ul li ~ li:not(.on){border-left:1px solid #E0DFE4;}
.tab-style ul li a {display:flex;height:100%;justify-content:center;align-items:center;flex-direction: column;background:#F8F8F8; color:#000;}
.tab-style ul li a b {font-weight:700;font-size:16px;display:block;}
.tab-style ul li a span {display:block;font-size:14px;}
.tab-style ul li.on  + li{border-left:none;}
.tab-style ul li.on a { color:#fff;background:#2696A0;}

.search-result-wrap {margin-top:56px;}
.search-result-wrap .result-header{display:flex;align-items:center;}
.search-result-wrap .result-header .title-result {font-size:16px;display:flex;align-items:center;gap:8px;}
.search-result-wrap .result-header .title-result b {font-weight:400;}
.search-result-wrap .result-header .title-result em {font-weight:700; color:#AA3C65;}
.search-result-wrap .result-header * + .menu-bar {margin-left:auto;}
.search-result-wrap .result-header .menu-bar {display:flex;}
.search-result-wrap .result-header .menu-bar .btn-more {margin-left:auto;font-size:16px; color:#000;display:flex;align-items:center;}
.search-result-wrap .result-header .menu-bar .btn-more:after{content:'';display:inline-block;margin-left:8px; width: 9px;height:16px;background: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_522_1120)'%3E%3Cpath d='M0.95338 15.2792C0.84086 15.2792 0.732669 15.2331 0.646115 15.1457C0.477337 14.9661 0.477337 14.676 0.646115 14.4964L6.78275 7.96672C6.95153 7.78713 7.22417 7.78713 7.39295 7.96672C7.56173 8.14631 7.56173 8.43641 7.39295 8.616L1.26064 15.141C1.17409 15.2331 1.0659 15.2746 0.95338 15.2746V15.2792Z' fill='black'/%3E%3Cpath d='M7.08568 8.7265C6.97316 8.7265 6.86497 8.68045 6.77842 8.59296L0.646116 2.06788C0.477336 1.88829 0.477336 1.59358 0.646116 1.41399C0.814895 1.2344 1.09186 1.2344 1.26064 1.41399L7.39295 7.94368C7.56173 8.12327 7.56173 8.41337 7.39295 8.59296C7.30639 8.68506 7.1982 8.7265 7.08568 8.7265Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_522_1120'%3E%3Crect width='8' height='15' fill='white' transform='translate(0.5 0.299805)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}
.search-result-wrap .result-header .menu-bar .btn-more em {vertical-align:baseline; color:#327AD4;font-weight:700;margin-right:4px;}
.search-result-wrap .result-list {margin-top:16px;border-top:2px solid #000;}
.search-result-wrap .result-list li{border-bottom:1px solid #ccc;}
.search-result-wrap .result-list li .item {display:flex;align-items: stretch;gap:40px;}
.search-result-wrap .result-list li .item .img {width:160px;height:160px;display:flex;justify-content:center;align-items:center;margin:32px 0;}
.search-result-wrap .result-list li .item .img img {width:100%;height:100%;object-fit: cover;}
.search-result-wrap .result-list li .item .desc {padding:32px 0;flex:1; display:flex;flex-direction: column;gap:16px;}
.search-result-wrap .result-list li .item .desc .tit {display:block;font-weight:700;font-size:20px; color:#000;}
.search-result-wrap .result-list li .item .desc .tit .sub{font-weight:400;}
.search-result-wrap .result-list li .item .desc .tit em {vertical-align:baseline; color:#2696A0;}
.search-result-wrap .result-list li .item .desc .info {font-size:16px; color:#383838;display:flex;flex-direction: column;gap:3px;}
.search-result-wrap .result-list li .item .desc .info p b{font-weight:500;}
.search-result-wrap .result-list li .item .desc .path {font-size:16px; color:#000;font-weight:500;}
.search-result-wrap .result-list li .item .desc .path span ~ span:before{content:'>';display:inline;margin:0 5px;color:#383838;}
.search-result-wrap .result-list li .item .desc .path span:last-child{ color:#327AD4;font-weight:700;}
.search-result-wrap .result-list li .item .desc .path_mid {font-size:16px; color:#000;font-weight:500;}
.search-result-wrap .result-list li .item .desc .path_mid span ~ span:before{content:'>';display:inline;margin:0 5px;color:#383838;}
.search-result-wrap .result-list li .item .desc .path_mid span:nth-child(2){ color:#327AD4;font-weight:700;}
.search-result-wrap .result-list li .item .bg-txt {padding:32px 0;display:flex;justify-content:center;align-items:center;width:190px;background:#F8F8F8;flex-direction: column;gap:8px;text-align:center;}
.search-result-wrap .result-list li .item .bg-txt p {font-weight:500;font-size:16px; color:#000;}
.search-result-wrap .result-list li .item .desc .rel-menu {display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;}
.search-result-wrap .result-list li .item .desc .rel-menu .menu {min-width: 125px;display:flex;align-items:center;font-size:14px;font-weight:500;gap:12px; height: 40px;padding:0 16px; background: #F8F8F8; border: 1px solid #E0DFE4; border-radius: 4px;}
.search-result-wrap .result-list li .item .desc .rel-menu .menu  [class*=ico-]{width:32px;height:32px;}
.search-result-wrap .result-list li .item .desc .rel-menu .menu span {flex:1;text-align:center;}
.search-result-wrap .result-list li .item .desc .rel-menu .menu .ico-search-law {background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15.6183' y='11.0464' width='1.12594' height='12.5342' fill='%23B6CEED' stroke='%23ACC7EA'/%3E%3Crect x='5.96973' y='10.0464' width='1.46056' height='20.5863' rx='0.730281' transform='rotate(-90 5.96973 10.0464)' fill='%23B6CEED' stroke='%23ACC7EA'/%3E%3Cpath d='M11.521 27.7717C11.521 25.0622 13.7175 22.8506 16.427 22.8506C19.1365 22.8506 21.333 25.0622 21.333 27.7717H11.521Z' fill='%23327AD4'/%3E%3Crect x='10.847' y='28.0791' width='11.1592' height='0.615141' rx='0.30757' fill='%23B6CEED' stroke='%23ACC7EA' stroke-width='0.615141'/%3E%3Cpath d='M3.5072 17.9281L6.94139 10.5464L10.3756 17.9281' stroke='%23ACC7EA'/%3E%3Cpath d='M22.1504 17.9281L25.5846 10.5464L29.0188 17.9281' stroke='%23ACC7EA'/%3E%3Cpath d='M11.3563 16.6973C11.0469 19.4794 9.18878 21.6182 6.94128 21.6182C4.69394 21.6179 2.83558 19.4793 2.52625 16.6973H11.3563Z' fill='%23327AD4'/%3E%3Cpath d='M29.9991 16.6973C29.6898 19.4794 27.8316 21.6182 25.5841 21.6182C23.3368 21.6179 21.4784 19.4793 21.1691 16.6973H29.9991Z' fill='%23327AD4'/%3E%3Cpath d='M16.2634 6.125C17.8504 6.12521 19.1968 7.51896 19.197 9.31543C19.197 11.1121 17.8505 12.5066 16.2634 12.5068C14.6762 12.5068 13.3289 11.1122 13.3289 9.31543C13.3291 7.51883 14.6764 6.125 16.2634 6.125Z' fill='%23B6CEED' stroke='%23ACC7EA'/%3E%3Cpath d='M16.2627 7.35547C17.2177 7.35547 18.0527 8.19907 18.0527 9.31641C18.0525 10.4336 17.2176 11.2764 16.2627 11.2764C15.308 11.2761 14.4738 10.4334 14.4736 9.31641C14.4736 8.19923 15.3079 7.35571 16.2627 7.35547Z' fill='white' stroke='%23ACC7EA'/%3E%3C/svg%3E%0A");}
.search-result-wrap .result-list li .item .desc .rel-menu .menu .ico-search-enforcement-decree {background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='26' width='18' height='3' rx='1.5' fill='%23ACC7EA'/%3E%3Cpath d='M9.11965 15.697C8.81673 15.2352 8.94553 14.6153 9.40733 14.3124L11.2725 13.0889L14.8165 18.4916L12.9513 19.7151C12.4895 20.018 11.8696 19.8892 11.5666 19.4274L9.11965 15.697Z' fill='%23327AD4'/%3E%3Crect x='23.7197' y='26.1738' width='12.9227' height='3.23068' rx='1.61534' transform='rotate(-123.263 23.7197 26.1738)' fill='%23327AD4'/%3E%3Crect x='11.2725' y='13.0884' width='9.69203' height='6.46135' transform='rotate(-33.2632 11.2725 13.0884)' fill='%23ACC7EA'/%3E%3Cpath d='M19.3765 7.77246L21.2417 6.54897C21.7035 6.24605 22.3234 6.37484 22.6263 6.83664L25.0733 10.567C25.3762 11.0288 25.2474 11.6488 24.7856 11.9517L22.9204 13.1752L19.3765 7.77246Z' fill='%23327AD4'/%3E%3C/svg%3E%0A");}
.search-result-wrap .result-list li .item .desc .rel-menu .menu .ico-search-enforcement-rule {background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.4951 7C24.318 7.00015 24.9959 7.59914 24.9961 8.33398V22.9971C24.9961 23.7286 24.322 24.3319 23.4951 24.332H11.2734C10.8619 24.332 10.3711 24.5058 10.3633 25.1016V26.1465C10.3633 26.5924 10.7756 26.9551 11.2734 26.9551H22.9111C23.4088 26.9549 23.8203 26.5888 23.8203 26.1465V25.0977C24.2615 25.0456 24.6675 24.8829 24.9961 24.6475V26.1436C24.9958 27.1675 24.0554 27.9998 22.9072 28H10.0889C8.9407 28.0033 8.00025 27.1675 8 26.1436V8.33105C8 7.59984 8.67351 7.00061 9.5 7H23.4951ZM25 24.6455C24.9988 24.6463 24.9973 24.6466 24.9961 24.6475V24.6416L25 24.6455Z' fill='%23327AD4'/%3E%3Cpath d='M10.5 7H14.5V14.35L12.5 12.25L10.5 14.35V7Z' fill='%23ACC7EA'/%3E%3C/svg%3E%0A");}
.search-result-wrap .result-list li .item .desc .rel-menu .menu .ico-search-download {background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.8188 7C19.3711 7 19.8188 7.44772 19.8188 8V14.3018H21.9731C22.7971 14.3019 23.2673 15.2423 22.7729 15.9014L17.3003 23.1934C16.9003 23.7262 16.1007 23.7261 15.7007 23.1934L10.228 15.9014C9.73346 15.2422 10.2037 14.3018 11.0278 14.3018H13.1812V8C13.1812 7.44772 13.6289 7 14.1812 7H18.8188Z' fill='%23327AD4'/%3E%3Cmask id='path-2-outside-1_526_613' maskUnits='userSpaceOnUse' x='5' y='19.293' width='23' height='9' fill='black'%3E%3Crect fill='white' x='5' y='19.293' width='23' height='9'/%3E%3Cpath d='M7 19.293H26V24.9989C26 25.5511 25.5523 25.9989 25 25.9989H8C7.44771 25.9989 7 25.5511 7 24.9989V19.293Z'/%3E%3C/mask%3E%3Cpath d='M7 19.293H26H7ZM28 24.9989C28 26.6557 26.6569 27.9989 25 27.9989H8C6.34315 27.9989 5 26.6557 5 24.9989L9 23.9989H24L28 24.9989ZM8 27.9989C6.34315 27.9989 5 26.6557 5 24.9989V19.293H9V23.9989L8 27.9989ZM28 19.293V24.9989C28 26.6557 26.6569 27.9989 25 27.9989L24 23.9989V19.293H28Z' fill='%23ACC7EA' mask='url(%23path-2-outside-1_526_613)'/%3E%3C/svg%3E%0A");}
.search-result-wrap .result-list li .item .bg-txt .tag span {background: #327AD4; border-radius: 20px;padding: 0px 12px;height: 24px; color:#fff;line-height:25px;}
.search-result-wrap  .no-result-wrap{padding:100px 0; display:flex;justify-content:center;align-items:center;border-top:2px solid #000;margin-top:16px;}
.search-result-wrap  .no-result-wrap .no-result{display:inline-flex;align-items:center;gap:60px;}
.search-result-wrap  .no-result-wrap .no-result .icon {width:230px;height:230px;background: url("../images/common/ico-no-search.png") no-repeat 50% 50%;background-size:auto 100%;}
.search-result-wrap  .no-result-wrap .no-result .text strong {font-weight:700;font-size:22px; color:#000;display:block;}
.search-result-wrap  .no-result-wrap .no-result .text strong em { color:#2696A0;vertical-align:baseline;}
.search-result-wrap  .no-result-wrap .no-result .text .txt { color:#383838;margin-top:16px;display:flex;flex-direction: column;gap:5px;font-size:16px;margin-top:36px;}
.search-result-wrap  .no-result-wrap .no-result .text .txt p{display:flex;}
.search-result-wrap  .no-result-wrap .no-result .text .txt p:before{content:'-';display:inline-block;margin-right:3px;}

@media all and (max-width:1024px){
  .total-search-wrap{padding:0 1.25rem;}

  .search-section{padding: 2.25rem 1.25rem 1.5625rem;width:calc(100% + 2.5rem);margin-left:-1.25rem;}
  .search-section .search { width: calc(100% - 2.5rem); height: 3.5rem; border: 0.1875rem solid #0a9d57; border-radius: 0.375rem; }
  .search-section .search .input{width: calc(100% - 3.75rem);font-size:1rem;}
  .search-section .search .input input::placeholder{ font-size:1rem;}
  .search-section .search .input .btn-del {width:1.5rem;height:1.5rem;background-size:auto 0.5rem;}
  .search-section .search .btn-search {width:5rem;height:5rem;top:-0.9375rem;right:-1.25rem;}
  .search-result-text { font-size: 0.875rem;margin-top:1.5rem;}

  .tab-style{margin-top:1.5rem;}
  .tab-style ul {border-bottom:none;border-top:0.0625rem solid #E0DFE4;border-left:0.0625rem solid #E0DFE4; display:grid;grid-template-columns: repeat(2, 1fr);}
  .tab-style ul li {height:3.5rem;border-right:0.0625rem solid #E0DFE4;border-bottom:0.0625rem solid #E0DFE4;border-left:none !important;}
  .tab-style ul li a b {font-size:1rem;}
  .tab-style ul li a span {font-size:0.875rem;}

  .search-result-wrap {margin-top:3rem;}
  .search-result-wrap .result-header{display:block;}
  .search-result-wrap .result-header .title-result {font-size:1rem;gap:0.5rem;}
  .search-result-wrap .result-header .menu-bar{margin-top:1.5rem;}
  .search-result-wrap .result-header .menu-bar .btn-more {font-size:0.875rem;}
  .search-result-wrap .result-list {margin-top:1rem;border-top:0.125rem solid #000;}
  .search-result-wrap .result-list li .item {gap:0;flex-direction: column;padding-top:1.5rem;}
  .search-result-wrap .result-list li .item .img {width:11.25rem;height:11.25rem;margin:0 auto;}
  .search-result-wrap .result-list li .item .desc {padding:1.5rem 1rem 1.5rem;gap:1rem;}
  .search-result-wrap .result-list li .item .desc:first-child{padding-top:0;}
  .search-result-wrap .result-list li .item .desc .tit {font-size:1rem;}
  .search-result-wrap .result-list li .item .desc .info {font-size:0.875rem;gap:0.375rem;}
  .search-result-wrap .result-list li .item .desc .path {font-size:0.75rem;}
  .search-result-wrap .result-list li .item .desc .path span ~ span:before{content:'>';margin:0 0.3125rem;}
  .search-result-wrap .result-list li .item .desc .path_mid {font-size:0.75rem;}
  .search-result-wrap .result-list li .item .desc .path_mid span ~ span:before{content:'>';margin:0 0.3125rem;}
  .search-result-wrap .result-list li .item .bg-txt {padding:0.75rem 1rem;width:100%;gap:0.5rem;align-items: center;flex-direction: row;justify-content: flex-start;}
  .search-result-wrap .result-list li .item .bg-txt p {font-size:0.75rem;}
  .search-result-wrap .result-list li .item .bg-txt p br{display:none;}
  .search-result-wrap .result-list li .item .desc .rel-menu {gap:0.5rem 1rem;display:grid;grid-template-columns: repeat(2, 1fr);}
  .search-result-wrap .result-list li .item .desc .rel-menu .menu {min-width: 7.8125rem;font-size:0.875rem;gap:0.75rem; height: 2.5rem;padding:0 1rem; border-radius: 0.25rem;}
  .search-result-wrap .result-list li .item .desc .rel-menu .menu  [class*=ico-]{width:2rem;height:2rem;}
  .search-result-wrap .result-list li .item .bg-txt .tag{padding:0;}
  .search-result-wrap .result-list li .item .bg-txt .tag span { border-radius: 1.25rem;height: 1.5rem;line-height:1.5625rem;font-size:0.75rem;}
  .search-result-wrap  .no-result-wrap{padding:2.5rem 0;border-top:0.125rem solid #000;margin-top:1rem;}
  .search-result-wrap  .no-result-wrap .no-result{gap:1.5rem;flex-direction: column;}
  .search-result-wrap  .no-result-wrap .no-result .icon {width:7.875rem;height:7.875rem;}
  .search-result-wrap  .no-result-wrap .no-result .text strong {font-size:1rem;text-align:center;}
  .search-result-wrap  .no-result-wrap .no-result .text .txt {margin-top:1rem;gap:0.3125rem;font-size:0.75rem;margin-top:1.5rem;padding-right:0.1875rem;}
  
}