/*몽도로프 반응형웹 메인 css*/


/*섹션1 메인비주얼*/
.section1 {width: 100vw;height: 39.8438vw;padding: 0;}
.section1 .contents {width: 62.5vw;height: 39.8438vw;margin: 0 auto;position: relative;}
.section1 .visual {position: absolute;}
.section1 .visual1 {background: url(../img/section1_bg.jpg) center center no-repeat;background-size: cover;width: 100vw;height: 39.8438vw;}
.section1 .contents1 .text {position: absolute;top: 12%;}
.section1 .contents1 .text h4 {width: 1000%;font-size: 1.3542vw;color: #424242;letter-spacing: 0.45em;line-height: 3em;}
.section1 .contents1 .text h2 {width: 27.6563vw;font-size: 2.5vw;color: #121212;font-weight: 400;line-height: 1em;}
.section1 .contents1 .text h2 img {width: 3.0729vw;transform: rotate(-30deg) translate(0,23%);}
.section1 .contents1 .text h1 {width: 27.6563vw;font-size: 2.5vw;color: #121212;font-weight: 600;line-height: 1.5;margin-bottom: 2vw;}
.section1 .contents1 .text>img {width: 26.0417vw;}
.section1 .contents1 .text button {width: 26.0417vw;height: 4.1667vw;display: block;background: linear-gradient(90deg,#b4ece9,#4ac0ea);border-radius: 50px;margin-top: 2.5em;}
.section1 .contents1 .text button span {color: white;font-size: 1.7708vw;font-weight: 400;margin-right: 0.75em;}
.section1 .contents1 .text button img {margin-bottom: 1.75%;width: 5vw;}
.section1 .contents1 img.dog {position: absolute;width: 34.3750vw;top: 50%;right: -7.5%;transform: translate(0,-50%);}
.section1 .visual2 {background: url(../img/section1_bg2.jpg) center center no-repeat;background-size: cover;/*position: absolute;*/width: 100vw;height: 39.8438vw;}
.section1 .contents2 .text {position: absolute;top: 18%;left: 0;}
.section1 .contents2 .text h4 {width: 15.9896vw;font-size: 1.1458vw;color: #4389a5;letter-spacing: -0.1px;line-height: 135%;margin-left: 10%;}
.section1 .contents2 .text h2 {width: 15.9896vw;font-size: 2.0833vw;color: #005892;font-weight: 600;letter-spacing: -0.1px;margin-left: 10%;margin-top: 5%;}
.section1 .contents2 .text img.logo_en {margin-left: 10%;height: 7.3958vw;margin-top: 5%;}
.section1 .contents2 .text h1 {width: 25em;margin-left: 10%;font-size: 1.15em;color: #008f9d;font-weight: 400;line-height: 1.5em;margin-top: 2.5%;}
.section1 .contents2 img.small_dog {position: absolute;width: 6.5104vw;bottom: -3%;left: 0;transform: translate(0,-50%);}
.section1 .contents2 img.heart_dog {position: absolute;width: 26.0938vw;top: 50%;right: 0;transform: translate(0,-50%);}

/*섹션2 몽도로프 이야기*/
.section2 {width: 100vw;background: url(../img/section2_bg.jpg) center center no-repeat;background-size: cover;background-color: #fafafa;height: 35.8854vw;position: relative;}
.section2 .contents {width: 84.8958vw;height: 35.8854vw;margin: 0 auto;position: relative;}
.section2 .contents .left {width: 33vw;padding-top: 4vw;float: left;margin-right: 2vw;text-align: left;}
.section2 .contents .left h5 {color: #9a9a9a;font-size: 26px;}
.section2 .contents .left h2 {color: #222;font-size: 52px;margin-top: 0.1042vw;}
.section2 .contents .left>span {color: #9c9c9c;font-size: 16.5px;letter-spacing: -0.5px;display: block;width: 22.9vw;margin-top: 0.9896vw;line-height: 1.45;}
.section2 .contents .left button {color: #959595;font-size: 0.8854vw;background: none;width: 5vw;position: absolute;bottom: 10%;transition: all 0.3s;}
.section2 .contents .left button.on {color: skyblue;}
.section2 .contents .left button span{display: block;letter-spacing: -0.1px;text-align: left;font-size: 0.6771vw;line-height: 0.6vw;font-weight: 600;}
.section2 .contents .left button img {width: 4.6vw;}
.section2 .contents .right {background: url(../img/section2_img.jpg) left 0% no-repeat;background-size: cover;width: 58.9063vw;height: 100%;position: absolute;left: 50%;top: 0;display: inline-block;}
.section2 .contents .right .text_box {background: url(../img/section2_textbg.png) center center no-repeat;width: 36.5625vw;height: 12.3958vw;position: absolute;left: 0;bottom: 0;color: white;text-align: center;overflow: hidden;padding-top: 4.1vw;}
.section2 .contents .right .text_box span {font-family: 'Open Sans', sans-serif;font-size: 2.6042vw;display: inline-block;letter-spacing: -0.1px;margin-right: 3.6458vw;margin-top: -0.28vw;vertical-align: top;}
.section2 .contents .right .text_box p {font-size: 16.5px;font-family: 'NanumSquare', sans-serif;display: inline-block;letter-spacing: -0.5px;line-height: 1.5;text-align: left;vertical-align: bottom;}

/*섹션3 매장소개*/
.section3 {width: 100vw;height: 40.6250vw;background: url(../img/section3_bg.jpg) center center no-repeat;background-size: cover;}
.section3 .contents {width: 62.5vw;height: 40.6250vw;margin: 0 auto;padding-top: 6.7708vw;}
.section3 .contents .title {text-align: center;letter-spacing: -0.5px;position: relative;}
.section3 .contents .title h1 {color: #222;font-size: 40px;margin-bottom: 1.1458vw;}
.section3 .contents .title>span {color: #9c9c9c;font-size: 16.5px;}
.section3 .contents .title>button {position: absolute;right: 0;width: auto;height: auto;top: 3.0729vw;color: #959595;font-size: 16.5px;text-align: left;font-weight: 400;letter-spacing: -1.2px;transition: all 0.3s !important;}
.section3 .contents .title>button.on span{color: skyblue !important;transition: all 0.3s !important;}
.section3 .contents .title>button img {display: block;width: 60px;}
.section3 .contents .shop_slide {width: 62.5vw;height: 23vw;margin-top: 3em;background: transparent;}
.section3 .contents .shop_slide li {width: 19.4271vw;height: 22.7083vw;background: white;position: relative;}
.section3 .contents .shop_slide li img {width: 100%;}
.section3 .contents .shop_slide li div {width: 100%;height: auto;display: block;padding: 0.8333vw;position: absolute;}
.section3 .contents .shop_slide div h1 {color: #222;font-weight: bold;font-size: 1.75em;margin-bottom: 0.2vw;}
.section3 .contents .shop_slide div span {color: #9c9c9c;letter-spacing: -0.1px;line-height: 1.4;transition: all 0.3s;font-size: 16.5px;}
.section3 .contents .shop_slide button {width: 100%;background: white;height: 3.1250vw;border-top: 1px solid #eee;text-align: left;padding: 0.8333vw 1vw 0;position: absolute;bottom: 0;left: 0;right: 0;transition: all 0.3s;}
.section3 .contents .shop_slide button.on {background: #222;}
.section3 .contents .shop_slide button span {position: absolute;display: block;left: 3%;top: 50%;transform: translate(0,-50%);color: #9c9c9c;font-size: 16.5px;}
.section3 .contents .shop_slide button img {position: absolute;right: 3%;top: 50%;transform: translate(0,-50%);width: 3.2813vw;}
.section3 .slick-slide {margin-left: 27px;} 
.section3 .slick-list {margin-left:-27px;}

/*섹션4 소식*/
.section4 {width: 100vw;height: 23.5938vw;background: url(../img/section4_bg.jpg) center center no-repeat;}
.section4 .contents {width: 62.5vw;height: 100%;margin: 0 auto;}
.section4 .title {width: 12.5vw;height: 100%;color: #222;text-align: center;letter-spacing: -0.5px;padding-top: 7.1875vw;float: left;}
.section4 .contents .title span {font-size: 16.5px;font-weight: 550;margin-bottom: 0.7292vw;}
.section4 .contents .title h1 {font-size: 2.25em;margin-top: 0.7292vw;}
.section4 .pager {width: 6.25vw;height: 3.1250vw;border: 1px solid #a6b1b6;margin: 3.125vw auto 2.6vw;}
.section4 .pager button {float: left;display: block;width: 50%;height: 100%;}
.section4 .pager .slide_prev {background: url(../img/pager_left.png) center center no-repeat;border-right: 1px solid #a6b1b6;}
.section4 .pager .slide_next {background: url(../img/pager_right.png) center center no-repeat;}
.section4 .contents .title>button {width: 6.25vw;background: transparent;height: 3.1250vw;text-align: left;margin-left: 1.5625vw;font-size: 16.5px;font-weight: 400 !important;color: #959595;transition: all 0.3s;}
.section4 .contents .title>button span {font-weight: 400; font-size: 16.5px;}
.section4 .contents .title>button.on {color: skyblue;}
.section4 .contents .title>button img {width: 60px;}
.section4 .contents .news_slider {width: 50vw;height: 14.3542vw;float: right;margin-top: 7.2917vw;padding-left: 3.3854vw;overflow: hidden;}
.section4 .contents .news_slider li {float: left;display: block;height: 13.3542vw;margin-right: 3.3854vw;padding: 0;}
.section4 .contents .news_slider li a {display: block;width: 10vw;height: 12.3542vw;border-bottom: 2px solid #373737;}
.section4 .contents .news_slider li:last-child {margin-right: 0;}
.section4 .contents .news_slider li img {width: 10vw;}
.section4 .contents .news_slider li span {display: block;width: 10vw;font-size: 16.5px;color: #222;margin-top: 1.25vw;margin-bottom: 1.6667vw;}
.section4 .contents .news_slider li p {display: block;width: 10vw;height: 1vw;font-size: 13px;color: #666;margin-bottom: 1.1458vw;}
.slick-slider {outline: none !important;border: 0 !important;}