/* BASIC css start */
/* ----------------------------------------------------------------
Custom CSS

Add all your Custom Styled CSS here for New Styles or
Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
#map_wrap {margin-top: 2%;width: 100%; } 

ul > li.imgList {float: left;width: 20%;height: 265px;padding: 0% 0.5%;box-sizing: border-box; } 

/* 모바일은 효과 불필요
ul > li.imgList a > span { width: 249px; height: 160px; overflow:hidden; } 
ul > li.imgList a img {transform: scale(1); } 
ul > li.imgList a:hover img {transform: scale(1.05);transition: .3s ease-in-out; } 

ul > li.imgList span {display: inline-block;width: 249px; height: 160px;overflow:hidden; } 
ul > li.imgList a span img {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: 0.95em; padding-top: 3%; } 
ul > li.imgList div p:nth-child(2) { font-size: 0.9em; color: #777777; } 
ul > li.imgList div a:nth-child(3) { font-size: 0.9em; 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: #000000; } 
ul > li.imgList div p.direct_f:nth-child(1)::before {color: #006000 !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 li {display: inline-block;padding:8px 25px;width: auto;font-size: 1em;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: 650px; } 

@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; } 
 }

#input-form {width: 100%;height: 50px;text-align: right;font-size: 1.1em;font-weight: 600;line-height: 40px; } 
#input-form input {border-radius: 8px; } 

div.subtitle {margin: 2.5% 0; } 
div.subtitle h2 {display: inline-block;letter-spacing: -2px;font-weight: 600; } 

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

.family { color: green; } 


.store_page .agency .img {text-align:center;margin-bottom:30px; } 
.store_page .tab_btn {margin-top:30px; } 
.store_page .tab_btn a{font-size:12px}
.store_page .tab_btn li {display:inline-block;padding:8px 25px;border:1px solid #ddd;margin-right:1px;border-bottom:0;border-radius:10px 10px 0 0;cursor:pointer; } 
.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 {border-top:1px solid #ddd;font-weight:600; } 
.store_page .table_top tr td::before {content:none !important; } 
.store_page .tab_content {position:relative; } 
.store_page .tab_content_link {position:absolute;display:block;top:-70px;left:0; } 
.store_page .tab_content .area {border-top:1px solid #dee2e6;padding:10px 10px 10px 15px;font-size:18px; } 
.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; } 
.store_page table tr {background:none !important; } 
.store_page table tr th,.store_page table tr td {padding:10px 10px 10px 10px;font-size: 12px;} 
.store_page table tr th:nth-child(1),.store_page table tr td:nth-child(1) {padding-left:25px; } 
.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:12%; } 
.store_page table tr td:nth-child(2) {width:15%; } 
.store_page table tr td:nth-child(3) {width:34%; } 
.store_page table tr td:nth-child(4) {width:11%; } 
.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:12%; } 
.store_page .table_top tr .td02 {width:15%; } 
.store_page .table_top tr .td03 {width:34%; } 
.store_page .table_top tr .td04 {width:11%; } 
.store_page .table_top tr .td05 {width:5%;padding-left:0;border-top:1px solid #ddd; } 

.store_page .tab_content_top { right:0; } 
.store_table_wrap { overflow-x:scroll; } 
.store_table_wrap .table_top { min-width:1300px; margin-top:10px; } 
.store_table_wrap .tab_content { min-width:1300px; } 
.store_page .tab_btn:after { content:""; display:block; clear:both; } 
.store_page .tab_btn { border-left:1px solid #ddd; border-top:1px solid #ddd; } 
.store_page .tab_btn li { width:20%; 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; } 


/* BASIC css end */

