@charset "UTF-8";

.mob-gnb .svg-arrow {transform: rotate(-90deg);}
.mob-gnb .gnb .dep2>li.active>a>span {transform: rotate(-90deg);}

@media screen and (min-width: 1024px){
	.btn-portals {display: none;}
    .header .inner-header.type2 .util-wrap {flex-direction: column; min-width: 60px; align-items: flex-end;}
    .inner-header.type2 .dep2-wrap {width: calc(100% / 6);}
    .inner-header.type2 .gnb>li:nth-child(2) .dep2-wrap {left: calc(100% / 6);}
    .inner-header.type2 .gnb>li:nth-child(3) .dep2-wrap {left: calc(100% / 6 + 100% / 6);}
    .inner-header.type2 .gnb>li:nth-child(4) .dep2-wrap {left: calc(100% / 6 + 100% / 6 + 100% / 6);}
    .inner-header.type2 .gnb>li:nth-child(5) .dep2-wrap {left: calc(100% / 6 + 100% / 6 + 100% / 6 + 100% / 6);}
    .inner-header.type2 .gnb>li:nth-child(6) .dep2-wrap {left: calc(100% / 6 + 100% / 6 + 100% / 6 + 100% / 6 + 100% / 6);}
}
@media screen and (min-width: 1500px){
    .inner-header.type2 .dep2-wrap {width: calc(100% / 8);}
    .inner-header.type2 .gnb>li:first-child .dep2-wrap {left: calc(100% / 8);}
    .inner-header.type2 .gnb>li:nth-child(2) .dep2-wrap {left: calc(100% / 8 + 100% / 8);}
    .inner-header.type2 .gnb>li:nth-child(3) .dep2-wrap {left: calc(100% / 8 + 100% / 8 + 100% / 8);}
    .inner-header.type2 .gnb>li:nth-child(4) .dep2-wrap {left: calc(100% / 8 + 100% / 8 + 100% / 8 + 100% / 8);}
    .inner-header.type2 .gnb>li:nth-child(5) .dep2-wrap {left: calc(100% / 8 + 100% / 8 + 100% / 8 + 100% / 8 + 100% / 8);}
    .inner-header.type2 .gnb>li:nth-child(6) .dep2-wrap {left: calc(100% / 8 + 100% / 8 + 100% / 8 + 100% / 8 + 100% / 8 + 100% / 8);}
}

/*검색창 s*/
.search-close-btn {text-indent: -9999px; width: 30px; height: 30px; position: relative;}
.search-close-btn:before {content: ''; position: absolute; left: 14px; top: 5px; width: 2px; height: 20px; background: #8B8E9B; transform: rotate(45deg);}
.search-close-btn:after {content: ''; position: absolute; left: 5px; top: 14px; height: 2px; width: 20px; background: #8B8E9B; transform: rotate(45deg);}
.total-search-btn {z-index: 20; text-indent: -9999px; transition: all 0.4s; right: 20px; top: 13px; width: 30px; height: 30px; border-radius: 45px; background-color: #00B3B5; position: absolute; background-image: url('/_user/restructure2022/base/img/layout/ico-search.svg'); background-repeat: no-repeat; background-position: center;}
.total-search-btn.on {position: fixed; right: 21px; top: 86px; width: 50px; height: 49px; transform: rotate(360deg);}
.total-search-btn:before {content: ''; position: absolute; right: 0; top: 0; width: 9px; height: 9px; border-radius: 45px; background: #FFC400; mix-blend-mode: multiply;}
.header .search-wrap {display: none; border: none; overflow: hidden; height: 100px; position: absolute; padding: 25px 20px; left: 0; top: 60px; transform: translateX(0); width: 100%; background: #fff; z-index: 10; box-sizing: border-box;}
.header .search-wrap.on {display: block;}
.total-search-btn.on:before {width: 14px; height: 14px;}
.header .search-wrap.on .search-form {width: calc(100% - 40px); right: 21px; opacity: 1; transition: left 0.7s, opacity 0.4s, width 0.7s; transition-delay: 0.43s;}
.header .search-form {position: absolute; width: 0; opacity: 0; height: 50px; right: 31px;  border-radius: 35px; border: 2px solid #00B3B5; display: flex; box-sizing: border-box;}
.header .search-form form {width: 100%;}
.header .search-form input {line-height: 48px; width: 100%; height: 48px; padding: 0 60px 0 15px; box-sizing: border-box;}
.header .btn-search {width: 50px; text-indent: -9999px; min-width: 50px; height: 50px; border-radius: 45px; background-color: #fff; position: relative; right: -1px; top: -2px; background-image: url('/_user/restructure2022/base/img/layout/ico-search.svg'); background-position: 50%; background-repeat: no-repeat;}
.header .search-list {display: none;}
.search-form .total-search-btn {display: none;}

@media screen and (min-width: 768px){
    .total-search-btn {right: 23px; top: 23px;}
    .header .search-wrap {top: 75px;}
    .total-search-btn.on {top: 101px;}
}
@media screen and (min-width: 1024px){
    .total-search-btn.on:before {width: 15px; height: 15px;}
    .header .search-wrap {top: 120px; height: 190px;}
    .header .search-form {height: 60px; max-width: 660px; left: 50%; transform: translateX(-50%);}
    .search-form .total-search-btn {display: block; width: 60px; height: 60px; top: -2px; right: -1px;}
    .search-form .total-search-btn:before {width: 15px; height: 15px;}
    .header .search-form input {height: 60px; font-size: 18px; padding: 0 70px 0 30px;}
    .header .search-list {opacity: 0; position: absolute; bottom: 50px; width: 100%; display: flex; justify-content: center; align-items: center;}
    .header .search-wrap.on .search-list {opacity: 1; transition: opacity 0.3s 0.7s;}
    .header .search-list p {color: #fff; background: #333; padding:  4px 10px 0; border-radius: 5px; position: relative; margin-right: 10px;}
    .header .search-list p:before {content: ''; position: absolute; right: -7px; top: 0; width: 0; height: 0; border-top: 5px solid #333; border-bottom: 5px solid transparent; border-left: 5px solid #333; border-right: 5px solid transparent;}
    .header .search-list>li {padding: 2px;}
    .header .search-list>li:first-child {padding: 2px 0;}
    .header .search-list>li>* {white-space: nowrap;}
    .header .search-list>li>a {display: inline-block; border-radius: 45px; border: 1px solid #D7D9DE; box-sizing: border-box; padding: 4px 7px 0;}
}
/*검색창 e*/