@charset "utf-8";

/* 폰트굵기 */
/* Pretendard
900 black
800 extrabold 700 bold 600 semibold
500 medium
400 regular
300 light 200 exxtralight
100 thin */



/* btn */
.btnarea { display: flex; }


/* tab */
.tabarea { display: flex; width : 100%; margin-bottom: 48px; }
.tabarea a { width: 50%;padding: 10px 20px; background: #fff; border: 1px solid #ddd; text-align: center; font-size: 18px; }
.tabarea a:first-of-type { border-right: none; }
.tabarea a:last-of-type {  }
.tabarea a.on { color: #f87cb0; border: 1px solid #f87cb0; }


/* popup */
.popuparea {position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.6);
    z-index: 9999; }


/* tbl */
.tbl_tit { display: flex; gap: 8px; }
.tbl_tit select,
.tbl_tit input { background-color: #fff; }
.tbl_tit select { width: 130px; }
.tbl_tit input { width: 230px; }
.tbl_tit .btn { margin-left: 8px; }

.tbl01.type02 thead tr th { border-top: 1px solid #a7a7a7; }
.tbl01.type02 tbody tr td { padding: 8px; border-bottom: 1px solid #e4e4e4; }
.tbl01.type02 tbody tr td:last-of-type { border-right: none; }
.tbl01.type02 tbody tr td:first-of-type { border-left: none; }

/* 친환경운행관리 - sm 버전 테이블 */
.tbl03 { width: 100%; }
.tbl03 thead th {      position: sticky;
    top: 0; padding: 8px 12px; background: #e8e9e9; border-bottom: 1px solid #a7a7a7; } 
.tbl03 tbody tr td { padding: 8px 12px;  text-align: center; color: #313131; font-size: 16px; border-bottom: 1px solid #a7a7a7; }
/* .tbl03 tbody tr:last-of-type td { border-bottom: 1px solid #a7a7a7; } */



.tbl_tit02 { display: flex; justify-content: space-between; align-items: center; margin-bottom : 8px; }
.tbl_tit02 h3 { position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    padding: 4px 10px;
    background-color: #888;
    color: #fff;
    letter-spacing: 0;
    line-height: 1.2em;
    border-radius: 5px;
    margin-right: 2.7rem; }
.tbl_tit02 h3::before {content: " ";
position: absolute;
    right: -6px;
    border-top: 14px solid transparent;
    border-left: 8px solid #888;
    border-bottom: 14px solid transparent;}      
.tbl_tit02 span {     font-size: 1.6rem; }





/* main --- S */
.contents.main { position: relative; overflow-x: hidden; overflow-y: hidden; }
/* .contents.main::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 100%; background-image: url(../images/main_bg.png);  background-repeat: no-repeat; */
/*     background-size: 90%; background-position: bottom -170px right; } */
/* .contents.main::after { content: ''; position: absolute; bottom: 0; width: 100%; height: 100%; background-image: url(../images/main_bg_item.png);  background-repeat: no-repeat; background-position: bottom 0px right 64px;  */
/*  } */
.main_bg { position: absolute; bottom: -140px; right: 0; width: 1268px; height: 828px; background: url('../images/main_bg_total.png') no-repeat center bottom; background-size: contain; }
.contents.main > .wrapper { z-index: 100; }


.main > .wrapper > section { padding: 115px 0; }
.visual_txt { margin-top: 20px; }
.visual_txt h2 { font-size: 42px; color: #333; font-weight: 500; }
.visual_txt h2 strong { color: #303030; font-size: 46px; font-weight: 600; }
.visual_txt p { margin-top: 16px; font-size: 24px; color: #7c7f82; word-break: auto-phrase; }

.drive_main { display: flex; width: 40%; margin-top: 74px; gap: 28px; flex-direction: column; }
.drive_main > a { flex: 1 1 40%; padding: 36px 48px ; background: #00315f; border-radius: 8px; transition: all .3s; }
.drive_main > a:hover h3 { color: #f87cb0; }
.drive_main > a span { color: #fff; opacity: 0.7; }
.drive_main > a h3 { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; font-size: 38px; font-weight: 700; color: #fff; transition: all .3s; }
.drive_main > a p { font-size: 24px; font-weight: 400; color: #fff; line-height: 32px; }

.contact_us { position: absolute; color: #ebeef7; font-size: 100px; font-weight: 900; letter-spacing: 2px; }
.contact_us.one { top: 60px; left: -110px; }
.contact_us.two { bottom: -45px; right: -65px; }
/* main --- E */


/* calendar */
#ui-datepicker-div { background-image: none; background-color: #fff; box-shadow: 0px  1px  3px rgba(0,0,0,0.2); }
#ui-datepicker-div .ui-datepicker-header { color: #777; background-image: none; background-color: #f6f6f6; border: 1px solid #ddd; }
#ui-datepicker-div .ui-datepicker-prev { top: 50%; left: 4px; color: #f48221; margin-top: -.9em; }
#ui-datepicker-div .ui-datepicker-next { top: 50%; right: 4px; color: #f48221; margin-top: -.9em; }
#ui-datepicker-div .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-next:hover { background-image: none; background-color: #fff; }
#ui-datepicker-div .ui-datepicker-prev span { background-image: url('../images/arrow_datepicker_l.png'); background-position: center center; }
#ui-datepicker-div .ui-datepicker-next span { background-image: url('../images/arrow_datepicker_r.png'); background-position: center center; }
#ui-datepicker-div select { color: #000; }
#ui-datepicker-div select.ui-datepicker-year { width: 40%; margin-right: 4px; font-size: 14px; letter-spacing: -0.5px; }
#ui-datepicker-div select.ui-datepicker-month { width: 38%; margin-left: 15px; font-size: 14px; letter-spacing: -0.5px; }
#ui-datepicker-div .ui-datepicker-calendar th { color: #999; }
#ui-datepicker-div .ui-datepicker-other-month .ui-priority-secondary { color: #f48221; background-image: none; background-color: #f6f6f6; border: 1px solid #f9e8da; }
#ui-datepicker-div .ui-state-default { color: #444; background-image: none; background-color: #f6f6f6; border: 1px solid #f9e8da; }
#ui-datepicker-div .ui-state-default:hover { background-color: #fbf2eb; }
#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-state-highlight:hover { color: #f48221; background-image: none; background-color: #f9e0cc; border: 1px solid #f48221; }
#ui-datepicker-div .ui-corner-all { font-size: 14px; border-radius: 2px; }
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default { padding: .3em; border: 0; }




/* -------------- login/member : S -------------- */
.box_member { width: 100%; max-width: 480px; margin: 0 auto; }
.tit_member { margin-bottom: 24px; text-align: center; }
.tit_member span.logo { display: block; width: 190px; height: 50px; background: url('../images/logo_ny.svg') no-repeat center center; background-size: 100%; margin: 0 auto; }
.tit_member h2 { display: block;  margin-top: 40px; color: #333333; line-height: 32px; font-size: 24px; }
.tit_member p { margin-top: 20px; line-height: 22px; }
.tit_member h1 + p { margin-top: 0; }

.box_member input,
.box_member select { width: 100%; height: 42px; line-height: 42px; background-color: #fff; border-color: #aaa; }
.box_member input[type="checkbox"] { width: 0; height: 0; }
.box_member input[type="checkbox"] + label { /* font-size: 16px; */ font-weight: 700; }
.box_member input[type="checkbox"] + label::before,
.box_member input[type="radio"] + label::before { background: #ccc; }
.box_member input[type="checkbox"]:checked + label::before { background: #26d1a0; }
.box_member input[type="checkbox"] + label em { color: #ff3939; font-weight: 400; }

.box_member dl { line-height: 22px; }
.box_member dt { margin-bottom: 8px; font-size: 16px; font-weight: 700; }
.box_member dt em { color: #ff3939; margin-right: 6px; font-size: 18px; font-weight: 700; }
.box_member dd { margin-bottom: 20px; }
.box_member dd li { margin-top: 8px; padding-left: 12px; }
.box_member dd li:first-child { margin-top: 0; }
.box_member dd li::before { content: '\00B7'; margin: 0 8px 0 -12px; font-weight: 800; }


.box_member .alert { padding: 12px; margin-bottom: 8px; border: 1px solid transparent; border-radius: 1px; }
.box_member .alert h4 { margin-top: 0; color: inherit; }
.box_member .alert .alert-link { font-weight: bold; }
.box_member .alert > p,
.box_member .alert > ul { margin-bottom: 0; }
.box_member .alert > p + p { margin-top: 5px; }
.box_member .alert-dismissible,
.box_member .alert-dismissible { padding-right: 35px; }
.box_member .alert-dismissible .close,
.box_member .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }
.box_member .alert-success { color: #518ddd; background-color: #d7e4f4; border-color: #518ddd; }
.box_member .alert-success hr { border-top-color: #d7e4f4; }
.box_member .alert-success .alert-link { color: #2b542c; }
.box_member .alert-info { color: #31708f; background-color: #eff4fb; border-color: #c6d9f1; }
.box_member .alert-info hr { border-top-color: #a6e1ec; }
.box_member .alert-info .alert-link { color: #245269; }
.box_member .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.box_member .alert-warning hr { border-top-color: #f7e1b5; }
.box_member .alert-warning .alert-link { color: #66512c; }
.box_member .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.box_member .alert-danger hr { border-top-color: #e4b9c0; }
.box_member .alert-danger .alert-link { color: #843534; }

.box_member .lbox > div { margin-bottom: 16px; }
.box_member .lbox > div:last-of-tpye { margin-bottom: 0; }
.box_member .lbox > div.btnarea,
.box_member .lbox > div.btn_box { margin-bottom: 0; }

.type_tech button { width: 100%; padding: 16px; font-size: 18px; font-weight: 700; line-height: 24px; }
.type_tech button strong { display: block;  }
.type_tech button span { display: block; font-size: 14px;  }
.type_tech button.rise strong,
.type_tech button.rise span { color: #999;  letter-spacing: -1.2px; }
.type_tech button.rise strong { font-size: 17px; }
.type_tech button.rise span { font-size: 12px; } 

.app_install { margin: 0 auto; max-width: 480px; text-align: center; color: #666; border-radius: 8px; padding: 24px 20px; background: #dae0ea; }
.app_install h3 { color: #555; }
.app_install dl { margin-top: 16px; line-height: 22px; }
.app_install dl dt { color: #555; font-weight: 800; }
.app_install dl button { padding: 0 10px; line-height: 32px; font-size: 14px; margin: 5px; }
.app_install dl .btn i { margin: 0; }
.app_install i { padding:0 4px; color: #555; }
.app_install i.fa-chevron-right { padding:0 2px; font-size: 12px; color: #999; }
#app_install2 { text-align: left; }


/* 주의경고이력 - sensorMonitoring Detail : S  */
.sensorinfo_area { width: 100%; }
.sensorinfo_area > div { margin-bottom : 20px; }
.sensorinfo_area > div:last-of-type { margin-bottom : 0px; }
.sensorinfo_area h4 { overflow: hidden; padding: 10px 16px; font-size: 18px; text-align: center;/*  cursor: pointer; */ }
.sensorinfo_area h4 span { margin-left: 16px; padding: 3px 16px; border-radius: 50px; color: #fff;  font-size: 15px;  font-weight: 700; }
.sensorinfo_area .danger h4 { color: #fe4e54; border: 1px solid #fe4e54; background: #ffedee; }
.sensorinfo_area .caution h4 { color: #ff642c; border: 1px solid #fba65b; background: #fff6ee; }
.sensorinfo_area .safety h4 { color: #2fbc6d; border: 1px solid #2fbc6d; background: #eaf8f0; }
.sensorinfo_area .danger h4 span { background: #fe4e54; }
.sensorinfo_area .caution h4 span { background: #ff642c; }
.sensorinfo_area .safety h4 span { background: #2fbc6d; }

.sensorinfo_area .notrun h4 { color: #999; border: 1px solid #777; background: #f1f1f1; } 


.sensorinfo_area ul { overflow: hidden; width: 100%; border: 1px solid #ccc; border-top: none; }
.sensorinfo_area ul li { float: left; padding: 0px 16px; width: 33.33%; line-height: 35px; border-right: 1px solid #ccc; }
.sensorinfo_area ul li:nth-of-type(3) { border-right: none; }
/* .sensorinfo_area ul li a:hover { font-weight: 500; } */
.sensorinfo_area ul li em { float: right; font-weight: 500; }
.sensorinfo_area ul li.s_danger em { color: #fe4e54; }
.sensorinfo_area ul li.s_caution em { color: #fba65b; }
.sensorinfo_area ul li.s_safety em { color: #2fbc6d; }
.sensorinfo_area ul li:hover { background: #f6f6f6;  }
.sensorinfo_area ul li:hover a { color:#0f5179;  }

.sensorinfo_area .remark { padding: 8px 16px; background:#f2f3f6; border: 1px solid #ccc; border-top: none; text-align: center; }

.select_choice { line-height: 34px; }
.select_choice select { height: 34px; line-height: 34px; }


.arraylist.tbl02 td select { background: #fff url(../images/sel_arrow.svg) no-repeat bottom 11px right 16px; background-size: 16px; border: none; }
.arraylist.tbl02 td select option.tdanger { color: #fe4e54; background: #ffedee; }


/* 실시간관제 모니터링 */
.drive_list tbody td em { font-size: 14px; color: #777; }
.drive_list tbody td em.on { color: #1bd3fa; }
.drive_list tbody td em.on::before { content: ''; display: inline-block; width: 10px; height: 10px; background: #1bd3fa; border-radius: 20px; }
.drive_list tbody td em.off::before { content: ''; display: inline-block; width: 10px; height: 10px; background: #777; border-radius: 20px; }
.drive_list tbody tr.off td em.on { color: #ccc; }
.drive_list tbody tr.off td em.on::before { content: ''; display: inline-block; width: 10px; height: 10px; background: #ccc; border-radius: 20px; }
.drive_list tbody tr.off td em.off { color: #ccc; }
.drive_list tbody tr.off td em.off::before { content: ''; display: inline-block; width: 10px; height: 10px; background: #ccc; border-radius: 20px; }


/* 친환경 운행관리 */
.carbonarea {}
.carbon_datainfo { display: flex; gap: 10px; padding: 10px 16px; justify-content: space-between; align-items: center; background: #fff; border: 1px solid #f87cb0; }
.carbon_datainfo span { padding: 6px 16px; font-size: 18px; background: #f87cb0; border-radius: 4px; color: #fff; word-break: keep-all; }
.carbon_datainfo span i { font-size: 20px; }
.carbon_datainfo .set_box .set_arrow { color: #27282b; font-size: 20px; font-weight: 600; }
.carbon_datainfo .set_box select { width: 250px; font-size: 20px;color: #27282b;background-color: #fff;/* border: none; */text-align: center;}

.carbon_datainfo b select option { font-size: 18px; /* text-align: left;  */}
.carbon_datainfo strong { font-size: 24px; color: #f87cb0; }
.carbon_datainfo strong em {  font-size: 18px; color: #27282b; }

.carbon_set_box select { /* width: 100px; min-width: 100px; max-width: 100px; */ }

.carbon_datalist { background: #fff; padding: 16px; }

.tatal_carbondata { display: grid; margin-bottom: 16px;  grid-template-columns: repeat(2, 1fr); gap: 16px; }
.tatal_carbondata li { display: flex; justify-content: space-between; align-item:center; flex: 1 1 48%; padding: 10px 20px; background: #f5f6f7; color: #27282b; font-size: 20px; }

.tatal_carbondata li span { display: flex; align-items: center;  }
.tatal_carbondata li span i { display: inline-block; width: 26px; height: 26px; margin-right: 6px; border-radius: 30px; background: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.tatal_carbondata li span i::after { content:''; display: inline-block; width: 25px; height: 25px; }
.tatal_carbondata li:nth-of-type(1) span i::after { background:url(../images/carbon_icon01.png) no-repeat; }
.tatal_carbondata li:nth-of-type(2) span i::after { background:url(../images/carbon_icon02.png) no-repeat; }
.tatal_carbondata li:nth-of-type(3) span i::after { background:url(../images/carbon_icon03.png) no-repeat; }
.tatal_carbondata li:nth-of-type(4) span i::after { background:url(../images/carbon_icon04.png) no-repeat; }

.tatal_carbondata li strong { font-size: 24px; }
.tatal_carbondata li strong em { font-size: 18px; color: #666; }

.carbon_datalist .tbl01.type02 thead tr th {  position: sticky;
    top: 0; padding: 0 6px; font-size: 15px; }


.carbonarea .cont.w4to6 { min-height: 500px; }
.carbonarea .map { position: relative;  } 

.carbonarea .now_bus { width: 34px; height: 34px; background:url(../images/now_busicon.png) no-repeat; }
.carbonarea .arr_bus { width: 32px; height: 34px; background:url(../images/location_icon.png) no-repeat; }



/* 안전운행관리 */
.driver_tanalysis tbody td i.fa-caret-up { color: #f87cb0; }
.driver_tanalysis tbody td i.fa-caret-down { color: #1bd3fa; }
.driver_tanalysis .tbl01.type01 tbody tr td:last-of-type span { display: flex; justify-content: center; }


/* 대시보드 메인페이지 */
#dashBoardOwner > button { display: inline-block; padding: 10px 16px; background: #fff; color: #293047;  font-size: 16px;  font-weight: 600; border: 1px solid #293047; border-radius: 4px; }
#dashBoardOwner > button:hover { background: #293047; color: #fff;  }
#dashBoardOwner    {margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr); gap: 16px; }



/* 관리자 페이지 - 월별관리 */
.tbl_calender { width: 100%; }
.tbl_calender thead th:first-of-type { min-width: 100px; }
.tbl_calender thead th { position: sticky; top: 0; padding: 10px 0px; background: #e1e1e1; }
.tbl_calender tbody th { width: 8%; padding: 10px 5px; background: #eee; }
.tbl_calender tbody td span { display: block;  margin: 4px 4px; width: 32px; height: 20px; border-radius: 4px; border: 1px solid #ccc; }

.tbl_calender tbody td span.chking {  background: #1bd3fa; border: 1px solid #0bc5ec; }



/* 로그인 */
.btn_idpw { overflow: hidden; }
.btn_idpw a { float: left; width: calc(50% - 48px); margin: 0 24px; line-height: 38px;  font-size: 17px; font-weight: 400; border-bottom: 1px solid #777; }
.btn_idpw a:hover { color: #00bd87; border-color: #00bd87; }
.btn_idpw a i { float: right; line-height: 38px; font-size: 14px; }

/* join */
.agree_wrap { width:100%; height:182px; border:1px solid #ccc; background:#fff; margin:10px 0 30px 0;/*  overflow:auto; */ -webkit-overflow-scrolling:touch;}
.agreement_box { /* padding: 10px; */ line-height: 20px; }
.agreement_h2 { font-size:16px; font-weight:600; color:#222; line-height:22px; padding-bottom:20px;}
.agreement_h3 { font-size:14px; font-weight:600; color:#555; padding-bottom:8px;}

.box_member dd.id input { width: calc(100% - 105px); }
.box_member dd.id button { float: right; width: 100px; color: rgba(255,255,255,.8); background: #111; line-height: 48px; text-align: center; font-size: 17px; font-weight: 400; border: 1px solid #111; border-radius: 4px; cursor: pointer; }
.box_member dd.id button:hover { color: #fff; background: #000; }
.box_member dd.email span { display: block; width: 100%; overflow: hidden; margin-bottom: 6px; }
.box_member dd.email span input { float: left; width: calc(50% - 16px); }
.box_member dd.email span i { float: left; width: 32px; line-height: 50px; text-align: center; font-style: normal; }
.box_member dd.security input { float: right; width: calc(100% - 165px); }
.box_member figure { display: inline-block; width: 160px; height: 50px; background: #fff; vertical-align: top; }
.box_member .file_route label,
.box_member .file_route input[type="text"] { height: 50px; line-height: 48px; }

/* id/pw */
label.error { display: block; width: 100%; color: #8a6d3b; background-color: #fcf8e3; margin-top: 8px; padding: 12px; border: 1px solid #faebcc; cursor: default; }

/* -------------- login/member : E -------------- */


@media screen and (max-width: 1600px){
/* main */
.main > .wrapper > section { padding: 100px 0; }
.visual_txt { margin-top: 0; }
.visual_txt h2 { font-size: 40px; }
.visual_txt h2 strong { font-size: 44px; }
.visual_txt p { font-size: 22px; line-height: 1; }
.drive_main { margin-top: 80px; }
.main_bg { bottom: -152px; right: -190px; background-size: 70%; }
}

@media screen and (max-width: 1279px){
/* main */
.drive_main { width: 50%; }
.visual_txt p { font-size: 20px; }
.visual_txt h2 { font-size: 36px; }
.visual_txt h2 strong { font-size: 40px; }
.main_bg { bottom: -192px; right: -253px; background-size: 60%; }

/* 운행행태 */
.carbon_datainfo .set_box select { width: 230px; font-size: 18px; }
}

@media screen and (max-width: 1024px){
/* main */
.drive_main { gap: 40px; width: 50%; margin-top: 60px; }
.drive_main > a { padding: 30px 40px; }
.drive_main > a h3 { font-size: 36px; }
.visual_txt h2 { font-size: 32px; }
.visual_txt h2 strong { font-size: 36px; }
.visual_txt p { font-size: 18px; line-height: 22px; }
/* .main_bg { bottom: -152px; right: -190px; background-size: 60%; } */
.drive_main > a { padding: 26px 36px; }


/* 회원정보 */
.tit_member h2 { font-size: 22px; line-height: 28px; }

/* 운행행태 */
.carbon_datainfo .set_box select,
.carbon_datainfo .set_box input { width: 200px; height: 40px; font-size: 15px; }
.carbon_datainfo .set_box .carbon_set_box, .carbon_datainfo .set_box .carbon_set_box select,
.carbon_datainfo .set_box .route_sel select { width: 100%; max-width: unset; min-width: unset; }
.carbon_datainfo .set_box .route_sel { flex: 1; }

}

@media screen and (max-width: 839px){ 
/* 회원정보 */
.box_member input, .box_member select { height: 40px; line-height: 40px; }
.tit_member { margin-bottom: 20px; }
.tabarea { margin-bottom: 30px; }
/* main */
.main > .wrapper > section { padding: 80px 0; }
.drive_main { gap:24px; margin-top: 50px; }
.drive_main > a { padding: 24px 32px; }
.drive_main > a h3 { font-size: 32px; }
}

@media screen and (max-width: 768px){
/* 회원정보 */	
.box_member input, .box_member select { height: 38px; font-size: 15px; }
.tit_member h2 { margin-top: 20px; font-size: 20px; line-height: 26px; }
.tabarea a { font-size: 16px; }

/* main */
.drive_main { width: 70%; }
.main_bg { bottom: -247px; right: -350px; background-size: 45%; }
 
/* 운행행태 */
.carbon_datainfo .set_box { gap: 8px; }
.carbon_datainfo .set_box select,
.carbon_datainfo .set_box input { width: 180px; height: 36px; line-height: 36px; font-size: 15px; }
.carbon_datainfo .set_box .set_arrow { font-size: 18px; }
.tatal_carbondata li, .tatal_carbondata li strong { font-size: 16px; }

}

@media screen and (max-width: 576px){ 
/* main */
.main > .wrapper > section { padding: 60px 0; }
.visual_txt h2 { font-size: 26px; word-break: keep-all; }
.visual_txt h2 strong { display: block; font-size: 30px; }
.visual_txt p { margin-top: 12px; font-size: 16px; }
.visual_txt em { display: block; margin-top: 6px; }
.drive_main { margin-top: 40px; }
.drive_main > a { padding: 24px; }
.drive_main > a h3 { font-size: 28px; }

/* 운행행태 - 친환경 */
.tatal_carbondata { display: block; }
.op_atti_status li strong { font-size: 17px; }
.carbon_datainfo { flex-direction: column; gap:8px; justify-content: center; }
.carbon_datainfo span { width: 100%; text-align: center; }
}

@media screen and (max-width: 480px){ 
/* 메인 */
.main > .wrapper > section { padding: 40px 0; }

.visual_txt h2 { font-size: 26px; }
.visual_txt h2 strong { font-size: 30px; }
.visual_txt p { margin-top: 10px; font-size: 15px; }
.drive_main { gap: 20px; width: 100%; margin-top: 32px; }
.drive_main > a { padding: 20px; }
.drive_main > a h3 { font-size: 24px; }
.main_bg { display:none; }
/* .main_bg { bottom: -287px; right: -412px; background-size: 35%; } */
/* 회원정보 */
.tit_member { margin-bottom: 16px; }
.box_member input, .box_member select { height: 36px; font-size: 14px; }
.tit_member h2 { margin-top: 0; font-size: 18px; line-height: 24px; }
.tabarea { margin-bottom: 20px; }
.tbl_tit select { width: 100px; }
.tbl_tit input { width: calc(100% - 56px); }

/* 운행정보 */
.carbon_datainfo .set_box { flex-direction: column; }
.carbon_datainfo span { padding: 5px 12px; font-size: 15px; text-align: center; }
.carbon_datainfo .set_box .set_arrow { transform: rotate(90deg); }
.carbon_datainfo .set_box select, .carbon_datainfo .set_box input, 
.carbon_datainfo .set_box b, .carbon_set_box { width: 100%; }


}