@import url('./reset.css');

.for_mo{display: none !important;}
br.for_mo{display: none !important;}

/* nav */
/* nav */
.header_main{z-index: 9999;display: flex;justify-content: space-between;align-items: center;padding: 0 25px;height: 71px;width: 100%;background-color:transparent;position: fixed;top: 0;left: 0;transition-duration: .3s;}
.header_logo{width: 110px;}
.header_item{display: flex;justify-content: center;align-items: center;transition-duration: 0.3s;}
.header_item.header_btn_box{height:71px;position:absolute; top: 0;left: 50%;transform: translateX(-50%); display: flex; gap: 40px; justify-content: space-between; align-items: center; width:max-content; max-width:90%;}
.header_btn{height:31px;font-size: 14px;font-weight: bold;display: flex;flex-direction:column;padding: 9px 26px;justify-content: center;align-items: center;gap: 2px;border-radius: 5px;background: #FFF;box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.10); transition: 0.2s;}
.header_btn.active{color: #fff; background: #1428A0;}
.header_btn .title_span{font-size: 9px;font-weight: 500;color: inherit;line-height: normal;}
.header_btn.long_txt{ height: 43px; padding: 9px 45px;}

.header_main.subpage{height: 180px; display: block;background-color: #fff;}
.subpage .header_logo{width: 162px;}
.subpage .header_item.item1{position:absolute; left: 50%; transform: translateX(-50%); top: 40px;}
.subpage .header_item.item2{position: absolute; right:25px;top: 23px;}
.subpage .header_item.item3{top: 126px; height: auto;}

.header_side_nav{position:absolute; right: 0;top: 0; width:327px;height: 100vh; background-color: #fff;padding: 86px 0 0 42px;}
.side_nav_main{display: flex;flex-direction: column;gap: 75px;}
.side_nav_item{color: #000;font-size: 25px;font-weight: 700;}
.side_nav_item:hover > a{color:#30B4FF;}
.side_nav_close{padding: 0;position: absolute;top: 25px;right: 25px;}

.side_nav_accordion{padding:28px 0 0 28px; font-weight: bold; font-size: 16px;}
.side_nav_accordion li~li { margin:15px 0 0;}
.side_nav_accordion li a span{font-style: italic; font-size: 12px;}

.side_nav_accordion li a{color:#929292;position: relative;}
.side_nav_accordion li a:hover{color:#000;}
.side_nav_accordion li a::after{content: "";position: absolute; left: -18px;width: 5px;height: 2px; background:#30B4FF;top: 10px;}

.header_main.claim_page{background: #fff;}
.header_main.blockchain{background: #fff;}
.header_main.sales_service{background: #fff;}
.header_main.rental_service{background: #fff;}
.header_main.promotion_service{background: #fff;}
.header_main.about{background: #fff;}
.header_main.member{background: #fff;}

.none{display: none;}
a{cursor: pointer;}

.promotion_service .header_item.header_btn_box{gap:20px; white-space:nowrap;}
@media screen and (max-width: 768px) {
.header_item.header_btn_box{gap:20px;}
.header_btn{ padding:9px 15px;}
}
/* nav */
/* nav */


/* footer */
/* footer */
.main_footer{z-index: 10000;width: 100%; height: 50px !important; display: flex; justify-content: space-between; align-items: center; background: #000; color:#fff;padding: 0 24px !important;}
.main_footer.absolute_footer{position: absolute;bottom: 0;}
.main_footer.fixed{position: fixed; left: 0;bottom: 0;right: 0;}
.footer_item{display: flex; justify-content: space-between; align-items: center;}
.footer_item.item1{display: flex; align-items: center; gap: 40px;}
.footer_item.item2{flex-wrap: wrap; width:520px; justify-content: end;column-gap:50px; row-gap: 6px;}

.link_span{ font-size: 10px; }

.other_footer .footer_item.item2 { font-size:10px;}
.main_footer{flex-wrap:wrap}
.index_footer .footer_item.item2{flex-wrap: nowrap; width:520px; justify-content: end; gap: 30px;}
.index_footer .footer_item.item1{gap:30px}

.footer_item span a{color: #fff;white-space: nowrap;}
.item_flex_box{display: flex;align-items: center; gap: 8px;}
.item_flex_box:nth-child(3){margin-right: 20px;}
.item_flex_box.call + .item_flex_box.call{margin-left: 20px;}
.footer_logo{width: 71px;height: 24.18px;}
.footer_call{width: 23px; height: 21.95px;}
.footer_mail{width: 19px; height: 11.45px;}
body{margin: 0;padding: 0;}

/* .main, header{display:none !important;} */
@media (max-width: 1660px) {
.index_footer .footer_item.item2{width:100%}
.index_footer.main_footer{height:70px !important;}
}
@media (max-height : 800px) or (max-width: 800px) {
.index_footer .footer_item.item2{width:520px;flex-wrap:wrap;}
.index_footer.main_footer{height:100% !important;}
.footer_item span a{font-size: 10px;}
.main_footer{row-gap: 10px !important;padding: 20px !important;height: auto !important;position: static;flex-direction: column;justify-content: space-evenly;align-items:flex-start;}
.main_footer.fixed{height: auto !important;}
.footer_item{width: 100% !important;flex-wrap: wrap; row-gap: 5px !important; justify-content: center !important; align-items: center !important;}
}
/* footer */
/* footer */

@media (max-width: 800px) {
/* nav */
/* nav */
.mainpage.header_main{height: 64px;}
.mainpage .header_item.header_btn_box{display: none;}
.about .header_item.header_btn_box{justify-content: start !important; gap: 8px !important;}
.header_main{padding: 0 20px; z-index: 10001;}
.header_logo{width: 100px;}
.header_item.item1 a{display: flex;justify-content: center;align-items: center;}

.header_item.item3{width: 100%; overflow-x: scroll;padding-left: 2px;}
.header_item.header_btn_box{position: static;transform: none; height: 40px;max-width: 100%;white-space: nowrap;}
.header_main{height: 132px; justify-content: space-between;flex-wrap: wrap;}

.header_btn{height: 36px; color: #7D7D7D;}

.mo_event_header.header_main {align-items: start; padding-top: 14px;}
.mo_event_header.header_main .header_item.header_btn_box {position: absolute;top:unset; bottom: 16px !important; left: 0 !important;padding: 0 20px; gap: 8px;padding-right: 70% !important;}

/* nav */
/* nav */

/* footer */
/* footer */
.index_footer .footer_item.item1{flex-direction: column;align-items: start !important; row-gap:11px !important}
.footer_item span a{font-size: 12px;}
.footer_logo{width: 120px;height: 42px; margin-bottom: 11px;}
.footer_item.item2{    row-gap: 10px !important;position: relative;justify-content: start !important;gap: 20px; margin-top: 60px;}
.footer_item.item2::after{content: "";position: absolute; top: -30px;left: 0;width: 100%;height: 0; border-top: 1px solid #fff;}
.item_flex_box:nth-child(3){margin: 0;}
.main_footer{padding: 24px 24px 24px !important;position: relative;}
.footer_flex_box{display: flex;gap: 24px;}
.footer_item:nth-child(2){margin-top: 23px; position: relative;}
.footer_item:nth-child(2)::after{content: "";position: absolute; top: -11px;left: 0;width: 100%;height: 0; border-top: 1px solid #fff;}
/* footer */
/* footer */
}

.kakao_link_a{cursor: pointer;}