/* BASIC css start */
#contentWrapper.offline { margin-top:0;}
#contentWrapper.offline #contentWrap { width:100%; }
#contentWrapper.offline #content { width:1200px; margin: 0 auto; }


.board-tit { width:100%; padding:45px 0; text-align:center; }
.board-tit h2 { font-size:30px; font-weight:500; }


.store-header { position:relative; text-align:left; }
.store-header:after { content:''; display:block; clear:both; }
.store-header h1 { display:inline-block; margin-right:48px; font-size:25px; font-weight:bold; }
.store-header ul::after { content:''; display:block; clear:both; }
.store-header ul { display:inline-block; margin-top:6px; }
.store-header ul li { display:inline-block; float:left; margin-right:28px; }
.store-header ul li a { color:#bababa; font-size:15px; font-weight:500; padding-bottom:5px;  border-bottom:1px solid transparent;}
.store-header ul li a:hover { color:#111; font-size:15px; font-weight:500; border-bottom:1px solid #000; }
.store-header ul li.active a { display:inline-block; color:#111; font-size:15px; font-weight:bold; border-bottom:1px solid #000; }

.store-header .off_notice { position: absolute; right: 0; top:0; line-height:34px; }
.store-header .off_notice a { font-size: 14px; }
.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; }


/* 커뮤니티 카테고리 */
.community { display: grid; grid-template-columns: repeat(5, minmax(calc(0% - 0px), 1fr)); gap: 1px 1px; background: #dfdfdf; border: 1px solid #dfdfdf; margin-bottom: 50px; }
.community a { position: relative; display: block; color: inherit; background: #fff; text-align: left;  height: 55px; line-height: 55px; font-size: 15px; text-indent: 20px; ; }
.community a.findDepositor { cursor: pointer; }
.community a:after { content: ""; position: absolute; top: 25px; right: 20px; border-top: 1px solid #a5a5a5; border-right: 1px solid #a5a5a5;width: 6px; height: 6px; transform: rotate(45deg);  }
.community a:last-child:after { border: 0!important; }
.community a.over {font-weight: 500; background-color: #000; color: #fff; }


.store-list-wrap { padding-bottom: 50px; text-align:left; }
.store-list-wrap .store-list { border-top: 2px solid #000; }
.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; }
.list .kor-tit { background:url('http://dailylike.jpg3.kr/webT/icon_offline_map.png') right no-repeat; display:inline-block; color:#313131; font-size:23px; font-weight:bold; padding-right:27px; margin-top:50px; margin-bottom:15px; }
.list .addr { position:absolute; right:10px; top:60px; color:#898989; font-size:14px; }
.list .addr_eng {top: 60px; color: #898989; margin-bottom: 5px; font-size: 14px;}
.list .tel { color:#898989; font-size:14px; padding-bottom:30px; }

.icon_new { color:red; font-size:16px; margin-left: 5px; }

.map-view { display:none; }
.map-view::after { content:''; display:block; clear:both; overflow:hidden; }
.map-view p { float:left; width:481px; }
.map-view p img { width:100%; }
.map { float:left; width:calc(100% - 0px); height:320px; }

.foreign-store-wrap { display:none; }
.foreign-store-wrap p { font-size:24px; text-align:center; font-weight:600; margin-top:60px; line-height:1.6; margin-bottom:700px; }

#store-input { background: #f6f6f6; padding: 30px; margin: 30px 0; text-align: center; font-size: 15px; color:#898989; }
#store-input #keyword-store { width: 400px; height: 30px; line-height: 30px; border-radius: 0; border: 1px solid #d1d1d1; padding: 0 10px; margin: 0 10px; font-size: 15px; }
#store-input #search-btn { height: 30px; line-height: 30px; background: #000; color: #fff; padding: 0 20px; }
#store-input .tit { color:#111; font-weight: 500; }
#store-input .count-store { color:#111; font-weight: 500; }

/* BASIC css end */


 /* stockist */
#content .stockist {padding: 10px 0 100px 0; line-height: 1.5;}
#content .stockist .search-wrap {position: relative; max-width: 450px; height: 45px; margin: 95px auto 65px;}
#content .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;}
#content .stockist .search-wrap input::placeholder {color: #d9d9d9;} 
#content .stockist .search-wrap i {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 25px; font-weight: 800; color: #ec0000; cursor: pointer;}

#content .stockist .select-wrap {display: flex; margin-top: 60px;}
#content .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%;}
#content .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;}
#content .select-style select:focus {outline: none;}
    
#content .stockist-list-wrap {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-top: 30px;}
#content .stockist-list-wrap li {display: flex; align-items: center; justify-content: space-between; width: calc((100% - 102px) / 2); font-size: 16px; font-weight: 500; color: #777; background-color: #f3f3f3; padding: 28px 22px; margin-bottom: 10px; border-radius: 14px; border: 1px solid #eaeaea;}
#content .stockist-list-wrap .store-information {max-width: calc(100% - 60px);}
#content .stockist-list-wrap .store-name {font-size: 18px; font-weight: 700; color: #000;}
#content .stockist-list-wrap .store-address {margin: 10px 0;}
#content .stockist-list-wrap .store-map img {width: 35px;}
    

/* BASIC css end */