@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-top{text-align:center;margin-bottom:60px;position:relative;z-index:1;}
.doc-top .logo{margin-bottom:60px;}
.doc-top .txt{color: #fff;border-radius:35px;height:70px;display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:200;background-color: #654024;line-height:1.214em;}
.doc-top .txt.type2{font-weight:500;}
.doc-top .txt p{margin-bottom:-5px;}

.street .con{display:flex;align-items:center;}
.street .img{width:50%;}
.street .txt-box{width:50%;padding-left:55px;color: #2c2c2c;}
.street .txt-box p{font-size:20px;line-height:1.7em;margin-bottom:34px;}
.street .txt-box p:last-child{margin-bottom:0;}
.street .txt-box p span{color: #654024;font-weight:700;}

.analysis .doc-top{margin-bottom:-35px;}
.analysis .con{display:flex;padding:90px 0 50px;text-align:center;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border:1px solid #654024;border-top:0;background-color: #fff;}
.analysis .con .item{width:50%;}
.analysis .con .item:first-child{border-right:1px solid #654024;}
.analysis .con .item h3{font-size:24px;font-weight: 500;color: #654024;margin-bottom:20px;}
.dot-list li p{padding-left:5px;font-size:20px;line-height:1.7em;color: #2c2c2c;position:relative;display:inline-block;}
.dot-list li p:before{content:'';width:2px;height:2px;background-color: #2c2c2c;position: absolute;left:0;top:15px;border-radius:50%;}
.dot-list.type2{padding-top:160px;position:relative;}
.dot-list.type2:before{content:'';width:74px;height:105px;background:url('../images/sub/market_arrow.png')no-repeat 50% 50%/contain;position: absolute;left:50%;margin-left:-37px;top:25px;}
.analysis .btm-bg{padding:175px 0 120px;text-align:center;background-color: #fdf9f3;margin-top:-120px;}
.analysis .btm-bg p{font-size:28px;font-weight:200;color:#2c2c2c;line-height: 1.5em;}
.analysis .btm-bg p span{font-weight:500;color: #654024;}

.vision .content .con{display:flex;align-items:center;padding-bottom:60px;margin-bottom:60px;border-bottom:1px solid #e1e1e1;}
.vision .content .con:last-child{margin-bottom:0;}
.vision .content .con .img{width:50%;}
.vision .content .con .txt-box{width:50%;padding-left:60px;}
.vision .content .con:nth-child(even){flex-direction:row-reverse;}
.vision .content .con:nth-child(even) .txt-box{padding-left:0;padding-right:60px;text-align:right;}
.vision .content .con .txt-box h3{font-family: 'EsaManru',sans-serif;font-size:24px;font-weight: 500;color: #654024;margin-bottom:20px;}
.vision .content .con .txt-box p{color: #2c2c2c;font-size: 18px;line-height:1.778em;margin-bottom:20px;}
.vision .content .con .txt-box p:last-child{margin-bottom:0;}
.vision .btm{text-align:center;}
.vision .btm .icon{width:120px;height:120px;border-radius:50%;background-color: #654024;display:flex;justify-content:center;align-items:center;margin:60px auto 25px;}
.vision .btm p{color: #2c2c2c;font-weight: 200;font-size:28px;}
.vision .btm p strong{color: #654024;}

.myth .content{display:flex;}
.myth .content .con{width:50%;}
.myth .content .con.type2{padding-right:100px;}
.myth .content .con h3{color: #654024;font-size:26px;font-weight:500;margin-bottom:20px;}
.myth .content .con p{font-size:18px;line-height:1.778em;}
.myth .content .con.type2 .img{margin-top:60px;}
.myth .content .txt-box{margin-top:75px;}
.myth .content .txt-box .txt{margin-bottom:20px;}
.myth .content .txt-box .txt:last-child{margin-bottom:0;}
.myth .content.type2{display:flex;margin-top:50px;align-items:center;}
.myth .content.type2 .txt-box{width:50%;padding-right:40px;margin-top:0;}
.myth .content.type2 .img{width:50%;}

.step-page .con .box{display:flex;align-items:center;margin-bottom:60px;}
.step-page .con .box:last-child{margin-bottom:0;}
.step-page .con .box .circle{width:242px;height:242px;border-radius:50%;margin-right:60px;}
.step-page .con .box .circle img{width:100%;height:100%;}
.step-page .con .box .txt-box{width:1%;min-width:0;flex:1 1 auto;}
.step-page .con .box .txt-box h3{font-size:24px;font-weight:500;margin-bottom:25px;padding-left:35px;position:relative;}
.step-page .con .box .txt-box h3:before{content:'';width:25px;height:33px;background:url('../images/sub/icon_step1.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:-4px;}
.step-page .con .box:nth-child(2) .txt-box h3:before{background-image:url('../images/sub/icon_step2.png');}
.step-page .con .box:nth-child(3) .txt-box h3:before{background-image:url('../images/sub/icon_step3.png');}
.step-page .con .box:nth-child(4) .txt-box h3:before{background-image:url('../images/sub/icon_step4.png');}
.step-page .con .box .txt-box p{font-size:18px;line-height:1.778em;}

.delivery .doc-top{margin-bottom:-35px;}
.delivery .con{border:1px solid #654024;border-bottom-left-radius:16px;border-bottom-right-radius:16px;text-align:center;margin-bottom:100px;overflow:hidden;}
.delivery .con .img{padding:53px 20px 27px;}
.delivery .con .txt-box{padding:55px 20px 50px;background-color: #fdf9f3;}
.delivery .con .txt-box p{font-size:20px;line-height:1.7em;}
.delivery .con .txt-box p span{font-weight:800;}
.delivery .btm-con{background-color: #fdf9f3;padding:95px 0 120px;}
.delivery .btm-con h3{text-align:center;font-size:28px;font-weight:500;margin-bottom:55px;}
.delivery .btm-con .reviews{display:flex;margin:0 -10px;}
.delivery .btm-con .reviews li{width:20%;padding:0 10px;}
.delivery .btm-con .reviews li .img{border-radius:16px;overflow:hidden;}

.beginner ul{display:flex;border:1px solid #654024;border-radius:16px;}
.beginner ul li{width:33.3333%;border-right:1px solid #654024;}
.beginner ul li:last-child{border-right:0;}
.beginner ul li .wrap{padding:57px 20px;text-align:center;}
.beginner ul li .wrap h3{font-size:18px;font-weight:200;margin:24px 0 3px;}
.beginner ul li .wrap p{font-size:17px;line-height:1.647em;font-weight:300;}

.point ul{}
.point ul li{margin-bottom:20px;}
.point ul li:last-child{margin-bottom:0;}
.point ul li .box{display:flex;border-radius:15px;align-items:center;position:relative;}
.point ul li .box:after{content:'';border-radius:16px;border:1px solid #654024;position: absolute;left:1px;bottom:0px;right:0;top:0px;z-index:-1;}
.point ul li .box .icon{max-width:110px;margin-right:30px;}
.point ul li .box .txt-box{min-width:0;width:1%;flex:1 1 auto;}
.point ul li .box .txt-box h3{font-size:18px;font-weight:200;margin-bottom:-5px;}
.point ul li .box .txt-box p{font-size:17px;font-family:'Noto Sans KR',sans-serif;font-weight:300;}
.point .bg-box{background-color: #654024;border-radius:16px;padding:28px 20px 22px;margin-top:20px;}
.point .bg-box p{color: #fff;line-height:1.889em;font-weight:200;text-align:center;}

.doc-table table{width:100%;border-spacing:0;text-align:center;border-top:2px solid #654024;}
.doc-table table thead th{padding:16px 10px 15px;background-color: #fdf9f3;color: #654024;font-family: 'EsaManru',sans-serif;font-size:18px;font-weight:500;border-right:1px solid #ddd;}
.doc-table table tbody td{padding:19px 20px 15px;font-size:18px;line-height:1.4em;border-right:1px solid #ddd;border-top:1px solid #ddd;}
.doc-table table tbody td .sm-txt{font-size:14px;font-weight:300;color: #878787;font-family:'Noto Sans KR',sans-serif;line-height:1em;}
.doc-table table tbody td .lt-wrap{display:flex;flex-wrap:wrap;margin-bottom:-5px;}
.doc-table table tbody td .l-t{text-align:left !important;padding-left:10px;position:relative;width:50%;padding-right:20px;line-height:1.2em;margin-bottom:5px;}
.doc-table table tbody td .l-t:before{content:'';width:4px;height:1px;background-color: #454545;position: absolute;left:0;top:8px;}
.doc-table .bd-c td{background-color: #27327c;color: #fff;font-family: 'EsaManru',sans-serif;font-weight:500;}		
.doc-table tr th:first-child,
.doc-table tr td:first-child {border-left:0;}
.doc-table tr th:last-child,
.doc-table tr td:last-child {border-right:0;}

.system .con-box .con{display:flex;height:100%;}
.system .con-box .con:nth-child(even){flex-direction:row-reverse;}
.system .con-box .con .img{width:50%;}
.system .con-box .con .txt-box{background-color: #fdf9f3;width:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px;}
.system .con-box .con .txt-box .num{width:50px;height:50px;border-radius:50%;background-color: #27327c;color: #fff;font-size:20px;font-weight:800;display:flex;justify-content:center;align-items:center;margin:0 auto 20px;}
.system .con-box .con .txt-box .esa{font-size:20px;font-weight:200;margin-bottom:5px;}
.system .con-box .con .txt-box .noto{font-size:17px;font-weight:300;color: #505050;line-height:1.647em;}

.price .doc-table table tbody td.blue{font-weight:800;}
.price .doc-table table tbody tr.bd-c .big-txt{font-size:24px;}
.price .top-txt{font-size:26px;font-weight:500;margin-bottom:20px;text-align:center;}

.consulting ol{display:flex;margin:0 -15px;}
.consulting ol li{width:33.3333%;padding:0 15px;text-align:center;}
.consulting ol li .box{background-color: #fdf9f3;border-radius:16px;padding:63px 20px 55px;}
.consulting ol li .box .num{width:50px;height:50px;border-radius:50%;background-color: #654024;color: #fff;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:800;margin:0 auto 20px;}
.consulting ol li .box p{font-size:20px;line-height:1.6em;}
.consulting ol li .box p span{font-weight:700;}
.consulting .open{margin:95px 0 55px;font-size: 26px;font-weight:200;line-height:1.462em;text-align:center;}
.consulting .consult-form{background-color: #fdf9f3;padding:45px 55px;border-top:2px solid #654024;}
.consulting .consult-form .top-txt{font-size:20px;font-weight:200;text-align:center;}
.consulting .consult-form .form-area{margin-top:45px;border-top:1px solid #654024;padding:40px 20px 0;}
.consulting .consult-form .form-area form{max-width:570px;width:100%;margin:0 auto;}
.consulting .consult-form .form-wrap{display: flex;width:100%;}
.consulting .consult-form .form-wrap .wrap{display:flex;align-items:center;width:50%;}
.consulting .consult-form form label{font-size:18px;min-width:50px;}
.consulting .consult-form form label.type2{margin-right:23px;}
.consulting .consult-form input.input:focus{outline:none;}
.consulting .consult-form input.input{border-radius:6px;max-width:212px;width:100%;}
.consulting .consult-form textarea.input{border-radius:6px;}
.consulting .consult-form textarea.input:focus{outline:none;}
.consulting .consult-form .wrap.type2{display:flex;margin-top:20px;}
.consulting .consult-btn{display:flex;justify-content:center;align-items:center;border-radius:16px;background-color: #27327c;font-weight:700;color: #fff;font-size:18px;min-width:190px;height:50px;margin:50px auto 0;border:none;}

.store-detail h3{font-size:26px;font-weight:500;text-align:center;margin-bottom:25px;}
.store-detail .flex-box{display:flex;}
.store-detail .flex-box .store-slide{width: 65.4166%;}
.store-detail .flex-box .info-box{width:34.5833%;}
.store-detail .flex-box .store-slide .pic {position:relative; height:0; padding-bottom:62.422%; overflow:hidden;}
.store-detail .flex-box .store-slide .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.store-detail .flex-box .store-slide .viewr .origin{margin-bottom:10px;position:relative;}
.store-detail .flex-box .store-slide .viewr .origin .pic{border-top-left-radius:16px;border-bottom-left-radius:16px;}
.store-detail .flex-box .store-slide .viewr .thumb .items{margin:0 -5px;}
.store-detail .flex-box .store-slide .viewr .thumb .item{padding:0 5px;}
.store-detail .flex-box .store-slide .viewr .thumb .item .pic{cursor:pointer;border-radius:16px;overflow:hidden;}
.store-detail .flex-box .store-slide .viewr .thumb .item .pic:after{content:'';width:100%;height:100%;border:4px solid #27327c;border-radius:16px;position: absolute;left:0;top:0;bottom:0;right:0;opacity:0;transition:.3s;}
.store-detail .flex-box .store-slide .viewr .thumb .item.slick-current .pic:after{opacity:1;}
.store-detail .slide-nav{position: absolute;right:15px;bottom:30px;}
.store-detail .slick-arrow{font-size:0;background-color:rgba(0,0,0,.5);border-radius:50%;border:0;background-position:50% 50%;background-size:9px;background-repeat:no-repeat;width:40px;height:40px;}
.store-detail .slick-prev{background-image:url('../images/sub/detail_prev.png');margin-right:10px;}
.store-detail .slick-next{background-image:url('../images/sub/detail_next.png');}
.store-detail .info-box{padding-top:45px;padding-left:50px;position:relative;}
.store-detail .info-box:before{content:'';width:100%;height:82.6307%;background-color: #fdf9f3;position: absolute;left:0;top:0;border-top-right-radius:16px;border-bottom-right-radius:16px;}
.store-detail .info-box dl{padding-left:64px;position:relative;margin-bottom:40px;}
.store-detail .info-box dl:last-child{margin-bottom:0;}
.store-detail .info-box dl:after{content:'';width:54px;height:54px;border-radius:50%;background:#654024 url('../images/sub/detail_icon1.png')no-repeat 50% 50%/28px;position: absolute;left:0;top:-4px;}
.store-detail .info-box dl.type2:after{background-image:url('../images/sub/detail_icon2.png');}
.store-detail .info-box dl.type3:after{background-image:url('../images/sub/detail_icon3.png');}
.store-detail .info-box dt{font-family: 'EsaManru',sans-serif;color: #654024;font-size:20px;font-weight:200;line-height:1em;margin-bottom:5px;}
.store-detail .info-box dd{font-family:'Noto Sans KR',sans-serif;font-size:17px;font-weight:300;line-height:1em;}

.sm-notice{text-align:right;font-size:14px;line-height:1.5em;font-family:'Noto Sans KR',sans-serif;color: #878787;font-weight:300;margin-top:10px;}

.notice22{text-align:right;margin-bottom:5px;font-size:14px;color: #878787;font-family:'Noto Sans KR',sans-serif;font-weight:300;}

.line-tt{position:relative;}
.line-tt:before{content:'';width:110%;height:1px;background-color:#ff0000;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.rota-box{border:2px solid #ff0000;background-color:#fff;padding:10px 15px;display:inline-block;font-size:15px;/* font-family:'Noto Sans KR',sans-serif; */line-height:1.4em;transform:rotate(-10deg);font-weight:700;color: #ff0000;}

.r-tt{text-align:right;font-weight:500;margin-top:5px;font-size:14px;font-family:'Noto Sans KR',sans-serif;}