@charset "UTF-8";

/* LIST BANNER */
.list-area {position:relative;overflow:hidden;float:right;width:75.5%;}
.list-wrap .img-area {width:320px;margin-bottom:20px;}
.list-wrap .img-area:hover {background:#d9d8d1;}
.list-wrap .slick-track {margin:0;}
.list-wrap .slick-track .slide-inner {margin-right:60px;}
.list-wrap.slick-slider .slick-arrow {display:none !important;width:70px;height:70px;margin-top:-35px;transition:all 300ms;}
.list-wrap .slick-arrow.slick-next {right:0 !important;transform:translateX(150px);background:url(/kr/ko/resource/images/content/btn_arrow_next.png) no-repeat left top;}
.list-wrap .slick-arrow.slick-prev {left:0 !important;transform:translateX(-150px);background:url(/kr/ko/resource/images/content/btn_arrow_prev.png) no-repeat left top;}
.list-wrap .slick-arrow.on {display:block !important;transform:translateX(0);}
.list-wrap .slick-list {position:relative;}
.list-area .line {position:absolute;display:block;width:130%;height:1px;background:#a5a298;content:'';}
.list-area .bar {position:absolute;left:0;display:block;height:3px;margin-top:-2px;background:#493b33;transition:left 0.3s;content:'';}

/* PRODUCT - LIST */
.product-wrap{overflow:hidden;margin-bottom:-100px;background-color:#f4f1ed}
.product-wrap .list{height:543px;padding:50px 0 25px 50px;box-sizing:border-box}
.product-wrap .list.bg-color{background:#f3f2ec}
.product-wrap .list.bg-img{background-color:#ebeae3}
.product-wrap .list:after{display:block;clear:both;content:""}
.product-wrap .list-area{width:-o-calc(100% - 456px);width:calc(100% - 456px)}
.product-wrap .info-area{float:left;width:300px;vertical-align:top}
.product-wrap .info-area h3{margin-bottom:15px;font-size:3.6rem;line-height:1}
.product-wrap .info-area h3 span{display:block;margin-bottom:15px;font-size:2rem;font-family:"Archer A";font-weight:500}
.product-wrap .tit{width:100%;font-size:1.6rem;text-align:center}
.product-wrap .slide-inner{outline:0}
.product-wrap .volume{display:block}
.product-wrap .info-area .txt{margin-bottom:30px}
.product-wrap .info-area .all{font-size:1.4rem;font-family:aritaSB}
.product-wrap .sort-wrap.fixed{position:fixed;top:60px;z-index:11}
.product-wrap .sort-wrap{width:100%;background-color:#eee9e5;border-bottom:1px solid #a5a298}
.product-wrap .sort-wrap:after{display:block;clear:both;content:""}
.product-wrap .sort-wrap .sel-area{position:relative;float:left;width:450px;height:60px;background-color:#eee9e5;border-right:1px solid rgba(112,112,112,.3);border-bottom:0;box-sizing:border-box;z-index:99}
.product-wrap .sort-wrap .sel-area .sel-tit{height:100%;padding:0 30px;line-height:60px;border-bottom:0}
.product-wrap .sort-wrap .sel-area .sel-tit:focus {outline:1px dotted rgba(0,0,0,1) !important;outline-offset: -8px;}
.product-wrap .sort-wrap .sel-area .sel-tit span{background-position-y:20px}
.product-wrap .sort-wrap .sel-area.on .sel-tit span{background-position-y:25px}
.product-wrap .sel-area .sel-option{top:60px;background-color:#eee9e5}
.product-wrap .sort-wrap .product-name{position:relative;float:left;width:calc(100% - 450px);height:60px;white-space:nowrap;box-sizing:border-box}
.product-wrap .sort-wrap .scroll-wrap .sort-list{position:relative;display:inline-block;padding:18px 3% 0 3%;box-sizing:border-box}
.product-wrap .sort-wrap .scroll-wrap li{display:inline-block}
.product-wrap .sort-wrap .scroll-wrap li+li{margin-left:34px}
.product-wrap .sort-wrap .scroll-wrap li a{font-size:1.6rem}
.product-wrap .sort-wrap .scroll-wrap li a.on{border-bottom:1px solid #3d3935}
.product-wrap .sort-wrap .sort-list .on a{border-bottom:2px solid #704816;color:#704816;font-family:aritaSB}
.product-wrap .iScrollIndicator{background:#666!important}
.product-wrap .product-name{overflow:hidden;position:relative}
.product-wrap .list-btn{position:absolute;top:50%;width:60px;height:60px;margin-top:-30px;z-index:99}
.product-wrap .list-prev{display:none;left:0;background:url(/kr/ko/resource/images/content/btn_list_prev.png) no-repeat left top;background-size:100%}
.product-wrap .slick-disabled{opacity:0}
.product-wrap .list-next{right:0;background:url(/kr/ko/resource/images/content/btn_list_next.png) no-repeat left top;background-size:100%}
.product-wrap sup{font-size:1rem;line-height:1}

/* PRODUCT - DETAIL */
.detail-wrap .review {position:relative;display:inline-block;margin-left:17px;padding-left:20px;vertical-align:3px;}
.detail-wrap .review:after {position:absolute;top:7px;left:0;width:1px;height:16px;background:rgba(73, 59, 51, 0.5);content:'';}
.detail-header:after,
.detail-inner:after {display:block;clear:both;content:'';}

.detail-header {padding:20px 0;background:#eceadc;}
.detail-inner {position:relative;max-width:1220px;margin:0 auto;}
.thum-wrap {position:relative;float:left;width:50%;margin-right:6%;}
.thum-wrap .img-view {margin-left:60px;}
.thum-wrap .img-view .img {outline:none;}
.thum-wrap .emblem-area {position:absolute;right:-40px;top:60px;}
.thum-wrap .img-flag {top:60px;left:40px;}
.thum-wrap .img-flag *[class*='flag-'] {width:56px;height:56px;line-height:56px;font-size:1.6rem;}
.thum-wrap .img-nav {position:absolute !important;bottom:42px;left:40px;}
.thum-wrap .slick-slider button {width:54px !important;height:54px;margin-bottom:8px;border:1px solid #8d8c85;opacity:0.4;box-sizing:border-box;}
.thum-wrap .slick-slide.slick-current {opacity:1;}
.thum-wrap .img-nav img {display:inline-block;height:100%;}
.thum-wrap .slick-initialized .slick-slide {text-align:center;}
.thum-wrap .img-view img {width:480px;display:inline-block;}

.info-wrap {float:left;width:37%;margin-top:60px;}
.info-wrap:after {display:block;clear:both;content:'';}
.info-wrap h3 {margin-bottom:7px;font-size:3rem;color:#493b33;font-family:'aritaSB';line-height:1.2;word-break:keep-all;}
.info-wrap .eng-tit {position:relative;margin-bottom:28px;padding-right:69px;font-family:"Archer A";font-weight:500;font-size:1.8rem;color:#333;}
.info-wrap .btn-share {position:absolute;top:0;right:0;width:20px;height:24px;background:url(/kr/ko/resource/images/content/btn_share.svg) no-repeat left top;text-indent:-999em;border:0;}
.info-wrap .desc-area {font-size:1.6rem;}
.info-wrap .desc-area li:first-child{margin-bottom:20px;font-size:1.8rem;}
.info-wrap .desc-area li + li {line-height:1.3;}
.info-wrap .customer-area {margin-bottom:10px;}
.info-wrap .info-util {position:absolute;bottom:50px;width:37%;}
.customer-area .total {font-size:2rem;}
.info-wrap .btn-area a[class*='btn-'] {width:48.5%}

.layer-wrap .layer-inner.share {width:400px;height:300px;margin:-150px 0 0 -200px;text-align:center;}
.layer-wrap .layer-inner.share .layer-tit {margin-bottom:70px;text-align:left;}
.layer-wrap .layer-inner.share .btn-share a {width:60px;height:60px;margin-left:40px;border:1px solid #493b33;border-radius:50%;background-position:center center;background-size:27px;}
.layer-wrap .layer-inner.share .btn-share .btn-facebook {margin-left:0;}

.detail-body .bg-white-wrap {padding:60px 0;background:#f9f9f9;}
.entry-wrap {max-width:1040px;margin:0 auto;}
.entry-wrap .sub-tit {font-size:2.5rem;}
.entry-wrap .insta-wrap {margin-bottom:60px;}
.entry-wrap .insta-wrap .sub-tit {margin-bottom:20px;}
.review-wrap {position:relative;}
.review-wrap .sub-tit {display:inline-block;vertical-align:3px;}
.review-wrap .customer-area {display:inline-block;margin:0 0 0 24px;}
.review-wrap .review-list {overflow:hidden;border-top:1px solid #493b33;}
.review-wrap .review-box {position:relative;overflow:hidden;padding:35px 15px 0 20px;border-bottom:1px solid #d3d2d2;box-sizing:border-box;}
.review-wrap .review-inner {position:relative;}
.review-wrap .review-inner > .txt-view {display:none;}
.detail-body .review-wrap .btn-txt-bg {position:absolute;top:-13px;right:0;width:150px;height:40px !important;margin-right:0;line-height:40px !important;}
.review-list {margin-bottom:20px;}
.review-list .no-register {padding:75px 0 70px;border-bottom:1px solid #d3d2d2;text-align:center;font-size:1.6rem;color:#999;}
.review-list .summary-info {position:absolute;top:70px;}
.review-list .writer-info {font-size:1.4rem;}
.review-list .writer-info .id {display:inline-block;min-width:100px;padding-right:10px;font-family:'aritaSB';font-size:1.8rem;box-sizing:border-box;}
.review-list .writer-info .sub-info {position:relative;display:inline-block;}
.review-list .writer-info .sub-info:after {position:absolute;left:-10px;top:-1px;display:inline-block;color:#e6e5e5;content:'|';}
.review-list .writer-info + time {display:block;font-size:1.4rem;}
.review-list .review-content {position:relative;width:70%;padding:0 0 50px 30%;word-break:break-word;}
.review-list .review-content .grade-area {position:absolute;left:0;}
.review-list .review-content .txt {position:relative;overflow:hidden;width:100%;height:50px; word-break:normal; text-align:justify;}
.review-list .review-content.on .txt {height:inherit;}
.review-list .review-content.on .txt:after {display:none;}
.review-list .btn-del {margin-right:20px;}
.review-list .btn-del:after {position:absolute;right:-12px;top:3px;width:1px;height:70%;background:#d3d2d2;content:'';}
.review-list .js-acc-con .txt-open {position:absolute;display:block;right:0;bottom:24px;font-family:'aritaSB';font-size:1.4rem;border-bottom:1px solid #333;}
.review-list .review-btn {position:absolute;bottom:25px;font-size:1.4rem;font-family:'aritaSB';line-height:1;}
.review-list .review-btn a {position:relative;border-bottom:1px solid #333;}

.shift-wrap {padding:120px 0 0 0;}
.shift-wrap .tit-area {max-width:1040px;margin:130px auto 100px;text-align:center;}
.shift-wrap .sub-tit,
.shift-wrap .top-tit {margin-bottom:40px;font-size:3.2rem;line-height:1.2;font-family:'aritaSB';}
.shift-wrap .top-tit span {position:relative;display:inline-block;padding:0 180px;text-align:center;word-break:keep-all;word-wrap:break-word;}
.shift-wrap .top-tit span:before,
.shift-wrap .top-tit span:after {position:absolute;top:50%;display:inline-block;width:160px;height:2px;background:#333;content:'';}
.shift-wrap .top-tit span:before {left:0;}
.shift-wrap .top-tit span:after {right:0;}
.shift-wrap .tit-area .txt {margin:0 auto 30px;color:#666;}

.shift-wrap .tit-ico li {display:inline-block;height:88px;text-align:center;}
.shift-wrap .tit-ico li + li,
.shift-wrap .emblem-area li + li {margin-left:5%;}
.shift-wrap .tit-ico em {display:block;font-size:1.8rem;font-family:'aritaSB';}

.shift-wrap .tit-ico + .emblem-area {position:static;margin-top:40px;}
.shift-wrap .emblem-area li {display:inline-block;text-align:center;}
.shift-wrap .emblem-area em {display:inline-block;margin-top:15px;line-height:1.2;font-size:1.4rem;font-family:'aritaSB';vertical-align:top;}

.shift-wrap .youtube-wrap {position:relative;max-width:1220px;margin:0 auto 150px;}
.shift-wrap .youtube-area {padding-bottom:56.2%;}

.shift-wrap .box-txt-type {max-width:908px;margin:0 auto 150px;text-align:center;}
.shift-wrap .box-border {position:relative;padding:110px 150px 94px;border:8px solid #e1e1d5}
.shift-wrap .box-border:before {position:absolute;top:80px;left:50%;display:inline-block;margin-left:-18px;width:36px;height:20px;background:url(/kr/ko/resource/images/content/bg_grade.svg) repeat-x left top;content:'';}
.shift-wrap .box-border:before {position:absolute;top:80px;left:50%;display:inline-block;margin-left:-18px;width:36px;height:20px;background:url(/kr/ko/resource/images/content/bg_grade.png) repeat-x left top;content:'';}
.shift-wrap .box-border li + li {margin-top:35px;}
.shift-wrap .box-border .tit {margin-bottom:20px;font-size:2.8rem;font-weight:normal;color:#56652C;}
.shift-wrap .content {margin-bottom:40px;}
.shift-wrap .content.txt {line-height:1.5;}

.shift-wrap .story-wrap {max-width:1220px;margin:0 auto 100px;}
.shift-wrap .story-wrap .sub-tit {text-align:center;}
.shift-wrap .story-wrap .page-visual {position:relative;}
.shift-wrap .story-wrap .page-visual .visual-tit {position:relative;margin:-113px 60px 0 60px;padding:60px 45px 0;background:#fff;text-align:center;box-sizing:border-box;z-index:10;}
.shift-wrap .story-wrap .visual-tit .tit {margin-bottom:5px;font-size:2.5rem;text-align:center;word-break:keep-all;word-wrap:break-word;line-height:1.2;}
.shift-wrap .story-wrap .visual-tit .tit span {display:block;font-size:3.2rem;font-family:'aritaSB';}
.shift-wrap .story-wrap .visual-tit .txt + .txt {margin-top:20px;}
.shift-wrap .graph-wrap {max-width:1040px;margin:0 auto 150px;border:10px solid #e1e1d5;box-sizing:border-box;}
.shift-wrap .graph-wrap div[class*="research-wrap"] + div[class*="research-wrap"] {border-top:10px solid #e1e1d5;}
.shift-wrap .research-wrap {padding:90px 60px;line-height:1.2;box-sizing:border-box;}
.shift-wrap .research-wrap .sub-tit {text-align:center;}
.shift-wrap .research-wrap .info {overflow:hidden;margin-bottom:40px;padding:5px 0;border-top:1px solid #a5a298;border-bottom:1px solid #a5a298;}
.shift-wrap .research-wrap .info li {float:left;color:#666;font-size:1.4rem;}
.shift-wrap .research-wrap .info li + li {margin-left:5px;}
.shift-wrap .research-wrap .chart-tit {margin-bottom:50px;font-size:3.6rem;text-align:center;font-weight:normal;}
.shift-wrap .research-wrap .chart-tit span {display:block;font-size:4.6rem;font-family:'aritaSB';color:#704816;}
.shift-wrap .research-wrap .chart-wrap {padding:0 30px;}
.shift-wrap .research-wrap .chart-wrap li + li {margin-top:60px;}
.shift-wrap .research-wrap .chart-wrap li {display:table;width:100%;}
.shift-wrap .research-wrap .chart-wrap li > div {display:table-cell;}
.shift-wrap .research-wrap .chart-tit-area {vertical-align:middle;width:44%;}
.shift-wrap .research-wrap .chart-wrap li.left {display:block;}
.shift-wrap .research-wrap .left:after {display:block;clear:both;content:'';}
.shift-wrap .research-wrap .left .chart-tit-area {float:right;padding-left:60px;}
.shift-wrap .research-wrap .left .graph-area {float:left;padding-top:36px;}
.shift-wrap .research-wrap .left .txt {right:-57px;}
.shift-wrap .research-wrap .left .graph-area:after {left:85px;}
.shift-wrap .research-wrap .chart-tit-area .tit {margin-bottom:15px;font-size:4.6rem;color:#704816;}
.shift-wrap .research-wrap .chart-tit-area .tit span {display:block;font-family:'aritaSB';}
.shift-wrap .research-wrap .chart-tit-area .txt {font-size:2rem;}
.shift-wrap .research-wrap .chart-tit-area .txt span {display:block;font-size:2.4rem;font-family:'aritaSB';}
.shift-wrap .research-wrap .graph-area {position:relative;width:40%;vertical-align:bottom;border-bottom:1px solid #a5a298;}
.shift-wrap .research-wrap .graph-area .graph-inner {overflow:hidden;position:relative;margin-bottom:-3px;text-align:center;}
.shift-wrap .research-wrap .graph-area:after { visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 2s linear;display:inline-block;position:absolute;top:-37px;left:115px;width:177px;height:81px;background:url(/kr/ko/resource/images/sample/@temp_graph.png) no-repeat center top;content:'';}

.shift-wrap .research-wrap .graph-inner p {display:inline-block;}
.shift-wrap .research-wrap .graph-inner p:after {display:block;clear:both;content:'';}
.shift-wrap .research-wrap .graph-area p + p {margin-left:55px;}
.shift-wrap .research-wrap .graph-area span {display:inline-block;width:80px;opacity:0;}
.shift-wrap .research-wrap.js-graph .graph-area span {-webkit-animation:temp_motion .5s ease-out;-moz-animation:temp_motion .5s ease-out;animation:temp_motion .5s ease-out;opacity:1;}
.shift-wrap .research-wrap.js-graph .graph-area:after {visibility: visible;
    opacity: 1;}
@-webkit-keyframes temp_motion{
    0% {margin-bottom:-138%}
    100% {margin-bottom:0;}
}
@-moz-keyframes temp_motion{
    0% {margin-bottom:-138%}
    100% {margin-bottom:0;}
}
@-o-keyframes temp_motion{
    0% {margin-bottom:-138%}
    100% {margin-bottom:0;}
}
@keyframes temp_motion{
    0% {margin-bottom:-138%}
    100% {margin-bottom:0;}
}
.shift-wrap .research-wrap .graph-area .graph01 span {background:#c9b79e;}
.shift-wrap .research-wrap .graph-area .graph02 span {background:#704816;}
.shift-wrap .research-wrap .graph-area .txt {position:absolute;top:-34px;right:-34px;font-size:5rem;font-family:"Archer A";font-weight:800;color:#704816;text-align:right;line-height:1;}
.shift-wrap .research-wrap .graph-area .txt span {display:block;font-size:4.2rem;}

.shift-wrap .research-wrap .pie-wrap {margin:0 90px 80px;}
.shift-wrap .research-wrap .pie-wrap li {position:relative;display:inline-block;margin-left:10%;text-align:center;}
.shift-wrap .research-wrap .pie-wrap li:after {display:block;clear:both;content:'';}
.shift-wrap .research-wrap .pie-wrap li:first-child {margin-left:0;}
.shift-wrap .research-wrap .pie-wrap li div[class*='pie'] {position:relative;margin-bottom:25px;}
.shift-wrap .research-wrap .pie-wrap li .label {position:absolute;top:50%;left:0;right:0;margin-top:-33px;font-family:'Archer A';font-size:5rem;font-weight:800;color:#9cc24e;}

.shift-wrap .research-wrap .bar-wrap li + li {margin-top:40px;}
.shift-wrap .research-wrap .que {font-size:2rem;font-family:'aritaSB';}
.shift-wrap .research-wrap .bar-wrap .txt-area {display:table;width:100%;margin-bottom:10px;text-align: left;}
.shift-wrap .research-wrap .bar-wrap .figure {display:table-cell;width:10%;text-align:right;font-size:4.6rem;font-family:"Archer A";font-weight:500;color:#6a7e30;}
.shift-wrap .research-wrap .bar-inner {position:relative;overflow:hidden;background:#e5e5e5;}
.shift-wrap .research-wrap .bar-inner span {position:absolute;left:0;right:0;height:100%;background:#9cc24e;opacity:0;}
.shift-wrap .research-wrap.js-graph .bar-inner span {-webkit-animation:graph_motion 1.5s ease-out; -moz-animation:graph_motion 1.5s ease-out;animation:graph_motion 1.5s ease-out;opacity:1;}

@-webkit-keyframes graph_motion{
    0% {margin-left:-100%;}
    100% {margin-left:0;}
}
@-moz-keyframes graph_motion{
    0% {margin-left:-100%;}
    100% {margin-left:0;}
}
@-o-keyframes graph_motion{
    0% {margin-left:-100%;}
    100% {margin-left:0;}
}
@keyframes graph_motion{
    0% {margin-left:-100%;}
    100% {margin-left:0;}
}

.shift-wrap .research-wrap.comm {max-width:1040px;margin:0 auto 150px;border:10px solid #e1e1d5;}
.shift-wrap .research-wrap.comm .info {margin-bottom:90px;}
.shift-wrap .research-wrap.comm .mini-bar-wrap,
.shift-wrap .research-wrap.comm .bar-wrap {padding:0 76px;}
.shift-wrap .research-wrap.comm *[class$="bar-wrap"] + *[class$="bar-wrap"] {margin-top:36px;}

.shift-wrap .research-wrap.comm .mini-area li {overflow:hidden;}
.shift-wrap .research-wrap.comm .mini-area li + li {margin-top:30px;}
.shift-wrap .research-wrap.comm .mini-area li > div {float:left;}
.shift-wrap .research-wrap.comm .mini-area .bar-inner {width:480px;height:20px;margin-right:20px;}
.shift-wrap .research-wrap.comm .mini-bar-wrap .que {margin-bottom:20px;}
.shift-wrap .research-wrap.comm .mini-area .txt-area {width:-webkit-calc(100% - 500px);width:-moz-calc(100% - 500px);width:-o-calc(100% - 500px);width:calc(100% - 500px);}
.shift-wrap .research-wrap.comm .mini-area .txt-area p {display:inline-block;}
.shift-wrap .research-wrap.comm .mini-area .figure {width:76px;font-size:2rem;color:#6a7e30;font-family:'aritaSB';}

.shift-wrap .research-wrap.comm .bar-wrap .que {display:table-cell;width:90%;}
.shift-wrap .research-wrap.comm .bar-wrap .bar-inner,
.shift-wrap .research-wrap .bar-wrap .bar-inner {height:32px;}

/* .shift-wrap .use-wrap {max-width:1040px;margin:0 auto 150px;}
.shift-wrap .use-wrap .sub-tit {max-width:660px;margin:0 auto 40px;text-align:center;}
.shift-wrap .use-inner.type02 .tit {margin-bottom:0;}
.shift-wrap .use-wrap > .txt {max-width:660px;margin:0 auto 15px;text-align:left;}
.shift-wrap .use-inner.type01 {max-width:660px;margin:0 auto;}
.shift-wrap .use-inner.type02 {width:100%;margin-top:30px;}
.shift-wrap .use-inner.type02 .tit + .txt {margin-top:20px;}
.shift-wrap .use-inner.type02 .txt-area {padding:30px 60px}
.shift-wrap .use-inner.type02 .img-area + .txt-area {padding:0 60px;}

@media (max-width: 1019px) {
    .shift-wrap .use-inner.type02 {width:auto;padding:20px;}
    .shift-wrap .use-inner.type02 .txt-area {padding:0;}

} */

.shift-wrap .use-wrap {max-width:1040px;margin:0 auto 100px;}
.shift-wrap .use-wrap + .make-wrap {margin-top:-70px;}
.shift-wrap .use-wrap .sub-tit {max-width:660px;margin:0 auto 40px;text-align:center;}
.shift-wrap .use-wrap > .txt {max-width:660px;margin:0 auto 15px;text-align:left;}
.shift-wrap .use-inner.type01 {max-width:660px;margin:0 auto;}
.shift-wrap .use-inner.type01 .img-area {width:150px;margin-right:30px;vertical-align:top;}
.shift-wrap .use-inner.type01 li + li {margin-top:20px;}
.shift-wrap .use-inner.type01 li > div {display:inline-block;}
.shift-wrap .use-inner.type01 .txt-area {text-align:left;}

.shift-wrap .use-inner.type01 li .img-area + .txt-area {padding:0;width:-webkit-calc(100% - 186px);width:-moz-calc(100% - 186px);width:-o-calc(100% - 186px);width:calc(100% - 186px);}
.shift-wrap .use-inner.type01 .txt-area .tit {font-family:'aritaSB';font-size:2rem;word-break:keep-all;word-wrap:break-word;}
.shift-wrap .use-inner.type02 {display:table;width:100%;margin-top:30px;background:#edece5}
.shift-wrap .use-inner.type02 > div {display:table-cell;}
.shift-wrap .use-inner.type02 .img-area {width:520px;}
.shift-wrap .use-inner.type02 .txt-area {padding:30px 60px;vertical-align:middle;}
.shift-wrap .use-inner.type02 .img-area + .txt-area {padding:0 60px;}
.shift-wrap .use-inner.type02 .tit {display:block;margin-bottom:0;font-size:2.4rem;}
.shift-wrap .use-inner.type02 .tit + .txt {margin-top:20px;}

.shift-wrap .ingre-wrap {position:relative;width:100%;max-width:1220px;margin:0 auto 150px;padding:30px 15px;border-top:1px solid #493b33;box-sizing:border-box;}
.shift-wrap .ingre-wrap:after {position:absolute;bottom:0;left:0;display:block;width:100%;height:30px;border-bottom:1px solid #d3d2d2;content:'';}
.shift-wrap .ingre-wrap .ingre-area {overflow:hidden;width:100%;height:28px;box-sizing:border-box}

.shift-wrap .ingre-wrap .tit {float:left;width:10%;font-size:2.5rem;}
.shift-wrap .ingre-wrap .txt {float:left;width:90%;margin-top:7px;line-height:1.5;}
.shift-wrap .ingre-wrap .btn-open {position:absolute;bottom:-19px;left:50%;width:40px;height:40px;margin-left:-20px;background:url(/kr/ko/resource/images/content/btn_open.svg) no-repeat left top;text-indent:-999em;z-index:1;}

.shift-wrap .ingre-wrap.on .ingre-area {height:inherit;}
.shift-wrap .ingre-wrap .btn-open.on {background:url(/kr/ko/resource/images/content/btn_close.svg) no-repeat left top;}

.shift-wrap .img-wrap {max-width:1220px;margin:0 auto 150px;}
.shift-wrap .img-wrap .img-area + .img-area {margin-top:50px;}

.shift-wrap .line-wrap {max-width:1220px;margin:0 auto 100px;}
.shift-wrap .line-wrap .img-wrap {margin:0 auto;}
.shift-wrap .line-wrap .img-wrap + .img-wrap {margin-top:50px;}
.shift-wrap .line-wrap .tit-area {margin:0 auto 40px;}
.shift-wrap .line-wrap .tit-area .top-tit span:before,
.shift-wrap .line-wrap .tit-area .top-tit span:after {display:none;}
.shift-wrap .line-wrap .tit-area .txt {width:auto;margin-bottom:0;}
.shift-wrap .line-wrap .link-area {width:80%;margin:0 auto 40px;text-align:center;}
.shift-wrap .line-wrap .link-area a {margin:5px;display:inline-block;padding:8px 12px;background:#ebeae3;border-radius:10px;font-size:1.6rem;}
.shift-wrap .make-wrap {max-width:1220px;margin:0 auto;}
.shift-wrap .pc-img {display:block;}
.shift-wrap .mobile-img {display:none;}

.recom-wrap {max-width:63vw;margin:0 auto;}
.recom-wrap .slide-inner .js-slide a {width:253px;}
.recom-wrap .sub-tit {font-family:'aritaSB';font-size:2rem;}
.recom-wrap .slick-prev {left:-100px;}
.recom-wrap .slick-next {right:-100px;}
.recom-wrap .slick-list {margin-left:-70px;}
.recom-wrap .slide-inner {margin-left:70px;}
.recom-wrap .tit:before {display:block;width:100%;height:1px;margin-bottom:20px;background:#a5a298;content:'';}

/* CAMPAIGN */
.board-list-wrap .page-tit.campaign {margin-bottom:10px;}
.board-list-wrap .tree-area {text-align:center;}
.board-list-wrap .tree-area {margin-top:-48px;padding-bottom:103px;background:url(/kr/ko/resource/images/content/ico_tree.svg) no-repeat center bottom;}
.board-list-wrap .tree-area .tit {font-size:1.6rem;}
.board-list-wrap .tree-area .count-area strong {color:#6a7e30;font-size:6rem;font-family:"Archer A";font-weight:800;line-height:1;}
.board-list-wrap .tree-area .count-area span {font-size:1.6rem;vertical-align:3px;}
.board-list-wrap .tree-area + .thumbnail-wrap {padding-top:40px;}

/* NEWSLETTER */
.newsletter .board-con-header {position:relative;margin-top:0;padding:20px 0;border-top:3px double #a5a298;border-bottom:1px solid #a5a298;}
.newsletter .btn-share {position:absolute;top:22px;right:0;}
.newsletter .btn-share:after {display:none;}
.newsletter .view-area {position:relative;margin-bottom:60px;padding-bottom:30px;border-bottom:1px solid #a5a298;}
.newsletter .view-area .slick-track {text-align:center;}
.newsletter .view-area .slick-slide,
.newsletter .view-area .slick-slide img {display:inline-block;}
.newsletter .view-area .slick-slide {outline:none;}
.newsletter button[class*="btn-news-"] {position:absolute;top:45%;width:70px;height:70px;text-indent:-999em;z-index:1;}
.newsletter .btn-news-prev {left:0;background:url(/kr/ko/resource/images/content/btn_news_prev.svg) no-repeat left top;}
.newsletter .btn-news-next {right:0;background:url(/kr/ko/resource/images/content/btn_news_next.svg) no-repeat left top}
.newsletter .newsletter-list .slick-list {max-width:830px;margin:0 auto;}
.newsletter .newsletter-list .img-area {position:relative;margin-bottom:0;width:200px;height:294px;}
.newsletter .newsletter-list .img-area:hover .layer-name {display:block;}
.newsletter .newsletter-list .layer-name {display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:13px 0 0 20px;background:rgba(0, 0, 0, 0.6);text-align:left;box-sizing:border-box;}
.newsletter .newsletter-list .layer-name span {position:relative;padding-right:19px;font-size:1.8rem;font-family:"Archer A";font-weight:800;color:#fff;}
.newsletter .newsletter-list .layer-name span:after {position:absolute;top:50%;right:0;width:12px;height:1px;background:#fff;content:'';}
.newsletter .view-area .view-paging {position:absolute;left:50%;bottom:60px;width:142px;height:52px;margin-left:-71px;text-align:center;line-height:54px;background:#333;border-radius:30px;}
.newsletter .view-area .view-paging > li {display:none;font-size:2.4rem;color:rgba(255,255,255,0.5);}
.newsletter .view-area .view-paging > li em {color:#f5f5f5;font-family:'aritaSB';}
.newsletter .view-area .view-paging > li.slick-active {display:block;font-family:'aritaM'}

/* SEARCH */
.page-body {max-width:1220px;margin:0 auto;padding-top:35px}
.page-title {margin-top:55px;padding-bottom:29px;text-align:center;}
.page-title .tit {padding-bottom:5px;font-size:4.2rem;font-family:'aritaSB';line-height:1;}
.page-title .txt {color:#666;line-height:1;}
.page-body .no-result {margin-bottom:150px;padding-top:100px;font-size:1.6rem;text-align:center;color:#666;}

.search-title {margin-bottom:25px;font-size:2rem;font-family:'aritaSB';}
.search-page .search-inner {position:relative;padding:53px 0 55px;background:#EBEAE3;box-sizing:border-box;}
.search-page .search-inner .search-list > ul{background:#f3f2ec;}
.search-page .search-inner .search-inp {max-width:910px;margin:0 auto;}
.search-page .search-inner .search-inp input {padding-left:0;}
.search-page .search-inner .search-list {top:104px;left:50%;margin-left:-455px;}
.search-page .txt-result {width:920px;margin:15px auto 0 auto;font-size:1.6rem;box-sizing:border-box;}
.search-page .search-inner .search-list {top:183px;}

.search-page .result-area {margin-bottom:95px;}
.search-result-list {margin:-40px 55px 0 -60px;}
.search-result-list:after {display:block;clear:both;content:'';}
.search-result-list li {float:left;width:20%;min-height:450px;margin-left:60px;text-align:center;}
.search-result-list li a {display:block;margin-top:40px;}
.search-result-list .tit {margin-top:10px;padding-top:12px;font-size:1.6rem;border-top:1px solid #a5a298;text-align:center;}

.search-page .recom-wrap {max-width:100%;}

.cols-item-list li {overflow:hidden;margin-bottom:50px;}
.cols-item-list .img-thumb {float:left;width:120px;margin-right:40px;overflow:hidden;}
.cols-item-list .img-thumb + .cont {float:left;width:-webkit-calc(100% - 160px);width:-moz-calc(100% - 160px);width:-o-calc(100% - 160px);width:calc(100% - 160px);}
.cols-item-list .cont .tit {font-size:1.6rem;font-family:'aritaSB';}
.cols-item-list .cont .txt {height:68px;margin-top:5px;color:#666;}
.cols-item-list .cont .txt span {color:#333;font-family:'aritaSB';}
.cols-item-list .cont .link {display:block;margin-top:7px;font-size:1.4rem;color:#666;}
.cols-item-list a {display:block;}
.cols-item-list a:hover .cont .tit, 
.cols-item-list a:hover .cont .txt,
.cols-item-list a:hover .cont .link{color:#704816;text-decoration:underline;}

/* LOGIN */
.login-wrap {min-height:1116px !important;background:url(/kr/ko/resource/images/content/bg_login.png) no-repeat left top;background-size:cover;box-sizing:border-box;}
.login-inner {width:584px;margin:160px auto 0;padding:70px 80px;background:rgba(249,249,249,0.94);box-sizing:border-box;}
.login-inner .sub-tit {margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #333;font-size:3.4rem;font-family:'aritaSB';color:#333;}
.login-inner .txt {margin-bottom:30px;}
.login-inner .login-ipt-wrap {margin-bottom:30px;}
.login-inner .login-ipt-wrap .ipt-txt {background:none;}
.login-inner .login-ipt-wrap li + li {margin-top:20px;}
.login-inner .login-ipt-wrap .ipt-txt {height:50px;line-height:50px;border:0;border-bottom:1px solid #a5a298;font-size:1.6rem;}

.login-inner.on .error-txt {display:block;}
.login-inner.on .login-ipt-wrap li + li .ipt-txt {border-bottom:1px solid #b10101;}

.login-inner .ipt-check {margin-bottom:30px;}
.login-inner .btn-area {margin-bottom:46px;}
.login-inner .btn-area *[class*="btn-"][class*="txt"] {width:100%;}

.login-inner .find-link {text-align:center;}
.login-inner .find-link li {position:relative;display:inline-block;margin-left:30px;padding-left:30px;font-size:1.6rem;}
.login-inner .find-link li:first-child {margin:0;padding:0;}
.login-inner .find-link li:before {position:absolute;left:0;top:0;content:'|';}
.login-inner .find-link li:first-child:before {display:none;}

.login #footer {margin-top:-118px;}

/* STROE */
.store-wrap .tit-wrap {margin-bottom:60px;padding:55px 0 60px;background:#ebeae3;}
.store-wrap .tit-inner {max-width:1220px;margin:0 auto;}
.store-wrap .page-tit {margin-bottom:20px;text-align:center;}
.map-wrap {position:relative;max-width:1220px;margin:0 auto;}
.map-wrap .mobile {display:none;}
.map-wrap .map {height:880px;margin-left:430px;}
.map-wrap .name {font-size:1.6rem;font-family:'aritaM'}
.map-wrap .tel {font-size:1.4rem;font-family:'aritaM'}
.map-wrap .store-inner {overflow:hidden;position:absolute;top:0;left:0;width:430px;height:880px;padding:35px 40px 60px;background:#f9f9f9;box-sizing:border-box;}
.map-wrap .store-inner .list-tit {position:relative;padding-bottom:10px;font-size:1.8rem;font-weight:normal;}
.map-wrap .store-inner .list-tit:after {position:absolute;bottom:0;left:0;width:94%;height:1px;background:#666;content:'';}
.map-wrap .no-result {position:absolute;top:50%;left:50%;font-size:1.6rem;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.map-wrap .store-inner .list-tit span {color:#704816;}
.map-wrap .store-inner .js-scroll {height:650px;}
.map-wrap .store-list li .number-area {display:table-cell;}
.map-wrap .store-list li .number {display:inline-block;padding:2px 9px 1px 8px;background:#493b33;color:#fff;font-size:1.6rem;font-family:'aritaSB';vertical-align:top;}
.map-wrap .store-list li .txt-area {display:table-cell;padding-left:10px;width: 100%;}
.map-wrap .store-list li .space {font-size:1.6rem;color:#333;text-align:right;font-family:'aritaSB';}
.map-wrap .gm-style .gm-style-iw-c {border-radius:0;border:1px solid #666;}
.map-wrap .gm-ui-hover-effect {top:0 !important;right:0 !important;}
.map-wrap .gm-style .gm-style-iw-t::after {border-left:1px solid #666;border-bottom:1px solid #666;}

/* EVENT - LIST */
.event-list-wrap {max-width:1220px;margin:0 auto;}
.event-list-wrap .page-header {position:relative;margin:50px 0 30px 0;}
.event-list-wrap .sel-area {position:absolute;right:0;top:19px;}
.event-list-wrap .sel-area .sel-tit,
.primania .board-con-header .sel-tit {height:46px;padding:13px 20px;font-size:1.4rem;font-family:'aritaM';border:1px solid #a5a298;}
.event-list-wrap .sel-area .sel-tit span,
.primania .board-con-header .sel-tit span {background-position-y:0;}
.event-list-wrap .sel-area.on .sel-tit span,
.primania .board-con-header .sel-area.on .sel-tit span {background-position-y:6px;}
.event-list-wrap .sel-area .sel-option {top:45px;}
.event-list-wrap .event-list .no-result {padding:100px 0;font-size:1.6rem;text-align:center;color:#666;}
.event-list-wrap .event-list {margin-bottom:30px;}
.event-list-wrap .event-list li {padding:30px 0;border-top:1px solid #d9d9d9;}
.event-list-wrap .event-list li:last-child {border-bottom:1px solid #d9d9d9;}
.event-list-wrap .event-list .img-area {display:inline-block;width:50%;margin-right:6.5%;vertical-align:top;}
.event-list-wrap .event-list .event-tit {display:inline-block;width:33%;padding-top:6%;}
.event-list-wrap .event-list *[class*="flag-"] {display:inline-block;margin-bottom:16px;padding:2px 10px 0;font-family:'aritaSB';}
.event-list-wrap .event-list .tit {margin-bottom:7px;font-size:2.5rem;line-height:1.2;}
.event-list-wrap .event-list .date {margin-bottom:30px;font-size:1.6rem;font-family:'aritaSB';}

/* EVENT - DETAIL */
.event-con-wrap {max-width:1040px;margin:0 auto;}
.event-con-wrap .board-con-header {margin-top:50px;}
.event-con-wrap .board-con-header .date {display:block;margin-bottom:10px;font-size:1.6rem;font-family:'aritaSB';}
.event-con-wrap .event-tit .tit {display:inline-block;}
.event-con-wrap *[class*="flag-"] {display:inline-block;margin-left:10px;padding:4px 6px 2px;font-size:1.6rem;vertical-align:5px;}
.event-con-wrap .event-con-area {margin-bottom:100px;}
.event-con-wrap .event-con-area > .img-area {margin-bottom:60px;}
.event-con-wrap .step-list {position:relative;margin-bottom:100px;text-align:center;}
.event-con-wrap .step-list:after {position:absolute;top:25px;left:50%;height:1px;background:#a5a298;content:'';}
.event-con-wrap .step-list.step2:after {width:19%;margin-left:-9%;}
.event-con-wrap .step-list.step4:after {width:50%;margin-left:-25%;}
.event-con-wrap .step-list.step3:after {width:30%;margin-left:-15%;}
.event-con-wrap .step-list li {display:inline-block;width:15%;text-align:center;vertical-align:top;}
.event-con-wrap .step-list li:first-child:after {display:none;}
.event-con-wrap .step-list .num {position:relative;display:inline-block;width:46px;height:46px;margin-bottom:10px;border-radius:50%;line-height:46px;font-family:'aritaSB';font-size:2rem;background:#f3f2ec;color:#a5a298;border:1px solid #a5a298;z-index:99;}
.event-con-wrap .step-list .txt {font-size:1.8rem;font-family:'aritaSB';color:#a5a298;}
.event-con-wrap .step-list .txt span {display:block;font-size:1.6rem;font-family:'aritaM';}
.event-con-wrap .step-list li.on .num {color:#fff;background:#493b33;border:1px solid #493b33;}
.event-con-wrap .step-list li.on .txt {color:#493b33;}

.event-con-wrap .product-inner .img-area {display:inline-block;width:50%;height:480px;}
.event-con-wrap .product-inner .product-txt {display:inline-block;width:49%;vertical-align:top;}
.event-con-wrap .product-inner .product-txt .tit {margin-bottom:33px;font-size:2.5rem;font-family:'aritaSB';color:#704816;}
.event-con-wrap .product-inner .product-txt .explain {padding:5px 0 0 42px;border-left:2px solid #704816;}
.event-con-wrap .product-inner .product-txt .sub-tit {margin-bottom:15px;font-size:2rem;font-family:'aritaSB';}
.event-con-wrap .product-inner .product-txt .txt + .sub-tit {margin:20px 0 15px;}
.event-con-wrap .product-inner .btn-area {margin-top:60px;}

.event-con-wrap .review-wrap {padding-top:60px;}
.event-con-wrap .active-wrap .sub-tit {margin-bottom:20px;font-size:2.5rem;font-family:'aritaSB';}
.event-con-wrap .active-inner {margin-bottom:80px;}
.event-con-wrap .active-inner .ipt-wrap {position:relative;margin-bottom:30px;background:#f3f2ec;}
.event-con-wrap .active-inner .ipt-txt02 {width:100%;height:100px;line-height:1.4;background:#f3f2ec;bordeR:0;font-size:1.6rem;box-sizing:border-box;}
.event-con-wrap .btn-area {text-align:center;}
.event-con-wrap .btn-txt-bg {position:static;width:226px;}

.event-con-wrap .review-wrap .review-box {padding:35px 20px 60px;}
.event-con-wrap .review-list .review-content {width:65%;padding:0 0 0 35%;}
.event-con-wrap .review-list .link {font-size:1.6rem;text-decoration:underline;}
.event-con-wrap .review-list .txt {height:auto;font-size:1.6rem;}
.event-con-wrap .review-list .summary-info {top:35px;}
.event-con-wrap .review-list .writer-info .id:after {display:none;}
.event-con-wrap .review-list .writer-info + time {position:absolute;left:200px;top:5px;}
.event-con-wrap .review-list .review-btn {bottom:-30px;}
.event-con-wrap .board-con-wrap {padding-top:20px;border-top:1px solid #7f7f7c;}
.event-con-wrap .board-con-wrap .btn-area {margin-bottom:0;}
.event-con-wrap .board-con-wrap .btn-area a {display:inline-block;}

.event-con-wrap .winner-list {padding:10px 20px 40px;border-top:1px solid #493b33;border-bottom:1px solid #d3d2d2;font-size:1.8rem;font-family:'aritaSB';}
.event-con-wrap .winner-list li {display:inline-block;width:19%;margin-top:30px;}

.layer-wrap .event {height:463px;margin:-232px 0 0 -327px;}
.layer-wrap .event div.check-inner {text-align:center;}
.layer-wrap .event div.check-inner strong {font-family:'aritaSB';font-size:2rem;}
.layer-wrap .event div.check-inner .txt {float:none;width:100%;font-family:'aritaM';font-size:1.6rem;}
.layer-wrap .event .btn-area {margin-top:40px;}

.layer-wrap#event02 .event {height:388px;margin:-194px 0 0 -327px;}
.layer-wrap .event div.check-inner .txt span {border-bottom:1px solid #333;}

/* ANGEL CONCIERGE */
.offer-wrap .page-header {margin-top:0;}
.offer-wrap .page-visual {margin-bottom:0;}
.offer-wrap .angel-top {position:absolute;top:150px;left:50%;margin-left:-50%;width:100%;text-align:center;color:#fff;box-sizing:border-box;}
.offer-wrap .angel-top h2 {margin-bottom:5px;color:#fff;font-size:4.6rem;font-family:'aritaSB';}
.offer-wrap .angel-top p {font-size:1.8rem;}
.offer-wrap .page-visual .visual-tit h3:before,
.offer-wrap .page-visual .visual-tit h3:after {display:none;}
.offer-wrap .visual-tit h2 {font-family:'aritaSB'}
.offer-wrap .offer-con {max-width:1040px;margin:0 auto;}

.offer-con .tab-area {margin-bottom:35px;text-align:center;}
.offer-con .tab-tit {display:inline-block;}
.offer-con .tab-tit li {width:200px;}
.offer-con .tab-tit li a {font-size:2.4rem;}
.offer-con .write-area {padding:60px 66px 66px;text-align:center;border:4px solid rgba(165,162,152,0.4);}
.offer-con .write-area .tit {padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #a5a298;font-size:2.2rem;font-family:'aritaSB';}
.offer-con .write-area .btn-area {margin-top:30px;}
.offer-con .write-area .btn-txt-bg {width:226px;}
.offer-con .write-area .bg-txt {display:none;left:auto;margin:40px 0 0 0;}
.offer-con .write-area time {display:none;margin-top:10px;font-size:1.6rem;}
.offer-con .write-area.on {margin-bottom:93px;}
.offer-con .write-area.on time,
.offer-con .write-area.on .bg-txt {display:block;}

.offer-con .reserve-wrap .choice-area {margin-bottom:80px;}
.offer-con .reserve-wrap .sub-tit {padding-bottom:8px;font-family:'aritaSB';font-size:2rem;}
.offer-con .choice-inner {border-top:2px solid #333;border-bottom:1px solid #a5a298;}
.offer-con .choice-inner:after {display:block;clear:both;content:'';}
.offer-con .choice-inner > div {float:left;box-sizing:border-box;}
.offer-con .choice-inner .store-inner {width:32.5%;padding:40px 30px 40px 0;border-right:1px solid #a5a298;}
.offer-con .choice-inner .search-inner {margin-bottom:30px;}
.offer-con .search-inner .search-inp {height:inherit;padding:0 20px;background: #ebeae3;}
.offer-con .search-inner .search-inp input {font-size:1.6rem;border-bottom:2px solid #ebeae3;}
.offer-con .search-inner .search-inp input:focus {border-color:#3d3935;}
.offer-con .search-inner .btn-search {top:0;right:20px;width:32px;text-indent:-999em;background:url(/kr/ko/resource/images/common/ico_global_search.svg) no-repeat 50% 50%;background-size:32px 32px;}
.offer-con .store-inner .js-scroll {height:452px;margin-right:0;}
.offer-con .store-inner .store-list {border-top:1px solid #666;border-bottom:1px solid rgba(102,102,102,0.3)}
.offer-con .store-list li a {background:#ebeae3;}
.offer-con .store-list li.on a {background:#704816;color:#fff;}
.offer-con .store-list li.on p {background:#704816;color:#fff;}
.offer-con .date-inner {width:40.5%;height:619px;padding:40px 30px 62px;border-right:1px solid #a5a298;}
.offer-con .reserve-wrap .choice-tit {background:#ebeae3;margin-bottom:23px;padding:20px 0 15px 20px;font-size:1.8rem;font-family:'aritaSB';}
.offer-con .reserve-wrap .calendar-tit {margin-bottom:23px;text-align:center;font-family:'aritaSB';font-size:1.8rem;}
.offer-con .calendar {margin-bottom:50px;}
.offer-con .calendar th, .offer-con .calendar td {padding-top:15px;text-align:center;font-size:1.6rem;font-weight:normal;}
.offer-con .calendar th {padding-top:0;}
.offer-con .calendar td {font-family:'aritaSB';}
.offer-con .calendar a {display:inline-block;width:36px;height:36px;line-height:36px;cursor:inherit;}
.offer-con .calendar .not {color:#999;}
.offer-con .calendar .possible {border:1px solid #cfcdc8;cursor:pointer;}
.offer-con .calendar .choice {background:#704816;color:#fff;border:1px solid #704816;}
.offer-con .calendar .unable {background:#a5a298;border:1px solid #a5a298;color:#333;opacity:0.4;}
.offer-con .calendar-area {position:relative;}
.offer-con .calendar-area > button {position:absolute;top:4px;width:10px;height:17px;text-indent:-999em;}
.offer-con .calendar-area .btn-date-prev {left:100px;background:url(/kr/ko/resource/images/common/slider_prev.svg) no-repeat left top;background-size:100% 100%;}
.offer-con .calendar-area .btn-date-next {right:100px;background:url(/kr/ko/resource/images/common/slider_next.svg) no-repeat left top;background-size:100% 100%;}
.offer-con .calendar-area .legend {text-align:center;}
.offer-con .calendar-area .legend span {position:relative;display:inline-block;padding-left:26px;font-size:1.6rem;}
.offer-con .calendar-area .legend span + span {margin-left:14px;}
.offer-con .calendar-area .legend span:after {position:absolute;top:3px;left:0;display:inline-block;width:18px;height:18px;content:'';}
.offer-con .calendar-area .legend .possible:after {border:1px solid #cfcdc8;}
.offer-con .calendar-area .legend .unable:after {background:#a5a298;}
.offer-con .calendar-area .legend .choice:after {background:#704816;}
.offer-con .time-inner {width:27%;padding:40px 0 0 30px;}
.offer-con .time-list {overflow:hidden;margin-top:-10px;}
.offer-con .time-list li {float:left;margin-top:10px;}
.offer-con .time-list li:nth-child(even) {margin-left:10px;}
.offer-con .info-area {margin-bottom:100px;}
.offer-con .info-inner {border-top:2px solid #333;border-bottom:1px solid #aeaeae;}
.offer-con .info-inner .customer-area {padding:34px 20px 29px;background:rgba(185, 213, 190, 0.3);text-align:center;}
.offer-con .info-inner .customer-area .name {margin-bottom:8px;font-size:2rem;font-family:'aritaSB';}
.offer-con .info-inner .customer-area .txt {font-size:1.4rem;font-family:'aritaM';}
.offer-con .info-inner {width:100%;}
.offer-con .info-inner .info-con li {display:table;width:100%;border-top:1px solid #aeaeae;}
.offer-con .info-inner .info-con li > p {display:table-cell;padding:18px 0 15px;font-size:1.6rem;}
.offer-con .info-inner .info-con li > p.tit {width:20%;text-align:center;border-right:1px solid #aeaeae;font-family:'aritaSB';}
.offer-con .info-inner .info-con li > p.con {width:80%;padding-left:80px;}
.offer-con .agree-area .sub-tit {border-bottom:2px solid #333;}
.offer-con .agree-area .agree-inner dt {position:relative;padding:30px 20px;border-bottom:1px solid #aeaeae;}
.offer-con .agree-area .agree-inner dd {display:none;padding:20px;background:#ebeae3;border-bottom:1px solid #aeaeae;font-size:1.4rem;}
.offer-con .agree-area .agree-inner .txt-hyphen li {font-size:1.4rem;}
.offer-con .agree-area .agree-inner .txt-hyphen li + li {margin-top:0;}
.offer-con .agree-area .agree-inner .btn-notice {position:absolute;top:35px;right:20px;width:14px;height:14px;background:url(/kr/ko/resource/images/content/btn_notice_off.svg) no-repeat left center;text-indent:-999em;}
.offer-con .agree-area .agree-inner dt.on + dd {display:block;}
.offer-con .agree-area .agree-inner dt.on .btn-notice {background:url(/kr/ko/resource/images/content/btn_notice_on.svg) no-repeat left center;}
.offer-con .notice-area {margin-top:35px;}
.offer-con .notice-area .notice-tit {margin-bottom:15px;font-size:1.6rem;font-family:'aritaSB';}
.offer-con .notice-area .txt-hyphen li {font-size:1.4rem;}
.offer-con .notice-area + .btn-area {margin-top:95px;}
.offer-con .notice-area + .btn-area *[class*="btn-"][class*="txt"] {width:226px;}
.offer-con .confirm-wrap .txt.notice {margin-bottom:20px;}
.offer-con .confirm-wrap .info-inner {display:table;border-top:0;}
.offer-con .confirm-wrap .info-inner.no-result {padding:70px 0;text-align:center;border-top:2px solid #a5a298;}
.offer-con .confirm-wrap .info-inner + .info-inner {margin-top:60px;}
.offer-con .confirm-wrap .info-con li:first-child {border-top:2px solid #a5a298;}
.offer-con .confirm-wrap .info-con, .offer-con .confirm-wrap .confirm {display:table-cell;}
.offer-con .confirm-wrap .info-con {width:80%;}
.offer-con .confirm-wrap .confirm {width:20%;vertical-align:middle;text-align:center;background:#ebeae3;border-top:2px solid #a5a298;}
.offer-con .confirm-wrap .confirm .txt {margin-bottom:10px;font-family:'aritaSB';font-size:2.2rem;}
.offer-con .confirm-wrap .confirm .btn-txt-gray {display:inline-block;width:88px;height:36px;line-height:36px;font-size:1.6rem;}
.offer-con .confirm-wrap .confirm time {font-size:1.6rem;}
.offer-con .confirm-wrap .confirm.fin {background:rgba(185, 213, 190, 0.3);}

.layer-wrap .layer-inner.offer {height:770px;margin-top:-385px;}
.layer-wrap .layer-inner.offer .check-wrap > .tit {text-align:left;font-size:1.4rem;}
.layer-wrap .layer-inner.offer .check-inner li + li {margin-top:15px;}
.layer-wrap .layer-inner.offer .check-inner {padding:25px 30px 30px;}
.layer-wrap .layer-inner.offer .check-inner .txt {float:none;width:100%;margin:0 0 8px 0;}
.layer-wrap .layer-inner.offer .check-inner .txt span {font-size:1.4rem;font-family:'aritaM'}
.layer-wrap .layer-inner.offer .ipt-wrap {margin-bottom:0;background:#f9f9f9;}
.layer-wrap .layer-inner.offer .ipt-wrap .ipt-txt02 {height:50px;}
.layer-wrap .layer-inner.offer .ipt-radio01,
.layer-wrap .layer-inner.offer .ipt-check {display:inline-block;width:93px;}
.layer-wrap .layer-inner.offer .ipt-radio01 + .ipt-radio01 {margin:0;}

/* PRIMANIA */
.primania {min-height:1000px;}
.primania .page-header {margin-top:57px;}
.primania .board-con-header {position:relative;max-width:1040px;margin:57px auto 40px;}
.primania .board-con-area {max-width:1040px;margin:0 auto;}
.primania .page-header .btn-area {margin-top:35px;}
.primania .page-header .btn-txt-bg {width:184px;}
.primania .sel-area {position:absolute;top:0;right:0;}
.primania .sel-area .sel-tit {width:370px;}
.primania .sel-area .sel-tit span {overflow:hidden;width:90%;padding-right:30px;text-overflow:ellipsis;white-space:nowrap;}
.primania .sel-area.on .scroll-wrap {position:absolute;top:45px;width:100%;height:270px;overflow:hidden;background:#f3f2ec;border:1px solid #a5a298;box-sizing:border-box;z-index:99;}
.primania .board-con-header .sel-option {top:-1px;border:0;}
.primania .board-con-header .sel-option a {display:block;overflow:hidden;width:95%;white-space:nowrap;text-overflow:ellipsis;}

.primania .btn-list-down {width:30px;height:30px;background:url(/kr/ko/resource/images/common/btn_arrow_down.svg) no-repeat center 6px;border:1px solid #a5a298;border-radius:50%;}
.primania .sel-area.on .btn-list-down {background:url(/kr/ko/resource/images/common/btn_arrow_up.svg) no-repeat center 9px;}

.primania-info-wrap {max-width:1040px;margin:0 auto;}
.primania-info-wrap > .sub-tit {margin-bottom:20px;font-size:2.5rem;font-family:'aritaSB';}
.primania-info-wrap .tit {color:#333;}
.primania-info-wrap .btn-area {margin-bottom:100px;}
.primania-info-wrap .release-intro .txt > span {width:79%;font-family:'aritaM';}
.primania-info-wrap .btn-txt-bg {width:266px;}

.primania-list {max-width:1080px;margin:0 auto;padding-left:40px;}
.primania-list .item {float:left;width:320px;}
.primania-list .txt-area {margin-bottom:30px;}
.primania-list .txt-area .tit {margin-bottom:5px;font-size:2.4rem;}
.primania-list .txt-area .txt {font-size:1.6rem;}
.primania-list .item-wrap {margin-top:-55px;}
.primania-list .item {padding-top:55px;box-sizing:border-box;}

.primania-list .js-slide .img-area {margin-bottom:20px;}
.primania-list .slick-dots {text-align:center;}
.primania-list .slick-dots li {display:inline-block;width:10px;height:10px;margin-left:10px;background:rgba(165,162,152,0.3);text-indent:-999em;border-radius:50%;}
.primania-list .slick-dots li:first-child {margin-left:0;}
.primania-list .slick-dots li.slick-active {background:#a5a298;}

/* FLAGSHIP STORE */
.flagship .flagship-header {position:relative;height:calc(100vh - 160px);background:url(/kr/ko/resource/images/content/bg_flagship.png) no-repeat left;background-size:cover;}
.flagship .header-inner {position:absolute;top:50%;left:50%;width:580px;height:360px;margin:-180px 0 0 -290px;padding:15px;background:rgba(249,249,249,0.9);box-sizing:border-box;}
.flagship .header-inner .txt-area {height:100%;padding-top:56px;border:2px solid rgba(61,57,53,0.5);text-align:center;box-sizing:border-box;}
.flagship .sub-tit {margin-bottom:25px;font-size:4.6rem;font-family:'aritaSB';line-height:1.2;}
.flagship .header-inner .sub-tit span {display:block;font-family:'aritaM';}
.flagship .header-inner .txt {position:relative;font-size:2rem;}
/* .flagship .header-inner .txt:before,
.flagship .flagship-body:before {position:absolute;bottom:-16px;left:50%;width:10px;height:10px;margin-left:-5px;background:#333;border-radius:50%;content:'';}
.flagship .header-inner .txt:after {position:absolute;bottom:-396px;left:50%;width:1px;height:389px;background:#333;content:'';} */
.flagship .flagship-body {position:relative;margin-top:100px;}
.flagship .flagship-body:before {top:-27px;bottom:auto;}
.flagship .flagship-body .txt-wrap {margin-bottom:45px;text-align:center;}
.flagship .flagship-body .txt-wrap .txt {font-size:1.8rem;}

.flagship .flagship-body .youtube-area {max-width:1040px;margin:0 auto 150px;padding-bottom:585px;}
.flagship .flagship-body .youtube-area:after {display:block;clear:both;content:'';}
.flagship .inside-info.pc .img-area {position:relative;}
.flagship .inside-info.pc div[class*="inside-inner"] {position:absolute;}
.flagship .inside-info.pc a[class*="btn-info"] {display:inline-block;width:29px;height:29px;background:url(/kr/ko/resource/images/content/btn_flag_view.svg) no-repeat left top;text-indent:-999em;transition:all .2s;}
.flagship .inside-info.pc a[class*="btn-info"].on {transform:rotate(45deg);}
.flagship .inside-info.pc .inside-inner01 {top:17vw;left:28vw;}
.flagship .inside-info.pc .inside-inner02 {top:25vw;left:52.5vw;}
.flagship .inside-info.pc .inside-inner03 {top:30vw;right:16vw;}
.flagship .inside-info.pc .inside-inner04 {top:30vw;right:27.5vw;}
.flagship .inside-info.pc .inside-inner05 {top:30.5vw;right:5.5vw;}
.flagship .inside-info.pc .inside-inner06 {top:19vw;right:4.5vw;}
.flagship .flagship-layer {display:none;position:absolute;top:40px;width:640px;height:340px;padding:20px;background:#f9f9f9;box-sizing:border-box;z-index:10;}
.flagship .flagship-layer .txt-box {height:100%;padding:13px 0 0 340px;vertical-align:top;text-align:left;background-size:300px !important;}
.flagship .inside-inner01 .flagship-layer .txt-box {background:url(/kr/ko/resource/images/content/img_flag_anthology.png) no-repeat left top;}
.flagship .inside-inner02 .flagship-layer .txt-box {background:url(/kr/ko/resource/images/content/img_flag_cellar.png) no-repeat left top;}
.flagship .inside-inner03 .flagship-layer .txt-box {background:url(/kr/ko/resource/images/content/img_flag_service.png) no-repeat left top;}
.flagship .inside-inner04 .flagship-layer .txt-box {background:url(/kr/ko/resource/images/content/img_flag_library.png) no-repeat left top;}
.flagship .inside-inner05 .flagship-layer .txt-box {background:url(/kr/ko/resource/images/content/img_flag_life.png) no-repeat left top;}
.flagship .inside-inner06 .flagship-layer .txt-box {background:url(/kr/ko/resource/images/content/img_flag_campagin.png) no-repeat left top;}
.flagship .flagship-layer.center {margin-left:-320px;}
.flagship .flagship-layer.right {right:0;}
.flagship .flagship-layer .txt-box h4 {font-size:2.8rem;}
.flagship .flagship-info {overflow:hidden;}
.flagship .flagship-info .txt-box {float:left;width:50%;height:600px;padding-top:6%;padding-left:calc((100% / 2) - 28%);box-sizing:border-box;}
.flagship .flagship-info .txt-inner {display:inline-block;padding-right:30px;}
.flagship .flagship-info .img-area.pc {overflow:hidden;float:right;width:50%;height:600px;}
.flagship .flagship-info .img-area.pc .img-inner {overflow:hidden;position:relative;top:-50%;left:-50%;width:200%;height:200%;}
.flagship .flagship-info .img-area.pc .img-inner img {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%;max-width:none;}
.flagship .flagship-info .tit {margin-bottom:35px;font-size:2rem;font-family:'aritaSB';text-align:left;border-bottom:2px solid #493b33;}
.flagship .flagship-info .txt-box ul {margin-bottom:45px;text-align:left;}
.flagship .flagship-info .txt-box li {padding:0 0 6px 36px;font-size:1.8rem;font-family:'aritaSB';}
.flagship .flagship-info .txt-box li + li {margin-top:10px;}
.flagship .flagship-info .txt-box .address {background:url(/kr/ko/resource/images/content/ico_map.svg) no-repeat left top;}
.flagship .flagship-info .txt-box .tel {background:url(/kr/ko/resource/images/content/ico_tel.svg) no-repeat left top;}
.flagship .flagship-info dl {text-align:left;}
.flagship .flagship-info dt {margin-bottom:15px;font-size:2rem;font-family:'aritaSB';}
.flagship .flagship-info em {display:block;font-family:'aritaSB';}
.flagship .flagship-info dd {font-size:1.6rem;}
.flagship .flagship-info dd + dd {margin-top:35px;}

/* BRAND STORY */
.brand {margin-top:-160px;}
.brand .brand-wrap {position:relative;height:100vh;box-sizing:border-box;}
.brand .brand-wrap:focus {outline: none}
.brand .brand-nav {position:fixed;top:35%;left:70px;z-index:10;}
.brand .brand-nav.on {top:12%;}
.brand .brand-nav:before {position:absolute;top:5px;left:4px;display:inline-block;width:1px;height:390px;background:#cfcdc8;content:'';}
.brand .brand-nav li + li {margin-top:50px;}
.brand .brand-nav a {position:relative;}
.brand .brand-nav a:before {display:inline-block;width:9px;height:9px;background:#cfcdc8;border-radius:50%;content:'';}
.brand .brand-nav li.on a:after {position:absolute;left:-14px;top:-14px;display:inline-block;width:35px;height:35px;border:1px solid #cfcdc8;border-radius:50%;content:'';}

.brand .brand-nav span {display:inline-block;position:absolute;top:-8px;left:-9999px;padding:5px 10px;background:#6a7e30;border-radius:2px;color:#f3f2ec;font-family:'aritaSB';font-size:14px;z-index:10;white-space:nowrap;transition:transform 1s ease}
.brand .brand-nav:hover span,
.brand .brand-nav a:focus span {left: 0;transform:translateX(30px);}
.brand .brand-nav span:before {position:absolute;top:5px;left:-17px;display:inline-block;border-top:7px solid transparent;border-right:9px solid #6a7e30;border-bottom:7px solid transparent;border-left:9px solid transparent;content:'';}
@-webkit-keyframes brand{
    0% {transform:translateX(0);}
    100% {transform:translateX(30px);}
}
@-moz-keyframes brand{
    0% {transform:translateX(0);}
    100% {transform:translateX(30px);}
}
@-o-keyframes brand{
    0% {transform:translateX(0);}
    100% {transform:translateX(30px);}
}
@keyframes brand{
    0% {transform:translateX(0);}
    100% {transform:translateX(30px);}
}

.brand .txt-wrap {overflow:hidden;position:relative;left:200px;display:inline-block;}
.brand .brand-tit {margin-bottom:10px;font-size:2.4rem;color:#666;font-family:"Archer A";font-weight:800;font-style:italic;}
.brand .brand-tit:after {display:inline-block;width:0;height:2px;margin-left:10px;background:#666;content:'';}
.brand .txt-wrap .desc {font-size:1.8rem;}
.brand .brand-tit.on:after {width:60px;animation:move .5s ease-out;}
.brand .txt-wrap .sub-tit {margin-bottom:30px;font-size:4rem;line-height:1.2;}
.brand .txt-area .strapline {position:relative;margin-bottom:35px;z-index:11;}
.brand .txt-area .strapline span {display:inline-block;line-height:1.2;font-size:3rem;}
.brand .arrow-wrap {position:absolute;top:9vw;right:10%;}
.brand .arrow-wrap > * {color:#fff;font-size:2rem;font-family:"Archer A";font-style:italic;font-weight:800;line-height:1;vertical-align:11px;}
.brand .arrow-wrap:after {position:absolute;top:-4px;left:48%;display:inline-block;width:1px;height:34px;background:#a5a298;transform:rotate(20deg);content:'';}
.brand #story {background:url(/kr/ko/resource/images/content/bg_brand.png) no-repeat left top;background-size:cover;}
.brand #story .txt-wrap {position:absolute;top:35vh;padding:0;color:#fff;}
.brand #story .txt-wrap .brand-tit {color:#fff;font-size:6rem;}
.brand #story .txt-wrap .brand-tit:after {background:#fff;}
.brand #story .txt-wrap .brand-tit.on:after {width:80px;-webkit-animation:brand-move .5s ease-out;-moz-animation:brand-move .5s ease-out;-o-animation:brand-move .5s ease-out;animation:brand-move .5s ease-out;}
@-webkit-keyframes brand-move {
    0% {width:0px}
    100% {width:80px;}
}
@-moz-keyframes brand-move {
    0% {width:0px}
    100% {width:80px;}
}
@-o-keyframes brand-move {
    0% {width:0px}
    100% {width:80px;}
}
@keyframes brand-move {
    0% {width:0px}
    100% {width:80px;}
}
.brand #story .txt-wrap .txt {margin-bottom:35px;font-size:3rem;font-family:"Archer A";font-weight:500;}
.brand #story .txt-wrap .desc {font-size:2rem;}
.brand #story .layer-mouse {left:50%;}
.brand #orign {overflow:hidden;height:auto;padding:80px 0 130px;}
.brand #orign .bird-wrap span {display:inline-block;position:absolute;z-index:10;}
.brand #orign .bird-wrap .bird01 {top:7vh;right:21.9vw;width:5.6vw;height:4.5vw;background:url(/kr/ko/resource/images/content/bg_bird01.png) no-repeat; background-size:100%;}
.brand #orign .bird-wrap .bird02 {top:24vh;right:30vw;width:5.2vw;height:2.5vw;background:url(/kr/ko/resource/images/content/bg_bird02.png) no-repeat; background-size:100%;}
.brand #orign .bird-wrap .bird03 {top:30vh;right:39vw;width:6.3vw;height:6.8vw;background:url(/kr/ko/resource/images/content/bg_bird03.png) no-repeat; background-size:100%;}
.brand #orign .bird-wrap .bird04 {top:40vh;left:36vw;width:5.6vw;height:4.4vw;background:url(/kr/ko/resource/images/content/bg_bird04.png) no-repeat; background-size:100%;}
.brand #orign .bird-wrap .bird05 {top:63vh;left:34vw;width:4.7vw;height:3.8vw;background:url(/kr/ko/resource/images/content/bg_bird05.png) no-repeat; background-size:100%;}
.brand #orign .bird-wrap .bird06 {top:67vh;left:29vw;width:3.4vw;height:2.9vw;background:url(/kr/ko/resource/images/content/bg_bird06.png) no-repeat; background-size:100%;}
.brand #orign .bird-wrap .bird07 {top:74vh;left:26vw;width:1.8vw;height:1.1vw;background:url(/kr/ko/resource/images/content/bg_bird07.png) no-repeat; background-size:100%;}
.brand #orign .bird-wrap .bird08 {top:76vh;left:24vw;width:1.9vw;height:1.7vw;background:url(/kr/ko/resource/images/content/bg_bird08.png) no-repeat; background-size:100%;}
.brand #orign .img-wrap {position:relative;max-width:1265px;margin:-100px auto;}
.brand #orign .img-wrap .txt-box {margin:135px 0 80px;}
.brand #orign .story-tit {font-size:3rem;font-family:"Archer A";font-weight:800;font-style:italic;}
.brand #orign .strapline, .brand #orign .txt-box strong {font-size:3rem;line-height:1;}
.brand #orign .strapline span,
.brand #orign .txt-box span {display:inline-block;}
.brand #orign .txt-box strong {font-weight:normal;}
.brand #orign .img-wrap .l-right.first {float:none;width:auto;height:745px;margin:0;padding:177px 0 0;background:url(/kr/ko/resource/images/content/img_brand_orign01.png) no-repeat right top;box-sizing:border-box;}
.brand #orign .img-wrap .l-right.first .txt {position:absolute;left:5vw;font-size:3rem;text-indent:-65px;line-height:1.2;}
.brand #orign .img-wrap .l-right.first .txt span {position:relative;} 
.brand #orign .img-wrap .img-inner:after {display:block;clear:both;content:"";}
.brand #orign .img-wrap .l-right {float:right;width:59%;margin:30px 0 0;padding:0 0 0 368px;background:url(/kr/ko/resource/images/content/img_brand_orign03.png) no-repeat;box-sizing:border-box;}
.brand #orign .img-wrap .l-left {float:left;width:41%;margin:-278px 0 0;padding:360px 0 0;background:url(/kr/ko/resource/images/content/img_brand_orign02.png) no-repeat;}
.brand #science {padding-top:110px;background:url(/kr/ko/resource/images/content/bg_science.png) no-repeat left top;background-size:cover;}
.brand #ingredient {padding-top:180px;background:url(/kr/ko/resource/images/content/bg_ingredient.png) no-repeat left top;background-size:cover;}
.brand #ingredient .brand-tit {color:rgba(249,249,249,0.7)}
.brand #ingredient .brand-tit:after {background:rgba(249,249,249,0.7)}
.brand #ingredient .txt-wrap {margin-bottom:85px;color:#fff;}
.brand #ingredient .txt-wrap .sub-tit {margin-bottom:0;}
.brand #ingredient .ingredient-wrap {margin-left:200px;}
.brand #ingredient .ingredient-wrap .slick-list {padding:0 15% 0 0;}
.brand #ingredient .ingredient-area, .brand #ingredient .ingredient-wrap .img-area {outline:none;}
.brand #ingredient .ingredient-area {position:relative;display:inline-block;width:340px;height:460px;margin-left:60px;vertical-align:top;background:#eceadc;box-shadow:15px 15px 15px 15px rgba(0, 0, 0, 0.16);}
.brand #ingredient .ingredient-inner .txt-area {padding:30px 30px 40px 30px;}
.brand #ingredient .ingredient-inner .txt-area em {display:block;margin-bottom:7px;font-size:2rem;font-family:'aritaSB';}
.brand #ingredient .ingredient-inner .txt-area .desc {font-size:1.6rem;}
.brand #ingredient .ingredient-layer {position:absolute;left:0;bottom:-100%;padding:30px;height:460px;background:#fff;text-align:center;box-sizing:border-box;}
.brand #ingredient .ingredient-layer .img-area {margin-bottom:2.4rem;}
.brand #ingredient .ingredient-layer .txt {font-size:2.4rem;line-height:1;font-family:"Archer A";font-weight:500;}
@-webkit-keyframes layer {
    0% {bottom:-100%;}
    100% {bottom:0;}
}
@-moz-keyframes layer {
    0% {bottom:-100%;}
    100% {bottom:0;}
}
@-o-keyframes layer {
    0% {bottom:-100%;}
    100% {bottom:0;}
}
@keyframes layer {
    0% {bottom:-100%;}
    100% {bottom:0;}
}
.brand #ingredient .btn-prev {margin-right:10px;padding-left:35px;background:url(/kr/ko/resource/images/content/bg_ingredient_prev.svg) no-repeat left center;background-size:25px;}
.brand #ingredient .btn-next {margin-left:10px;padding-right:35px;background:url(/kr/ko/resource/images/content/bg_ingredient_next.svg) no-repeat right center;background-size:25px;}
.brand #promise {position:relative;height:auto;padding-top:100px;}
.brand #promise .txt-wrap .sub-tit {margin-bottom:75px;}
.brand #promise .img-wrap {overflow:hidden;max-width:1220px;margin:0 auto;padding-bottom:150px;}
.brand #promise .img-wrap > div {display:table;}
.brand #promise .img-wrap .img-area {display:table-cell;}
.brand #promise .img-wrap .txt-area {display:table-cell;width:39%;vertical-align:middle;box-sizing:border-box;}
.brand #promise .img-wrap .l-left .txt-area {padding-left:63px;}
.brand #promise .img-wrap .l-left.type01 .img-area {width:780px;height:520px;}
.brand #promise .img-wrap .l-left.type01 .txt-area {width:440px;}
.brand #promise .img-wrap .l-right.type02 {display:block; overflow:hidden; max-width:1050px;margin:-60px auto 0;}
.brand #promise .img-wrap .l-right.type02 .img-area {position:relative; float:right;width:610px;height:590px; z-index:10;}
.brand #promise .img-wrap .l-right.type02 .txt-area {float:left; margin:150px 0 0; padding-right:0;text-align:right;}
.brand #promise .img-wrap .l-left.type03 {margin-top:-130px}
.brand #promise .img-wrap .l-left.type03 .img-area {position:relative; width:770px;height:530px; z-index:11;}
.brand #promise .img-wrap .l-left.type03 .txt-area {width:440px;padding:0;}
.brand #promise .bg-txt {position:absolute;top:59%;left:0;width:100%;z-index:99;}
.brand #promise .type02 .bg-txt {top:53%;}
.brand #promise .type03 .bg-txt {top:69%;}
.brand #philosophy {padding-top:15vw;background:url(/kr/ko/resource/images/content/bg_philosophy.png) no-repeat left top;background-size:cover;}
.brand #philosophy .brand-tit {color:rgba(249,249,249,0.7)}
.brand #philosophy .brand-tit:after {background:rgba(249,249,249,0.7)}
.brand #philosophy .txt-wrap {color:#fff;}
.brand #history {height:auto;padding-top:90px;}
.brand #history .txt-wrap {margin-bottom:90px;}
.brand #history .txt-wrap .sub-tit {margin-bottom:0;}
.brand #history .history-wrap {margin-left:150px;}
.brand #history .history-area {outline:none;}
.brand #history .history-inner {position:relative;margin-left:34px;padding-left:54px;}
.brand #history .history-inner .date {position:absolute;top:29px;left:-10px;display:inline-block;font-size:2.6rem;font-family:"Archer A";font-weight:800;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);line-height:1;font-style:italic;}
.brand #history .history-inner .date:after {position:absolute;top:68%;right:-35px;display:block;width:30px;height:1px;background:#333;content:'';}
.brand #history .history-inner .img-area {margin-bottom:10px;}
.brand #history .history-inner .txt {font-family:'aritaSB';}
.brand #history .arrow-wrap {top:154px;}
.brand #history .arrow-wrap > * {color:#333;}
.brand #history .btn-prev {margin-right:10px;padding-left:35px;background:url(/kr/ko/resource/images/content/bg_board_prev.svg) no-repeat left center;background-size:25px;}
.brand #history .btn-next {margin-left:10px;padding-right:35px;background:url(/kr/ko/resource/images/content/bg_board_next.svg) no-repeat right center;background-size:25px;}

.brand .js-move {-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);opacity:0;}
.brand .js-move.on {-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;transition:all .3s;}

.brand .txt.on {transition:all .6s;}
.brand .desc.on {transition:all 1.5s;}

.brand #promise .bg-txt.js-move {-webkit-transform:translateX(300px);-moz-transform:translateX(300px);-o-transform:translateX(300px);transform:translateX(300px);opacity:0;}
.brand #promise .bg-txt.js-move.on {-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;transition:all .3s;}

/* INSTA AGREE */
.agree {padding-top:55px;box-sizing:border-box;}
.agree h1 {margin-bottom:60px;font-size:4.2rem;font-family:'aritaSB';text-align:center;}
.agree .agree-wrap {max-width:1040px;margin:0 auto;}
.agree .agree-wrap h2 {font-size:2.6rem;font-family:'aritaSB';}
.agree .agree-wrap .txt {margin-top:25px;}
.agree .agree-wrap .agree-tit {margin-top:25px;font-size:1.8rem;font-family:'aritaSB';}
.agree .agree-wrap .num-list {margin-top:25px;}
.agree .agree-wrap .num-list > li {padding-left:18px;font-size:1.6rem;text-indent:-18px;}
.agree .agree-wrap .txt-hyphen {margin-left:18px;}


.layer-wrap .layer-inner.browser {position:fixed;top:50%;left:50%;width:660px;height:200px;margin:-100px 0 0 -327px;padding:32px 30px 40px;background:#f9f9f9;z-index:1001;box-sizing:border-box;}
.layer-wrap .layer-inner.browser p {width:80%;font-size:16px;}
.layer-wrap .layer-inner.browser a {font-family:'aritaSB';}

/* ---------------------------------------------------------------------------------------
MEDIA QUERIES
----------------------------------------------------------------------------------------*/
@media (max-width: 1560px) {
    .brand .txt-wrap {left:16vh;}
    .brand #orign .img-wrap .l-right.first {margin:130px 0 0;background-size:40%;}
    .brand #orign .img-wrap .l-left {margin-left:9%;background-size:100%;}
    .brand #orign .img-wrap .l-right {width:50%;background-size:17vw;padding:0 0 0 17vw;}
    .brand #orign .img-wrap .txt-box {margin-left:9%;}
    .brand #orign .img-wrap .l-right.first .txt {left:16vh;text-indent:0;}
    .brand #ingredient {padding-top:5vw;}
    .brand #ingredient .ingredient-wrap {margin-left:16vh;}
    .brand #ingredient .ingredient-area {width:240px;height:360px;}
    .brand #ingredient .ingredient-layer {height:394px;}
    .brand #ingredient .txt-wrap {margin-bottom:2vw;}
    .brand #ingredient .ingredient-area {width:240px;height:394px;margin-left:40px;}
    .brand #ingredient .ingredient-inner .txt-area em {font-size:1.8rem;}
    .brand #ingredient .ingredient-inner .txt-area .desc {font-size:1.4rem;}
    .brand #history .history-wrap {margin-left:10vh;}


    .brand #orign .bird-wrap .bird01 {top:30vh;right:21.9vw;}
    .brand #orign .bird-wrap .bird02 {top:38vh;right:30vw;}
    .brand #orign .bird-wrap .bird03 {top:42vh;right:39vw;}
    .brand #orign .bird-wrap .bird04 {top:54vh;left:36vw;}
    .brand #orign .bird-wrap .bird05 {top:73vh;left:34vw;}
    .brand #orign .bird-wrap .bird06 {top:79vh;left:29vw;}
    .brand #orign .bird-wrap .bird07 {top:83vh;left:26vw;}
    .brand #orign .bird-wrap .bird08 {top:86vh;left:21vw;}

    .flagship .flagship-info .txt-box {padding-left:0;}

    .layer-wrap .layer-inner.offer {height:600px;margin-top:-300px;overflow-y:auto;}
}

@media (max-width: 1220px) {
    .search-result-list li {width:-webkit-calc((100% / 2) - 21px);width:-moz-calc((100% / 2) - 21px);width:-o-calc((100% / 2) - 21px);width:calc((100% / 2) - 21px);min-height:200px;}
    .search-result-list li:nth-child(odd) {margin-left:0;clear:both;}
    .search-result-list li:nth-child(even) {margin-left:42px;}

    .recom-wrap {max-width:80%;}

    .brand #story {background-position:50% top;}
}

@media (max-width:1040px) {
  .flagship .flagship-body .youtube-area{padding-bottom:56.25%}
  .product-wrap .list{height:auto}
  .list-wrap .img-area{width:auto}
  .product-wrap .tit{width:auto}
  .list-wrap .slick-track .slide-inner{margin-right:30px}
}

@media (max-width: 1019px) {
    /* COMMON */
    .tag-area {margin-bottom:20px;padding:10px 0 8px;}
    .paging-area {margin-bottom:20px;}
    .btn-area a[class*="btn-"][class*="txt"] {width:99.5%;height:48px;line-height:48px;}
    .btn-area a[class*="btn-"] + a[class*="btn-"] {margin:10px 0 0 0;}
    .grade-area .grade, .grade-area span {text-align:left;background-size:auto 17px !important;}
    .grade-area .grade {width:77px;}
    .grade-area .grade-1 {width:15px;}
    .grade-area .grade-2 {width:30px;}
    .grade-area .grade-3 {width:45px;}
    .grade-area .grade-4 {width:60px;}
    .grade-area .grade-5 {width:77px;}
    .board-link {padding:40px 0;}
    .board-list-wrap .img-area.mobile img,
    .offer-wrap .img-area.mobile img {width:100%;}
    .list-wrap .img-area:hover {background:none;}
    
    /* LIST BANNER */
    .list-area {overflow:inherit;float:none;width:100% !important;margin:0;box-sizing:border-box;}
    .list-wrap .slick-list {padding:0;}
    .list-wrap .slick-track .slide-inner {margin-right:0;text-align:center;}
    .list-wrap .slide-inner .tit {position:relative;}
    .list-wrap .slide-inner .tit:before {position:absolute;top:-11px;left:0;display:block;width:120%;height:1px;background:#a5a298;content:'';}
    .list-wrap .slide-inner .tit:after {position:absolute;top:-13px;left:20%;display:block;width:60%;height:3px;background:#493b33;content:'';}
    .list-wrap .line, .list-wrap .bar {display:none !important;}
    .list-wrap .slick-arrow {width:50px;height:50px;}
    .list-wrap .slick-next, .list-wrap .slick-prev  {background-size:100%;}
    .list-wrap .img-area {position:relative;display:inline-block;width:70%;height:0; padding-top:87.5%;}
    .list-wrap .img-area > img {position:absolute;top:0;left:0;}
    .list-wrap .slick-center .tit {display:block;white-space:nowrap;}
    .list-wrap .slick-list:after {display:none;}
    .list-wrap .bar {display:none;}
    .list-wrap .img-flag {left:-15%;top:30px;}
    
    .layer-wrap .layer-inner.share {top:50%;left:34px;width:80%;height:266px;margin:-133px 0 0 0;}
    .layer-wrap .layer-inner.share .layer-tit {margin-bottom:56px;}
    .layer-wrap .layer-inner.share .btn-share a {width:56px;height:56px;margin-left:16px;}
    
    /* PRODUCT - DETAIL */
    .detail-header {padding:0 20px 40px;}
    .detail-inner {padding:0;}
    .info-wrap .info-util {position:static;width:100%;}
    .info-wrap h3 {font-size:2.4rem;}
    .info-wrap .eng-tit {font-size:1.6rem;}
    .thum-wrap .img-nav {left:0;bottom:0;}
    .thum-wrap .img-flag {top:40px;left:0;}
    .thum-wrap .emblem-area {top:40px;right:0;}
    .thum-wrap .img-view {margin:0;}
    .thum-wrap .img {text-align:center;}
    .thum-wrap .slick-slide button {width:40px !important;height:40px;}
    .detail-inner > div {float:none;width:inherit;margin-top:30px;}
    .detail-inner .thum-wrap {margin:0;}
    .thum-wrap .img-flag *[class*='flag-'] {width:48px;height:48px;line-height:48px;font-size:1.4rem;}
    .info-wrap .desc-area {margin-bottom:20px;}
    .thum-wrap .slick-slider button {width:40px !important;height:40px;}
    .detail-header .customer-area > div {display:block;}
    .detail-header .customer-area .grade-area {margin-bottom:10px;}
    .detail-header .customer-area .review {margin:0;padding:0;}
    .detail-header .customer-area .review:after {display:none;}
    .detail-header .emblem-area li {width:auto;}
    
    .entry-wrap .sub-tit {text-align:center}
    .entry-wrap .insta-wrap {margin-bottom:50px;}
    .detail-body .bg-white-wrap {padding:40px 20px 20px;}
    .detail-body .review-wrap .btn-txt-bg {top:83px;height:54px !important;line-height:54px !important;}
    .review-wrap .sub-tit {display:block;}
    .review-wrap .review-box {padding:32px 0 27px;text-align:left;}
    .review-list .summary-info {position:static;top:auto;}
    .review-list .review-content {width:100%;padding:0;}
    .review-list .review-content .grade-area {position:static;left:auto;}
    .review-list .review-content .txt {height:6rem;margin-bottom:20px;line-height:2rem;}
    .review-list .review-content.js-acc-con .txt:after {position:absolute;top:4rem;right:0;display:block;width:10%;height:2rem;}
    .review-list .review-content.on .txt {-webkit-line-clamp:inherit;}
    .review-list .review-content.on .txt:after {display:none;}
    
    .detail-wrap .customer-area .total {font-size:1.8rem;}
    .review-list .writer-info {position:absolute;top:32px;right:0;margin:0;}
    .review-list .writer-info .id {min-width:auto;font-size:1.4rem;}
    .review-list .no-register {margin-bottom:0;padding:30px 0;}
    .review-list .js-acc-con .txt:after {display:none;}
    .review-wrap .review-inner > .txt-view {display:block;top:-32px;right:0;}
    .review-wrap .customer-area {display:block;margin:0 0 80px 0;text-align:center;}
    .review-wrap .btn-txt-bg {top:83px;width:100%;margin:0;}
    .review-wrap .review-list .txt-open {position:static;right:auto;float:right;}
    .review-box .review-btn {bottom:-36px;left:28%}
    
    .shift-wrap {padding-top:60px;}
    .shift-wrap .tit-area {margin:85px auto 60px;margin-bottom:80px;padding:0;}
    .shift-wrap .top-tit {margin-bottom:20px;}
    .shift-wrap .sub-tit,
    .shift-wrap .top-tit {text-align:center;font-size:2.6rem;}
    .shift-wrap .top-tit span {padding:0;}
    .shift-wrap .top-tit span:before, .shift-wrap .top-tit span:after {display:none;}
    .shift-wrap .tit-ico + .emblem-area {margin-top:20px;}
    .shift-wrap .tit-ico li:nth-child(n+5):nth-child(-n+8) {display:none;}
    .shift-wrap .emblem-area {margin-top:-20px;}
    .shift-wrap .emblem-area li, .shift-wrap .tit-ico li {width:20%;min-height:150px;vertical-align:top;}
    .shift-wrap .emblem-area li {width:45%; margin:20px 0 0 0 !important;}
    .shift-wrap .emblem-area li em {display:block;}
    /*.shift-wrap .emblem-area em br {display:none;}*/
    .shift-wrap .tit-ico li {min-height:auto;height:auto;}
    .shift-wrap .tit-ico em {font-size:1.6rem;}
    
    .shift-wrap .box-txt-type {margin-bottom:20px;padding:0;}
    .shift-wrap .box-border {margin-bottom:80px;padding:108px 30px 50px;}
    .shift-wrap .box-border:before {top:56px}
    .shift-wrap .box-border .tit {font-size:2rem;}
    .shift-wrap .box-border .txt {font-size:1.4rem;}
    
    .shift-wrap .story-wrap {margin-bottom:60px;}
    .shift-wrap .story-wrap .page-visual .visual-tit {width:100%;margin:0;padding:30px 20px 0;box-sizing:border-box;}
    .shift-wrap .story-wrap .visual-tit .tit {font-size:2.8rem;line-height:1.2;}
    .shift-wrap .story-wrap .visual-tit .tit span {font-size:2.8rem;}
    .shift-wrap .story-wrap .visual-tit .txt {font-size:1.6rem;}
    
    .shift-wrap .research-wrap.comm {margin-bottom:80px;}
    .shift-wrap .graph-wrap {margin-bottom:40px;}
    .shift-wrap .research-wrap {padding:70px 20px;}
    .shift-wrap .research-wrap .graph-area {padding-top:70px;}
    .shift-wrap .research-wrap .graph-area .txt {font-size:3rem;right:0;}
    .shift-wrap .research-wrap .left .chart-tit-area {padding:0;}
    .shift-wrap .research-wrap .pie-wrap {margin:0;}
    
    .shift-wrap .research-wrap.comm .mini-area li > div {float:none;}
    .shift-wrap .research-wrap.comm .mini-area .txt-area {width:100%;}
    .shift-wrap .research-wrap.comm .mini-area .figure {text-align:left;}
    .shift-wrap .research-wrap.comm .mini-area .txt-area {margin-top:5px;}
    .shift-wrap .research-wrap.comm .mini-area .txt-area .txt {float:right;}

    .shift-wrap .research-wrap .info li {float:none;}
    .shift-wrap .research-wrap .info li + li {margin:5px 0 0 0;}
    .shift-wrap .research-wrap .chart-wrap {padding:0;}
    .shift-wrap .research-wrap .chart-wrap li {display:block;}
    .shift-wrap .research-wrap .chart-wrap li > div {display:block;width:100%;}
    .shift-wrap .research-wrap .left .graph-area {padding-top:70px;}
    .shift-wrap .research-wrap .left .graph-area:after {left:68px;} 
    .shift-wrap .research-wrap .chart-tit {font-size:2.8rem;}
    .shift-wrap .research-wrap .chart-tit span {font-size:3.6rem;}
    .shift-wrap .research-wrap .chart-tit-area .tit {font-size:3.6rem;}
    .shift-wrap .research-wrap .chart-tit-area .txt {font-size:1.6rem;}
    .shift-wrap .research-wrap .chart-tit-area .txt span {font-size:2rem;}
    .shift-wrap .research-wrap .graph-area:after {top:10px;left:68px;}
    .shift-wrap .research-wrap .pie-wrap {margin-bottom:75px;}
    .shift-wrap .research-wrap .pie-wrap li {display:block;}
    .shift-wrap .research-wrap .pie-wrap li + li {margin:70px 0 0 0;}
    .shift-wrap .research-wrap .pie-wrap .pie {margin:0 auto 20px;}
    .shift-wrap .research-wrap.comm .mini-bar-wrap,
    .shift-wrap .research-wrap.comm .bar-wrap {padding:0;}
    .shift-wrap .research-wrap .bar-wrap li {position:relative;padding-bottom:50px;}
    .shift-wrap .research-wrap .bar-wrap .figure {position:absolute;bottom:0;right:0;width:100%;font-size:3.8rem;}
    .shift-wrap .research-wrap .bar-wrap .que {width:100%;font-size:1.8rem;}
    .shift-wrap .use-wrap {max-width:inherit;margin-bottom:60px;padding:0;}
    .shift-wrap .use-wrap > .txt:after {width:100%;}
    .shift-wrap .use-wrap + .make-wrap {margin-top:0;}
    .shift-wrap .use-inner.type01  {width:auto;margin:0 auto 40px;text-align:left;}
    .shift-wrap .use-inner.type01 .img-area {width:96px;margin-right:15px;}
    .shift-wrap .use-inner.type01 li + li {margin-top:15px;}
    .shift-wrap .use-inner.type01 li .img-area + .txt-area {padding:0;width:-webkit-calc(100% - 114px);width:-moz-calc(100% - 114px);width:-o-calc(100% - 114px);width:calc(100% - 114px);}
    .shift-wrap .use-inner.type01 .txt-area .tit {font-size:1.8rem;}
    .shift-wrap .use-inner.type02 {display:block;width:auto;padding:20px;}
    .shift-wrap .use-inner.type02 .img-area {display:block;width:100%;text-align:center;}
    .shift-wrap .use-inner.type02 .txt-area {padding:0;}
    .shift-wrap .use-inner.type02 .tit {margin-bottom:10px;font-size:1.8rem;font-family:'aritaSB';}
    
    .shift-wrap .ingre-wrap {display:block;width:100%;margin:0 0 80px;padding:15px 0;}
    .shift-wrap .ingre-wrap .ingre-area {height:116px;}
    .shift-wrap .ingre-wrap .tit {display:block;width:100%;font-size:2.3rem;}
    .shift-wrap .ingre-wrap .txt {width:100%;}
    
    .shift-wrap .line-wrap {margin:0 auto 60px;}
    .shift-wrap .line-wrap .link-area {width:100%;}
    .shift-wrap .line-wrap .top-tit {margin-bottom:10px;}
    .shift-wrap .line-wrap .tit-area {margin-bottom:20px;}
    
    .shift-wrap .img-wrap {margin-bottom:54px;}
    .shift-wrap .make-wrap {max-width:inherit;padding:0 20px;}
    
    .brand .arrow-wrap {right:0;}
    .recom-wrap {max-width:inherit;}
    .recom-wrap .sub-tit {margin-bottom:0;padding-left:0;font-size:2.3rem;text-align:left;}
    .recom-wrap .slick-list {margin:0 20px 0 0;}
    .recom-wrap .slide-inner {margin-left:20px;}
    .recom-wrap .slick-prev {left:0px;}
    .recom-wrap .slick-next {right:0px;}
    .recom-wrap .js-slide .slide-inner img {height:254px;}
    
    /* CAMPAIGN */
    .board-list-wrap .tree-area {margin:-20px 0 65px;padding:88px 0 0 0;background-position-y:top;}
    .board-list-wrap .tree-area + .thumbnail-wrap {padding-top:0;}
    
    /* BOARD - DETAIL */                              
    .board-con-wrap .insta-wrap .sub-tit {font-size:2.3rem;text-align:center;}
    .board-con-wrap.newsletter .page-title .txt {font-size:1.6rem;line-height:1.2;}
    .page-title {margin-top:20px;}
    
    /* NEWSLETTER */
    .newsletter .btn-share {top:17px;padding:0;border-top:0;}
    .newsletter .board-con-header {margin-bottom:20px;}
    .newsletter .board-con-header .tit {margin-bottom:0;}
    .newsletter button[class*="btn-news-"] {width:50px;height:50px;background-size:100%;}
    .newsletter .view-area .view-paging {bottom:44px;width:100px;height:40px;margin-left:-50px;line-height:42px;font-size:1.8rem;}
    .newsletter .view-area .view-paging > li {font-size:1.8rem;}
    .newsletter .newsletter-list .slick-list {padding:0 15% 0 0;}
    .newsletter .newsletter-list .img-area {width:auto;height:auto;margin-right:10px;}
    
    /* SEARCH */
    .page-body{padding-top:35px;}
    .page-title .tit{font-size:3.6rem;}
    .search-title{margin:0 20px 10px;font-size:1.8rem;}
    .list-more{margin:80px 0 60px 0;}
    .search-result_list.recom-wrap{width:100%;}
    .search-page .search-inner{padding:40px 20px;}
    .search-page .page-title {padding-bottom:10px;}
    .search-page .search-inner .search-list {top:0;margin-left:0;}
    .search-page .search-inner .search-list > ul {padding:0 20px;}
    .search-page .txt-result{width:100%;}
    .page-body .no-result {padding-top:50px;}
    .search-result-list {margin:0 0 35px 0;padding:0 20px;}
    .search-result-list li:nth-child(-n+2) a {margin-top:0;} 
    .search-result-list li a {margin-top:0;}
    .search-result-list .tit,
    .search-page .recom-wrap .js-slide .tit {margin:0;font-size:1.4rem;}
    .cols-item-list{margin:0 20px;}
    .cols-item-list li{margin-bottom:30px;}
    .cols-item-list .img-thumb{display:none;}
    .cols-item-list .cont {float:none !important;width:100% !important;}
    .cols-item-list .cont .txt{height:65px;margin-top:10px;font-size:1.4rem;}
    .cols-item-list .cont .link{margin-top:0;}
    
    /* LOGIN */
    .login-wrap {min-height:100vh !important;}
    .login-inner {width:inherit;margin:64px 20px 0;padding:30px 24px;}
    .login-inner .sub-tit {font-size:2.4rem;}
    .login-inner .txt {margin-bottom:10px;}
    .login-inner .login-ipt-wrap .ipt-txt, .login-inner .error-txt {height:30px;line-height:30px;font-size:1.4rem;}
    .login-inner .login-ipt-wrap li + li {margin-top:10px;}
    .login-inner .login-ipt-wrap, .login-inner .ipt-check {margin-bottom:20px;}
    .login-inner .btn-area {margin-bottom:35px;}
    .login-inner .find-link li {margin-left:13px;padding-left:15px;font-size:1.4rem;}
    
    /* STORE */
    .store-wrap .mobile {display:block;background:#f9f9f9;}
    .store-wrap .result-area {position:relative;height:345px;background:#f9f9f9;}
    .store-wrap .tit-wrap {margin-bottom:0;padding:37px 20px 45px;}
    .store-wrap .page-tit {margin-bottom:37px;}
    .map-wrap .list-tit {padding:35px 20px 13px;background:#f9f9f9;border-bottom:1px solid #666;font-size:1.8rem;}
    .map-wrap .list-tit span {color:#704816;}
    .map-wrap .list-acc li + li,
    .map-wrap .list-acc .map-inner {border-top:1px solid rgba(102,102,102,0.3);}
    .map-wrap .list-acc li:last-child {border-bottom:1px solid rgba(102,102,102,0.3)}
    .map-wrap .list-acc a {display:block;padding:20px;}
    .map-wrap .list-acc a.on {background:#f3f2ec;}
    .map-wrap .list-acc .txt-area .store-name {margin-bottom:10px;font-size:1.6rem;font-family:'aritaSB';}
    .map-wrap .list-acc .space {text-align:right;font-size:1.4rem;font-family:'aritaSB';}
    
    .map-wrap .list-acc .map-inner {display:none;position:relative;}
    .map-wrap .map {height:272px;margin-left:0;}
    
    /* EVENT - LIST */
    .event-list-wrap .page-header {margin:35px 0 40px;}
    /* .event-list-wrap .tit-wrap {margin-bottom:35px;} */
    .event-list-wrap .sel-area {top:auto;right:auto;margin:0 20px;}
    .event-list-wrap .event-list .no-result {padding:50px 0 70px;}
    .event-list-wrap .event-list {margin-bottom:60px;}
    .event-list-wrap .paging-area {margin-bottom:0;}
    .event-list-wrap .event-list li {padding:0 0 53px 0;border:0;}
    .event-list-wrap .event-list li:last-child {padding:0;border-bottom:0;}
    .event-list-wrap .event-list li a {display:block;}
    .event-list-wrap .event-list .img-area {display:block;width:inherit;margin:0 0 30px 0;text-align:center;}
    .event-list-wrap .event-list .event-tit {width:inherit;padding:0 20px;}
    .event-list-wrap .event-list *[class*="flag-"] {margin-bottom:17px;font-size:1.4rem;}
    
    /* EVENT - DETAIL */
    .event-con-wrap .board-con-header {max-width:inherit;margin:37px 20px 20px;}
    .event-con-wrap .event-con-area {max-width:inherit;margin:0 0 60px 0;padding:0 20px;}
    .event-con-wrap .img-area {height:auto;margin-bottom:30px;}
    .event-con-wrap .step-list {display:table;margin:0 0 30px 20px;}
    .event-con-wrap .step-list li {display:table;width:100%;margin-top:15px;}
    .event-con-wrap .step-list li:first-child {margin-top:0;}
    .event-con-wrap .step-list .num {display:table-cell;width:40px;height:40px;line-height:40px;}
    .event-con-wrap .step-list:after {top:0;left:20px;width:1px !important;height:100%;margin-left:0 !important;}
    .event-con-wrap .step-list .txt {display:table-cell;padding:0 16px;vertical-align:middle;text-align:left;font-size:1.6rem;}
    .event-con-wrap .step-list .txt span {display:inline-block;padding-left:12px;}
    .event-con-wrap .product-inner .img-area {display:block;width:inherit;height:inherit;margin-bottom:0;}
    .event-con-wrap .product-inner .product-txt {display:block;width:inherit;height:inherit;text-align:center;}
    .event-con-wrap .product-inner .product-txt .tit {margin-bottom:20px;}
    .event-con-wrap .product-inner .product-txt .explain {padding-left:0;border-left:0;}
    .event-con-wrap .product-inner .product-txt .sub-tit {margin-bottom:10px;}
    .event-con-wrap .product-inner .product-txt .txt + .sub-tit {margin:10px 0 8px;}
    .event-con-wrap .product-inner .btn-area {margin-top:24px;}
    .event-con-wrap .btn-txt-bg {width:100% !important;}
    .event-con-wrap .active-wrap .sub-tit {margin-bottom:10px;font-size:2.3rem;}
    .event-con-wrap .active-inner {margin-bottom:55px;}
    
    .event-con-wrap .active-inner .ipt-wrap {margin-bottom:10px;}
    .event-con-wrap .active-inner .ipt-txt02 {padding:12px 16px;font-size:1.4rem;}
    .event-con-wrap .active-inner .byte-area {font-size:1.4rem;bottom:12px;right:16px;}
    .event-con-wrap .review-wrap {padding:42px 20px 0;}
    .event-con-wrap .board-con-wrap {margin:0 20px;padding:20px 0 0 0;}
    .event-con-wrap .review-wrap .review-box {padding:60px 0 60px;}
    .event-con-wrap .review-list .summary-info {position:absolute;top:25px;}
    .event-con-wrap .review-list .txt {margin-bottom:0;}
    .event-con-wrap .review-list .review-content {width:100%;padding:0;}
    .event-con-wrap .review-list .writer-info {position:static;float:left;}
    .event-con-wrap .review-list .writer-info .id:after {position:absolute;right:5px;display:inline-block;color:#e6e5e5;content:'|';}
    .event-con-wrap .review-list .writer-info + time {position:static;float:left;margin-top:2px;}
    .event-con-wrap .review-box .review-btn {left:0;}
    .event-con-wrap .paging-area {margin-bottom:0;}
    .event-con-wrap .winner-list {padding:0 10px 30px;font-size:1.6rem;}
    .event-con-wrap .winner-list li {width:49%;margin-top:30px;}
    
    .event-con-wrap .board-con-wrap .btn-area {text-align:right;}
    
    .layer-wrap .event, .layer-wrap#event02 .event {height:100%;margin:0;}

    /* CONCIERGE */
    .offer-wrap .img-area.mobile {position:relative;}
    .offer-wrap .img-area.mobile .angel-top {top:50%;transform:translateY(-50%);}
    .offer-wrap .angel-top {top:0;padding:10px;}
    .offer-wrap .angel-top h2 {font-size:3.6rem;}
    .offer-wrap .angel-top p {font-size:1.6rem;}
    .offer-wrap .page-header {margin-bottom:45px;}
    .offer-con .tab-area {margin-bottom:30px;}
    .offer-con .tab-tit {display:block;margin-bottom:0;}
    .offer-con .tab-tit li {width:50%;}
    .offer-con .tab-tit li a {font-size:2rem;}
    .offer-con .info-area {margin-bottom:55px;}
    .offer-con .write-area.on {margin-bottom:75px;}
    .offer-con .write-area {margin:0 20px;padding:43px 20px;}
    .offer-con .write-area .tit {font-size:1.8rem;}
    .offer-con .write-area .bg-txt {margin-top:35px;}
    .offer-con .write-area time {font-size:1.4rem;}
    .offer-con .choice-inner {border-bottom:0;}
    .offer-con .reserve-wrap {margin:0 20px;}
    .offer-con .reserve-wrap .sub-tit {font-size:1.8rem;}
    .offer-con .choice-inner > div {float:none;width:inherit;border-right:0;}
    .offer-con .choice-inner .store-inner {width:inherit;margin-bottom:40px;padding:40px 0 0 0;border-right:0;}
    .offer-con .search-inner .search-inp {padding:15px 32px 0;}
    .offer-con .search-inner .btn-search {top:12px;}
    .offer-con .date-inner {height:inherit;margin-bottom:32px;padding:0 0 32px 0;border-bottom:1px solid #a5a298;}
    .offer-con .reserve-wrap .choice-tit,
    .offer-con .reserve-wrap .calendar-tit {font-size:1.6rem;}
    .offer-con .calendar-area .btn-date-prev {left:90px;}
    .offer-con .calendar-area .btn-date-next {right:90px;}
    .offer-con .calendar-area .legend span + span {margin-left:10px;}
    .offer-con .time-inner {padding:0;}
    .offer-con .time-list li {width:48%;}
    .offer-con .time-list li span, .offer-con .time-list li label {width:100%;}
    .offer-con .info-inner .customer-area .name {font-size:1.8rem;}
    .offer-con .info-inner .info-con li > p.tit {width:30%;vertical-align:middle;}
    .offer-con .info-inner .info-con li > p.con {width:70%;padding-left:24px;}
    .offer-con .agree-area .agree-inner dt {padding-right:40px;}
    .offer-con .confirm-wrap .info-inner + .info-inner {margin-top:50px;}
    .offer-con .confirm-wrap .info-con, .offer-con .confirm-wrap .confirm {display:block;width:100%;}
    .offer-con .confirm-wrap .confirm {padding:25px 0;border-top:1px solid #aeaeae;}
    .offer-con .confirm-wrap .confirm .txt {font-size:1.8rem;}
    .offer-con .notice-area + .btn-area {margin-top:80px;}
    .offer-con .notice-area + .btn-area *[class*="btn-"][class*="txt"] {width:47%;}
    .offer-con .notice-area + .btn-area *[class*="btn-"] + *[class*="btn-"] {margin:0 0 0 10px;}
    .offer-con .confirm-wrap {margin:0 20px;}
    .offer-con .confirm-wrap .tbl-confirm .confirm .txt {font-size:1.2rem;}
    
    .layer-wrap .layer-inner.offer {height:100%;margin:0;}
    .layer-wrap .layer-inner.offer .check-inner {padding:25px 12px 20px;}
    .layer-wrap .layer-inner.offer .check-inner .radio-area {padding-left:0;}
    .layer-wrap .layer-inner.offer .ipt-check {width:65px;}
    .layer-wrap .layer-inner.offer .radio-area .ipt-radio01:nth-of-type(n+3),
    .layer-wrap .layer-inner.offer .ipt-check:nth-of-type(n+3) {margin:10px 0 0 0;}
    
    
    /* PRIMANIA */
    .primania {max-width:inherit;}
    .primania .page-header {margin-top:37px;}
    .primania .page-header .tit-wrap {margin-bottom:38px;}
    .primania .page-header .btn-area {margin:30px 20px 0;}
    
    .primania .sel-area .sel-tit {width:100%;}

    .primania .board-con-header {max-width:inherit;margin:37px 20px 20px;}
    .primania .board-con-area {max-width:auto;margin:0 20px;}
    .primania .btn-share {margin-top:15px;}
    .primania-info-wrap {max-width:inherit;}
    .primania-info-wrap > .sub-tit {padding:0 20px;margin-bottom:15px;font-size:1.8rem;}
    .primania-info-wrap .box-img-type, .primania-info-wrap .btn-area {margin-bottom:75px;}
    .primania-info-wrap .btn-area {padding:0 20px;}
    .primania-list {max-width:inherit;margin:0 20px;padding-left:0;}
    .primania-list .item {width:100%;}
    .primania-list .item .slick-slide img {width:100%;}
    
    .primania-list .js-slide .img-area {margin-bottom:16px;}
    
    /* FLAGSHIP */
    .flagship .flagship-header {height:calc(100vh - 60px);background:url(/kr/ko/resource/images/content/bg_m_flagship.png) no-repeat left;background-size:cover;}
    .flagship .header-inner {top:25%;left:10%;width:80%;height:48%;margin:0;padding:12px;}
    .flagship .sub-tit {font-size:3.2rem;}
    .flagship .header-inner .txt {font-size:1.6rem;}
    .flagship .header-inner .txt:before,
    .flagship .flagship-body:before,
    .flagship .header-inner .txt:after,
    .flagship .layer-mouse {display:none;}
    .flagship .flagship-body {margin-top:55px;}
    .flagship .flagship-body .sub-tit {font-size:2.8rem;}
    .flagship .flagship-body .txt-wrap {margin-bottom:55px;text-align:center;}
    .flagship .flagship-body .txt-wrap .txt {font-size:1.6rem;}
    .flagship .flagship-body .youtube-area {max-width:none;margin:0 auto 60px;padding-bottom:56.25%;}
    .flagship .inside-info.mobile {margin:0 20px 100px 20px;}
    .flagship .inside-info.mobile li {margin-top:55px;}
    .flagship .inside-info.mobile li:after {display:block;clear:both;content:'';}
    .flagship .inside-info.mobile li:first-child {margin-top:0;}
    .flagship .inside-info.mobile .img-area {margin-bottom:10px;}
    .flagship .inside-info.mobile li h4 {margin-bottom:5px;font-size:2.8rem;font-family:'aritaSB';}
    .flagship .inside-info.mobile li .txt {font-size:1.6rem;}
    .flagship .flagship-info {margin-bottom:40px;}
    .flagship .flagship-info .img-area.mobile {margin-bottom:40px;}
    .flagship .flagship-info .txt-box {float:none;width:auto;height:auto;padding:0 20px;}
    .flagship .flagship-info .txt-inner {display:block;padding-right:0;}
    .flagship .flagship-info .tit {margin-bottom:30px;padding-bottom:10px;font-size:1.8rem;}
    .flagship .flagship-info .txt-box ul {margin-bottom:30px;}
    .flagship .flagship-info .txt-box li {padding:0 0 6px 40px;font-size:1.6rem;}
    .flagship .flagship-info .txt-box .address {background-size:20px 26px;}
    .flagship .flagship-info .txt-box .tel {background-size:22px;}
    .flagship .flagship-info dt {margin-bottom:5px;font-size:1.6rem;}
    .flagship .flagship-info dd {font-size:1.4em;}
    .flagship .flagship-info dd + dd {margin-top:0;}
    
    /* BRAND STORY */
    .brand {margin-top:-60px;}
    .brand .txt-wrap {position:static;}
    .brand .brand-tit {margin-bottom:0;font-size:2.4rem;}
    .brand .txt-wrap .desc {font-size:1.6rem;}
    .brand .txt-wrap .sub-tit {margin-bottom:10px;font-size:3.2rem;}
    .brand .txt-area .strapline {margin-bottom:10px;}
    .brand .txt-area .strapline span {font-size:2.6rem;font-family:'aritaSB';}
    .brand .arrow-wrap {display:none;}
    
    .brand #orign {padding:45px 0 50px;}
    .brand #orign .mobile {display:block;}
    .brand #orign .pc {display:none;}
    .brand #orign .bird-wrap {display:none;}
    .brand #orign .img-wrap {max-width:600px;margin:0 auto;}
    .brand #orign .txt-wrap {padding:0 20px;}
    .brand #orign .tit-wrap {font-family:'aritaSB';}
    .brand #orign .story-tit {font-size:2.6rem;font-weight:600;}
    .brand #orign .strapline {font-size:2.8rem;}
    .brand #orign .img-wrap {max-width:414px;}
    .brand #orign .img-wrap .l-right.first {position:relative;width:332px;height:315px;padding:0;margin:50px auto 0 auto;background-position:right bottom;background-size:232px 253px;}
    .brand #orign .img-wrap .l-right.first .txt {position:absolute;left:0;top:0;margin:0;font-size:2.8rem;font-family:'aritaSB';}
    .brand #orign .img-wrap .img-inner > div[class^=l-] {overflow:hidden;float:none;width:auto;margin:40px 0 0 0 !important;padding:0;background-position:right 110px;background-size:320px 270px !important;}
    .brand #orign .img-wrap .img-inner > div[class^=l-] .txt {float:right;width:305px !important;padding:240px 0 0;}
    .brand #orign .img-wrap .img-inner > div.l-right.mobile {background:url(/kr/ko/resource/images/content/img_brand_orign03_m.png) no-repeat right 104px;}
    .brand #orign .img-wrap .img-inner > div.l-right.mobile .txt {padding:220px 0 0;}
    .brand #orign .img-wrap .txt-box {float:right;width:305px;margin-top:50px;}
    .brand #orign .img-wrap .txt-box .txt {margin-bottom:10px;}
    .brand #orign .img-wrap .txt-box strong {font-size:2.8rem;font-family:'aritaSB';}
    .brand #orign .img-wrap .l-right.first .txt .white {color:#fff;}
    
    .brand #story .txt-wrap {top:20%;left:20px;padding:0;}
    .brand #story .txt-wrap .brand-tit {font-size:4.6rem;}
    .brand #story .txt-wrap .brand-tit:after {display:none;}
    .brand #story .txt-wrap .txt {margin-bottom:10px;font-size:2rem;}
    .brand #story .txt-wrap .desc {font-size:1.8rem;}
    .brand #story .layer-mouse {left:auto;bottom:160px;}
    
    .brand #science {padding:30px 20px 20px 20px;}
    
    .brand #ingredient {padding:40px 0 20px 20px;}
    .brand #ingredient .txt-wrap {margin-bottom:35px;}
    .brand #ingredient .ingredient-wrap {margin-left:0;}
    .brand #ingredient .ingredient-area {width:290px;margin-left:20px;}
    .brand #ingredient .ingredient-inner .txt-area em {font-size:2.6rem;}
    .brand #ingredient .ingredient-layer {display:none;}
    
    .brand #promise {padding:40px 0 50px;}
    .brand #promise .txt-wrap {padding-left:20px;}
    .brand #promise .txt-wrap .sub-tit {margin-bottom:0;}
    .brand #promise .img-wrap {max-width:inherit;padding-top:75px;}
    .brand #promise .img-wrap > div {display:block;}
    .brand #promise .img-wrap .img-area {display:block;width:auto !important;height:auto !important;}
    .brand #promise .img-wrap .txt-area {display:block;width:280px !important;vertical-align:inherit;}
    .brand #promise .img-wrap .txt {font-size:1.6rem;}
    .brand #promise .img-wrap .l-left {padding-left:15%;}
    .brand #promise .img-wrap .l-left .txt-area {padding-right:0;padding-left:0;}
    
    .brand #promise .img-wrap .l-left.type01 {margin-bottom:70px;}
    .brand #promise .img-wrap .l-left.type01 .txt-area {margin-top:10px;}
    .brand #promise .img-wrap .l-right.type02 {overflow:visible;max-width:inherit;margin:0 9% 70px 0;}
    .brand #promise .img-wrap .l-right.type02 .img-area {float:none;margin-left:-5%;text-align:left;}
    .brand #promise .img-wrap .l-right.type02 .txt-area {float:none;margin-top:-16px;padding:0 0 0 20px;text-align:left;}
    .brand #promise .img-wrap .l-left.type03 {margin-top:0}
    .brand #promise .img-wrap .l-left.type03 .img-area {margin:0 -9%0 -4%;}
    .brand #promise .img-wrap .l-left.type03 .txt-area {margin-top:-12px;}
    .brand #promise .bg-txt {top:-13%;}
    .brand #promise .type02 .bg-txt {top:-10%;}
    .brand #promise .type03 .bg-txt {top:-19%;}
    
    .brand #philosophy {padding:50% 20px 0 20px;}
    
    .brand #history {padding-top:40px;}
    .brand #history .txt-wrap {margin-bottom:50px;padding-left:20px;}
    .brand #history .history-wrap {margin-left:0;}
    .brand #history .history-inner {margin-left:0;margin-right:20px;padding-left:43px;}
    .brand #history .history-inner .img-area {margin-bottom:15px;}
    .brand #history .history-inner .txt {font-size:1.6rem;}
    .brand #history .arrow-wrap {display:none;}

    /* INSTA AGREE */
    .agree {padding-top:35px;}
    .agree h1 {margin-bottom:35px;font-size:3.6rem;}
    .agree .agree-wrap {max-width:inherit;padding:0 20px;}
    .agree .agree-wrap h2 {font-size:2.6rem;font-family:'aritaSB';}
    .agree .agree-wrap .agree-tit {font-size:1.6rem;}
    .agree .agree-wrap .num-list > li {padding-left:0;font-size:1.4rem;text-indent:0;}
    .agree .agree-wrap .txt-hyphen {margin-left:0px;}
    .agree .agree-wrap .txt-hyphen li {font-size:1.4rem;}

  /* 20210226 ui/ux 개선 test */

   /* .product-wrap .sort-wrap .sel-area {

        border-bottom: 0 none;

    } */

    .tag-area {

        border-bottom: 0 none;

        border-top: 0 none;

    }

    .list-wrap .slide-inner .tit:before, .list-wrap .slide-inner .tit:after { display: none;}

    .shift-wrap .pc-img {display:none;}

    .shift-wrap .mobile-img {display:block;}
    .product-wrap .sort-wrap.fixed{top:0}
}

@media (max-width:750px){
.product-wrap .info-area h2{margin-bottom:12px;font-size:2.8rem;font-weight:700;margin-bottom:0}
.product-wrap .list{padding:20px 0}
.product-wrap .info-area{float:none;width:88%;margin:0 20px}
.product-wrap .info-area h2 span{display:none}
.product-wrap .info-area h2 em{display:inline-block;font-size:2rem}
.product-wrap .sort-wrap.fixed{top:50px;top:0}
.product-wrap .sort-wrap .sel-area{float:none;width:100%;height:52px;border-right:0;border-bottom:1px solid #d3d0c3;height:44px;transition:height .1s}
.product-wrap .sort-wrap .sel-area .sel-tit{padding:0 20px;line-height:52px;line-height:44px;font-family:aritaM,serif;font-weight:700;font-size:17px}
.product-wrap .sort-wrap .sel-area .sel-option{top:51px;z-index:100;top:43px}
.product-wrap .sort-wrap .product-name{float:none;width:100%;height:auto;padding:0;height:44px}
.product-wrap .sort-wrap .product-name .js-scroll{margin-right:0}
.product-wrap .sort-wrap .scroll-wrap .sort-list{overflow-y:hidden;overflow-x:scroll;width:100%;height:52px;padding:18px 20px 15px 20px;box-sizing:border-box;height:45px;padding:12px 20px 10px 20px;-ms-overflow-style:none;scrollbar-width:none}
.product-wrap .sort-wrap .scroll-wrap li+li{margin-left:3%}
.product-wrap .info-area .all,
.product-wrap .info-area .txt{display:none}
.product-wrap .tag-area{margin-bottom:0}
.product-wrap .list-btn{display:none}
.product-wrap .list-area{width:100%;margin:0;padding:0 20px}
.product-wrap .js-slide .slick-arrow,
.recom-wrap .slick-arrow{display:inline-block!important;width:20px;height:30px;margin-top:-15px;background-size:100% 100%!important;transform:inherit}
.product-wrap .js-slide .slick-prev{background:url(/kr/ko/resource/images/common/slider_prev.svg) no-repeat left top}
.product-wrap .js-slide .slick-next{background:url(/kr/ko/resource/images/common/slider_next.svg) no-repeat left top;transform:inherit}
.product-wrap .sort-wrap .sel-area .sel-tit span{background-position-y:15px}
.product-wrap .sort-wrap .sel-area.on .sel-tit span{background-position-y:20px}
.list-wrap .slide-inner .tit{font-weight:700}
.list-wrap .slide-inner .tit sup{font-size:1rem}
.product-wrap .sort-wrap .scroll-wrap .sort-list::-webkit-scrollbar{display:none}
.tag-area span{font-family:aritaM;font-weight:700}
.product-wrap .js-slide .slick-arrow{margin-top:-14px}
.list-wrap .img-area{margin-bottom:4px}
#header.renew-header{transition:top .3s;top:0}
#header.header-fixed.renew-header{top:0}
.product-wrap .sort-wrap{transition:top .3s}
.product-wrap .sort-wrap.fixed .sel-area{height:0;overflow:hidden}
}

@media (max-width: 641px) {
    .shift-wrap .pc-img {display:none;}
    .shift-wrap .mobile-img {display:block;}
}


@media (max-width: 321px) {
    .emblem-area li,
    .shift-wrap .emblem-area img {width:40px;height:40px;}
    .shift-wrap .emblem-area li {/*width:20%;*/}
    .shift-wrap .research-wrap .graph-area:after,
    .shift-wrap .research-wrap .left .graph-area:after {left:44px;}
    .shift-wrap .research-wrap .chart-tit-area .txt {width:70%;}
    .shift-wrap .research-wrap .graph-area .txt {top:-50px;}
    .thum-wrap .img-view {margin-bottom:0;}

    .thumbnail-wrap .thumbnail-inner.movie:after {top:136px;}
    

    .login-wrap {padding-top:20px;}
    .login-inner.on .error-txt {float:none;margin-top:10px;}
    .login-inner .find-link li {display:block;margin-left:0;padding-left:0;}
    .login-inner .find-link li:before {display:none;}
    .login #footer {margin-top:40px;}
    
    
    .offer-con .search-inner .search-inp {padding:15px 16px 0;}
    .offer-con .search-inner .btn-search {right:16px;}
    
    .flagship .header-inner {height:58%;}
    
    .brand #ingredient .txt-wrap {margin-bottom:25px;}
    .brand #ingredient .ingredient-area {width:287px;height:366px}
}

/*20190828 이벤트 리스트 썸네일 hover*/
.event-list li .img-area{overflow:hidden;position:relative;}
.event-list li .dim-bx{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#312e2b;opacity:0;transition-property:opacity;transition-duration:0.5s;}
.event-list li .dim-bx .tit {width:65%;margin:24% auto;word-break:keep-all;font-size:24px!important;color:#fff;}
.event-list li .img-area:hover .dim-bx{opacity:0.8;}


/* 20200831 검색결과 노출 css 수정 */
.search-page .recom-wrap .sub-tit br{display: none;}

/* 20240306 모바일 추천제품 문구 간격 수정 */
@media (max-width: 1019px) {
.recom-wrap .sub-tit{margin-left:20px;}
}


/*[BRANDSR-12397]241004 Reset to Google Map Update issue*/
.map-wrap .gm-ui-hover-effect{height:auto!important;right:-4px!important;top:-4px!important;width:auto!important;position:absolute!important;}
.map-wrap .gm-style .gm-style-iw-c{padding-left:0;}
.map-wrap .gm-style .gm-style-iw-ch{padding-top:27px!important;}
.map-wrap .gm-style .gm-style-iw-d{padding:0 30px 15px 20px;}

