/*--------------------------------------------------- */
/*-------------------- 마트제안    -------------------- */
/*-------------------- Index page:CSS --------------- */
/*--------------------------------------------------- */
 

html, body {width:100%; height:100%; position: relative; font-size:16px; color:#101010; background-color:#ffffff;}

.wrap {width:100%; padding:50px;}
.pages {max-width:800px; margin:0 auto;}
.section {width:100%;}
.img1 img {width:100%;}
.img2 img {width:100%;} 
.shop_name {padding:30px; margin:20px 0; background-color:#2d4981; color:#ffffff; text-align:right; font-family: 'S-CoreDream-3Light'; letter-spacing:-1px;}
.shop_name .h1 {font-size:50px; font-weight:700;}
.shop_name .h2 {font-size:30px; font-weight:500;}
.shop_name .h3 {font-size:20px; font-weight:300;}
.contents {padding:20px; background-color:#f0f0f0;}
 
.icon_grp {width:50px; height:140px; position:fixed; bottom:50px; right:50px; display:block;}
.icon_grp li {margin:10px 0; cursor:pointer; height:50px;}
.icon_grp img {width:50px; height:50px;}
.icon_grp li.icon_talk {background-image:url('../image/kakaotalk_sharing_btn_medium.png'); background-repeat:no-repeat; background-size:100%;} 
.icon_grp li.icon_talk:hover {background-image:url('../image/kakaotalk_sharing_btn_medium_ov.png');} 
.icon_grp li.icon_phone {border-radius:50%; background-color:#0088cc; }
.icon_grp li.icon_phone:hover {background-color:#0066cc;}


@media screen and (max-width: 1024px) {
    .wrap {width:100%; padding:20px;}
    .contents {padding:0;}
}

@media screen and (max-width: 768px) {
    .wrap {width:100%; padding:10px;}
    
}