@charset "UTF-8";

.mContainer{}
.title{font-size: clamp(34px, 2vw, 36px); font-weight: 600; color:#BA8F71;text-align: center; margin-bottom: 60px}
.title span.eng{display:none;}


/*메인비주얼영역*/
.mV_sec{min-height: 960px; display: flex; flex-direction:row;}
.mV_sec .visual_bg{background: url(../../theme/basic/doje/image/mVisual_bg01.png) no-repeat; background-size: cover; flex:1;}
.mV_sec .titl_wr{background: url(../../theme/basic/doje/image/mVisual_bg02.png) no-repeat; background-size: cover; position: relative; width: 50%; }
.mV_sec .titl_wr .box{position: absolute; bottom: 200px; color:#fff; left:clamp(30px,4vw,100px); width: fit-content}
.mV_sec .titl_wr .box h2{font-size: clamp(34px, 2vw, 36px); font-weight: 600;line-height: 1.2; margin-bottom:36px;  }
.mV_sec .titl_wr .box p{font-size: 16px; font-weight: normal;letter-spacing: 0.4px; line-height: 1.5;}
.mV_sec .titl_wr .box p br.m_block{display: none;}
.mV_sec .titl_wr .box .btns{display: none; }

/*intro*/
.mI_sec{background: #fff; padding: 100px 0;}
.mI_sec .inner{display: grid; grid-template-columns: repeat(2, 1fr);}
.mI_sec .item{position: relative; text-align: center; padding: 40px 20px;}
.mI_sec .item01{grid-column: 1 / span 2; margin-bottom: 60px}
.mI_sec .item:not(.item01):not(:last-child):after{content:''; display: block; width: 1px; height:calc(100% - 80px); background: #ccc; position: absolute; top:50%; right: 0;  transform: translateY(-50%)}
.mI_sec dt{display: flex; flex-direction: column; align-items: center; row-gap: 6px;margin-bottom: 20px;}
.mI_sec dt:not(.title){font-size: 28px; font-weight: 600; color:#bc9171; }
.mI_sec dt em{font-style:normal;}
.mI_sec dt span{opacity: 0.5;font-size: 22px; font-family: 'marcellus'; font-weight: normal;;}
.mI_sec dd{font-size: 18px; color: #727272;  }

/*reserved*/
.mR_sec{background: #E5E3DD url(../../theme/basic/doje/image/mReserve_bg01.png) no-repeat; background-size: auto calc(100% + 80px); background-position: left -80px;min-height:860px;display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.mR_sec .inner{}
.mR_sec h3{color:#663514; font-family: 'marcellus';font-weight: 300; font-size: 46px; line-height: 1.25; margin-bottom: 30px; ;}
.mR_sec p{color:#663514; font-size: 22px; line-height: 1.4; margin-bottom: 100px;}
.mR_sec .btn{background-color: rgba(255,255,255,0.1);backdrop-filter: blur(1px); border:2px solid #663514; color:#663514; display: inline-flex; flex-direction: column; justify-content: center; margin: 0 auto; padding: 10px; width: 100%; max-width: 500px;
font-size: 24px; font-weight: 500;  }


/*news*/
.mN_sec{padding: 80px 0;}
.mN_slide{display:flex;gap:80px;min-height:420px;align-items:stretch; position: relative;}
.mN_slide .txt_wrap{width:60%;border-top:1px solid #727272;border-bottom:1px solid #727272;}
.mN_slide .txt_btn{display:block;width:100%;padding:20px 0;border:0;background:none;cursor:pointer;}
.mN_slide .txt_btn:not(:last-child){border-bottom:1px dashed #afafaf;}
.mN_slide .txt_btn .titl{font-size:16px;text-align:left;transition:.3s;color:#727272;}
.mN_slide .txt_btn.on .titl{color:#663514;}
/* [doje] 제목 = 상세 링크 (theme/basic/doje/js/main.js 가 PC 는 마우스를 올리면 이미지 전환, 모바일은 첫 탭에 전환) */
.mN_slide .txt_btn .titl a{display:block;color:inherit;}
.mN_slide .txt_btn .titl a:hover,
.mN_slide .txt_btn .titl a:focus-visible{text-decoration:underline;text-underline-offset:4px;}
.mN_slide .txt_btn .subs,
.mN_slide .txt_btn .btn{display:none;}
.mN_slide .img_wrap{position:relative;width:calc(40% - 80px);min-width:0;overflow:hidden;}
.mN_slide .img_wrap .mNOwl{position:absolute;inset:0;}
.mN_slide .img_wrap .owl-stage-outer,
.mN_slide .img_wrap .owl-stage,
.mN_slide .img_wrap .owl-item{height: 100%;}
.mN_slide .img_wrap .item{height:calc(100% - 60px);}
.mN_slide .viewMore{color:#fff; border: 1px solid #845739;display: inline-flex; flex-direction: column; justify-content: center; align-items: center;background: #845739; 
padding: 10px 36px; position: absolute; bottom:0; right:0; z-index: 1;}


/*comeRoad*/
.mC_sec{background: #ba8f71;padding: 80px 0;}
.mC_sec .title{color:#fff;}
.comeRoad_wr{display: grid; grid-template-columns: calc(55% - 50px) 45%; align-items: stretch; gap: 0px 50px}
.comeRoad_wr .map_box{width: 100%; grid-row: 1 / span 2;;}
.comeRoad_wr .info_box{width: 100%; border-top: 1px solid #fff;  color: #fff; font-size: 16px; }
.comeRoad_wr .info_box.info_time{border-top: 1px dashed rgba(255,255,255,0.5)}
.comeRoad_wr .info_box > li{display: flex; flex-direction: row; align-items: baseline; flex-wrap: wrap; gap: 6px 30px;padding: 20px 0px;}
.comeRoad_wr .info_box > li:not(:last-child){border-bottom: 1px dashed rgba(255,255,255,0.5)}
.comeRoad_wr .info_box > li dl{display: flex; flex-direction: row; align-items: baseline; column-gap: 16px;}
.comeRoad_wr .info_box li dt{min-width: fit-content; }
.comeRoad_wr .info_box li dd{opacity: 0.8;}
.comeRoad_wr .info_box li dd a{color:inherit;display:inline;}
.comeRoad_wr .info_box li dl:has(dd > ol){flex-direction: column;row-gap: 12px;}
.comeRoad_wr .info_box li dd ol{margin-bottom: 12px;}
.comeRoad_wr .info_box li dd ol li{display: flex; flex-direction: row; align-items: baseline; gap:4px 12px;;}
.comeRoad_wr .info_box li dd ol li span{min-width: 130px;}
.comeRoad_wr .info_box li dd ol li em{letter-spacing: 3px; font-style: normal;}
.comeRoad_wr .info_box li dd p{}
.comeRoad_wr .info_box li dd p:before{content:'*'; display: inline-block; margin-right: 4px; }

/*links*/
.mL_sec{background:#1e1c1b;padding:80px 0 ; }
.mL_sec .link_wr{display: flex; flex-wrap: wrap; gap: 20px 40px;}
.mL_sec .link_wr .link{width: calc(25% - 30px); height: 180px}
.mL_sec .link_wr .link a{display: flex; flex-direction: column;  justify-content:center; align-items: center; width: 100%; height: 100%;}
.mL_sec .link_wr .link.kakao a{background:#ffdc00; color:#000; }
.mL_sec .link_wr .link.insta a{background:radial-gradient(circle at left bottom , #f9ed41 0%, #ff833d 24%, #e7407b 49%, #0028ff 100%); color:#fff; }
.mL_sec .link_wr .link.line a{background:#00B900; color:#fff; }
.mL_sec .link_wr .link.whats a{background:#29A71A; color:#fff; }
.mL_sec .link_wr .link a span{display: block; }
.mL_sec .link_wr .link a span:before{content:''; display: block; width: 50px; height: 50px; background-size: 400%; background-repeat: no-repeat; background-image: url(../../theme/basic/doje/image/ico-sprite.png); text-align: center; margin: 0 auto;}
.mL_sec .link_wr .link.kakao a span:before{background-position: 0 center;}
.mL_sec .link_wr .link.insta a span:before{background-position: -50px center;}
.mL_sec .link_wr .link.line a span:before{background-position: -100px center;}
.mL_sec .link_wr .link.whats a span:before{background-position: -150px center;}

@media screen and (max-width: 1400px){
    .mV_sec{min-height: 700px; height:100vh;}

    .mI_sec dd{font-size: 16px; }

    .mN_slide .txt_wrap{width: 55%; }
    .mN_slide .img_wrap{width: calc(45% - 80px)}
}


@media screen and (max-width: 1024px) {
    .title{margin-bottom: 40px; }
    .title span.eng{display:block; font-weight: 300;font-family: 'marcellus';}
    .title span.kor{display:none;}

    .mV_sec{flex-direction: column; height: auto;}
    .mV_sec .visual_bg{aspect-ratio: 1/1;flex: unset; width: 100%; }
    .mV_sec .titl_wr{width: 100%; text-align: center;padding: 80px 0;}
    .mV_sec .titl_wr .box{position: unset; }
    .mV_sec .titl_wr .box h2{font-size: 28px; }
    .mV_sec .titl_wr .box .btns{display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px 20px;margin-top: 30px;}
    .mV_sec .titl_wr .box .btns a{display: flex; justify-content: center; align-items: center; padding:10px 20px; border: 2px solid #fff; width: 100%;
    font-size:18px;color:#fff;  height:50px;}

    .mI_sec dt em{display: none;}
    .mI_sec dt span{opacity: 1;font-size: clamp(34px, 2vw, 36px); font-weight: 600; }
    .mI_sec .item01 dt span{font-weight: 300;;}
    .mI_sec .item:not(.item01) dt span{display: none;}
    .mI_sec .item01{margin-bottom:0; }

    
    .mR_sec{justify-content: flex-end; padding-bottom: 60px; }
    .mR_sec h3{color:#fff; font-size: 40px;} 
    .mR_sec h3 span{display: none;}
    .mR_sec p{color:#fff;margin-bottom: 40px;font-size:18px; }
    .mR_sec .btn{font-size: 16px; color:#fff; border-color:#fff; height:50px;}

    

    .mN_slide{gap: 30px; }
    .mN_slide .txt_wrap{width: 50%; }
    .mN_slide .img_wrap{width: calc(50% - 30px)}

    .comeRoad_wr .map_box{grid-row: 1; grid-column: 1/ span 2; height: 350px; min-height: 0; }
    .comeRoad_wr .info_box,
    .comeRoad_wr .info_box.info_time{border-top:0; }
    
    .mL_sec .link_wr{gap: 20px;}
    .mL_sec .link_wr .link{width: calc(50% - 10px); height: 120px; }
    .mL_sec .link_wr .link a{font-size: 15px;}
}

@media screen and (max-width: 768px) {
    .mV_sec .visual_bg{aspect-ratio: 1/1.25;}
    .mV_sec .titl_wr .box h2{font-size: 22px; }
    .mV_sec .titl_wr .box p br.pc_block{display: none;}
    .mV_sec .titl_wr .box p br.m_block{display: block;}

    .mI_sec{padding-top: 40px; }
    .mI_sec .inner{display: flex; flex-direction: column; }
    .mI_sec .item{padding-bottom: 10px;}
    .mI_sec .item01{margin-bottom:0; padding-bottom: 0; }
    .mI_sec .item01 dt{margin-bottom: 0; }
    .mI_sec .item01 dd{display: none;}
    .mI_sec dt:not(.title){font-size: 22px; }
    .mI_sec .item:not(.item01):not(:last-child):after{width: 100%; height: 1px; top:calc(100% + 15px); transform: unset;}

    .mR_sec{background-position: center center;}
    .mR_sec h3{font-size: 32px; }
    .mR_sec p{font-size: 17px}

    .mN_sec{background: #f5f5f5; padding-bottom: 150px;}
    .mN_slide > .img_wrap{ display:none;}
    .mN_slide .txt_wrap{width:100%;border:0;display: flex; flex-direction: column; row-gap: 15px;}
    .mN_slide .txt_btn{display:block; width:100%; padding:20px;box-sizing:border-box;background:#e9e9e9;;}
    .mN_slide .txt_btn:not(:last-child){border-bottom:0;}
    .mN_slide .txt_btn .titl{font-size:18px;color:#222;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .mN_slide .txt_btn .subs{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;color:#797979; font-size: 17px; }
    .mN_slide .txt_btn.on{background:#fff;}
    .mN_slide .txt_btn.on .titl{color:#222; font-weight:700;margin-bottom: 8px}
    .mN_slide .txt_btn.on .subs{display: block;}
    .mN_slide .txt_btn.on .btn{display: inline-flex; flex-direction: column; justify-content: center; float: right; background: #e9e9e9; padding: 8px 20px; margin-top: 25px; font-size: 15px; font-weight: 500; height: 40px;}
    .mN_slide .txt_btn .label{display: none; font-size:12px; color:#fff; background:#BA8F71;padding: 6px 10px; border-radius: 25rem;margin-bottom: 20px; transition: all 0.3s ease;}
    .mN_slide .txt_btn.on .label{display: inline-block;}
    .mN_slide .txt_btn .mobile_news_img{display:none;}
    .mN_slide .txt_btn.on .mobile_news_img{ display:block; width:100%; margin-bottom:20px; overflow:hidden;aspect-ratio:16 / 10;}
     

    .mN_sec .viewMore{bottom:-80px; left: 50%; transform: translateX(-50%);color:#BC9171; border:2px solid #BC9171; background: transparent; flex-direction: row; gap: 4px ;}
    .mN_sec .viewMore:before{content:'도제뉴스';display: inline-block;}

    .mC_sec{background: #fff; }
    .mC_sec .title{color:#BC9171;}
    .comeRoad_wr{display: flex; flex-direction: column; row-gap: 30px;}
    .comeRoad_wr .info_box{color:#BC9171;border-top: 2px solid #BC9171;}
    .comeRoad_wr .info_box li{padding: 16px 0;}
    .comeRoad_wr .info_box > li:not(:last-child){border-bottom: 1px solid #ddd; }
    .comeRoad_wr .info_box li dd{color:#222; opacity: 1;}
    .comeRoad_wr .info_box li dt{font-weight: 700;min-width: 70px;}
    .comeRoad_wr .info_box li.item_loc dt span{display: none; }
    .comeRoad_wr .info_box li.item_loc dt:before{content:'오시는 길'; display: block;}
    .comeRoad_wr .info_box li.item_tel dl:nth-child(2) dt{min-width: unset; }
    .comeRoad_wr .info_box li.item_tel dl:nth-child(2) dt span{ display: none;}
    .comeRoad_wr .info_box li.item_tel dl:nth-child(2) dt:before{content:'fax.'; display: block; font-weight: 400; color:#000;}
    
    .comeRoad_wr .info_box.info_time li{width: 100%; justify-content: center;;}
    .comeRoad_wr .info_box.info_time dl,
    .comeRoad_wr .info_box.info_time dd{width: 100%; }
    .comeRoad_wr .info_box.info_time dt{font-size: 22px; text-align: center; min-width: unset; width: 100%; }
    .comeRoad_wr .info_box.info_time li dd ol li{padding: 4px 0;}
    .comeRoad_wr .info_box.info_time li dd ol li:last-child{color:#BC9171; font-weight: 500;}
    .comeRoad_wr .info_box.info_time li dd ol li span{min-width: unset;}
    .comeRoad_wr .info_box.info_time li dd p{text-align: center; color:#b5b5b5;;}

    .mL_sec{background: #F2F4F6;position: relative; padding-top: 110px}
    .mL_sec:before{content:'Contact'; color: #BC9171; font-family: 'marcellus'; font-size: 26px; text-align: center; position: absolute; top:50px; left: 50%; transform: translateX(-50%);}

}

@media screen and (max-width: 575px) {
    .mI_sec{padding-top: 20px; padding-bottom: 60px}
    .mI_sec .item01 dt span{font-size: 26px; }
    .mI_sec dt:not(.title){font-size: 20px; margin-bottom: 10px;}

    .mR_sec{min-height: unset; aspect-ratio: 1/1.5;}
    
    .mN_slide .txt_btn .titl,
    .mN_slide .txt_btn .subs{font-size: 15px; }
    .mN_slide .txt_btn.on .titl{margin-bottom: 4px; }

    .mL_sec .link_wr {gap:10px;}
    .mL_sec .link_wr .link{width: 100%; height: 70px;}
    .mL_sec .link_wr .link a span{position: relative; width: 100%; text-align: center; ;}
    .mL_sec .link_wr .link a span:before{position: absolute; top:50%; left:16px; transform: translateY(-50%);width: 36px; height: 36px; }
    .mL_sec .link_wr .link.insta a span:before{background-position: -36px center;}
    .mL_sec .link_wr .link.line a span:before{background-position: -72px center;}
    .mL_sec .link_wr .link.whats a span:before{background-position: -108px center;}

   

    
}
@media screen and (max-width: 450px) {
  .info_box dd span{display:block}
}

@media screen and (max-width: 425px) {
    .mV_sec .titl_wr .box p{font-size: 15px; }
    .mV_sec .titl_wr .box .btns{flex-direction: column;}
    .mV_sec .titl_wr .box .btns a{font-size: 16px; ;}

    .mR_sec p{font-size:15px}
    .comeRoad_wr .info_box li.item_tel dl:nth-child(2) dt{min-width: 70px; }
}