@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .top-wrap{display:flex;align-items:center;margin-bottom:var(--size80);}
.greeting .top-wrap .tit-wrap{margin-right:37px;}
.greeting .top-wrap .tit-wrap .tit{font-size:var(--fz56);font-weight:700;line-height:1.34em;color:var(--dark);}
.greeting .top-wrap .tit-wrap p{margin-top:var(--size20);font-size:var(--fz20);color: #686868;line-height:1.4em;}
.greeting .top-wrap .img{min-width:0;width:1%;flex:1 1 auto;}
.greeting .tt-wrap .tit{margin-bottom:var(--size35);font-size:var(--fz28);font-weight:500;color:var(--dark);line-height:1.43em;}
.greeting .tt-wrap .wrap p{margin-bottom:var(--size30);}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .ceo{display:flex;align-items:center;margin-top:var(--size35);font-size:var(--fz20);font-weight:600;line-height:1.3em;color:var(--dark);}
.greeting .tt-wrap .ceo .sign{display:flex;justify-content:center;align-items:center;margin-left:30px;}

.overview .logo{margin-bottom:var(--size60);display:flex;justify-content:center;align-items:center;border:1px solid #ddd;padding:var(--size70);border-radius:var(--bd16);}
.table01 table{width:100%;border-spacing:0;border-top:2px solid var(--dark);}
.table01 table th,
.table01 table td{padding:15px 30px;height:60px;font-size:var(--fz18);line-height:1.67em;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.table01 table th{font-weight:600;color:var(--dark);background-color: #f8f8f8;}
.table01 table th:last-child,
.table01 table td:last-child{border-right:none;}

.history .row{display:flex;}
.history .row:first-child .year,
.history .row:first-child .info{border-top:2px solid var(--dark);}
.history .row .year{display:flex;justify-content:center;align-items:center;width:250px;margin-right:38px;border-bottom:1px solid #ddd;font-size:var(--fz32);font-weight:700;color:var(--pri);line-height:1.2em;}
.history .row .info{min-width:0;width:1%;flex:1 1 auto;padding:35px 40px;border-bottom:1px solid #ddd;}
.history .row .info ul li{display:flex;position:relative;padding-left:21px;margin-bottom:10px;font-size:var(--fz18);line-height:1.6em;}
.history .row .info ul li:last-child{margin-bottom:0;}
.history .row .info ul li:before{content:'';position: absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background-color:var(--pri);}
.history .row .info ul li .month{width:56px;color:var(--dark);font-weight:600;}
.history .row .info ul li .txt{min-width:0;width:1%;flex:1 1 auto;}
.history .row .info ul li .txt p{margin-bottom:10px;}
.history .row .info ul li .txt p:last-child{margin-bottom:0;}

.location .content{display:flex;align-items:center;margin-bottom:var(--size80);}
.location .content:last-child{margin-bottom:0;}
.location .content .tt-wrap{margin-right:40px;min-width:0;width:1%;flex:1 1 auto;}
.location .content .tt-wrap .tit-wrap{display:flex;align-items:center;margin-bottom:20px;}
.location .content .tt-wrap .tit-wrap .ic{display:flex;justify-content:center;align-items:center;margin-right:10px;}
.location .content .tt-wrap .tit-wrap .tit{font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.3em;}
.location .content .tt-wrap .info dl{display:flex;align-items:flex-start;margin-bottom:var(--size15);}
.location .content .tt-wrap .info dl:last-child{margin-bottom:0;}
.location .content .tt-wrap .info dl dt{position:relative;width:113px;padding-left:27px;font-size:var(--fz18);font-weight:500;color:var(--dark);line-height:1.4em;}
.location .content .tt-wrap .info dl dt:before{content:'';position: absolute;left:0;top:.2em;width:17px;height:17px;background:url('/images/sub/loc-ic1.png')no-repeat 0 50%/contain;}
.location .content .tt-wrap .info dl.st2 dt:before{background-image: url('/images/sub/loc-ic2.png');}
.location .content .tt-wrap .info dl.st3 dt:before{background-image: url('/images/sub/loc-ic3.png');}
.location .content .tt-wrap .info dl.st4 dt:before{background-image: url('/images/sub/loc-ic4.png');}
.location .content .tt-wrap .info dl dd{padding-top:1px;min-width:0;width:1%;flex:1 1 auto;line-height:1.88em;}
.location .content .tt-wrap .btns{margin-top:var(--size50);}
.location .content .tt-wrap .btns ul{display:flex;gap:10px;}
.location .content .tt-wrap .btns ul li a{display:flex;justify-content:center;align-items:center;width:160px;height:48px;border-radius:48px;border:2px solid #686868;color: #686868;line-height:1.2em;font-weight:600;transition:.3s;}
.location .content .tt-wrap .btns ul li a:hover{background-color:var(--pri);border-color:var(--pri);color: #fff;}
.location .content .tt-wrap .btns ul li.st2 a:hover{background-color:var(--snd);border-color:var(--snd);color: #fff;}
 
.location .content .maps{width:660px;overflow:hidden;border-radius:var(--bd40);}
.location .content .maps .root_daum_roughmap {width:100% !important; height:400px !important;}
.location .content .maps .root_daum_roughmap .wrap_map {height:400px !important;}
.location .content .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .content .maps .map_border{display:none;}
.location .content .maps .roughmap_lebel_text:after {content:"본사"; font-size:12px; line-height:15px;}
.location .content.type2 .maps .roughmap_lebel_text:after {content:"서울사무소";}


.busi .content{padding:var(--size100) 0;}
.busi .content:first-child{padding-top:0;}
.busi .content:nth-child(even){background-color: #f8f8f8;}
.busi .top-flex-con{display:flex;align-items:center;}
.bd-img{position:relative;border-radius:var(--bd16);overflow:hidden;}
.bd-img:after{content:'';width:100%;height:100%;border-radius:var(--bd16);border:1px solid #ddd;position: absolute;left:0;top:0;}
.busi .top-flex-con .bd-img{width:50%;border-radius:var(--bd20);}
.busi .top-flex-con .bd-img:after{border-radius:var(--bd20);}
.busi .top-flex-con .tt-wrap{width:50%;padding-left:var(--size60);}
.busi .top-flex-con .tt-wrap .tit{margin-bottom:var(--size30);font-size:var(--fz30);font-weight:600;color:var(--dark);line-height:1.3em;}
.dot-list.type2 li{margin-bottom:var(--size25);font-size:var(--fz18);line-height:1.78em;}
.dot-list.type2 li:last-child{margin-bottom:0;}

.doc-title{margin-bottom:var(--size55);text-align:center;}
.doc-title .tit{font-size:var(--fz40);font-weight:700;line-height:1.3em;color:var(--dark);}
.doc-title p{margin-top:var(--size30);font-size:var(--fz18);line-height:1.78em;}

.ic-feature ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -20px -45px;}
.ic-feature ul li{padding:0 20px;margin-bottom:45px;width:33.3333%;text-align:center;}
.ic-feature ul li .ic{display:flex;justify-content:center;align-items:center;margin:0 auto var(--size30);width:160px;height:160px;border:8px solid var(--pri);background-color: #fff;border-radius:100%;}
.ic-feature ul li .tit{font-size:var(--fz24);font-weight:600;line-height:1.4em;color:var(--dark);}
.ic-feature ul li .tt{margin-top:10px;line-height:1.63em;}

.order-feature ol{display:flex;flex-wrap:wrap;margin:0 -15px -60px;}
.order-feature ol li{width:50%;padding:0 15px;margin-bottom:60px;}
.order-tit{display:flex;align-items:center;margin-bottom:var(--size20);}
.order-tit .num{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin-right:10px;border-radius:100%;background-color:var(--pri);color:#fff;font-weight:700;line-height:1.2em;}
.order-tit .tit{font-size:var(--fz22);font-weight:600;color:var(--dark);line-height:1.3em;}

.bd-img.nbd:after{display:none;}
.doc-cnt-wrap .doc-cnt{margin-bottom:var(--size100);}
.doc-cnt-wrap .doc-cnt:last-child{margin-bottom:0;}
.ic-title{margin-bottom:var(--size30);}
.ic-title .tit{position:relative;padding-left:30px;font-size:var(--fz22);font-weight:600;color:var(--dark);line-height:1.3em;}
.ic-title .tit:before{content:'';position: absolute;left:0;top:.1em;width:22px;height:20px;background:url('/images/sub/ic-tit.png')no-repeat 0 50%/contain;}
.ic-title .pl{padding-left:30px;margin-top:10px;}
.doc-cnt .cnt-inner{padding-left:30px;}
.flex-x2-con{display:flex;margin:0 -15px;}
.flex-x2-con .col{width:50%;padding:0 15px;}

/* .doc-cnt .cnt-inner.type2{padding-left:0;} */
.doc-cnt .cnt-inner.type2 .flex-x2-con .col:first-child .ic-title{margin-left:-30px;}

.flex-x4-con{display:flex;margin:0 -15px;}
.flex-x4-con .col{width:25%;padding:0 15px;}
.img-tit{text-align:center;margin-top:var(--size25);line-height:1.4em;}

.range-txt{line-height:1.875em;}
.range-txt strong{font-weight:500;}
.range-txt .arr{margin:0 3px;font-size:12px;}

.bd-img.bd8{border-radius:var(--bd8);}
.bd-img.bd8:after{border-radius:var(--bd8);}

.table01.type2 table td{padding:15px 10px;font-size:var(--fz16);line-height:1.875em;text-align:center;}
.table01.type2 table th{padding:15px 10px;}

.flex-x3-con{display:flex;margin:0 -15px;}
.flex-x3-con .col{padding:0 15px;width:33.3333%;}

.top-flex-con.type2{margin:0 -30px 60px;}
.top-flex-con.type2 .left{width:50%;padding:0 30px;}
.top-flex-con.type2 .left .bd-img{width:100%;}
.top-flex-con.type2 .tt-wrap{padding:0 30px;}
.top-flex-con.type2 .tt-wrap .dot-list li{line-height:1.875em;}

.busi-order ol{display:flex;flex-wrap:wrap;margin:0 -15px -60px;}
.busi-order ol li{width:33.3333%;padding:0 15px;margin-bottom:60px;}
.busi-order ol li .order-tit{display:flex;justify-content:center;margin-bottom:0;margin-top:var(--size30);}

.mgb100{margin-bottom:var(--size100);}
.tb-nt{margin-top:15px;}

.bd-img.nrd{border-radius:0;}
.bd-img.nrd:after{border-radius:0;}
.ramen ul{display:flex;flex-wrap:wrap;margin:0 -15px -60px;}
.ramen ul li{width:50%;padding:0 15px;margin-bottom:60px;}
.ramen ul li .item{height:100%;}
.ramen ul li .item .tit{display:flex;justify-content:center;align-items:center;background-color:var(--pri);height:40px;font-size:var(--fz20);font-weight:600;line-height:1.2em;color: #fff;}
.ramen ul li .item .wrap{position:relative;height:calc(100% - 40px);background-color: #fff;}
.ramen ul li .item .wrap:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;border-top:none;}
.ramen ul li .item .wrap .txt{display:flex;justify-content:center;align-items:center;border-top:1px solid #ddd;text-align:center;font-size:var(--fz18);line-height:1.67em;min-height:152px;}
.ramen ul li .item .wrap .txt .inner{padding:15px 20px;width:100%;}
.ramen ul li.wide{width:100%;}
.ramen ul li.wide .item .flex{display:flex;margin:0 -15px;}
.ramen ul li.wide .item .flex .col{padding:0 15px;width:50%;}
.ramen ul li.wide .item .flex .col .group{height:100%;}
.ramen ul li.wide .item .flex .col .gr-tit{display:flex;justify-content:center;align-items:center;height:40px;font-size:var(--fz18);font-weight:500;color: #fff;line-height:1.2em;background-color: #686868;}
.ramen ul li.wide .item .flex .col .row{margin-bottom:-1px;}
.ramen ul li.wide .item .flex .col.type2 .row{margin-bottom:18px;}
.ramen ul li.wide .item .flex .col.type2 .row:last-child{margin-bottom:0;}
.table02 table{width:100%;border-spacing:0;border-top:2px solid var(--dark);}
.table02 table th,
.table02 table td{height:40px;padding:5px;border-right:1px solid #ddd;text-align:center;border-bottom:1px solid #ddd;}
.table02 table th{background-color:#f9fcf5;font-size:var(--fz18);color:var(--dark);line-height:1.44em;}
.table02 table td{line-height:1.3em;background-color: #fff;}
.table02 table th:last-child,
.table02 table td:last-child{border-right:none;}
.br1{border-right:1px solid #ddd !important;}

.construction ul{display:flex;flex-wrap:wrap;margin:0 -60px -100px;}
.construction ul li{position:relative;width:50%;padding:0 60px;margin-bottom:100px;}
.construction ul li:after{content:'';position: absolute;right:-26px;top:50%;margin-top:-26px;width:52px;height:52px;background:url('/images/sub/process-arr.png')no-repeat 50% 50%/contain;}
.construction ul li .bd-img{margin-bottom:var(--size20);border-radius:var(--bd24);}
.construction ul li .bd-img:after{border-radius:var(--bd24);}
.construction ul li .tit{display:flex;justify-content:center;align-items:center;height:40px;border-radius:var(--bd8);background-color:var(--pri);color: #fff;font-size:var(--fz20);font-weight:600;line-height:1.2em;}
.construction ul li:nth-child(1){order:1;}
.construction ul li:nth-child(2){order:2;}
.construction ul li:nth-child(3){order:4;}
.construction ul li:nth-child(4){order:3;}
.construction ul li:nth-child(5){order:5;}
.construction ul li:nth-child(6){order:6;}
.construction ul li:nth-child(7){order:8;}
.construction ul li:nth-child(8){order:7;}

.construction ul li:nth-child(2):after,
.construction ul li:nth-child(4):after,
.construction ul li:nth-child(6):after{right:auto;left:50%;margin-left:-26px;bottom:-76px;top:auto;margin-top:0;transform:rotate(90deg);}
.construction ul li:nth-child(3):after,
.construction ul li:nth-child(7):after{right:auto;left:-26px;transform:rotate(180deg);}
.construction ul li:last-child:after{display:none;}

.example ul{display:flex;flex-wrap:wrap;margin:0 -15px -60px;}
.example ul li{width:33.3333%;padding:0 15px;margin-bottom:60px;text-align:center;}
.example ul li p{margin-top:20px;font-size:var(--fz18);font-weight:500;color:var(--dark);line-height:1.6em;}

.btn-down{display:flex;justify-content:center;align-items:center;}
.btn-down img.on{display:none;}
.btn-down:hover img.off{display:none;}
.btn-down:hover img.on{display:block;}

.board-list-m .info{display:flex;align-items:center;}
.board-list-m .btn-down{display:inline-flex;}


.property .content{margin-bottom:var(--size100);}
.property .content:last-child{margin-bottom:0;}
.property-list ul{display:flex;flex-wrap:wrap;margin:0 -15px -75px;}
.property-list ul li{width:25%;padding:0 15px;margin-bottom:75px;text-align:center;}
.property-list ul li .tit{display:inline-flex;justify-content:center;align-items:center;margin-top:30px;min-width:230px;padding:5px 15px;border-radius:40px;background-color:var(--pri);color: #fff;font-size:var(--fz20);font-weight:500;}

.table01.type00 table th,
.table01.type00 table td{padding:10px 5px;font-size:var(--fz16);}

.table01.type00 table .bc00 td{background-color: #fbfdf9;font-weight:600;color:var(--pri);}

.resort .top-con{display:flex;align-items:center;margin-bottom:var(--size100);}
.resort .top-con .tt-wrap{margin-right:var(--size140);}
.resort .top-con .tt-wrap .tit{margin-bottom:var(--size40);font-size:var(--fz32);font-weight:700;color:var(--dark);line-height:1.3em;}
.resort .top-con .tt-wrap .info dl{display:flex;align-items:center;margin-bottom:var(--size30);}
.resort .top-con .tt-wrap .info dl:last-child{margin-bottom:0;}
.resort .top-con .tt-wrap .info dl dt{position:relative;padding-left:55px;width:145px;font-size:var(--fz22);font-weight:600;line-height:1.3em;color:var(--dark);}
.resort .top-con .tt-wrap .info dl dt:before{content:'';position: absolute;left:0;top:-.25em;width:40px;height:40px;background:var(--pri) url('/images/sub/resort-ic1.png')no-repeat 50% 50%/20px;border-radius:100%;}
.resort .top-con .tt-wrap .info dl.st2 dt:before{background-image: url('/images/sub/resort-ic2.png');}
.resort .top-con .tt-wrap .info dl.st3 dt:before{background-image: url('/images/sub/resort-ic3.png');}
.resort .top-con .tt-wrap .info dl dd{font-size:var(--fz18);line-height:1.4em;padding-bottom:1px;}
.resort .top-con .maps{min-width:0;width:1%;flex:1 1 auto;border-radius:var(--bd24);overflow:hidden;}
.resort .top-con .maps .root_daum_roughmap {width:100% !important; height:340px !important;}
.resort .top-con .maps .root_daum_roughmap .wrap_map {height:340px !important;}
.resort .top-con .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.resort .top-con .maps .map_border{display:none;}
.resort .top-con .maps .roughmap_lebel_text:after {content:"프렌즈하우스 펜션"; font-size:12px; line-height:15px;}

.resort .sld-con .origin-wrap{position:relative;margin-bottom:var(--size40);overflow:hidden;border-radius:var(--bd40);}
.resort .sld-con .name-wrap{position: absolute;left:50%;bottom:30px;transform:translateX(-50%);width:200px;background-color: #666462;border-radius:50px;color: #fff;}
.resort .sld-con .name p{line-height:50px;text-align:center;font-size:var(--fz20);font-weight:600;}
.resort .sld-con .name .slick-arrow{position: absolute;top:50%;margin-top:-8px;display:block;width:9px;height:16px;background-color:transparent;background-repeat:no-repeat;background-size:contain;border:none;font-size:0;opacity:.3;transition:.3s;}
.resort .sld-con .name .slick-prev{left:20px;background-image: url('/images/sub/resort-prev2.png');background-position: 0 50%;}
.resort .sld-con .name .slick-next{right:20px;background-image: url('/images/sub/resort-next2.png');background-position: 100% 50%;}
.resort .sld-con .name .slick-arrow:hover{opacity:1;}

.resort .sld-con .thumb{position:relative;padding:0 60px;}
.resort .sld-con .thumb .slick-list{margin:0 -10px;}
.resort .sld-con .thumb .item{padding:0 10px;}
.resort .sld-con .thumb .item .pic{position:relative;cursor:pointer;border-radius:var(--bd24);overflow:hidden;}
.resort .sld-con .thumb .item .pic:after{content:'';position: absolute;left:0;top:0;width:100%;height:100%;border:2px solid var(--pri);border-radius:var(--bd24);opacity:0;transition:.3s;}
.resort .sld-con .thumb .item.slick-current .pic:after{opacity:1;}
.resort .sld-con .thumb .slick-arrow{position: absolute;top:50%;margin-top:-16.5px;display:block;width:20px;height:33px;background-color:transparent;background-repeat:no-repeat;background-size:contain;border:none;font-size:0;transition:.3s;}
.resort .sld-con .thumb .slick-prev{left:-60px;background-image: url('/images/sub/resort-prev.png');}
.resort .sld-con .thumb .slick-next{right:-60px;background-image: url('/images/sub/resort-next.png');}
.resort .sld-con .thumb .slick-prev:hover{background-image: url('/images/sub/resort-prev-on.png');}
.resort .sld-con .thumb .slick-next:hover{background-image: url('/images/sub/resort-next-on.png');}