section {
    width:100%;
    position:relative;
    z-index:0;
}
.inBox {
    max-width:640px;
    height:auto;
    margin:0 auto;
    text-align:center;
    position:relative;
    z-index:10;
}
.inBox img{
    max-width: 640px;
}
section.main {
    background:url('../image/main-bg.png');
    height:1270px;
    padding-top:106px;
}
section.main .inBox {
    display:flex;
    flex-direction: column;
    align-items: center;
}
section.main .mainEle {
    position:absolute;
    width:auto;
    top:166px;
    left:50%;
    z-index: 0;
    margin-left:-995px;
    overflow: hidden;
}
section.main .main-img {
    position:absolute;
    bottom:0;
    left:50%;
    z-index: 1;
    margin-left:-320px;
}


section.con01 {
    min-height:1037px;
    background:url('../image/con01-bg.png');
}
section.con01 .con01-text {
    width:600px;
    padding-top:80px;
}
section.con01 .con01-Ele {
    position:absolute;
    width:auto;
    bottom:-60px;
    left:50%;
    z-index: 1;
    margin-left:-1445px;
    overflow: hidden;
}

section.con02 {
    height:986px;
    background:url('../image/con02-bg.png') no-repeat center center #FFFEEE;
}
section.con02 .conMap {
    position:relative;
    z-index: 10;
}
section.con02 .mapBtn {
    position:absolute;
    z-index: 50;
}
section.con02 .mapBtn.area01 {
    width:46px;
    height:46px;
    top:155px;
    left:126px;
}
section.con02 .mapBtn.area02 {
    width:55px;
    height:55px;
    top:108px;
    left:200px;
}
section.con02 .mapBtn.area03 {
    width:65px;
    height:65px;
    top:140px;
    left:250px;
}
section.con02 .mapBtn.area04 {
    width:46px;
    height:46px;
    top:105px;
    left:392px;
}
section.con02 .mapBtn.area05 {
    width:46px;
    height:46px;
    top:240px;
    left:300px;
}
section.con02 .mapBtn.area06 {
    width:54px;
    height:54px;
    top:288px;
    left:188px;
}
section.con02 .mapBtn.area07 {
    width:46px;
    height:46px;
    top:265px;
    left:241px;
}
section.con02 .mapBtn.area08 {
    width:46px;
    height:46px;
    top:298px;
    left:272px;
}
section.con02 .mapBtn.area09 {
    width:46px;
    height:46px;
    top:303px;
    left:435px;
}
section.con02 .mapBtn.area10 {
    width:46px;
    height:46px;
    top:371px;
    left:435px;
}
section.con02 .mapBtn.area11 {
    width:65px;
    height:65px;
    top:400px;
    left:218px;
}
section.con02 .mapBtn.area12 {
    width:46px;
    height:46px;
    top:430px;
    left:512px;
}
section.con02 .mapBtn.area13 {
    width:60px;
    height:60px;
    top:444px;
    left:390px;
}
section.con02 .mapBtn.area14 {
    width:50px;
    height:50px;
    top:469px;
    left:474px;
}
section.con02 .mapBtn.area15 {
    width:55px;
    height:55px;
    top:489px;
    left:144px;
}
section.con02 .mapBtn.area16 {
    width:46px;
    height:46px;
    top:519px;
    left:210px;
}
section.con02 .mapBtn.area17 {
    width:46px;
    height:46px;
    top:711px;
    left:49px;
}

section.con03 {
    padding:175px 0;
    background:url('../image/con03-bg.png') repeat-x top center #FBEBC5;
    height:auto;
}
section.con03 .inBox {
    width:580px;
    height:auto;
}
section.con03 h2.areaTit {
    width:100%;
    background: #603c2a;
    border-radius: 50px;
    width: 580px;
    height: 41px;
    text-align:center;
    line-height:41px;
    color: #fffeee;
    font-family: "Paperlogy-8ExtraBold", sans-serif;
    font-size: 3rem;
    margin-bottom:2px;
}
section.con03 ul.shopList{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom:60px;
}
section.con03 ul.shopList li{
    width: 281px;
    height: 51px;
    background: url('../image/con03-li.svg') no-repeat 24px 13px #fffeee;
    border-radius: 50px;
    padding-left: 50px;
    margin-top:10px;
    color: #414141;
    text-align: left;
    font-family: "Paperlogy-5Medium", sans-serif;
    font-size: 22px;
    line-height: 51px;
    cursor: pointer;
}
section.con03 ul.shopList li:hover{
    background: url('../image/con03-li.svg') no-repeat 24px 13px #fff;
}
section.con03 ul.shopList li.on{
    background: url('../image/con03-li.svg') no-repeat 24px 13px #fff;
    border: 2px solid #DEA32C;
}
section.con03 .shopDet {
    width:100%;
    min-height: 283px;
    margin-top:4px;
    margin-bottom:10px;
    padding:30px 0px;
    border-radius: 20px;
    border: 2px solid #DEA32C;
    background: #fff;
    display:flex;
    justify-content: center;
}
section.con03 .shopImg{
    width:187px;
    height:219px;
    margin-right:15px;
    background:#eee;
    border-radius: 15px;
}
section.con03 .shopImg img{
    width:100%;
    height:auto;
}
section.con03 .shopInfo{
    width:320px;
    text-align: left;
}
section.con03 .shopInfo h3{
    color: #414141;
    text-align: left;
    font-family: "Paperlogy-7Bold", sans-serif;
    font-size: 32px;
    line-height: 32px;
    margin-top:3px;
    margin-bottom:12px;
}
section.con03 .shopInfo p.add{
    color: #414141;
    text-align: left;
    font-family: "Paperlogy-4Regular", sans-serif;
    font-size: 20px;
    line-height:28px;
    margin-bottom:15px;
}
section.con03 .shopInfo p.comment{
    max-width: 320px;
    color: #414141;
    text-align: left;
    font-family: "Paperlogy-4Regular", sans-serif;
    font-size: 18px;
    line-height:24px;
    margin-top:15px;
    word-break: keep-all;
}
section.con03 .naver-map {
    display: block;
    color:#03c75a;
    font-family: "Paperlogy-7Bold", sans-serif;
    font-size:16px;
    text-decoration: underline;
    margin-top:4px;
}
section.con03 .shopInfo span{
    color: #955926;
    text-align: left;
    font-family: "Paperlogy-5Medium", sans-serif;
    font-size: 20px;
}


section.con04 {
    min-height:995px;
    height:auto;
    background:#603C2A;
}
section.con04 .con04-text {
    width:600px;
    padding:80px 0;
}

.con-tit {
    margin-top:90px;
}
.down28{
    margin-bottom:2.8rem;
}