/* BASIC css start */
/* 메인 슬라이드 배너 */
#mainSlider {position:relative;z-index:10;min-width:1200px;}
#mainSlider .swiper-container { width: 100%; height: 100%; }
#mainSlider .swiper-slide { text-align: center; font-size: 18px; background: #fff; padding-top:30px; }
#mainSlider .swiper-slide img { width: 100%; display: block; height: auto;}
#mainSlider .swiper-button-next,
#mainSlider .swiper-button-prev { opacity:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#mainSlider .swiper-container:hover .swiper-button-next,
#mainSlider .swiper-container:hover .swiper-button-prev { opacity:1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#mainSlider .swiper-button-next { right:50px; background:url('/design/swellstore/13199/tem173/arrow_right.png') 0 0 no-repeat; width: 28px; height: 60px;}
#mainSlider .swiper-button-prev { left:50px; background:url('/design/swellstore/13199/tem173/arrow_left.png') 0 0 no-repeat; width: 28px; height: 60px;}
#mainSlider .swiper-pagination-bullets { bottom:26px;}
#mainSlider .swiper-pagination-bullet { width:9px; height:9px; background:#2e2e2e; opacity:1; }
#mainSlider .swiper-pagination-bullet-active { background:#fff;}





/* 타이틀 영역 */


.sub_title_2 {
     font-size:35px;
     line-height:28px;
     color: black;
     padding-top:80px;
     font-weight:600;
     text-align: center;
}
.sub_title_3 {
     font-size:18px;
     line-height:28px;
     color: black;
     padding-top:15px;
     padding-bottom:20px;
     font-weight:400;
     text-align: center;
}


/* 매장소개 1 스타벅스*/

.main-ourwrap{
    width: 1200px;
    height:300px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-bottom: 50px;
}

.logowrap{
    width: 1100px;
    height:300px;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    position: relative;
    box-shadow: 0px 0px 20px -4px #d5d5d5;
    border-radius: 150px;
    
}

.logowrap001 img {
display: block;
  margin-right: auto;
 padding: 15px;
    }

.logowrap002 {
    width: 600px;
    height:300px;
    margin-right: auto;
    position: relative;
    margin-top: 100px;
     padding: 15px;

}
.logowrap logowrap02 ourstore-icon img{
display: block;
        width: 50px;
        height: auto;
        margin-bottom: 10px;
}

.ourstoreicon img {
        width: auto;
        height:40px;
        margin-bottom: 10px;
}


.ourstoreicon03 img {
        width: auto;
        height:20px;
        margin-bottom: 10px;
        padding-top: 20px;
}

.ourstore-sub{
font-size: 0.9rem;
padding-bottom: 5px;
}


.ourstore-ttl {
        font-size: 1.5rem;
        margin-bottom: 10px;
}

.ourstore-con {
        font-size: 0.9rem;
        line-height: 1.5;
}

.ourstore_btn ul {
        list-style: none;
        padding: 0;
}

.ourstore_btn li {
        display: inline-block;
        margin-right: 10px;
}

.ourstore_btn ul li a {
        text-decoration: none;
        background-color: black;
        color: #fff;
        padding: 8px 16px;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        border-radius: 15px
}

.ourstore_btn li a:hover {
        text-decoration: none;
        background-color: #006746;
        color: #fff;
        padding: 8px 16px;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        border-radius: 15px
}

.ourstore_btn03 ul li a {
        text-decoration: none;
        background-color: black;
        color: #fff;
        padding: 8px 16px;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        border-radius: 15px
}

.ourstore_btn03 li a:hover {
        text-decoration: none;
        background-color: #00bf6f;
        color: #fff;
        padding: 8px 16px;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        border-radius: 15px
}





/* 매장소개 2 보틀병커 */



.logowrap02{
    width: 1100px; 
    height:300px;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    position: relative;
    box-shadow: 0px 0px 20px -4px #d5d5d5;
    border-radius: 150px;
    
}

.logowrap003 img {
display: block;
  margin-right: auto;
 padding: 15px;
    }

.logowrap004 {
    width: 600px;
    height:300px;
    margin-right: auto;
    position: relative;
    margin-top: 100px;
     padding: 15px;

}
.logowrap02 logowrap04 ourstore-icon02 img{
display: block;
        width: 50px;
        height: auto;
        margin-bottom: 10px;
}

.ourstoreicon02 img {
        width: auto;
        height:40px;
        margin-bottom: 10px;
}



.ourstore-sub02{
font-size: 0.9rem;
padding-bottom: 5px;
}


.ourstore-ttl02 {
        font-size: 1.5rem;
        margin-bottom: 10px;
}

.ourstore-con02 {
        font-size: 0.9rem;
        line-height: 1.5;
}

.ourstore_btn02 ul {
        list-style: none;
        padding: 0;
}

.ourstore_btn02 li {
        display: inline-block;
        margin-right: 10px;
}

.ourstore_btn02 ul li a {
        text-decoration: none;
        background-color: black;
        color: #fff;
        padding: 8px 16px;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        border-radius: 15px
}

.ourstore_btn02 li a:hover {
        text-decoration: none;
        background-color: #01464e;
        color: #fff;
        padding: 8px 16px;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        border-radius: 15px
}






/* 매장 정보 영역 */
.img_wrap {
     width: 100%;
     height:auto;
     box-sizing: border-box;
     padding: 20px 0;
     
}

.img_wrap img {
     width: 100%;
}

.img_wrap p {
     box-sizing: border-box;
     width: 69%;
     text-align: left;
     font-size: 15px;
     font-weight: 400;
     color: #333;
     float: left;
     line-height: 28px;
     padding: 0px 0px 0px 30px;
     overflow: auto;
}

/* 정보 구간 타이틀 */
.sub_title2 {
     box-sizing: border-box;
     text-align: center;
     font-size:18px;
     line-height:28px;
     color: #333;
     font-weight:600;
     padding: 0px 0px 0px 0px;
}


.v_title {
    padding:20px 10px 0px 0px;
    font-size:16px;
    color:#333;
    font-weight:300;
    line-height:1.5;
    text-align: center;
}


/* 네이버 지도 보기 버튼 */
.main_btn {
    margin: 20px 0px 0px; 0px;
    text-align: center;
}
        
.main_btn ul{
     margin:0;
     padding: 0px 0px 0px 0px;

}

.main_btn ul li {
     display: inline-block;
     margin: 10px 4px;
}

.main_btn ul li a {
     width:120px;
     font-size: 12px;
     font-weight: 600;
     height: 40px;
     background-color:black;
     color:#fff;
     line-height: 40px;
     text-align: center;
     display: block;
     padding: 0px 15px;
    
     

}

.main_btn ul li a:hover {
     width:120px;
     font-size: 14px;
     font-weight: 600;
     height: 40px;
     background-color:#00abdb;
     color:#fff;
     line-height: 40px;
     text-align: center;
     display: block;
     padding: 0px 15px;
}



/* 이미지 배너 영역 */
.imgBanner {padding-top:20px; margin:30px auto 0; position:relative; width:1220px; overflow:hidden }
.imgBanner:after { content:""; clear:both; display:block; }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li { padding-right:30px; float:left }
.imgBanner ul li  a:hover{opacity: 0.7;	-webkit-transition: color 0.3s;	-moz-transition: color 0.3s;transition: color 0.3s;}
.leftImgWrap{float:left; width:600px; height: 769px; }
.rightImgWrap{float:right; width:600px; height: 769px;}






/* BASIC css end */