/*//Chrome, Safari용 스크롤 바*/
::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-track {background-color: rgba(#eee, 0);}
::-webkit-scrollbar-thumb {background: #cccbcb;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #E2E2E2;opacity: 1;}
::-webkit-scrollbar-track-piece {background-color: #E2E2E2;border-radius: 6px;}

* { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; }
body { overflow-x: hidden; background: #e7f2fa;}
img {user-select: none; pointer-events: none;}


/* 섹션 배경색 지정 */
.white {background: #fff;}
.softgray {background: #f4f5f5;}
.skyblue {background: #79d1ff;}


/* 레이아웃 */
.wrap {width: 100%; display: flex; max-width: 914px; gap: 35px; margin: 0 auto; overflow: hidden; background: #e7f2fa;}
.wrap_inner {width: 460px; margin: 0 auto; position: relative;}

.download_body {height: 100vh; flex: auto; display: flex; justify-content: center; align-items: center; position: relative;}
.content_body {height: 100vh; flex: 0 0 460px; overflow-x: hidden; overflow-y: auto; background: #fff;}


/* 좌측 배너 - 이벤트 확인하러가기 / 앱 다운로드 */
.download_body a {position: absolute;}
.download_body .btn_go_event {width: 398px; height: 236px; top: calc(50vh - 134px); left:11px;}
.download_body .btn_google_play {width: 136px; height: 40px; top: calc(50vh + 220px); left: 71px;}
.download_body .btn_app_stroe {width: 136px; height: 40px; top: calc(50vh + 220px); left: 214px;}

.content_body img {width: 100%; display: block;}


/* 상단 로고, 탭 */
.header_wrap {width: 100%;}
.header_wrap_inner {width:100%; max-width: 455px; height: auto; background: #fff; position: fixed; top: 0; z-index: 10; float: left;}
.header_wrap_inner img {width:100%;}
.header_wrap_inner .header_top {width: 100%; overflow-x: clip;}
.header_wrap_inner .header_top a {display: block; width:100%;}
.header_wrap_inner .header_bottom {width: 100%; float: left;}
.header_wrap_inner .header_bottom a {float: left; width: 50%;}
.header_wrap_inner .header_bottom.tab3 a {float: left; width: 33.3333%;}
.header_wrap_inner .header_bottom.tab4 a {float: left; width: 25%;}
.header_wrap_inner .header_bottom.tab5 a {float: left; width: 20%;}

.logo_box {height: 72px; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; background: #fff;}
.logo_box.sdw {box-shadow: 0 0 30px 0 rgb(82, 89, 255, 0.15);}
.logo_box .bar {height: 100%; background: #3b7fff; position: absolute; left: 0; top: 0; transition: all 0.2s ease-out 0s;}
.logo_box .m_logo {width: 37.5%; z-index: 10; margin-bottom: 0 !important;}


/* 콘텐츠 */
.event_wrap {position: relative;}

.section_full_img  {position: absolute; width: 100%; top: 0; left: 0; z-index: 1; padding-top: 30px;}
.section_full_img img {display: block; width: 100%;}

.section_wrap {width: 100%; height: auto;}
.section_wrap_inner {width: 100%; height: auto; position: relative;}
.content_body .content_wrap {padding-top: 116px; box-sizing: border-box; overflow: hidden;}

.section {width: 100%; position: relative; z-index: 2;}
.section .sectionTop {position: absolute; top: 0;}
.section .sectionBg {width: 100%;}
.section .sectionInner {width: 100%; height: 100%;}

.section .link_btn {position: absolute; display: block;}

.contBox {position: absolute; display: none;}
.contBox .contBoxInner {width: 100%;}
.contBox .contBoxInner img {width: 100%;}
.contBox.ani {display: block;}
.contBox.aniNone {display: block !important;}
.contBox.txtBox {width: 100%; height: 100%; display: flex !important; flex-direction: column; justify-content: center; align-items: center; position: relative;}
.contBox.txtBox .contBoxInner {width: 100%; height: 18px; overflow: hidden;}

.contBox .txt_box {width: 100%; height: 100%;}
.contBox .txt_box .txt_item {font-size: 0; display: flex; justify-content: center; align-items: center; height: 18px; gap: 0;}
.contBox .txt_box .txt_item span {display: flex; justify-content: center; align-items: center; width: auto; height: 100%; font-size: 16px; font-weight: bold; letter-spacing: -0.025rem; color: #484848; box-sizing: border-box;}
.contBox .txt_box .txt_item span.arrow {padding: 0 2% 2% 1%;}
.contBox .txt_box .txt_item span.arrow img {width: auto !important; height: 50%;}


/* 유의사항, 심사필 */
.footer_wrap {width: 100%; height: auto;}
.footer_wrap_inner {position: relative; z-index: 5;}
.footer_wrap_inner img {width: 100%; display: block;}
.footer_wrap_inner .acc_btn {width: 100%; height: 55px; border: none; padding: 0; position: absolute; top: 0; background: none; cursor: pointer;}
.footer_wrap_inner .footer_cont_acc {width:100%; height: auto; display: flex; justify-content: center; align-items: center;}
.footer_wrap_inner .footer_cont_panel {display: none;}
.footer_wrap_inner .acc_btn.active ~ .footer_cont_acc {display: none;}
.footer_wrap_inner .acc_btn.active ~ .footer_cont_panel {display: block;}


/* 하단 플로팅 버튼 */
.bottom_btn_wrap {width: 100%;}
.bottom_btn_wrap .bottom_btn_wrap_inner{width: 100%; position: relative; z-index: 30; bottom: -1px;}
.bottom_btn_wrap_inner .bottom_link_left {display: block; width: 100%; position:fixed; bottom:-1px; max-width: 455px;}
.bottom_btn_wrap_inner .bottom_link_left img {width: 100%;}

.bottom_btn_wrap.fixed {position: fixed; width: 460px; height: 50px; left: calc(50vw - 3px); bottom: 20px; z-index: 10;}
.bottom_btn_wrap.fixed .bottom_btn_wrap_inner {position: absolute !important; width: 300px !important; height: 100%; left: 50%; transform: translateX(-50%);}
.bottom_btn_wrap.fixed .bottom_btn_wrap_inner a {position: absolute; display: block; width: 100%; height: 100%;}

/* .bottom_btn_wrap {width: 300px; height: 50px; left: 50%; transform: translateX(-50%); bottom: 20px;} */


/* 팝업 */
.modal {display: none; position: fixed;  z-index: 200; top: 0; width: 100%; max-width: 455px; height: 100vh; overflow: auto; background-color: rgba(0,0,0,0.5);}
.modal-content {display: flex; justify-content: center; align-items: flex-end; flex-direction: column; width: 100%; height: 100%; margin: auto; text-align: center;}
.modal-content img {width: 90%; display: inline-block;}
.modal-item {display: none;}
.modal-close {width: 6%; margin-bottom: 10px; margin-right: 5%; cursor: pointer;}


/* SNS 공유하기 */
.snsLinkWrap{position:fixed; top:60vw; right:3vw; width:18vw; height:15vw; z-index:100; background:#008fea; border-radius:10px; transition:all 0.5s; overflow:hidden;}
.snsLinkWrap.on{height:43vw;}

.snsLinkInner{width:100%; height:auto;}
.objBox1{width:63%; margin-left:18%; margin-top:24%; cursor:pointer;}

.objBox2{width:53%; margin-left:23%; margin-top:23%; cursor:pointer;}
.objBox3{width:53%; margin-left:23%; margin-top:10%; cursor:pointer;}
.snsLinkWrap img{width:100%;}

.topArrow{position:absolute; top:69%; left:50%; transform:translateX(-50%);}
.bottomArrow{position:absolute; bottom:4%; left:50%; transform:translateX(-50%); display:none;}
.closeBtn{position:absolute; bottom:0; left:0; width:100%; height:10%; cursor:pointer;}


@media screen and (max-width: 860px) {
    .footer_wrap_inner .acc_btn {height: 13vw;}
}