/* BASIC css start */
.header_bg_com {display:none;}
#mfooter {margin-top:0px !important;}
/* 서브 페이지 03 스타일 */
.sub_title_t01 {font-size:40px; font-weight:700; color:#1a1a1a; line-height:56px; text-align:center;margin-bottom:40px;letter-spacing:-0.02em;}
.sub_title_t02 {font-size:18px; color:#6a6a6a; line-height:150%; text-align:center;letter-spacing:-0.02em;}

#page_container .wrap {width:92%; max-width:1280px; margin:112px auto 160px;text-align:center; }
div.header_bg div.txt01 {padding-top:4px;}
.sub05_sec01 {margin-bottom:160px;}
.sub05_sec01 .img_wrap {margin-top:40px;}
.sub05_sec01 .img_wrap img {width:100%;}
.video {position: relative;padding-bottom: 56.25%;;max-width: 1920px;width: 100%;margin: 0 auto;}
.video iframe {position: absolute;width: 100%;height: 100%;left: 0;right: 0;}

.sub05_sec02 {margin-bottom:160px;}
.sub05_sec02 .time {margin-top:40px;font-size:20px; color:#1a1a1a; line-height:32px; text-align:center;letter-spacing:-0.03em;}
.sub05_sec02 .img_wrap {margin-top:80px;display:flex;flex-wrap:wrap;    justify-content: space-between; align-items: flex-start;}
.sub05_sec02 .img_wrap .box {background: #F5F5F5; margin-bottom: 30px;}
.sub05_sec02 .img_wrap .box > div:last-child {height:270px;padding-top:40px;    box-sizing: border-box;background:#ffffff; box-shadow: 0px 0px 25px #e0e0e0;}
.sub05_sec02 .img_wrap .box span {display:block;}
.sub05_sec02 .img_wrap .box span:nth-child(1) {font-size:16px; font-weight:400; color:#1a1a1a; line-height:20px; text-align:center;letter-spacing:-0.03em;}
.sub05_sec02 .img_wrap .box span:nth-child(2) {font-size:20px; font-weight:700; color:#1a1a1a; line-height:24px; text-align:center;letter-spacing:-0.03em;padding:34px 0 16px;position:relative;}
.sub05_sec02 .img_wrap .box span:nth-child(2)::after {position:absolute;content:"";width:16px;height:2px;background: #6A6A6A;top:10px;left:50%;transform:translateX(-50%);}
.sub05_sec02 .img_wrap .box span:nth-child(3) {font-size:14px; font-weight:400; color:#6a6a6a; line-height:150%; text-align:center;}


.sub05_sec03 {margin-bottom:160px;}
.sub05_sec03 .img_wrap {margin-top:80px;display:flex;flex-wrap:wrap; justify-content: center; align-items: flex-start;}
.sub05_sec03 .img_wrap .box {background: #F5F5F5;position:relative}
.sub05_sec03 .img_wrap .box::after{position:absolute;content:"";width:auto;padding:0 16px;height:35px;background: #A8A8A8;top:0;left:0;color:#1a1a1a;font-size:16px; font-weight:400;line-height:35px;}
.sub05_sec03 .img_wrap .box:nth-child(1)::after {content:"PARKING ZONE";}
.sub05_sec03 .img_wrap .box:nth-child(2)::after {content:"MECHANIC CENTER";}
.sub05_sec03 .img_wrap .box:first-child {margin-right:40px;}
.sub05_sec03 .img_wrap .box > div:last-child {height:225px;padding-top:40px;    box-sizing: border-box;background:#ffffff; box-shadow: 0px 0px 25px #e0e0e0}
.sub05_sec03 .img_wrap .box span {display:block;}
.sub05_sec03 .img_wrap .box span:nth-child(1) {font-size:20px; font-weight:700; color:#1a1a1a; line-height:24px; text-align:center;letter-spacing:-0.03em;margin-bottom:16px;}
.sub05_sec03 .img_wrap .box span:nth-child(2) {font-size:14px; font-weight:400; color:#6a6a6a; line-height:150%; text-align:center;letter-spacing:-0.05em;}



.sub05_sec04  {margin-bottom:160px;}

.sub03_sec05 .txt {margin-top:40px;font-size:20px; color:#1a1a1a; line-height:32px; text-align:center;letter-spacing:-0.03em;}
.sub03_sec05 .txt > div:last-child {margin-top:40px;color:#6a6a6a;}
.sub03_sec05 .txt > div:last-child span {font-weight:700;color:#1a1a1a;}
.sub03_sec05 .txt > div:last-child span:last-child {margin-left:24px;position:relative;}
.sub03_sec05 .txt > div:last-child span:last-child::after {position:absolute;content:"";width:1px;height:16px;background: #A8A8A8;top:50%;left:-14px;transform:translateY(-50%);}


#header {position: relative !important;}
.agency_top {padding-top: 50px;}
/* ----------------------------------------------------------------
Custom CSS

Add all your Custom Styled CSS here for New Styles or
Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
#map_wrap { } 
#map_wrap .tab_btn:after {content:"";display:block;clear:both; } 
#map_wrap .tab_btn li {float:left;padding:10px 0;width:25%;text-align:center;font-size:17px;border:1px solid #eee;border-bottom:0;cursor:pointer;border-radius:20px 20px 0 0; } 
#map_wrap .tab_btn li.on {background:#333;color:#fff; } 
#map_wrap .tab_content {display:none; } 
#map_wrap .tab_content.on {display:block; } 

.map {padding:100px 0 0; } 
.map .p_tit {text-align:center;margin-bottom:30px; } 
.map .container:after {content:"";display:block;clear:both; } 
.map .box {float:left;width:25%;text-align:center;margin-bottom:50px;padding:0 10px; } 
.map .box h2 {border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:15px 0;padding:7px 0;font-size:20px; } 

.agency_top h2 {font-size:60px; } 
.agency_top h3 {font-size:25px; } 
.agency_top p {color:#fff;font-size:20px;background:#0075b6;padding:3px 30px;border-radius:40px;display:inline-block; } 

.store_page .agency .img {text-align:center;margin-bottom:30px; } 
.store_page .tab_btn {margin-top:30px; text-align:left; } 
.store_page .tab_btn li {display:inline-block;padding:8px 28px;border:1px solid #ddd;margin-right:1px;border-bottom:0;border-radius:10px 10px 0 0;cursor:pointer; font-size:14px;}
.store_page .tab_btn li a {font-size:14px;}
.store_page .tab_btn li.on,.store_page .tab_btn li:hover {background:#444;font-weight:600; } 
.store_page .tab_btn li.on a,.store_page .tab_btn li:hover a {color:#fff; } 
.store_page .blue {color:#0075b6; } 
.store_page .tab_content_top {position:static;bottom:50%;right:10%;z-index:99;padding:12px 10px;background:rgba(0,0,0,0.6);color:#fff;border-radius:100px; }
.store_page .table_top{table-layout:auto; position: sticky;top: 80px;z-index: 9999;background: #fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:600; }
.store_page .table_top tr td::before {content:none !important; } 
.store_page .tab_content {position:relative; text-align:left; } 
.store_page .tab_content_link {top:-70px;}
.store_page .tab_content .area {border-top:1px solid #dee2e6;padding:10px 10px 10px 15px;font-size:18px; text-align:left; font-weight: 500; } 
.store_page .tab_content .area::before {font-family:"Font Awesome 5 Free";font-weight:900;content:"\f3c5";margin-right:5px;color:#da0000; } 
.store_page table {margin-bottom:0; font-size:13px; } 
.store_page table tr {background:none !important; } 
.store_page table tr th,.store_page table tr td {padding:10px 12px 12px 20px; } 
.store_page table tr th:nth-child(1),.store_page table tr td:nth-child(1) {padding-left:30px; } 
.store_page table tr.premium {background:#f7f7f7 !important; } 
.store_page table tr.premium td:nth-child(1)::before {font-family:"Font Awesome 5 Free";font-weight:900;content:"\f5a2";margin-right:5px;margin-left:-15px;font-size:13px;color:#e86b6b; } 
.store_page table tr.premium_black td:nth-child(1)::before {color:#000; } 
.store_page table tr.premium_family td:nth-child(1)::before {color:#008000; } 
.store_page table tr td:nth-child(3)::before {font-family:"Font Awesome 5 Free";font-weight:900;content:"\f3c5";margin-right:5px;color:#9a9a9a; } 
.store_page table tr td:nth-child(4)::before {font-family:"Font Awesome 5 Free";font-weight:900;content:"\f2a0";margin-right:5px;color:#9a9a9a; } 
.store_page table tr td:nth-child(1) {width:15%; } 
.store_page table tr td:nth-child(2) {width:13%; } 
.store_page table tr td:nth-child(3) {width:35%; } 
.store_page table tr td:nth-child(4) {width:12%; } 
.store_page table tr td:nth-child(n+5) {width:5%;text-align:center;padding:10px; } 
.store_page .table_top tr td {vertical-align:middle;text-align:center;padding:5px 10px !important; } 
.store_page .table_top tr .td01 {width:11%; } 
.store_page .table_top tr .td02 {width:15%; } 
.store_page .table_top tr .td03 {width:34%; } 
.store_page .table_top tr .td04 {width:12%; } 
.store_page .table_top tr .td05 {width:5%;padding-left:0;border-top:1px solid #ddd; } 


#map_wrap {margin-top: 2%;width: 100%; } 

ul > li.imgList {float: left;width: 20%;height: 265px;padding: 0% 0.5%;box-sizing: border-box; text-align:left } 
ul > li.imgList span {display: inline-block;/*width: 249px; height: 160px;*/ overflow:hidden; } 
ul > li.imgList a span img { width: 100%;transform: scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); }
ul > li.imgList a span:hover img {transform: scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);transition: .3s ease-in-out;-webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; } 
ul > li.imgList div p:nth-child(1) { font-weight:900; font-size: 13px; padding-top: 4%; } 
ul > li.imgList div p:nth-child(2) { font-size:13px; color: #777777; padding:5px 0; } 
ul > li.imgList div a:nth-child(3) { font-size:13px; color: #777777; } 
ul > li.imgList div p:nth-child(1)::before {font-family: "Font Awesome 5 Free";content: "\f5a2";font-weight: 900;margin-right: 5px;color: #e86b6b; } 
ul > li.imgList div p.direct:nth-child(1)::before {color: #0072cc; } 
ul > li.imgList div p.direct_f:nth-child(1)::before {color: #008000 !important; } 
ul > li.imgList div p:nth-child(2)::before {font-family: "Font Awesome 5 Free";content: "\f3c5";font-weight: 900;margin-right: 5px;color: #9a9a9a; } 
ul > li.imgList div a:nth-child(3)::before {font-family: "Font Awesome 5 Free";content: "\f2a0";font-weight: 900;margin-right: 5px;color: #9a9a9a; } 
ul > li.imgList span.store_map_data {font-size: 0; } 

.store_page .img_tab_btn {text-align: left;}
.store_page .img_tab_btn li {display: inline-block;padding:8px 28px;width: auto;font-size: 14px;border:1px solid #ddd;margin-right:1px;border-bottom:0;border-radius:10px 10px 0 0;cursor:pointer; } 
.store_page .img_tab_content {border-top: 1px solid #ddd;position: relative;display: none; } 
.store_page .img_tab_content.on {display: block; } 
.store_page .img_tab_content > div {padding: 2% 0; }
.container span#maps {/*position: absolute;top: -20px; */ width: 100%; } 
.store_page .img_tab_btn li.on ,.store_page .img_tab_btn li:hover {background:#444;font-weight:600; } 
.store_page .img_tab_btn li.on, .store_page .img_tab_btn li:hover {color: #fff; } 

iframe.google_map {width:100%; height: 700px; border:none !important; } 

/* 맵스토어부분 크기 고정 */
.storeList { width: 1310px; } 
/*
@media (max-width: 1382px) {}
@media (max-width: 991px) {.store_page .img_tab_btn {border-left: 1px solid #ddd;border-top: 1px solid #ddd;margin: 15px 0; } 
.store_page .img_tab_btn::after {content: '';clear: both;display: block;overflow: hidden; } 
.store_page .img_tab_btn li {width: 33.3333%;float: left;display: block;padding: 8px 0;text-align: center;margin-right: 0;border-radius: 0;border-left: 0;border-bottom: 1px solid #ddd;border-top: 0; } 
ul > li.imgList {width: 33.3333%; } 
iframe.google_map {height: 450px; } 
#input-form {position:relative !important; } 
}

@media (max-width: 600px) {ul > li.imgList {width: 50%;height: 240px; } 
iframe.google_map {height: 300px; } 
div.subtitle {margin: 2.5% 0 4% 0 !important; text-align:left; } 
}
*/
#input-form {width: 100%;height: 50px;text-align: right;font-size: 1.1em;font-weight: 600;line-height: 40px; position: absolute; top: -5px; } 
#input-form input {border-radius: 8px; height: 18px;border: 1px #666 solid;margin-left: 3px;padding: 2px 6px; } 

div.subtitle {margin: 2.5% 0; text-align:left; position:relative; } 
div.subtitle h2 {display: inline-block;letter-spacing: -2px;font-weight: 600; font-size:20px; margin-right: 6px; } 

div.subtitle h5 {display: inline-block;letter-spacing: -1px;font-weight: 400; color: #777777; font-size:15px;} 

.family { color: green; } 
.family { color: green; } 
/* BASIC css end */