/* 헤더================================================ */
header {}

/* 띠배너 */
header .line_bnr {max-width: 100%; min-width: 430px; margin: 0 auto; background-color: #000;}
header .line_bnr * {color: #fff; font-size: 0.75rem;}
header .line_bnr .container {width: calc(100% - 70px); height: 25px; display: flex; justify-content: space-between; position: relative; margin: 0 auto;}
header .line_bnr .container > span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
header .line_bnr button {position: absolute; top: 50%; right: 35px; transform: translateY(-50%); align-items: center; display: flex; width: ;}
header .line_bnr button span {}
header .line_bnr button img {margin-left: 5px;}

/* 검색창 */
.gnb {background-color: #129C49;}
.gnb .container {
    max-width: 1200px; min-width: 430px; margin: 0 auto; padding: 25px 0px;
    display: flex; justify-content: space-between; align-items: center;
    position: relative;
}
.gnb h1 {}
.gnb h1 a {}
.gnb .search {
    width: 40%; background-color: #fff; height: 40px; border-radius: 50px;
    display: flex; align-items: center; justify-content: space-between; padding: 0 20px;
}
.gnb .search input {font-size: 0.875rem; width: 94%;}
.gnb .search input::placeholder {color: #ACACAC;}
.gnb .search input button {text-align: right;}
.gnb .search input button img {}
.gnb .container > p {display: flex; align-items: center;}
.gnb .container > p * {color: #fff; font-size: 0.875rem;}
.gnb .container > p a {display: flex; align-items: center;}
.gnb .container > p a::after {content: ''; margin: 10px; width: 1px; height: 13px; display: block; background-color: #fff;}
.gnb .container > p a:last-of-type::after {display: none;}

/* 메뉴 */
.menu {}
.menu .container {
    max-width: 1200px; min-width: 430px; margin: 0 auto; padding: 15px 0px; height: 60px;
    display: flex; justify-content: space-between; align-items: center;
}
.menu .container .left {display: flex; gap: 20px; align-items: center;}
.menu .container .left a {font-weight: 600; line-height: 30px;}
.menu .container .right {display: flex; gap: 20px; align-items: center;}

/* 풋터================================================ */
footer {background: #000;}
footer .container {
    max-width: 1200px; min-width: 430px; margin: 0 auto; padding: 50px 0px;
    display: flex; justify-content: space-between; align-items: flex-end;
}
footer .container .left {display: flex; flex-flow: column nowrap; gap: 50px;}
footer .container .left .top {display: flex; flex-flow: column nowrap; gap: 20px;}
footer .container .left .top h1 {}
footer .container .left .top h1 a {color: #D9D9D9;}
footer .container .left .top h1 a img {}
footer .container .left .pri {display: flex; gap: 30px;}
footer .container .left .pri a {font-size: 0.875rem; font-weight: 500; color: #D9D9D9;}
footer .container .left .bottom {display: flex; flex-flow: column nowrap; gap: 10px; vertical-align: middle;}
footer .container .left .bottom p {display: flex; flex-flow: row nowrap; align-items: center;}
footer .container .left .bottom p span {color: #ACACAC; font-size: 0.75rem;}
footer .container .left .bottom p span::after {
    content: ''; display: inline-flex; width: 1px; height: 12px;
    background-color: #ACACAC; margin: 0 10px;
    vertical-align: middle; margin-bottom: 3px;
}
footer .container .left .bottom p span:last-of-type::after {display: none;}
footer .container .right {display: flex; flex-flow: column nowrap; gap: 20px;}
footer .container .right * {margin-left: auto;}
footer .container .right .row1 {display: flex; flex-flow: row nowrap; gap: 10px; align-items: center;}
footer .container .right .row1 span {color: #D9D9D9; font-size: 0.875rem;}
footer .container .right .row1 em {color: #D9D9D9; font-size: 1.25rem; font-weight: 500;}
footer .container .right .row2 {display: flex; flex-flow: column nowrap; gap: 10px; border: none;}
footer .container .right .row2 span {color: #ACACAC; font-size: 0.813rem;}
footer .container .right .sns {opacity: 50%; display: flex; gap: 15px;}
footer .container .right .sns a {}
footer .container .right .sns a img {}