Server : Apache/2.4.58 (Ubuntu) System : Linux yumsem00.cafe24.com 5.4.0-131-generic #147-Ubuntu SMP Fri Oct 14 17:07:22 UTC 2022 x86_64 User : root ( 0) PHP Version : 8.2.14 Disable Function : NONE Directory : /var/www/html/wp-content/stores/css/ |
Upload File : |
*{margin:0; padding:0;} a{text-decoration: none;} .find_store_wrap{max-width:1200px; margin:0 auto; font-family: 'Poppins', 'Noto Sans KR', sans-serif; letter-spacing: -0.05em; word-break: keep-all;} input, select{font-family: 'Poppins', 'Noto Sans KR', sans-serif; letter-spacing: -0.05em; } .nanum_sq{font-family: 'NanumSquare', sans-serif; } .search_area_wrap{background-color:#f5f5f5; border:2px solid #ddd; margin: 24px auto; padding:23px 0; text-align:center;} /* MAP */ .find_store_wrap .yum_map{position: relative;} .find_store_wrap .yum_map iframe{height:500px; border:2px solid #ddd;} .find_store_wrap .yum_map #mapArea{height:500px; border:2px solid #ddd;} .map_pop{position:absolute; top:30%; left:50%; transform:translate(-50%, -50%); background-color:#fff; border-radius: 10px; padding:26px 26px 16px; text-align: center; box-shadow: 0 3px 10px rgba(0,0,0,.2);} .close_btn{display:block; width:8px; height:8px; position:absolute; right:10px; top:10px;} .close_btn img{display:block; width:100%; height: 100%;} .map_pop h2{color:#1d1d1e; font-size:20px;} .map_pop .view_detail_btn{display:inline-block; text-decoration:none; background-color:#1d1d1e; color:#fff; border-radius: 30px; padding:7px 24px; margin-top:10px; font-size:15px;} .search_list_wrap .view_detail_btn{cursor:pointer !important;} .map_pop::after{ content:""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ffffff; position:absolute; left:50%; bottom:-10px; transform:translateX(-50%); } .map_badge{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#1d1d1e url(../images/map_badge.svg) center no-repeat;border:2px solid #ddd; border-radius: 100%; width:56px; height:56px; background-size:30px !important;} .map_badge.yum_gim{background:#1d1d1e url(../images/map_badge.svg) center no-repeat;} .map_badge.yumsem{background:#1d1d1e url(../images/yumsem_logo_img.png) center no-repeat;} /* Search Form */ #sFrm{display: flex;align-items: center;justify-content: center;padding: 0 5px;} .search_area_wrap input, .search_area_wrap select, .search_area_wrap .search_btn{height:50px; border:2px solid #ddd; box-sizing: border-box; padding:0 16px; font-size:17px; font-weight:400;margin: 0 5px;} .search_area_wrap input:focus, .search_area_wrap select:focus{outline: none; border-color: #f04e23;} .search_area_wrap select { -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none;} .search_area_wrap select::-ms-expand{display:none;/*for IE10,11*/} .search_area_wrap select {width:154px; background:#fff url('/wp-content/uploads/2023/11/icon_arrow_grey.svg') no-repeat 94% 50%/10px auto;} .search_area_wrap input::placeholder, .search_area_wrap section:disabled{color:#aaa;} .search_area_wrap input{ width:35%; max-width: 350px; color:#1d1d1e;} .search_area_wrap .deliveryuse_wrap{display: flex;align-items: center;margin: 0;} .search_area_wrap input[name='delivery']{ width:auto; max-width: unset; appearance: auto; color:#1d1d1e;} .search_area_wrap .search_btn{min-width:85px; background-color:#1d1d1e; color:#fff; border-color:#1d1d1e; font-weight:500;} /* 체크박스 스타일 */ .chkStyle2 {position: relative;} .chkStyle2 .wpcf7-list-item-label{display:flex;align-items: center;} .chkStyle2 input, .chkRadio input {-webkit-appearance: none;-webkit-border-radius: 0;} .chkStyle2 input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } .chkStyle2 input[type="checkbox"] + .wpcf7-list-item-label{ position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .chkStyle2 input[type="checkbox"] + .wpcf7-list-item-label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width:35px;/* 체크박스의 너비를 지정 */ height: 33px; /* 체크박스의 높이를 지정 */ background-size:contain !important;margin: 0 5px;} .chkStyle2 input[type="checkbox"] + .wpcf7-list-item-label:before {width:20px; height:20px; background: url('/wp-content/uploads/2023/11/icon_unchk_blk.svg') no-repeat;} .chkStyle2 input[type="checkbox"]:checked + .wpcf7-list-item-label:before { /* 체크박스를 체크했을때 */ background-size:contain !important; } .chkStyle2 input[type="checkbox"]:checked + .wpcf7-list-item-label:before{background: url('/wp-content/uploads/2023/11/icon_chk_blk.svg') no-repeat;} /* Search List */ .search_list_wrap table{width:100%; border-top:2px solid #1d1d1e; border-spacing: 0px;} .search_list_wrap thead th{background-color:#f7f7f7; border:none; border-bottom:1px solid #ddd !important; color:#1d1d1e; font-weight:400; font-size:18px; padding:20px 5px; text-align:center;} .search_list_wrap tbody td{color:#666666; text-align:center; border-bottom:1px solid #ddd; padding:20px 5px; font-size:16px;} .search_list_wrap tbody td:nth-of-type(4){text-align:left;} .search_list_wrap tbody td:nth-of-type(3){position: relative; text-align:left; padding-left:40px;} .store_logo_img{position:absolute; top:50%; left:10px; transform:translateY(-50%); width:24px; max-height:32px;} .mb_view{display:none;} /* 페이지네이션 */ .pagination_wrap {margin:35px auto 0;} .pagination_wrap ul, .pagination_wrap li{list-style: none;} .pagination_wrap ul{display: flex; justify-content: center;} .pagination_wrap li{margin:0 5px;} .pagination_wrap li a{border:2px solid #7f7f7f; color:#7f7f7f; display: flex; align-items: center; justify-content: center; transition-duration: .3s; width:40px; height:40px; font-size:16px;} .pagination_wrap li:hover a, .pagination_wrap li a.active{color:#f58220; border-color:#f58220;} /* 팝업 */ .store_popup_bg{position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.5); display:none;} .store_popup{position: fixed; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#fff; width:95%; max-width:1000px; display:none;} .store_popup_bg.on, .store_popup.on{display:block;} .pop_tit{background-color:#f58220; color:#fff; padding:20px; display: flex; justify-content: space-between; font-size:18px; font-weight:500;} .pop_close{display:block; width:15px; height:15px;cursor: pointer;} .store_popup .info_wrap {padding:20px 20px 10px;} .store_popup .info_wrap table{width:100%; font-size:16px;} .store_popup .info_wrap table th{color:#f58220; font-weight:500; text-align:left; vertical-align:top; padding-bottom:8px; border-top:0 !important;} .store_popup .info_wrap table td{ padding-bottom:8px; border-top:0 !important;} .store_popup .info_wrap table td input{width:100%; font-size:16px;} .icon_delivery{text-align: right;} .icon_delivery a{display:inline-block; width:60px; height:60px;} .pop_ft {display:flex; align-items: center; justify-content: center;} .pop_ft a{display: flex; width:50%; align-items: center; justify-content: center; font-weight:500; color:#1d1d1e; padding:20px 0; cursor: pointer;} .pop_ft a img{display:block; width:20px; height:20px; margin-right:5px;} .kakao_navi{background-color:#f9e000;} #copy_address{border:none; width:1px; height:1px; margin-top:-1px; margin-left:-1px;} #copy_address:focus{outline: none; border:none;} @media screen and (min-width:1201px){ .search_list_wrap tbody td a{display: none;} } @media screen and (max-width:1200px){ .find_store_wrap{padding:0 20px;} .find_store_wrap .yum_map iframe{height:300px;} .find_store_wrap .yum_map #mapArea{height:300px;} /* Search List */ .search_list_wrap tbody tr{position: relative; padding:20px;} .search_list_wrap tbody td{text-align:left; padding:5px 0; border:none; width:55%; font-size:14px;} .search_list_wrap thead, .search_list_wrap tbody td:nth-of-type(1), .search_list_wrap tbody td:nth-of-type(4), .search_list_wrap tbody td:nth-of-type(5){display:none;} .search_list_wrap tbody tr{display:flex; flex-flow: column; border:1px solid #ddd; margin-bottom:10px;} .store_logo_img{left:4px;} .mb_view {display:flex; width:auto !important; position:absolute; right:0; top:50%; transform:translateY(-50%);} .mb_view a{display:block; width:60px; height:60px; border-radius: 100%; overflow:hidden; margin-right:10px;} .mb_view img{display:block; width:100%;} .mb_view a.btn_delivery{background-color:#31b7b2;} .search_list_wrap tbody td:nth-of-type(2){color:#1d1d1e; font-size:17px; font-weight:500;} /* 페이지네이션 */ .pagination_wrap li a{width:30px; height:30px; font-size:14px;} } @media screen and (max-width:900px){ /* Search Form */ #sFrm{flex-direction: column;} .search_area_wrap select, .search_area_wrap input, .search_area_wrap button{width:90%; font-size:15px !important;max-width: unset;} .search_area_wrap select, .search_area_wrap input{margin-bottom:5px;} .search_area_wrap .deliveryuse_wrap{margin:10px 0 0;} } @media screen and (max-width:767px){ .find_store_wrap .yum_map iframe, find_store_wrap .yum_map #mapArea , .pop_map iframe{height:240px;} .map_badge{width:35px; height:35px; background-size:15px !important;} .map_pop h2{font-size:17px;} .map_pop .view_detail_btn{font-size:13px; margin-top:6px; padding: 4px 20px !important;} /* Search List */ .search_list_wrap tbody td{width:60%;} .mb_view{right:4px;} .mb_view a{width:30px; height:30px;} }