@charset "utf-8"; /* */

/* fontsize */
:root { --sub--xxs-default-size--: 14px; --sub--xs-default-size--: 16px; --sub--ssm-default-size--: 18px; --sub--sm-default-size--: 20px; --sub--l-default-size--: 28px; --sub--xl-default-size--: 50px; --sub--xxl-default-size--: 50px; --sub--mainTitle-size--:70px; --sub--subTitle-size--: 40px; } 
@media (max-width:1024px){
 :root { --sub--xxs-default-size--: 12px; --sub--xs-default-size--: 15px; --sub--ssm-default-size--: 16px; --sub--sm-default-size--: 16px; --sub--l-default-size--: 20px; --sub--xl-default-size--: 20px; --sub--xxl-default-size--: 30px; --sub--mainTitle-size--:40px; --sub--subTitle-size--: 24px; } 
 }

/* common */
#sub { background-color: #191919; } 
section[class*="sub_page"] { width:100%; height: 100%; } 
section[class*="sub_page"] article[class*="inner"] { max-width: 1480px; width:100%; padding:0 20px; box-sizing: border-box; margin:0 auto; } 
section[class*="sub_page"] .wrap { padding:var(--xxl-space--) 0; box-sizing: border-box; } 
.topBnr { background: linear-gradient(180deg, rgba(5, 0, 80, 0.80) 0%, #191919 100%); width:100%; height: 240px; } 
.pageWrap > ol { display: flex; gap:5px; align-items: center; } 
.pageWrap > ol > li,
.pageWrap > ol > li > a { font-size: var(--sub--xs-default-size--); font-weight: 500; color:#fff; } 
.page_arrow { display: flex; align-items: center; justify-content: center; } 
.page_arrow > img { width:100%; height: 100%; object-fit: cover; } 
.subTitle, .subTitle > font { font-size: var( --sub--l-default-size--); line-height: 42px; color:#fff; font-weight: 500; font-family: 'GmarketSans'; word-break: keep-all; } 
.display_none { display: none; } 
section[class*="sub_page"]{overflow: hidden;}
/* sub_page001 */
.sub_page001 .subTitle { text-align: center; } 
.sub_page001 .wrap { display: flex; flex-direction: column; gap:40px; align-items: center; justify-content: center; } 
.sub_page001 .wrap .content { width:100%; display: flex; gap:40px; } 
.sub_page001 .wrap .content > div { max-width: calc(50% - 20px); width:100%; } 
.sub_page001 .wrap .content > div.img_box { border-radius: 20px; overflow: hidden; } 
.sub_page001 .wrap .content > div.desc > p { display: flex; flex-direction: column; gap:15px; font-size: var(--ssm-default-size--); line-height: 26px; color:rgba(255,255,255,70%); padding-bottom:25px; box-sizing: border-box; border-bottom: 2px dashed rgba(255, 255, 255, 0.50); } 
.sub_page001 .wrap .content > div.desc > ol { display: flex; flex-direction: column; gap:20px; margin:25px 0 0; } 
.sub_page001 .wrap .content > div.desc > ol > li { border-radius: 8px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.30); display: flex; align-items: center; align-items: center; gap:10px; padding:10px; box-sizing: border-box; color:#fff; font-size: var(--sub--sm-default-size--); font-weight: 500; line-height: 26px; } 
.sub_page001 .wrap > h4.subTitle:nth-of-type(2) { margin:40px 0 0; } 
/* sub_page002 */
.sub_page002 .content { margin:20px 0 0; background-color: #fff; border-radius: 20px; padding:40px; box-sizing: border-box; } 
.sub_page002 .content .list { display: flex; flex-direction: column; gap:20px; } 
.sub_page002 .content .list > li { display: flex; align-items: flex-start; gap:15px; font-size: var( --sub--xs-default-size--); font-weight: 500; line-height: 26px; } 
.sub_page002 .content .import_list { margin:20px 0 0; display: flex; flex-direction: column; } 
.sub_page002 .content .import_list > li { position: relative; font-size: var( --sub--xs-default-size--); font-weight: 500; line-height: 26px; color:#F83C3C; padding-left:15px; } 
.sub_page002 .content .import_list > li::before { content: "※"; position: absolute; left:0; top:0; } 
/* sub_page003 */
.sub_page003 .content { margin:20px 0 0; background-color: #fff; border-radius: 20px; padding:40px; box-sizing: border-box; } 
.sub_page003 .content .list { display: flex; flex-direction: column; gap:40px; } 
.sub_page003 .content .list > li { position: relative; padding-left:25px; box-sizing: border-box; } 
.sub_page003 .content .list > li .num { position: absolute; left:0; font-size: var(--sub--sm-default-size--); font-weight: 700; } 
.sub_page003 .content .list > li h3 { font-size: var(--sub--sm-default-size--); font-weight: 700; line-height: 26px; margin:0 0 8px; } 
.sub_page003 .content .list > li p { font-size: var(--sub--xs-default-size--); line-height: 26px; } 
.sub_page003 .content .list > li .import_red { color: #F83C3C; } 
.sub_page003 .content .list > li:nth-of-type(1) .import_red { margin:10px 0 0; } 
.sub_page003 .content .list > li table { border: 1px solid #EDEDED; max-width: 400px; width:100%; margin:20px 0 12px; border-spacing: 0; } 
.sub_page003 .content .list > li table td { border: 1px solid #EDEDED; padding:8px 20px; box-sizing: border-box; font-size: var(--sub--xs-default-size--); line-height: 26px; } 
.sub_page003 .content .list > li > p:nth-of-type(3) { font-size: var(--sub--xs-default-size--); line-height: 26px; color: rgba(25, 25, 25, 50%); margin:12px 0 8px; } 
.sub_page003 .content .list > li > ul > li { font-size: var(--sub--xs-default-size--); line-height: 26px; color: rgba(25, 25, 25, 50%); } 
.sub_page003 .content .list > li > ol > li { font-size: var(--sub--xs-default-size--); line-height: 26px; } 
.sub_page003 .content .list > li .color_blue { padding:6px 10px; box-sizing: border-box; border-radius: 20px; background-color: #0051FF; color:#fff; font-size: var(--sub--xs-default-size--); line-height: 26px; margin:20px 0 12px; display: inline-block; } 
/* gallery */
.gallery .boardList p { text-align: center; color:#fff; } 
.gallery .boardList ul { display: flex; flex-wrap: wrap; gap:20px 25px; } 
.gallery .boardList ul > li { max-width: calc((100% - 25px*2)/3); width:100%; } 
.gallery .boardList ul > li > a { display: flex; align-items: center; flex-direction: column; gap:10px; } 
.gallery .boardList ul > li > a > .thumbnail { max-width: 464px; width:100%; height: 272px; border-radius: 20px; overflow: hidden; } 
.gallery .boardList ul > li > a > .thumbnail > img { width:100%; height: 100%; object-fit: cover; } 
.gallery .boardList ul > li > a > .subject { color:#fff; width:100%; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
/* searchBox */
.searchBox.mobile{display: none;}
.searchBox.pcOn { display: flex; align-items: center; justify-content: space-between; gap:20px; margin:0 0 40px; } 
.searchBox.pcOn .boardSearch { display: flex; align-items: center; justify-content: center; gap:10px; } 
.searchBox.pcOn .boardSearch .form { display: flex; align-items: center; justify-content: center; gap:10px; } 
.searchBox.pcOn .boardSearch #search_key { width:110px; height: 35px; border: 1px solid #fff; padding:5px 10px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(255, 255, 255, 20%) url("/img/icon/title_arrow.svg") no-repeat 90% 50%/12px; color: #fff; border-radius: 8px; } 
.searchBox.pcOn .boardSearch #search_key > option { color:#191919; } 
.searchBox.pcOn .boardSearch .searchBtn { display: flex; align-items: center; gap:10px; } 
.searchBox.pcOn .boardSearch .searchBtn #search { width:255px; height: 35px; border: 1px solid #fff; background:rgba(255, 255, 255, 20%); padding:5px 10px; box-sizing: border-box; color:#fff; border-radius: 8px; } 
.searchBox.pcOn .boardSearch .form .searchBtn { display: flex; align-items: center; justify-content: center; gap:10px; } 
.searchBox.pcOn .boardSearch .form .searchBtn > a { display: flex; align-items: center; justify-content: center; width:90px; height: 35px; background: #0051FF; color:#fff; border-radius: 8px; } 
.searchBox.pcOn .boardSearch .write_btn { width:90px; height: 35px; } 
.searchBox.pcOn .boardSearch .write_btn > a { display: flex; align-items: center; justify-content: center; width:100%; height: 100%; background: #0051FF; color:#fff; border-radius: 8px; } 
/* ec-base-paginate */
.ec-base-paginate { margin:80px 0 0; display: flex; align-items: center; justify-content: center; gap:10px; } 
.ec-base-paginate > a { display: flex; align-items: center; justify-content: center; } 
.ec-base-paginate > ol { display: flex; align-items: center; justify-content: center; gap:10px; } 
.ec-base-paginate > ol > li > a { color:#A6A6A6; width:32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border:1px solid #A6A6A6; } 
.ec-base-paginate > ol > li > a.this { color: #fff; border-color: #fff; } 
/* sub_page005 */
.sub_page005 .wrap { display: flex; gap:20px; justify-content: space-between; } 
.sub_page005 h3.subTitle { min-width: 380px; font-size: var(--sub--subTitle-size--); line-height: 60px; } 
.sub_page005 .inquiryWrap { max-width:955px; width:100%; } 
/* sub_page006 */
.sub_page006 { background-color: #fff; } 
.sub_page006 .topBnr { background: url("/img/sub/board_bnr.webp") no-repeat center /cover; } 
.sub_page006 .pageWrap { margin:10px 0 0; } 
.sub_page006 .pageWrap > ol > li { color:#191919; } 
.sub_page006 .searchBox { justify-content: flex-end; margin:0 0 20px; } 
.sub_page006 .searchBox .boardSearch .searchBtn #search { border: 1px solid #CFCFCF; color:#191919; } 
.sub_page006 .searchBox .boardSearch .searchBtn #search::placeholder { color: rgba(25, 25, 25, 0.24); } 
.sub_page006 .searchBox .boardSearch #search_key { width:110px; height: 35px; border: 1px solid #CFCFCF; padding:5px 10px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(255, 255, 255, 20%) url("/img/icon/title_arrow_black.svg") no-repeat 90% 50%/12px; color: #fff; border-radius: 8px; color:#191919; } 
.sub_page006 table { border-spacing: 0; width:100%; border-top:2px solid #0051FF; } 
.sub_page006 table th { background-color: #fff; border-bottom:1px solid #C8C8C8 !important; } 
.sub_page006 table td { color:#AAAAAA !important; } 
.sub_page006 table td a { color: #191919 !important; font-size: var(--sub--xs-default-size--) !important; } 
.sub_page006 .ec-base-paginate > ol > li > a { color:#A6A6A6; border:1px solid #A6A6A6; } 
.sub_page006 .ec-base-paginate > ol > li > a.this { color:#191919; border:1px solid #191919; } 
/* detail_page */
.detail_page{ background-color: #fff;}
.detail_page .titleArea h2{color:#191919 !important;}
.detail_page .content{padding:var(--xxl-space--) 0; box-sizing: border-box;}
.detail_page .wrap .pageWrap{margin:10px 0 0;}
.detail_page .wrap .pageWrap a, .detail_page .wrap .pageWrap strong{color: #191919;}
.detail_page table{width:100%;}



@media (max-width:1024px) { /* */
/* common */
.topBnr { height:160px; } 
.pageWrap > ol { display: flex; gap:5px; align-items: center; } 
.subTitle, .subTitle > font { line-height: 32px; } 
/* sub_page001 */
.sub_page001 .wrap { gap:20px; } 
.sub_page001 .wrap .content { gap:20px; flex-direction: column; } 
.sub_page001 .wrap .content > div { max-width: initial; } 
.sub_page001 .wrap .content > div.desc > p { line-height: 25px; } 
.sub_page001 .wrap .content > div.desc > ol { gap:10px; } 
.sub_page001 .wrap .content > div.desc > ol > li { gap:15px; padding:5px 10px; align-items: center; word-break: keep-all; } 
.sub_page001 .wrap .content > div.desc > ol > li > img { width:20px; height: 20px; } 
/* sub_page002 */
.sub_page002 .content { padding:20px; } 
.sub_page002 .content .list > li { gap:12px; word-break: keep-all; } 
.sub_page002 .content .import_list > li > i { display: inline-block; width:10px; } 
/* sub_page003 */
.sub_page003 .content { padding:20px; } 
.sub_page003 .content .list { gap:25px; } 
.sub_page003 .content .list > li { padding-left:20px; } 
.sub_page003 .content .list > li h3 { line-height: 22px; margin:0 0 12px; } 
.sub_page003 .content .list > li p { line-height: 25px; } 
.sub_page003 .content .list > li table { max-width: initial; width:calc(100% + 20px); margin:20px 0 12px -20px; } 
.sub_page003 .content .list > li table td { line-height: 25px; } 
.sub_page003 .content .list > li > p:nth-of-type(3) { line-height: 25px; width: calc(100% + 20px); margin-left: -20px; } 
.sub_page003 .content .list > li > ul,
.sub_page003 .content .list > li > ol{width: calc(100% + 20px); margin-left: -20px; }
.sub_page003 .content .list > li > ul > li { line-height: 25px; } 
.sub_page003 .content .list > li > ol > li { line-height: 25px; } 
.sub_page003 .content .list > li .color_blue { padding:3px 10px; line-height: 25px; margin:15px 0 8px -20px; } 
.sub_page003 .content .list > li > p:last-child{margin-left:-20px;}
/* gallery */
.gallery .boardList ul { gap:20px; } 
.gallery .boardList ul > li { max-width: calc(50% - 10px);} 
/* searchBox */
.searchBox.pcOn{margin:0 0 20px;}
.searchBox.pcOn .boardSearch{display: none;}
.searchBox.mobile{display: flex;}
.searchBox.mobile { flex-direction: column; margin:25px 0 0; } 
.searchBox.mobile .boardSearch .form {display: flex; flex-wrap: wrap; gap:10px;} 
.searchBox.mobile .boardSearch #search_key { width:85px; height: 35px; border: 1px solid #fff; padding:5px 10px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(255, 255, 255, 20%) url("/img/icon/title_arrow.svg") no-repeat 90% 50%/12px; color: #fff; border-radius: 8px; } 
.searchBox.mobile .boardSearch #search_key > option { color:#191919; } 
.searchBox.mobile .boardSearch .searchBtn { display: flex; align-items: center; flex-wrap: wrap; gap:10px; width:calc(100% - 95px); } 
.searchBox.mobile .boardSearch .searchBtn #search { width:100%; height: 35px; border: 1px solid #fff; background:rgba(255, 255, 255, 20%); padding:5px 10px; box-sizing: border-box; color:#fff; border-radius: 8px; } 
.searchBox.mobile .boardSearch .form .searchBtn > a { display: flex; align-items: center; justify-content: center; width:calc(100% + 95px); height: 35px; background: #0051FF; color:#fff; border-radius: 8px; margin-left:-95px; } 
.searchBox.mobile .boardSearch .write_btn { width:100%; height: 35px; } 
.searchBox.mobile .boardSearch .write_btn > a { display: flex; align-items: center; justify-content: center; width:100%; height: 100%; background: #0051FF; color:#fff; border-radius: 8px; } 
/* ec-base-paginate */
.ec-base-paginate { margin:40px 0 0; }
/* sub_page005 */
.sub_page005 .wrap {gap:30px; flex-direction: column; align-content: center; } 
.sub_page005 h3.subTitle { min-width: initial; line-height: 38px; text-align: center; } 
.sub_page005 .inquiryWrap { max-width:initial;} 
/* sub_page006 */
.sub_page006 .searchBox { justify-content: flex-end; margin:25px 0 0; } 
.sub_page006 .searchBox .boardSearch .searchBtn #search { border: 1px solid #191919; color:#191919; } 
.sub_page006 .searchBox .boardSearch .searchBtn #search::placeholder { color: rgba(25, 25, 25, 0.24); } 
.sub_page006 .searchBox .boardSearch #search_key { width:85px; height: 35px; border: 1px solid #191919 !important; padding:5px 10px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(255, 255, 255, 20%) url("/img/icon/title_arrow_black.svg") no-repeat 90% 50%/12px; color: #fff; border-radius: 8px; color:#191919; } 
.sub_page006 table tr{ padding:10px !important;}
.sub_page006 table td.no{display: none;}

}

@media (max-width:768px) { /* */
/* gallery */
.gallery .boardList ul > li { max-width: initial;} 
.gallery .boardList ul > li > a > .thumbnail { max-width: initial; height: 190px; } 
}

/* CMS vehicle gallery */
.vehicle_a11y_text,
.notice_a11y_text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0; }
.vehicle_board_head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:30px; }
.vehicle_board_search { display:flex; align-items:center; gap:10px; }
.vehicle_board_search label { display:block; }
.vehicle_board_search input { width:280px; height:40px; padding:0 15px; border:1px solid rgba(255,255,255,.5); border-radius:8px; background:rgba(255,255,255,.12); color:#fff; }
.vehicle_board_search input::placeholder { color:rgba(255,255,255,.55); }
.vehicle_board_search button { width:90px; height:40px; border:0; border-radius:8px; background:#0051ff; color:#fff; font-weight:700; cursor:pointer; }
.vehicle_category { margin-bottom:40px; border-bottom:1px solid rgba(255,255,255,.2); }
.vehicle_category .board_post_category_list { display:flex; align-items:center; justify-content:center; gap:45px; }
.vehicle_category a { position:relative; display:block; padding:0 5px 18px; color:rgba(255,255,255,.55); font-size:var(--sub--xs-default-size--); font-weight:500; }
.vehicle_category a.active { color:#fff; font-weight:700; }
.vehicle_category a.active::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; background:#0051ff; }
.vehicle_gallery_list { display:flex; flex-wrap:wrap; gap:40px 25px; }
.vehicle_gallery_item { width:calc((100% - 50px) / 3); }
.vehicle_gallery_item a { display:flex; flex-direction:column; align-items:center; gap:15px; }
.vehicle_gallery_thumbnail { display:flex; width:100%; aspect-ratio:29 / 17; align-items:center; justify-content:center; overflow:hidden; border-radius:20px; background:#2c2c2c; color:rgba(255,255,255,.4); }
.vehicle_gallery_thumbnail img { width:100%; height:100%; object-fit:cover; }
.vehicle_gallery_item strong { max-width:100%; overflow:hidden; color:#fff; font-size:var(--sub--ssm-default-size--); font-weight:500; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.vehicle_board_empty,
.notice_board_empty { padding:80px 20px; text-align:center; }
.vehicle_board_empty { color:rgba(255,255,255,.6); }
.vehicle_pagination,
.notice_pagination { margin-top:60px; }
.vehicle_pagination ol,
.notice_pagination ol { display:flex; align-items:center; justify-content:center; gap:10px; }
.vehicle_pagination a,
.notice_pagination a { display:flex; width:35px; height:35px; align-items:center; justify-content:center; border:1px solid #a6a6a6; border-radius:50%; color:#a6a6a6; }
.vehicle_pagination a.active { border-color:#fff; color:#fff; }
.vehicle_pagination a.is_disabled,
.notice_pagination a.is_disabled { opacity:.35; pointer-events:none; }

/* CMS notice board */
.sub_page006 .wrap { display:flex; flex-wrap:wrap; align-items:center; }
.notice_total { width:50%; color:#232323; font-size:var(--sub--xs-default-size--); line-height:25px; }
.notice_total strong { color:#0051ff; font-weight:500; }
.notice_board_search { display:flex; width:50%; align-items:center; justify-content:flex-end; gap:10px; }
.notice_board_search label { display:block; }
.notice_board_search select,
.notice_board_search input { height:35px; padding:0 15px; border:1px solid #cfcfcf; border-radius:8px; background:#fff; color:#232323; }
.notice_board_search select { width:110px; }
.notice_search_field { display:flex; align-items:center; }
.notice_board_search input { width:260px; }
.notice_board_search button { width:90px; height:35px; border:0; border-radius:8px; background:#0051ff; color:#fff; font-weight:700; cursor:pointer; }
.notice_board_list { width:100%; margin-top:20px; border-top:2px solid #0051ff; }
.notice_board_list ol { margin:0; }
.notice_board_row { display:flex; min-height:55px; align-items:center; justify-content:space-between; gap:20px; padding:0 20px; border-bottom:1px solid #c8c8c8; }
.notice_subject { min-width:0; overflow:hidden; color:#232323; font-size:var(--sub--xs-default-size--); line-height:25px; text-overflow:ellipsis; white-space:nowrap; }
.notice_meta { display:flex; flex:none; align-items:center; gap:20px; color:#aaa; font-size:var(--sub--xs-default-size--); line-height:25px; }
.notice_pagination { width:100%; margin-top:80px; }
.notice_pagination ol { gap:6px; }
.notice_pagination li:first-child { margin-right:14px; }
.notice_pagination li:last-child { margin-left:14px; }
.notice_pagination a { width:30px; height:30px; }
.notice_pagination a.active { border-color:#191919; color:#191919; }

/* hover */
@media (hover:hover) and (pointer:fine) {
  .vehicle_gallery_item a:hover strong,
  .vehicle_category a:hover { color:#0051ff; }
  .vehicle_board_search button:hover,
  .notice_board_search button:hover { background:#003dcc; }
  .notice_subject:hover { color:#0051ff; }
}

@media (max-width:1024px) {
  .vehicle_board_head { align-items:stretch; flex-direction:column; }
  .vehicle_board_search { width:100%; }
  .vehicle_board_search label,
  .notice_search_field { flex:1; }
  .vehicle_board_search input { width:100%; }
  .vehicle_category { overflow-x:auto; }
  .vehicle_category .board_post_category_list { min-width:max-content; justify-content:flex-start; gap:25px; }
  .vehicle_gallery_list { gap:25px 20px; }
  .vehicle_gallery_item { width:calc(50% - 10px); }
  .vehicle_gallery_thumbnail { border-radius:10px; }
  .vehicle_pagination { margin-top:40px; }
  .notice_total { order:1; width:100%; }
  .notice_board_list { order:2; margin-top:15px; }
  .notice_board_row { min-height:75px; align-items:flex-start; flex-direction:column; justify-content:center; gap:0; padding:10px 20px; }
  .notice_subject { width:100%; }
  .notice_meta { gap:20px; }
  .notice_pagination { order:3; margin-top:35px; }
  .notice_board_search { order:4; width:100%; flex-wrap:wrap; justify-content:space-between; margin-top:25px; gap:10px; }
  .notice_board_search > label:first-child { width:80px; }
  .notice_board_search select { width:80px; }
  .notice_search_field { width:calc(100% - 90px); flex:none; }
  .notice_board_search input { width:100%; }
  .notice_board_search button { width:100%; margin:0; }
}