@charset "utf-8";

/* layout */
body, html{overflow-x:hidden;}
.wrap{overflow-x:hidden;width:100%; background-color:#ececec;}
.contents {min-height:calc(100vh - 174px);}

.header{position:relative;height:60px;background: -moz-linear-gradient(top, #efefef 0%, #fff 100%);background: -webkit-linear-gradient(top, #efefef 0%, #fff 100%);background: linear-gradient(to bottom, #efefef 0%, #fff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#fff',GradientType=0 );
background-size:100% 12px;background-repeat:no-repeat; background-color:#fff;}
.header img{vertical-align:top;}
.header h1{padding:13px 0 0 10px;text-align:left;}
.header h1 img{height:32px;width:106px;}
.header .menu-open{position:absolute;top:21px;right:15px;}
.header .menu-open img{width:20px;height:18px;}
.header .side-menu{position:absolute;top:0;right:-320px;width:320px;z-index:2100;background:#fff;}
.header .side-menu .tit-area{display:table;width:100%;position:relative;height:60px;color:#fff;background:#114b88;padding:0 0 0 14px;}
.header .side-menu .tit-area .close{position:absolute;top:20px;right:15px;}
.header .side-menu .tit-area .close img{width:16px;height:auto;}
.header .side-menu .tit-area .tit{display:table-cell;vertical-align:middle;padding:0 0 0 30px;font-size:16px;background:url(../../../images/mobile/common/icon-menu-white.png) no-repeat 0 19px;background-size:20px 18px;}
.header .side-menu .foot-area{display:table;width: 95%;position:relative;height: 40px;color:#fff;background: #65a9f1;padding: 9px 0 0 14px;margin: 8px;text-align: center;border-radius:15px;}
.header .side-menu .menu > ul > li{border-bottom:1px solid #dbdbdb;background-image:url(../../../images/mobile/common/icon-plus-off.png);background-repeat:no-repeat;background-size:12px 12px;background-position:right 14px top 22px;}
.header .side-menu .menu > ul > li.active{background-image:url(../../../images/mobile/common/icon-plus-on.png);background-repeat:no-repeat;background-size:12px 12px;background-position:right 14px top 20px;}
.header .side-menu .menu > ul > li > a{display:block;font-size:16px;color:#373737;font-weight:bold;padding:14px 0 14px 14px;}
.header .side-menu .menu > ul > li > ul{display:none;border-top:3px solid #327ac6;}
.header .side-menu .menu > ul > li > ul li{border-top:1px solid #dbdbdb;}
.header .side-menu .menu > ul > li > ul li:first-child{border-top:none;}
.header .side-menu .menu > ul > li > ul li a{display:block;font-size:14px;color:#555;padding:10px 0 10px 28px;background:#e8f1fa;}
.header .side-menu .menu > ul > li > ul li.active a{color:#e2372d;font-weight:bold;}


/* 241108_확대보기 추가 */
.header .site-zoom{display:flex;align-items:center;gap:5px 10px;position:absolute;top:20px;right:60px;}
.header .site-zoom>strong{color:#555;font-size:14px;}
.header .site-zoom-button-group{display:flex;gap:5px;}
.header .site-zoom-button{display:flex;justify-content:center;align-items:center;width:22px;aspect-ratio:1 / 1;background-color:#ececec;}
.header .site-zoom-button:before{content:"";width:16px;aspect-ratio:1 / 1;background:no-repeat 50% 50%/contain;}
.header .site-zoom-button-in:before{background-image:url(../../../images/mobile/common/icon-site-zoom-in.png)}
.header .site-zoom-button-out:before{background-image:url(../../../images/mobile/common/icon-site-zoom-out.png)}



.contents .page-title-area {height:55px; padding:0 15px; color:#fff; line-height:55px; overflow:hidden; background-color:#114b88;}
.contents .page-title-area .left {float:left;}
.contents .page-title-area .right {float:right;}
.contents .page-title-area .page-title {font-weight:bold; font-size:20px; font-family:'Nanum Square'; color:#fff;}
.contents .page-title-area .date {margin-top:3px; font-size:11px;}
.page-title-area {height:55px; padding:0 15px; color:#fff; line-height:55px; overflow:hidden; background-color:#114b88;}
.page-title-area .left {float:left;}
.page-title-area .right {float:right;}
.page-title-area .page-title {font-weight:bold; font-size:20px; font-family:'Nanum Square'; color:#fff;}
.page-title-area .date {margin-top:3px; font-size:11px;}

.footer{position:relative;}
.footer .etc ul{display:table;width:100%;height:50px;}
.footer .etc ul li{display:table-cell;width:33.3333%;text-align:center;vertical-align:middle;background-color:#4c6379;}
.footer .etc ul li:nth-child(2){background-color:#254869;}
.footer .etc ul li a{display:block;font-size:13px;color:#fff;line-height:50px;}
.footer .etc ul li a img{margin:-2px 5px 0 0;}
.footer .etc ul li:nth-child(1) a img{width:15px;}
.footer .etc ul li:nth-child(2) a img{width:14px;}
.footer .etc ul li:nth-child(3) a img{width:13px; margin-top:-4px;}
.footer .copyright{height:64px;padding:14px 0 0  0;background:#ececec;text-align:center;font-size:12px;color:#555;}
.footer .etc + .etc li {background-color:#fff;border-bottom:1px solid #d1d1d1;}
.footer .etc + .etc li a{color:#000;}

/* modal */
.overlay {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:2000; transform:translateZ(0);}
.modal-opened {overflow:hidden;}
.layer-popup {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:2050; transform:translateZ(0); overflow-y:scroll;}
.layer-popup .popup-title{background-color:#0c427b;background-image:url(../../../images/mobile/common/layer-title-bg.jpg);background-repeat:repeat-x;background-position:100% 100%;font-size:20px;color:#fff;font-weight:bold;height:60px;padding:15px 0 0 22px;}
.layer-popup .popup-inner {position:relative; width:calc(100% - 35px);max-width:1000px;margin:100px auto 0; box-shadow:3px 5px 5px rgba(0,0,0,.3); background-color:#fff;border:2px solid #0c427b;border-top:none;}
.layer-popup .popup-inner {max-width:1000px;margin:100px auto 0; }
.layer-popup .popup-inner.location-layer {max-width:700px;margin:100px auto 0; }
.layer-popup .popup-inner .popup-body{padding:20px;min-height:100px;}
.layer-popup .popup-inner .popup-body.pr-layer{height:700px;overflow-y:auto;}
.layer-popup .btn-close-popup{position:absolute;right:20px;top:20px;}
.layer-button-area{overflow:hidden;}
.layer-button-area button{width:50%;float:left;color:#fff;background:#009bd7;line-height:40px;height:40px;text-align:center;border-left:1px solid #fff;}
.layer-button-area button:nth-child(1){border-left:none;}
.layer-button-area.wide button{width:100%;}
.layer-area{display:none;position:absolute;top:80px;left:0;clear:both;width:calc(100% - 20px);border:1px solid #ddd;background:#f5f5f5;padding:20px;margin:0 10px 10px;box-shadow:2px 2px 2px 2px #999;}
.layer-area .title{font-size:22px;line-height:24px;font-weight:bold;color:#19194d;margin:0 0 20px 0;letter-spacing:-2px;}
.layer-area ul{overflow:hidden;}
.layer-area ul li{float:left;width:calc(20% - 20px);margin:10px;}
.layer-area ul li a{display:block;text-align:center;background:#19194d;color:#fff;padding:10px;letter-spacing:-1px;}
.layer-area .text{text-align:right;display:block;margin:20px 0 0 0;}
.layer-area .layer-close{position:absolute;right:20px;top:20px;}

/* main */
.main-top {position:relative; height:250px; margin-bottom:5px; padding:20px 43px 45px; background:url(../../../images/mobile/main/main-bg.jpg) no-repeat; background-size:100% 100%; overflow:hidden;}
.main-slider {overflow:hidden;}
.main-slider .slick-arrow {position:absolute; top:91px; width:43px; height:43px; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; background-size:auto 25px;}
.main-slider .slick-prev {left:0; background-image:url(../../../images/mobile/main/btn-prev.png);}
.main-slider .slick-next {right:0; background-image:url(../../../images/mobile/main/btn-next.png);}
.main-slider .slick-disabled {opacity: .5;}
.main-slider .slick-track {overflow:hidden;}
.main-slider .slick-slide {float:left;}
.main-slider .main-item {height:195px; padding:0 10px; text-align:center;}
.main-slider .main-item-box {display:inline-block; width:255px; height:185px; padding:16px 23px 12px; box-shadow:3px 3px 7px rgba(0, 0, 0, .35); font-family:'Nanum Square'; text-align:left; background-color:#fff;}
.main-slider .title-area:after {content:''; display:block; clear:both;}
.main-slider .title {float:left; position:relative; font-weight:bold; font-size:15px;}
.main-slider .title:before {content:''; position:absolute; top:-3px; left:0; width:23px; height:2px; background-color:#057bbd;}
.main-slider .category {float:right; padding:0 5px; border:1px solid #18508b; color:#114b88; font-size:12px; line-height:15px;}
.main-slider .price-area .price {margin-top:2px; margin-left:-2px; color:#333; font-weight:bold; font-size:36px; line-height:32px;}
.main-slider .price-area .price span {margin-left:10px; font-size:12px;}
.main-slider .price-compare {margin-top:-3px; font-size:13px;}
.main-slider .price-up {color:#e23328;}
.main-slider .price-down {color:#045ebc;}
.main-slider .price-compare .ico {display:inline-block; width:10.5px; height:8.5px; margin-top:-2px; margin-right:2px; text-indent:-9999px; white-space:nowrap; vertical-align:middle; background-repeat:no-repeat; background-position:center center; background-size:10.5px auto;}
.main-slider .price-up .ico {background-image:url(../../../images/mobile/common/icon-up.png);}
.main-slider .price-down .ico {background-image:url(../../../images/mobile/common/icon-down.png);}
.main-slider .local-area {margin-top:8px; padding-top:9px; border-top:2px solid #dbdbdb; color:#4c6479; font-weight:bold;}
.main-slider .local-area ul li {line-height:19px; overflow:hidden;}
.main-slider .local-area .local {float:left;}
.main-slider .local-area .price {float:right;}
.main-slider .date {margin-top:6px; font-size:11px; text-align:right;}
.main-slider-pager {text-align:center;}
.main-slider-pager li {display:inline-block;}
.main-slider-pager li button {position:relative; width:16px; height:16px; text-indent:-9999px; background-color:transparent; overflow:hidden;}
.main-slider-pager button:after {position:absolute; left:50%; top:50%; width:10px; height:10px; margin:-5px 0 0 -5px; border-radius:50%; background-color:#dbdbdb; content:'';}
.main-slider-pager .slick-active button:after {width:6px; height:6px; border:2px solid #fff; background-color:transparent;}

.main-compare {height:67px; margin-bottom:5px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background:#fff url(../../../images/mobile/main/compare-bg.png) no-repeat right top; background-size:135.5px auto;}
.main-compare a {display:block; padding-left:15px; color:#333; font-weight:bold; font-size:16px; line-height:65px;}

.main-period-price {margin:0 -2.5px 5px; overflow:hidden;}
.main-period-price li {float:left; width:calc(50% - 5px); height:120px; margin:0 2.5px; border:1px solid #dbdbdb; background-repeat:no-repeat; background-position:center 19px; background-size:auto 49px;}
.main-period-price li:nth-child(1) {border-left:0; background-color:#c8f0ef; background-image:url(../../../images/mobile/main/icon-period01.png);}
.main-period-price li:nth-child(2) {border-right:0; background-color:#c9e5f1; background-image:url(../../../images/mobile/main/icon-period02.png);}
.main-period-price li a {display:block; height:100%; padding-top:77px; color:#333; font-weight:bold; font-size:16px; text-align:center; background-repeat:no-repeat; background-position:center 19px; background-size:auto 49px;}

.main-shortcut {margin:0 -5px 5px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#fff; overflow:hidden;}
.main-shortcut li {float:left; width:calc(33.33333% - 10px); height:103px; margin:0 5px;}
.main-shortcut li a {display:block; height:100%; padding:12px 0 8px; color:#333; font-size:15px; text-align:center;}
.main-shortcut li a:before {content:''; display:block; margin:0 auto 7px; width:54px; height:54px; background-repeat:no-repeat; background-position:center center; background-size:auto 54px;}
.main-shortcut li:nth-child(1) a:before {background-image:url(../../../images/mobile/main/icon-shortcut01.png);}
.main-shortcut li:nth-child(2) a:before {background-image:url(../../../images/mobile/main/icon-shortcut02.png);}
.main-shortcut li:nth-child(3) a:before {background-image:url(../../../images/mobile/main/icon-shortcut03.png);}

/* sub */
.search-result .title {color:#000; font-weight:bold; font-size:17px; font-family:'Nanum Square';}
.search-result .both-contents {margin-bottom:15px;}
.search-result .right-contents .btn {padding:0 15px 0 32px; font-weight:bold; font-size:13px; line-height:23px; background-repeat:no-repeat; background-position:15px center;}
.search-result .right-contents .btn-list {border:1px solid #333; color:#333; background-image:url(../../../images/mobile/common/icon-list.png); background-size:10.5px auto;}
.search-result .left-contents .btn-map {border:1px solid #333; color:#333;}
.search-result .left-contents .btn-map-on {border:1px solid #045ebc; color:#fff; background-color:#045ebc;}
.search-result .right-contents .date {margin-top:8px; font-size:11px;}
.search-result .result-item {padding:15px 15px 20px; background-color:#fff;}
.search-result .result-item.brd-top {border-top:1px solid #dbdbdb;}
.search-result .result-item.brd-btm {border-bottom:1px solid #dbdbdb;}
.search-result .result-item + .result-item {margin-top:5px;}
.search-result ~ .btn-area.bg-white {padding-top:0;}

.sort-area {display:table; width:100%; margin-bottom:10px; padding:8px 12px; border:2px solid #efefef;}
.sort-area dt {display:table-cell; width:1%; padding-right:15px; color:#333; font-weight:600; line-height:20px; white-space:nowrap; vertical-align:middle;}
.sort-area dd {display:table-cell; vertical-align:middle;}
.sort-area dd ul {overflow:hidden;}
.sort-area dd ul li {float:left; min-width:40px; margin-right:5px; border:1px solid #d1d1d1; border-radius:16px;}
.sort-area dd ul li a {display:block; padding:0 8px; font-size:13px; line-height:18px; text-align:center;}
.sort-area dd ul li.on {border-color:#4c6379; color:#fff; background-color:#4c6379;}

.map-area {min-height:calc(100vh - 311px); border-bottom:1px solid #d7d7d7;}

.store-view {margin-top:-5px; border-top:1px solid #747e8c;}
.store-view .name {padding:7px 0 10px; border-bottom:1px solid #d4d4d4; color:#045ebc; font-weight:bold;}
.store-view .content {padding:8px 0 14px; border-bottom:1px solid #d4d4d4; font-size:13px;}
.store-view .info li {padding:8px 0 9px; border-bottom:1px solid #d4d4d4; font-size:13px; overflow:hidden;}
.store-view .info li .left {float:left;}
.store-view .info li .right {float:right;}
.store-view .btn-area {padding:15px 0 0;}
.search-result  .btn { font-weight:bold; font-size:13px; line-height:23px; background-repeat:no-repeat; background-position:15px center;}
.store-view  .btn-map {border:1px solid #333; color:#333;}

.chart-area {margin:0 -15px 20px; padding:15px; background-color:#ececec;}
.chart-sort {margin:-5px 0 11px; text-align:right;}
.chart-sort li {display:inline-block; position:relative; margin-left:6px; padding-left:10px; line-height:18px;}
.chart-sort li:before {content:''; position:absolute; top:4px; left:0; width:1px; height:12px; background-color:#d1d1d1;}
.chart-sort li:first-child:before {display:none;}
.chart-sort li.on {padding-left:29px; background:url(../../../images/mobile/common/icon-check.png) no-repeat 10px center; background-size:14px auto;}
.chart-sort li .btn-sort {color:#0e0e0e;}
.chart-sort li.on .btn-sort {color:#ee2e24; font-weight:bold;}





/*---------------------여기서 메인 수정하였습니다.---------------------*/
/*메인 변경된 메뉴*/

.main_menu {padding:10px 5px 0px 10px; position:relative; overflow:hidden;}
.main_menu li{width:50%; float:left; padding:0 5px 5px 0;}
.main_menu a{background:#fff; border:1px solid #ddd; color:#000; padding:100px 0 15px; text-align:center;}

/*
.main_menu .m_menu1 a{background:url(../../../images/mobile/main/m1.png) center 25px no-repeat #fff;}
.main_menu .m_menu1.on a{background:url(../../../images/mobile/main/m1_2.png) center 25px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu2 a{background:url(../../../images/mobile/main/m2.png) center 25px no-repeat #fff;}
.main_menu .m_menu2.on a{background:url(../../../images/mobile/main/m2_2.png) center 25px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu3 a{background:url(../../../images/mobile/main/m3.png) center 25px no-repeat #fff;}
.main_menu .m_menu3.on a{background:url(../../../images/mobile/main/m3_2.png) center 25px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu4 a{background:url(../../../images/mobile/main/m4.png) center 25px no-repeat #fff;}
.main_menu .m_menu4.on a{background:url(../../../images/mobile/main/m4_2.png) center 25px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu5 a{background:url(../../../images/mobile/main/m5.png) center 25px no-repeat #fff;}
.main_menu .m_menu5.on a{background:url(../../../images/mobile/main/m5_2.png) center 25px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu6 a{background:url(../../../images/mobile/main/m6.png) center 25px no-repeat #fff;}
.main_menu .m_menu6.on a{background:url(../../../images/mobile/main/m6_2.png) center 25px no-repeat #70c1ba; color:#fff;}

*/

.main_menu .m_menu1 a{background:url(../../../images/mobile/main/m1.png) center 10px no-repeat #fff;}
.main_menu .m_menu1.on a{background:url(../../../images/mobile/main/m1_2.png) center 10px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu2 a{background:url(../../../images/mobile/main/m2.png) center 10px no-repeat #fff;}
.main_menu .m_menu2.on a{background:url(../../../images/mobile/main/m2_2.png) center 10px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu3 a{background:url(../../../images/mobile/main/m3.png) center 10px no-repeat #fff;}
.main_menu .m_menu3.on a{background:url(../../../images/mobile/main/m3_2.png) center 10px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu4 a{background:url(../../../images/mobile/main/m4.png) center 10px no-repeat #fff;}
.main_menu .m_menu4.on a{background:url(../../../images/mobile/main/m4_2.png) center 10px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu5 a{background:url(../../../images/mobile/main/m5.png) center 10px no-repeat #fff;}
.main_menu .m_menu5.on a{background:url(../../../images/mobile/main/m5_2.png) center 10px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu6 a{background:url(../../../images/mobile/main/m6_new.jpg) center 10px no-repeat #fff;}

/*
.main_menu .m_menu6.on a{background:url(../../../images/mobile/main/m6_new.jpg) center 10px no-repeat #70c1ba; color:#fff;}
*/

.main_menu .m_box{background:#e9f4f6; width:100%;}
.main_menu .w_2 li{width:50%;}
.main_menu .w_3 li{width:33.3%;}
.main_menu .w_5 li{width:20%;}
.main_menu .m_box li{float:left; text-align:center; padding-right:3px;}
.main_menu .m_box li:last-child{margin-right:0;}
.main_menu .m_box a{background:#70c1ba !important; color:#fff; width:100%; display:inline-block; border:0; padding:8px 2px;font-size:15px;}
.main_menu .m_link1{width:100%; display:block; font-size:16px; font-weight:bold;}

@media all and (min-width:1000px) and (min-height:1700px){
.main_menu {padding:10px 5px 10px 10px; position:relative; overflow:hidden;}
.main_menu li{width:50%; float:left; padding:0 5px 5px 0;}
.main_menu a{background:#fff; border:1px solid #ddd; color:#000; padding:220px 0 60px; text-align:center; background-size:120px !important;}
.main_menu .m_menu1 a{background:url(../../..../../../images/mobile/main/lm1.png) center 65px no-repeat #fff;}
.main_menu .m_menu1.on a{background:url(../../..../../../images/mobile/main/lm1_2.png) center 65px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu2 a{background:url(../../..../../../images/mobile/main/lm2.png) center 45px no-repeat #fff;}
.main_menu .m_menu2.on a{background:url(../../..../../../images/mobile/main/lm2_2.png) center 45px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu3 a{background:url(../../..../../../images/mobile/main/lm3.png) center 65px no-repeat #fff;}
.main_menu .m_menu3.on a{background:url(../../..../../../images/mobile/main/lm3_2.png) center 65px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu4 a{background:url(../../..../../../images/mobile/main/lm4.png) center 70px no-repeat #fff;}
.main_menu .m_menu4.on a{background:url(../../..../../../images/mobile/main/lm4_2.png) center 70px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu5 a{background:url(../../..../../../images/mobile/main/lm5.png) center 55px no-repeat #fff;}
.main_menu .m_menu5.on a{background:url(../../..../../../images/mobile/main/lm5_2.png) center 55px no-repeat #70c1ba; color:#fff;}
.main_menu .m_menu6 a{background:url(../../..../../../images/mobile/main/lm6.png) center 60px no-repeat #fff;}
.main_menu .m_menu6.on a{background:url(../../..../../../images/mobile/main/lm6_2.png) center 60px no-repeat #70c1ba; color:#fff;}

.main_menu .m_box{background:#e9f4f6; width:100%;}
.main_menu .w_2 li{width:50%;}
.main_menu .w_3 li{width:33.3%;}
.main_menu .w_5 li{width:20%;}
.main_menu .m_box li{float:left; text-align:center; padding-right:3px;}
.main_menu .m_box li:last-child{margin-right:0;}
.main_menu .m_box a{background:#70c1ba !important;font-size:1.7em; color:#fff; width:100%; display:inline-block; border:0; padding:20px 2px;}
.main_menu .m_link1{width:100%; display:block; font-size:1.9em; font-weight:bold;}
}

/*---------------------여기서 부터는 현재 css 를 수정하였습니다. 상단에 css와 겹칠 수도 있습니다.---------------------*/
.wrap {background-color: #e9f4f6;}
.header h1 img {height: 38px;width: 165px;}
.footer .etc ul{height:auto;}
.footer .etc ul li a{line-height:43px;}
.footer .etc + .etc li {background-color:#a5aebd;}
.footer .etc + .etc li a{color:#fff;}
.footer .etc ul li:nth-child(2) {background-color:#506383;}
.footer .etc ul li:nth-child(3) {background-color:#506383;}
.footer .etc ul li {background-color:#6a7990; border-right:1px solid #b1bed2;}
.footer .copyright {height:45px;}

.main-top {height:200px; margin-bottom:0;}
.main-slider .main-item-box {height:auto;}
.main-slider .date {border-top: 2px solid #ddd;padding-top: 5px;}
.main-slider .slick-arrow {top:80px;}
.main-slider-pager{position:absolute; bottom:12px; left:45%;}
.main-slider-pager li {float:left; display:inline-block;  margin-right:5px;}
.main-slider-pager li button {background: #ddd;border-radius:11px;overflow: hidden;width:11px; height:11px; text-indent:-9999px;}
.main-slider-pager .slick-active button{width:11px; height:11px; border:2px solid #fff; background: none;}


@media (max-width:500px) {
.main-slider .main-item-box {height:138px; min-width:200px; width:100%;}

}





/*---------------------여기서 부터는 현재 css 를 수정하였습니다. 상단에 css와 겹칠 수도 있습니다. 2020.06.17---------------------*/




/*탭메뉴 */

.main_board {padding: 0 10px 10px 10px;}
.tab {border-left: 1px solid #ddd; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; }
.tab ul{list-style:none;margin:0;padding:0;}
.tab ul.title li {float:left;width: 50%;position: relative;}

.tab ul.title li:first-child {padding-right: 2.5px;}
.tab ul.title li:last-child {padding-left: 2.5px;}
/*.tab ul.title li::before {content: ""; position: absolute;display: block; top: 0;left: 0;width: 100%;height: 2px; background-color: #ddd;}*/
/*.tab ul.title li:first-child::before {content: ""; position: absolute;display: block; top: 101%;left: 2px; height: 5px;width: 99.2%; background-color: #fff;z-index: 10;}*/
.tab ul.title li:first-child::after {content: ""; position: absolute;display: block; top: 0;left: 0;height: 100%;width: 2px; background-color: #ddd;}
.tab ul.title li:last-child::after {content: ""; position: absolute;display: block; top: 0;right: 0;height: 100%;width: 2px; background-color: #ddd;}

.tab ul.title li a {
    font-size: 15px; 
    display:block; 
    background:#fff;
    padding:6px 10px; 
    color:#000;
    text-align: center;
    font-weight: 500;
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom-width: thin;
    
    /*border-image: linear-gradient(to left, #3acfd5 0%, #3a4ed5 100%);
    border-image-slice: 1;
    border-image-width: 0 0 2px 0;*/
}

.tab ul.title li a img {padding-right: 2.5%;}
.tab ul.title li a img:nth-child(1) {display: inline-block;}
.tab ul.title li a img:nth-child(2) {display: none;}
.tab ul.title li a.show {
    color: #045ebc;
    border-left:2px solid transparent;
    border-right:2px solid transparent;
    border-top:2px solid transparent;
    font-weight: 600;
     -moz-border-image:-moz-linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%);
     -webkit-border-image:-webkit-linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%);
     border-image: linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%);
     border-image-slice: 1;
     border-image-width: 2px 2px 0 2px;
     position: relative;
     z-index: 1;
    
}

.tab ul.title li:last-child a.show {color: #045ebc;
    border-left:2px solid transparent;
    border-right:2px solid transparent;
    border-top:2px solid transparent;
    font-weight: 600;
     -moz-border-image:-moz-linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%);
     -webkit-border-image:-webkit-linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%);
     border-image: linear-gradient(to left, #3acfd5 0%, #3a4ed5 100%);
     border-image-slice: 1;
     border-image-width: 2px 2px 0 2px;
     position: relative;
     z-index: 1;}


.tab ul.title li a.show img:nth-child(1){display: none;}
.tab ul.title li a.show img:nth-child(2) {display: inline-block;}
.tab ul.title:after {content:""; display:block; clear:both; }

/*  그라데이이션 선 */

.tab ul.panel {border: 2px solid #ddd;-moz-border-image: -moz-linear-gradient(to left, #3acfd5 0%, #3a4ed5 100%);  
  -webkit-border-image: -webkit-linear-gradient(to left, #3acfd5 0%, #3a4ed5 100%);
  border-image: linear-gradient(to left, #3acfd5 0%, #3a4ed5 25%, #3a4ed5 75%, #3acfd5 100%);
  border-image-slice: 1;border-image-width: 2px 0 0 0;position: relative;}

/* 그라데이션 선 end*/

/* 회색선 */

/*.tab ul.panel {border: 2px solid #ddd;position: relative;}*/

/* 회색선 end*/


.tab ul.panel #content-1::after {content: ""; position: absolute;display: block; bottom: 100%;left: 0;height: 2px;width: calc(50% - 4.5px); background-color: #fff;}
.tab ul.panel #content-2::after {content: ""; position: absolute;display: block; bottom: 100%;right: 0;height: 2px;width: calc(50% - 4.5px ); background-color: #fff;}

.tab ul.panel li{font-size: 14px; display:none; background:#fff;overflow:hidden;padding: 3% 4%;}
.tab ul.panel li table tr td {padding: 0.5% 0;}
.tab ul.panel li table tr td.tab_table_tit {position: relative;padding-left: 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tab ul.panel li table tr td.tab_table_tit:after {content: ""; position:absolute;display: block;width: 3px;height: 3px;border-radius: 50%;top: 50%;transform: translateY(-50%);background-color: #045ebc;left: 0;}

.tab ul.panel li table tr td.tab_table_date {color: #666;text-align: right;}


.main_menu a {padding: 80px 0 10px;}


@media (max-width:380px) {
  .tab ul.title li a span {font-size: 14px;letter-spacing: -1.6px;}
}


/* 221205 판매점 정보 추가 */



@font-face{
  font-family: "Pretendard";
  font-weight: normal;
  src:
  url('/css/ekapepia/fonts/Pretendard-Regular.woff2') format('woff2'),
  url('/css/ekapepia/fonts/Pretendard-Regular.woff') format('woff');
}
@font-face{
  font-family: "Pretendard";
  font-weight: bold;
  src:
  url('/css/ekapepia/fonts/Pretendard-Bold.woff2') format('woff2'),
  url('/css/ekapepia/fonts/Pretendard-Bold.woff') format('woff');
}

.layer-popup .popup-inner .popup-body.result { padding: 12px 0 0; background-color: #FAFBFD; font-family: 'Pretendard'; }
.result-wrap .result-item { padding: 22px; }
.result-wrap .result-item.store { background-color: #fff; box-shadow: 0 2px 15px rgba(0, 0, 0, .04); }
.result-wrap .result-item.store .store-top { padding-bottom: 16px; border-bottom: 1px solid #EFEFEF; text-align: center; }
.result-wrap .result-item.store .store-top .thumb { display: inline-block; width: 60px; height: 60px; overflow: hidden; padding: 6px; margin-bottom: 8px; border: 1px solid #EDEDED; border-radius: 12px; }
.result-wrap .result-item.store .store-top .thumb.no-img { padding: 0; }
.result-wrap .result-item.store .store-top .thumb img { width: 100%; height: 100%; object-fit: contain; }
.result-wrap .result-item.store .store-top .name { margin-bottom: 16px; word-break: keep-all; font-size: 18px; color: #045EBC; letter-spacing: -0.025em; line-height: 24px; }
.result-wrap .result-item.store .store-top>ul { display: flex; }
/*.result-wrap .result-item.store .store-top>ul>li { width: calc(100% / 3 - 6px); margin-right: 9px; } 관심등록버튼 추가시*/
.result-wrap .result-item.store .store-top>ul>li { width: calc(100% / 2); margin-right: 9px; }
.result-wrap .result-item.store .store-top>ul>li:last-child { margin-right: 0; }
.result-wrap .result-item.store .store-top>ul>li .btn { display: block; width: 100%; padding: 8px; border: 1px solid #EDEDED; border-radius: 5px; font-size: 16px; color: #3E3E3E; transition: background-color .24s, color .24s; }
.result-wrap .result-item.store .store-top>ul>li.mark .btn.active  { border: 1px solid #FFF9EF; background-color: #FFF9EF; font-weight: bold; color: #E58633; }
.result-wrap .result-item.store .store-top>ul>li .btn span { display: inline-block; position: relative; padding-left: 22px; }
.result-wrap .result-item.store .store-top>ul>li .btn span::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 15px; height: 16px; background-position: center; background-repeat: no-repeat; content: ""; }
.result-wrap .result-item.store .store-top>ul>li.map .btn span::before { background-image: url(/basic_img/side//icon-map.svg); }
.result-wrap .result-item.store .store-top>ul>li.call .btn span::before { background-image: url(/basic_img/side/e/icon-call-color.svg); }
.result-wrap .result-item.store .store-top>ul>li.mark .btn span::before { background-image: url(/basic_img/side//icon-heart.svg); }
.result-wrap .result-item.store .store-top>ul>li.mark .btn.active span::before {  background-image: url(/basic_img/side//icon-heart-color.svg); animation: mark .56s; }

@keyframes mark {
  0% { transform: translateY(-50%) scale(1); }
  10% { transform: translateY(-50%) scale(0.6); }
  50% { transform: translateY(-50%) scale(1.2); }
  100% { transform: translateY(-50%) scale(1); }
}

.result-wrap .result-item.store .store-mid>ul { padding: 20px 0; }
.result-wrap .result-item.store .store-mid>ul>li { position: relative; padding-left: 24px; margin-bottom: 8px; word-break: keep-all; font-size: 16px; color: #9F9F9F; line-height: 24px; }
.result-wrap .result-item.store .store-mid>ul>li:last-child { margin-bottom: 0; }
.result-wrap .result-item.store .store-mid>ul>li::before { position: absolute; top: 4px; left: 0; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; content: ""; }
.result-wrap .result-item.store .store-mid>ul>li.tel::before { background-image: url(/basic_img/side//icon-call.svg); }
.result-wrap .result-item.store .store-mid>ul>li.address::before { background-image: url(/basic_img/side//icon-marker.svg); }
.result-wrap .result-item.store .store-mid>ul>li.time::before { background-image: url(/basic_img/side//icon-time.svg); }
.result-wrap .result-item.store .store-mid>ul>li.check::before { background-image: url(/basic_img/side//icon-check.svg); }

.result-wrap .result-item.store .store-mid .status-wrap { display: flex; margin-bottom: 28px; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; }
.result-wrap .result-item.store .store-mid .status-wrap .status-item { position: relative; width: 25%; padding: 14px 8px; text-align: center; }
.result-wrap .result-item.store .store-mid .status-wrap .status-item::before { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 24px; background-color: #EFEFEF; content: ""; }
.result-wrap .result-item.store .store-mid .status-wrap .status-item:last-child::before { display: none; }
.result-wrap .result-item.store .store-mid .status-wrap .status-item .icon { width: 28px; height: 28px; overflow: hidden; margin: 0 auto 8px; }
.result-wrap .result-item.store .store-mid .status-wrap .status-item .icon img { transform: translateY(-50%); }
.result-wrap .result-item.store .store-mid .status-wrap .status-item.active .icon img { transform: translateY(0); }
.result-wrap .result-item.store .store-mid .status-wrap .status-item span { display: inline-block; position: relative; font-size: 14px; color: #3E3E3E; }
.result-wrap .result-item.store .store-mid .status-wrap .status-item.active span::after { margin-left: 4px; vertical-align: middle; content: url(/basic_img/side/icon-check.svg); }

.result-wrap .result-item.store .store-btm .title .service-btn { font-size: 18px; font-weight: bold; color: #333; letter-spacing: -0.025em; }
.result-wrap .result-item.store .store-btm .title .service-btn i { transform: rotate(180deg); margin-left: 10px; font-size: 18px; color: #B1B1B1; transition: .3s; }
.result-wrap .result-item.store .store-btm .title .service-btn.active i { transform: rotate(0); }
.result-wrap .result-item.store .store-btm .service-box { padding: 16px 20px; margin-top: 18px; border-radius: 5px; background-color: #F9FAFB; }
.result-wrap .result-item.store .store-btm .service-box ul>li { position: relative; padding-left: 13px; margin-bottom: 4px; word-break: keep-all; font-size: 14px; color: #6E6E6E; line-height: 22px; }
.result-wrap .result-item.store .store-btm .service-box ul>li:last-child { margin-bottom: 0; }
.result-wrap .result-item.store .store-btm .service-box ul>li::before { position: absolute; top: 9px; left: 0; width: 5px; height: 5px; background-color: #CBCBCB; content: ""; }

.result-wrap .result-item.price .title { margin-bottom: 14px; font-size: 18px; font-weight: bold; color: #333; letter-spacing: -0.025em; }
.result-wrap .result-item.price .price-top { display: flex; justify-content: space-between; align-items: center; }
.result-wrap .result-item.price .price-top .time { color: #B5B5B5; }
.result-wrap .result-item.price .price-top .time::before { margin-right: 5px; vertical-align: middle; content: url(/basic_img/side/icon-refresh.svg); }
.result-wrap .result-item.price .price-top a { display: inline-block; font-size: 16px; color: #045EBC; letter-spacing: -0.025em; }
.result-wrap .result-item.price .price-top a i { margin-left: 10px; font-size: 18px; }
.result-wrap .result-item.price .price-list>li { display: flex; justify-content: space-between; align-items: center; padding: 16px; margin-top: 12px; border-radius: 8px; background-color: #fff; box-shadow: 2px 2px 15px rgba(0, 0, 0, .04); letter-spacing: -0.025em; }
.result-wrap .result-item.price .price-list>li .info { display: flex; align-items: center; }
.result-wrap .result-item.price .price-list>li .info .cate { flex-shrink: 0; width: 66px; padding: 6px; margin-right: 12px; border-radius: 4px; font-size: 14px;line-height: 16px; text-align: center; }
.result-wrap .result-item.price .price-list>li .info .cate.color01 { background-color: #FAF2F2; color: #D34949; }
.result-wrap .result-item.price .price-list>li .info .cate.color02 { background-color: #EFF8F8; color: #007783; }
.result-wrap .result-item.price .price-list>li .info .cate.color03 { background-color: #F0F6FC; color: #0C427B; }
.result-wrap .result-item.price .price-list>li .info .cate.color04 { background-color: #FCF8F0; color: #966118; }
.result-wrap .result-item.price .price-list>li .info .cate.color05 { background-color: #F8F2F5; color: #B2216A; }
.result-wrap .result-item.price .price-list>li .info .cate.color06 { background-color: #F3FAEF; color: #335520; }
.result-wrap .result-item.price .price-list>li .info .cate.color07 { background-color: #F5F5F5; color: #313131; }
.result-wrap .result-item.price .price-list>li .info .name { margin-bottom: 4px; font-size: 14px; color: #3E3E3E; line-height: 16px; }
.result-wrap .result-item.price .price-list>li .info .cate-sm { display: inline-block; font-size: 14px; color: #B2B2B2; line-height: 16px; }
.result-wrap .result-item.price .price-list>li .price { flex-shrink: 0; margin-left: 10px; }
.result-wrap .result-item.price .price-list>li .price .compare { display: inline-block; margin-right: 4px; font-size: 14px; }
.result-wrap .result-item.price .price-list>li .price .compare.minus { color: #F75C37; }
.result-wrap .result-item.price .price-list>li .price .compare.plus { color: #045EBC; }
.result-wrap .result-item.price .price-list>li .price p { display: inline-block; font-size: 13px; color: #B2B2B2; }
.result-wrap .result-item.price .price-list>li .price p strong { margin-right: 2px; font-size: 22px; font-weight: bold; color: #2A2A2B; vertical-align: -2px; }

@media (max-width: 420px) {
  .result-wrap .result-item { padding: 22px 16px; }
}

@media (max-width: 360px) {
  .result-wrap .result-item.store .store-top>ul { flex-wrap: wrap; }
  .result-wrap .result-item.store .store-top>ul>li { width: 100%; margin-bottom: 7px; margin-right: 0; }
  .result-wrap .result-item.store .store-top>ul>li:last-child { margin-bottom: 0; }
  .result-wrap .result-item.store .store-mid .status-wrap { flex-wrap: wrap; }
  .result-wrap .result-item.store .store-mid .status-wrap .status-item { width: 50%; }
  .result-wrap .result-item.store .store-mid .status-wrap .status-item:nth-child(even):before { display: none; }
  .result-wrap .result-item.store .store-mid .status-wrap .status-item::after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 24px); height: 1px; background-color: #EFEFEF; content: ""; }
  .result-wrap .result-item.store .store-mid .status-wrap .status-item:nth-child(2).status-item~::after { display: none; }
  .result-wrap .result-item.price .price-list>li { padding: 12px 16px 10px; }
  .result-wrap .result-item.price .price-list>li .info { display: block; }
  .result-wrap .result-item.price .price-list>li .info .cate { display: inline-block; padding: 6px 10px; min-width: 66px; width: auto; margin-bottom: 6px; margin-right: 0; }
  .result-wrap .result-item.price .price-list>li .info .cate>br { display: none; }
  .result-wrap .result-item.price .price-list>li .info .name { display: inline-block; margin-bottom: 0; margin-right: 4px; }
}

@media (max-width: 320px) {
  .result-wrap .result-item.price .price-top { flex-direction: column-reverse; align-items: flex-start; }
  .result-wrap .result-item.price .price-top a { margin-bottom: 4px; }
  .result-wrap .result-item.price .price-list>li { display: block; padding-bottom: 8px; }
  .result-wrap .result-item.price .price-list>li .info { display: flex; margin-bottom: 6px; }
  .result-wrap .result-item.price .price-list>li .info .cate { margin-right: 10px; margin-bottom: 0; }
  .result-wrap .result-item.price .price-list>li .price { margin-left: 0; }
}



.sale-price {
  position: relative;
}
.sale-price::before {
  margin-left: -18px;
  margin-right: 4px;
  vertical-align: -2px;
  content: url(../../../images/price/map/sale_mark.png);
}
.sale-price .sale-red {
  color: #EA2828 !important;
}

@media (max-width: 400px) {
  .sale-price::before {
    margin-left: 0;
  }
}



/* 2023-11-08 모바일 가격지도 개선 */
.price-info_box { border: 2px solid #efefef; margin-bottom: 18px;width:100% }
.price-info_title { background-color: #EBF0F4; padding: 8px 12px; font-size: 14px; font-weight: 700; color: #114B88; line-height: 20px; text-align: center }
.price-info_con { padding: 7px; }
.price-info_item { display: flex; flex-wrap: wrap; gap: 6px 0; margin-bottom: 12px; line-height: 18px; }
.price-info_item:last-child { margin-bottom: 0; }
.price-info_cate { display: flex; align-items: center; gap: 4px; flex-shrink: 0; font-size: 13px; font-weight: 700; min-width: 75px; color: #333; }
.price-info_cate > i { display: inline-block; line-height: 0; }
.price-info_detail { font-size: 13px; color: #555; }
.price-info_detail > span { color: #888; margin-left: 4px; }