@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body           { font-family: 'Noto Sans KR', sans-serif;}
#wrap          { min-width: 320px;}
.container     { overflow: hidden; position: relative; max-width: 720px;margin: 0 auto;}
.container img { max-width: 100%;}

.header{position: relative; z-index: 10; height: 50px; display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 0 15px; box-shadow: 0 3px 6px rgba(0,0,0,0.08)}
.m-menu{width: 20px;height: 16px;}
.btn-navi {width: 20px;height: 16px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}  
.btn-navi span {display: block;position: absolute;height: 2px;width: 100%;background: #000;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.btn-navi span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.btn-navi span:nth-child(2) {top: 7px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.btn-navi span:nth-child(3) {top: 14px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
body {overflow: auto}
body.on {overflow: hidden;}
body.on span{background: #fff;}
body.on .btn-navi span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;left: 0px;}
body.on .btn-navi span:nth-child(2) {width: 0%;opacity: 0;}
body.on .btn-navi span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 14px;left: 0px;}

.m-menu__lnb{display: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0; background: #60584C;width: 100%;height: 100vh;z-index: 10;}
body.on .m-menu__lnb{display: block;}
.m-menu__top{position: relative; height: 50px; display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 0 15px;}
.m-menu__lst{padding: 80px 60px;}
.m-menu__lst li{height: 22px;padding: 22px 0;overflow: hidden; border-bottom: 1px solid rgba(221,221,221,0.2);}
.m-menu__lst li a{width: 100%;display: block;}
.m-menu__lst li.on img{margin-top: -79px;}

.main-visual { position: relative;}
.go-TBD      { position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); width: 76%; margin: 17% 0 0 0;}

.cont .cont-more{display: none;}
.cont .btn-more{text-align: center;}
.cont.on .cont-more{display: block;}
.cont.on .btn-more{display: none;}

.cont-btn__area{position: relative;}
.layerPop-btn{position: absolute;left: 0;right: 0; bottom: 11%;width: 100%;height: 20%;}
.layerPop-btn li{height: 50%;}
.layerPop-btn li a{display: block;height: 100%;}


.foot-desc{padding: 40px 10px;background: #fff;}
.foot-desc__lst{margin-left: 10px;}
.foot-desc__lst li{text-indent: -13px;margin-top: 10px;font-size: 14px;color: #666;}
.footer{padding: 40px 0;font-size: 12px;background: #3E3A33;text-align: center;}
.footer p{line-height: 1.3;}
.foot__logo{font-size: 14px;color: #fff; font-weight: bold;}
.foot__num span{position: relative; font-size: 12px;color: #ddd; font-weight: bold;margin-top: 10px;padding: 0 10px;}
.foot__num span.line:before{content: '';position: absolute;left: 0;top: 5px; display: inline-block;width: 1px;height: 10px; background: #707070;}
.foot__txt{color: #999;margin-top: 10px;}
.foot__copy{color: #999;margin-top: 5px;}
.foot__cr{color: #999;font-size: 14px;margin-top: 10px;text-indent: 11px;}


.layer{display: none; position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.4);z-index: 20;max-width: 428px;margin: 0 auto;}
.layer-cont{position: absolute;left: 0; top: 0;right: 0;bottom: 0;}
.layer-head{padding: 84px 0;box-sizing: border-box; font-size: 32px;color: #fff; background: #545045;text-align: center;}
.layer-body{padding: 40px 24px;box-sizing: border-box;height: calc( 100% - 200px ); overflow-y: scroll;background: #fff;}
.guarantee-guide{margin-bottom: 50px;}
.guarantee-guide dt{font-size: 20px;font-weight: bold;}
.guarantee-guide dd{margin-top: 24px;}
.dd-tit{font-size: 18px;color: #8D744A;}
.dd-txt{font-size: 15px;color: #666;margin-top: 10px;line-height: 1.5;}
.dd-txt__detail{margin-left: 10px;margin-top: 15px;}
.dd-txt__detail li{text-indent: -14px; font-size: 15px;color: #666;margin-bottom: 5px;line-height: 1.3;}
.information-guide{margin-bottom: 30px;}
.guarantee-guide__tbl{width: 100%;border-top: 2px solid #555;}
.guarantee-guide__tbl thead th, .guarantee-guide__tbl thead td{text-align: left;vertical-align: middle; padding: 23px 10px 23px 10px;border-bottom: 1px solid #ddd;font-size: 16px}
.guarantee-guide__tbl thead th{position: relative; color: #222; background: #F5F5F5;font-weight: 400;}
.guarantee-guide__tbl thead th.bar:after{content: '';display: inline-block;position: absolute;right: 0;top: 50%;margin-top: -7px; width: 1px;height: 15px; background: #ddd;}
.guarantee-guide__tbl tbody td{text-align: left;vertical-align: middle; padding: 23px 0 23px 10px; font-size: 16px;color: #555;border-bottom: 1px solid #ddd;line-height: 1.4;}
.guarantee-guide__txt{font-size: 16px;margin-top: 10px;color: #555;line-height: 1.3;}

.layer-close {width: 20px;height: 16px;position: absolute;top: 24px;right: 18px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}  
.layer-close span {display: block;position: absolute;height: 2px;width: 100%;background: #fff;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.layer-close span:nth-child(1) {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;left: 0px;}
.layer-close span:nth-child(2) {top: 14px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0;left: 0px;}
footer{max-width: 720px;margin:0 auto}




/* 레이어팝업 */
.carrot-layer{position: fixed; z-index: 1;top: 50%;left: 50%;transform: translate(-50%, -50%); max-width: 420px; width: 80%; margin-top: 35px;box-shadow: 0 0 10px 5px rgba(0,0,0,.5);}
.carrot-layer__inner{position: relative;font-size: 0;}
.go-event{display: inline-block; position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 80%;}
.carrot-pop__close {position: absolute;top: 0;right: 0; width: 40px;height: 40px;opacity: 0.8;}
.carrot-pop__close:before, .carrot-pop__close:after {position: absolute;top: 5px;right: 18px;content: ' ';height: 30px;width: 1px;background-color: #000;}
.carrot-pop__close:before {transform: rotate(45deg);}
.carrot-pop__close:after {transform: rotate(-45deg);}