/* ======== 인트로 ======== */
.bg_intro {width: 100%; background: url(../img/bg_intro.jpg) no-repeat center/cover; min-height: 100vh;}
.intro_box {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 20px;}
.intro_logo {display: flex; flex-direction: column; align-items: center; gap: 20px;}
.intro_logo span {font-size: 18px;}
.intro_logo span em {font-weight: 700; position: relative; display: inline-block;}
.intro_logo span em::after {content: ""; display: block; width: 3px; height: 3px; border-radius: 100%; background-color: #444; position: absolute; top: -4px; left: 50%; transform: translateX(-50%);}
.intro_logo span em.none::after {display: none;}

.intro_menu {display: flex; width: 100%; flex-direction: column; gap: 15px; padding-top: 40px;}
.intro_menu div {display: flex; align-items: center; justify-content: center; gap: 15px; border: 3px solid transparent; padding: 18px 10px; border-radius: 100px; background-color: #fff; box-shadow: 0 0 15px #a6000650;}
.intro_menu span {font-size: 28px; }
.intro_menu span em {font-size: inherit; display: inline-block;}
.intro_menu i {display: block; width: 45px; aspect-ratio: 1;}
.intro_menu .btn_cargo {border-color: #E32200;}
.intro_menu .btn_cargo em {color: #E32200;}
.intro_menu .btn_cargo i {background: url(../img/btn_cargo.png) no-repeat center/contain;}
.intro_menu .btn_driver {border-color: #FF9A52;}
.intro_menu .btn_driver em {color: #FF9A52;}
.intro_menu .btn_driver i {background: url(../img/btn_drive.png) no-repeat center/contain;}



/* ======== 페이지헤더 ======== */
header {padding: 20px; background-color: #fff; border-bottom: 1px solid #eee; display: flex; width: 100%; align-items: center; justify-content: space-between; position: relative;}
header > div {width: 25px; height: 25px;}
header .hd_tit {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; font-family:'NanumSquareNeoBold' !important; line-height: 1;}
header > div i {display: block; width: 100%; height: 100%;}
header i.prev {background: url(../img/icon_prev.png) no-repeat center/contain;} 




/* ======== 350px ======== */
@media screen and (max-width: 350px) {
    .intro_menu div {padding: 16px 10px;}
    .intro_menu span {font-size: 25px;}
    .intro_menu i {width: 35px;}


}