/* BASIC css start */
/* BASIC css start */

#container .container_title {margin-top: 25px; margin-bottom: 25px; padding: 0px; border-bottom: none; color: #000; font-size: 22px; font-weight: 600; text-align: center;}
.offline { margin-left:15px; margin-right:15px; }
.offline #contentWrap { width:100%; }
.offline #content { width:100%; }

.store-header { text-align:left; margin-top:30px; }
.store-header:after { content:''; display:block; clear:both; }
.store-header h1 { margin-right:49px; color:#000; font-size:18px; font-weight:bold; }
.store-header ul::after { content:''; display:block; clear:both; }
.store-header ul { display:inline-block; margin-top:3px; }
.store-header ul li { display:inline-block; float:left; margin-right:20px; }
.store-header ul li a { color:#bababa; font-size:13px; font-weight:500; padding-bottom:2px;  border-bottom:1px solid transparent;}
.store-header ul li a:hover { color:#000; font-size:13px; font-weight:500; border-bottom:1px solid #000; }
.store-header ul li.active a { display:inline-block; color:#000; font-size:13px; font-weight:500; border-bottom:1px solid #000; }

.store-header .off_notice { padding-top: 15px; }
.store-header .off_notice a { font-size: 13px; }
.store-header .off_notice .notice_tit { font-weight: 600; display: inline-block; padding-right: 10px; }
.store-header .off_notice .notice_subject a b { font-weight: normal; }

.store-list-wrap { text-align:left; width:100%; margin-top:15px; }
.store-list-wrap .store-list { border-top: 2px solid #000; word-break: keep-all; }
.list { cursor:pointer; position:relative; border-bottom:1px solid #ededed; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; padding:10px 20px;}
.list .kor-tit { display:inline-block; background:url('/design/e2co/IMG/icon_map.png') right center no-repeat; background-size:15px; padding-right:20px; color:#313131; font-size:15px; font-weight:bold; margin:20px 0 10px; }
.list .addr { color:#898989; font-size:13px; margin-bottom:3px;  }
.list .addr_eng {top: 60px; color: #898989; margin-bottom: 5px; font-size: 12px;}
.list .tel { color:#898989; font-size:13px; padding-bottom:20px; }

.icon_new { color:red; font-size:13px; }

.map-view { display:none; }
.map-view::after { content:''; display:block; clear:both; overflow:hidden; }
.map-view p { width:100%; }
.map-view p img { width:100%; }
.map { width:100%; height:250px; }

.foreign-store-wrap { display:none; }
.foreign-store-wrap p { color:#000; font-size:16px; text-align:center; font-weight:bold; margin-top:60px; line-height:1.6; margin-bottom:100px; }

#store-input { background: #f6f6f6; padding: 20px 0; margin: 20px 0; font-size: 13px; color:#898989; text-align: center; }
#store-input #keyword-store { width: auto; height: 28px; border-radius: 0; border: 1px solid #d1d1d1; padding: 0 5px; margin: 0 5px; font-size: 13px; }
#store-input #search-btn { width: 50px; height: 30px; line-height: 30px; background: #000; color: #fff; padding: 0; border: 0; text-indent: 0; }
#store-input .tit { display: inline-block; width: 50px; color:#111; font-weight: 500; }
#store-input .count-store { display: inline-block; padding-left:22%; padding-top: 5px; color:#111; font-weight: 500; }



 /* stockist */
#contents .stockist {padding: 10px 0 100px 0; line-height: 1.5;}
#contents .stockist .search-wrap {position: relative; max-width: 450px; height: 45px; margin: 95px auto 65px;}
#contents .stockist .search-wrap input {width: 100%; height: 100%; font-size: 20px; font-weight: 600; border: 2px solid #ec0000; border-radius: 10px; padding: 15px 35px 15px 15px;}
#contents .stockist .search-wrap input::placeholder {color: #d9d9d9;} 
#contents .stockist .search-wrap i {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 25px; font-weight: 800; color: #ec0000; cursor: pointer;}

#contents .stockist .select-wrap {display: flex; margin-top: 60px;}
#contents .stockist .select-wrap .select-style {width: 200px; font-size: 18px; margin-right:10px; border: 1px solid #ccc; border-radius: 3px; overflow: hidden; background-color: #fff; background: #fff url("http://dailylike.jpg3.kr/webT/icon%2Dlocation.png") no-repeat 95% 50%;}
#contents .select-style select {height: unset; padding: 5px 10px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#contents .select-style select:focus {outline: none;}
    
#contents .stockist-list-wrap {display: flex;justify-content: center;flex-wrap: wrap;width: 100%;margin-top: 30px;}
#contents .stockist-list-wrap li {display: flex; align-items: center; justify-content:center; width: calc((100% - 75px) / 1 ); font-size: 12px; font-weight: 500; color: #777; background-color: #f3f3f3; padding: 28px 22px; margin-bottom: 10px; border-radius: 14px; border: 1px solid #eaeaea;}
#contents .stockist-list-wrap .store-information {max-width: calc(100% - 60px);}
#contents .stockist-list-wrap .store-name {font-size: 18px; font-weight: 700; color: #000;}
#contents .stockist-list-wrap .store-address {margin: 10px 0;}
#contents .stockist-list-wrap .store-map img {width: 35px;}
    
/* BASIC css end */


/* BASIC css end */

