@font-face{
    font-family:'GmarketSansBold';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight:700;font-style:normal;font-display:swap;
  }
/* #header{
    position: sticky !important;
} */
#footer{
    margin-top: 0px !important;
}
.set_container{
    font-family:'Noto Sans KR';
}

.top_banner{
    width: 100%;
    height: 405px;
    background-image: url("../img/top_bg.jpg");
    background-position: center top;
    text-align: center;
}
.top_banner > span{
    font-size: 30px;
    letter-spacing: -0.06em;
    color: #252525;
    font-weight: 400;
    margin-top: 65px;
    display: inline-block;
}
.top_banner span b{
    font-size: 30px;
    letter-spacing: -0.06em;
    color: #252525;
    font-weight: 700;
}
.top_banner span b i{
    font-size: 30px;
    letter-spacing: -0.06em;
    color: #252525;
    font-weight: 700;
}
.top_banner strong{
    display: block;
    font-size: 50px;
    letter-spacing: -0.05em;
    color: #252525;
    font-weight: 700;
    margin-top: 15px;
}
.top_banner p{
    font-size: 20px;
    letter-spacing: -0.05em;
    color: #555;
    margin-top: 38px;
}
.top_banner .search_box{
    display: inline-block;
    position: relative;
    margin-top: 40px;
}
.top_banner .search_box input{
    width: 780px;
    height: 60px;
    border-radius: 60px;
    background-color: #fff;
    padding: 0 125px 0 25px;
    border: none;
    font-size: 16px;
    color: #252525;
    letter-spacing: -0.025em;
    font-weight: 500;
}
.top_banner .search_box{
	margin-right:107px;
}
.top_banner .search_box input{
	width:673px;
}
.top_banner .search_box input::placeholder{
    color: #c7c7c7;
}
.top_banner .search_box #search_btn{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 102px;
    height: 48px;
    background-color: #000;
    border-radius: 48px;
}
.top_banner .search_box #search_btn span{
    font-size: 17px;
    letter-spacing: 0;
    color: #fff;
    font-weight: 500;
    line-height: 47px;
    display: inline-block;
    padding-left: 28px;
    background-image: url("../img/search_button.png");
    background-position: left 12px;
    background-repeat: no-repeat;
}
.top_banner .search_box #search_reset{
    position: absolute;
    top: 50%;
    right:-107px;
    transform: translateY(-50%);
    width: 102px;
    height: 48px;
	background-color: #fff;
    border-radius: 48px;
	text-align: center;
	border:1px solid #555;
}
.top_banner .search_box #search_reset span{
    font-size: 17px;
    letter-spacing: 0;
    color: #252525;
    font-weight: 500;
    line-height: 47px;
    display: inline-block;
}
.top_banner .search_count{
    font-size: 14px;
    letter-spacing: -0.05em;
    color: #fff;
    margin-top: 14px;
    min-height: 18px;
}
.top_banner .search_count b{
    color: #de1e10;
    font-weight: 700;
}


.bizmap{
    background-color: #f3f1f1;
    margin-top: -35px;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
    padding: 70px 0 240px;
    position: relative;
    min-height: 600px;
}
.bizmap .bizmap_list{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.bizmap .bizmap_list > li{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgb(0, 0, 0, 0.2);
    max-height: 120px;
    border: 1px solid #fff;
    overflow: hidden;
	padding-bottom:20px;
}
.bizmap .bizmap_list > li.on{
    border: 1px solid #ff1d2f;
    max-height: unset;
}
.bizmap .bizmap_list > li .list_content_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 30px;
    cursor: pointer;
}
.bizmap .bizmap_list > li .list_content_top img{}
.bizmap .bizmap_list > li .list_content_top .content_text{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 20px;
}
.bizmap .bizmap_list > li .list_content_top .content_text strong{
    font-size: 23px;
    letter-spacing: -0.05em;
    color: #252525;
    font-weight: 700;
    display: flex;
    align-items: start;
    gap: 18px;
}
.bizmap .bizmap_list > li .list_content_top .content_text strong span{
    font-size: 13px;
    letter-spacing: 0;
    color: #de1e10;
    font-weight: 700;
    width: 54px;
    height: 25px;
    border-radius: 25px;
    background-color: #f3f3f3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	display: none;
}
.bizmap .bizmap_list > li .list_content_top .content_text p{
    font-size: 17px;
    letter-spacing: -0.05em;
    color: #aeaeae;
}
.bizmap .bizmap_list > li .list_content_top button{
    display: inline-block;
    width: 30px;
    height: 30px;    
    background-image: url("../img/close_arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    margin-right: -4px;
}
.bizmap .bizmap_list > li.on .list_content_top button{
    background-image: url("../img/open_arrow.png");
}
.bizmap .bizmap_list > li.on .list_content_top button{}

.bizmap .bizmap_list > li .content_list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px ;
    padding: 0 30px 20px 30px;
}
.bizmap .bizmap_list > li .content_list li{
    border: 1px solid #dddddd;
    border-radius: 10px;
    width: 100%;
    min-width: 0;
    height: 55px;
    position: relative;
    transition: all .3s;
}
.bizmap .bizmap_list > li .content_list li:hover{
    border: 1px solid #de1e10;
    background-color: #ffebeb;
    box-shadow: 0 3px 7px rgb(0, 0, 0, 0.1);
}
.bizmap .bizmap_list > li .content_list li.none_li:hover{
	border: 1px solid #ddd;
	background-color: #fff;
	box-shadow:none;
}
.bizmap .bizmap_list > li .content_list li::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background-image: url("../img/arrow.png");
    width: 16px;
    height: 10px;
    opacity: 0;
    transition: all .3s;
}
.bizmap .bizmap_list > li .content_list li:hover::after{
    opacity: 1;
}
.bizmap .bizmap_list > li .content_list li.none_li:hover::after{
    opacity: 0;
}
.bizmap .bizmap_list > li .content_list li a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
}
.bizmap .bizmap_list > li .content_list li.none_li a{
	cursor:default;
}
.bizmap .bizmap_list > li .content_list li a span{
    width: 35px;
    height: 35px;
    border-radius: 10px;
    background-color: #f3f3f3;
    color: #aeaeae;
    font-size: 15px;
    letter-spacing: -0.05em;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}
.bizmap .bizmap_list > li .content_list li:hover a span{
    background-color: #de1e10;
    color: #fff;
}
.bizmap .bizmap_list > li .content_list li.none_li:hover a span{
    background-color: #f3f3f3;
    color: #aeaeae;
}
.bizmap .bizmap_list > li .content_list li a p{
    font-size: 15px;
    letter-spacing: -0.05em;
    color: #252525;
    font-weight: 400;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
}
.bizmap .bizmap_list > li .content_list li a p mark{
    background-color: #ffebeb;
    color: #de1e10;
    border-radius: 3px;
}
.bizmap .bizmap_list > li .content_list li a em{
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    width: 48px;
    height: 25px;
    border-radius: 25px;
    background-color: #de1e10;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    position: relative;
    z-index: 1;
}
.bizmap .bizmap_list > li .list_more{
    width: calc(100% - 60px);
    height: 55px;
    border-radius: 10px;
    border: 1px solid #ff1d2f;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0;
    color: #de1e10;
    transition: all .3s;
    margin: 0 auto 10px;
    display: block;
	display: none;
}
.bizmap .bizmap_list > li .list_more:hover{
    color: #fff;
    background-color: #de1e10;
}


.bizmap .side_category{
    position: absolute;
    top: 70px;
    left: calc(50% - 860px);
    width: 230px;
    background-color: #fff;
    border: 1px solid #ff1d2f;
    border-radius: 10px;
    padding:  0 15px 20px;
    box-shadow: 0 5px 10px rgb(0, 0, 0, 0.2);
}
.bizmap .side_category.fixed{
    position: fixed;
    top: 70px;
}
.bizmap .side_category strong{
    font-size: 20px;
    letter-spacing: 0;
    color: #ff1d2f;
    font-family:'GmarketSansBold';
    display: block;
    text-align: center;
    margin-top: 29px;
}
.bizmap .side_category ul{
    margin-top: 10px;
}
.bizmap .side_category ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    height: 30px;
    margin-top: 5px;
    padding: 0 5px 0 5px;
    border-radius: 5px;
    cursor: pointer;
}
.bizmap .side_category ul li:hover{
    background-color: #ffe5e7;
}
.bizmap .side_category ul li.on{
    background-color: #ffe5e7;
}
.bizmap .side_category ul li.on p{
    font-weight: 700;
    color: #252525;
}
.bizmap .side_category ul li b{
    font-size: 16px;
    letter-spacing: 0;
    color: #ff1d2f;
    font-family:'GmarketSansBold';
    margin-top: 3px;
    display: block;
    width: 25px;
}
.bizmap .side_category ul li p{
    font-size: 16px;
    letter-spacing: -0.05em;
    color: #aeaeae;
    font-weight: 400;
    flex: 1;
    padding-bottom: 3px;
}
.bizmap .side_category ul li:hover p{
    font-weight: 700;
    color: #252525;
}
.bizmap .side_category ul li span{
    font-size: 13px;
    letter-spacing: 0;
    color: #aeaeae;
    font-weight: 500;
    display: inline-block;
    margin-top: -2px;
	display: none;
}

.bizmap .empty{
    display: none;
    text-align: center;
    padding: 60px 20px 0;
    color: #aeaeae;
    font-size: 16px;
    letter-spacing: -0.05em;
}
.bizmap .empty.show{
    display: block;
}
.toast_popup {
    position: fixed;
    left: 50%;
    bottom: 40px;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 280px;
    height: 56px;
    padding: 0 32px;

    box-sizing: border-box;

    background: #fff;
    border: 2px solid #ff1d2f;
    border-radius: 999px;

    color: #222;
    font-size: 16px;
    font-weight: 500;

    box-shadow: 0 6px 20px rgba(255, 29, 47, 0.15);

    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 20px);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;

    pointer-events: none;
}

.toast_popup.is_show {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}
@media (max-width:1750px) {
	.bizmap .side_category{
		display: none;
	}
}
@media (max-width:1200px) {
	.top_banner .search_box{
		margin-right:107px;
	}
	.top_banner .search_box input{
		width:673px;
	}
}
@media (max-width:1024px) {
    .top_banner{
        padding: 0 15px;
    }
    .bizmap .bizmap_list > li .content_list{
        grid-template-columns: 1fr;
    }
}

@media (max-width:820px) {
    .top_banner{
        height: 295px;
    }
    .top_banner > span{
        margin-top: 40px;
    }
    .top_banner > span,
    .top_banner span b,
    .top_banner span b i{
        font-size: 20px;
    }
    .top_banner strong{
        font-size: 35px;
        margin-top: 10px;
    }
    .top_banner p{
        font-size: 16px;
        line-height: 1.5;
        margin-top: 10px;
    }
    .top_banner .search_box{
        width: calc(100% - 107px);
        margin-top: 20px;
    }
    .top_banner .search_box input{
        width: 100%;
        height: 50px;
    }
    .top_banner .search_box #search_btn{
        height: 38px;
    }
    .top_banner .search_box #search_btn span{
        line-height: 37px;
        background-position: left 7px;
    }
	 .top_banner .search_box #search_reset{
        height: 38px;
    }
    .top_banner .search_box #search_reset span{
        line-height: 37px;
    }
    .top_banner .search_count{
        display: none;
    }

    .bizmap{
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        padding: 50px 0 50px;
    }
    .bizmap .bizmap_list{
        gap: 15px;
    }
    .bizmap .bizmap_list > li{
        max-height: 80px;
    }
    .bizmap .bizmap_list > li .list_content_top{
        padding: 15px;
    }
    .bizmap .bizmap_list > li .list_content_top img{
        width: 50px;
    }
    .bizmap .bizmap_list > li .list_content_top .content_text p{
        display: none;
    }
    .bizmap .bizmap_list > li .content_list{
        padding:0 15px 15px 15px;
    }
    .bizmap .bizmap_list > li .list_more{
        width: calc(100% - 30px);
    }
}

@media (max-width:500px) {
    .top_banner p{
        font-size: 14px;
    }
	.top_banner .search_box{
		width:calc(100% - 85px);
	}
    .top_banner .search_box input{
        height: 40px;
        padding: 0 75px 0 15px;
        font-size: 14px;
    }
    .top_banner .search_box #search_btn{
        width: auto;
        padding: 0 15px ;
        height: 28px;
    }
    .top_banner .search_box #search_btn span{
        padding-left: 0;
        background-image: unset;
        font-size: 13px;
        line-height: 27px;
    }
	.top_banner .search_box #search_reset{
        width: auto;
        padding: 0 15px ;
        height: 28px;
		right:-85px;
    }
    .top_banner .search_box #search_reset span{
        font-size: 13px;
        line-height: 27px;
    }
    .bizmap .bizmap_list > li{
        max-height: 60px;
    }
    .bizmap .bizmap_list > li .list_content_top img{
        width: 30px;
    }
    .bizmap .bizmap_list > li .list_content_top .content_text{
        margin-left: 10px;
    }
    .bizmap .bizmap_list > li .list_content_top .content_text strong{
        font-size: 16px;
        margin-top: -1px;
    }
    .bizmap .bizmap_list > li .list_content_top .content_text strong span{
        display: none;
    }
    .bizmap .bizmap_list > li .list_content_top button{
        background-size: 14px 8px;
    }
    .bizmap .bizmap_list > li .content_list li{
        height: auto;
    }
    .bizmap .bizmap_list > li .content_list li a{
        padding: 7px;
    }
    .bizmap .bizmap_list > li .content_list li a span{
        width: 30px;
        height: 30px;
        border-radius: 5px;
    }
    .bizmap .bizmap_list > li .content_list li a p{
        font-size: 14px;
    }
    .bizmap .bizmap_list > li .list_more{
       height: 44px;
       border-radius: 5px;
       font-size: 15px;
    }
    
}
@media (max-width: 640px) {
    .toast_popup {
        left: 20px;
        right: 20px;
        bottom: 20px;

        min-width: 0;
        width: auto;

        transform: translateY(20px);
    }

    .toast_popup.is_show {
        transform: translateY(0);
    }
}