@charset "utf-8";

/******** 마을이야기 ********/
.story {
    display: flex;
    flex-direction: column;
    gap:11.111vw;
}
.story .tit {
    text-align: center;
}
.story .tit span {
    display:block;
    font-size: 5.278vw;
    margin-bottom: 5.556vw;
    color: #222;
    letter-spacing: 0;
}
.story .tit h2 {
    margin-bottom: 5.556vw;
    font-size: 8.333vw;
    font-weight: 700;
}
.story .tit p {
    margin:0;
    text-align: center;
    word-break: keep-all;
}
.story .history {
    display: grid;
    gap:8.333vw;
}
.story .history li {
    flex:1;
}
.story .history li p {
    margin: 0 0 4.167vw 0;
    font-size: 4.444vw;
    line-height: 1.4;
    letter-spacing: -0.056vw;
}
.story .history li p strong {
    display: block;
    color:#000;
}
.story .history li .pic {
    background-color: #ccc;
    box-shadow: -1.389vw 2.778vw 4.167vw rgba(0,0,0,0.2);
}
.story .history li .pic img, .story_box01 .pic img, .story_box02 .pic img {
    width:100%;
}
.story_box01 {
    margin-top:5.556vw;
}
.story h3 {
    margin-bottom:4.167vw;
    font-size: 7.778vw;
    font-weight: 600;
}
.story_box01 .pic {
    margin-top:5.556vw;
    line-height: 0;
}
.story_box02 {
    display: flex;
    flex-direction: column;
    gap:5.556vw;
    align-items: center;
}
.story_box02 .pic {
    display: flex;
    gap:2.222vw;
}
.story_box02 .pic li {
    line-height: 0;
}

/******** 마을탐방 ********/
.village_tour {
    line-height: 1.8;
}
.village_tour h2 {
    margin-bottom: 5.556vw;
    font-size: 8.333vw;
    text-align: center;
}
.village_tour h3 {
    margin-bottom:8.333vw;
    font-size: 7.778vw;
    text-align: center;
}
.village_tour h3.tmg {
    margin-top:11.111vw;
}
.village_tour h3 span.hline {
    display: block;
    width: 0.278vw;
    height: 8.333vw;
    margin: 0 auto 2.778vw;
    background-color: #000;
}
.village_tour h3 span.description {
    display: block;
    margin-top:3.333vw;
    font-size: 5.278vw;
    color:#555;
    font-weight: 400;
}

.village_tour .txtbox {
    padding:6.944vw;
    background-color: #f9f9f9;
    border:none;
}
.village_tour .txtbox p {
    margin-bottom:4.167vw;
}
.village_tour .pic {
    overflow: hidden;
    line-height: 0;
    display: flex;
    gap:1.111vw;
}
.village_tour .pic img, .village_tour .pic02 img, .village_tour .pic03 img, .village_tour .pic04 img, .village_tour .pic05 img, .village_tour .pic06 img, .village_tour .pic07 img {
    width: 100%;
}
.village_tour .pic .txt, .village_tour .pic02 .txt, .village_tour .pic03 .txt, .village_tour .pic04 .txt, .village_tour .pic05 .txt, .village_tour .pic06 .txt, .village_tour .pic07 .txt {
    line-height: 1.8;
    padding:2.778vw 2.778vw 0 2.778vw;
    text-align: justify;
}
.village_tour .pic .txt02, .village_tour .pic02 .txt02, .village_tour .pic03 .txt02, .village_tour .pic04 .txt02, .village_tour .pic05 .txt02, .village_tour .pic06 .txt02, .village_tour .pic07 .txt02 {
    line-height: 1.8;
    padding:2.778vw 2.778vw 0 2.778vw;
    text-align: justify;
}
.village_tour .pic02 {
    overflow: hidden;
    line-height: 0;
    display: grid;
    gap:1.111vw;
	grid-template-columns: 44% auto;
}
.village_tour .pic02 li:first-child {
    /* 1번 라인에서 세로로 2칸 */
	grid-row: 1 / span 2;
}
.village_tour .pic05 {
    overflow: hidden;
    line-height: 0;
    display: grid;
    gap:1.111vw;
	grid-template-columns: repeat(2, 1fr);
}
.village_tour .pic05 li:last-child {
    /* 2번 라인에서 세로로 2칸 */
	grid-column-start: 2;
    grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
}
.village_tour .pic06 {
    overflow: hidden;
    line-height: 0;
    display: grid;
    gap:1.111vw;
	grid-template-columns: repeat(2, 1fr);
    grid-template-rows:396px auto;
}
.village_tour .pic06 li:first-child {
    /* 1번 라인에서 세로로 2칸 */
	grid-column-start: 1;
    grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 3;
}

.village_tour .pic03 {
    overflow: hidden;
    line-height: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:1.111vw;
}
.village_tour .pic04 {
    overflow: hidden;
    line-height: 0;
    display: grid;
    gap:1.111vw;
	grid-template-columns: repeat(3, 1fr);
}
.village_tour .pic04 li:first-child {
    /* 2번 라인에서 가로로 3칸 */
    grid-column-start: 1;
    grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
}
.village_tour .pic07 {
    overflow: hidden;
    line-height: 0;
    display: flex;
    flex-direction: column;
    gap:1.111vw;
}


/* 인터뷰 */
.interview {
    display: flex;
    flex-direction: column;
    gap:8.333vw;
    padding:6.944vw;
    background: #b81b1a url(../image/main/bg_product.jpg) 0 0 repeat;
}

.interview .interviewee {
    position: relative;
}

.interview h4 {
    width:fit-content;
    padding:1.944vw 5.556vw;
    margin-bottom:5.556vw;
    border-radius: 8.333vw;
    letter-spacing: 0;
    font-weight: 600;
    background-color: #5e0005;
    color:#fff;
}
.interview .interviewee .pic {
    align-items: center;
}
.interview h5 {
    padding-bottom:8.333vw;
    margin-bottom:8.333vw;
    font-size: 7.778vw;
    font-weight: 600;
    border-bottom:0.278vw solid #e6bcbc;
    color:#fff;
}
.interview .con p {
    color:#edd0d0;
}
.interview .con p.name {
    margin:8.333vw 0 0;
    text-align: right;
    font-weight: 600;
    font-size:5.278vw;
    color: #fff;
}

/* 마을지도 */
.village_map {
    overflow: hidden;
    border-radius: 3.333vw;
    line-height: 0;
}
.village_map_wrap .txtbox02 {
    border:0.278vw dashed #ccc; 
    padding:6.944vw;
    margin-bottom:8.333vw;
}
.village_map_wrap .txtbox02 .program_schedule {
    margin-top:0;
}

/******** 마을주변 즐길거리 ********/
.attraction_wrap {
    background-color: #f9f9f9;
    padding:30px;
    margin-bottom:30px;
    border-radius: 12px;
    display: flex;
    gap:30px;
    align-items: center;
}
.attraction_wrap ul.attraction_item {
    width:220px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap:6px;
}
.attraction_wrap ul.attraction_item li {
    border:1px solid #ddd;
    background-color: #fff;
    border-radius: 6px;
    font-size: 15px;
}
.attraction_wrap ul.attraction_item li a {
    display: block;
    padding:8px 15px;
}
.attraction_wrap ul.attraction_item li span {
    font-weight: 600;
    margin-right:5px;
    background-color: #eee;
    border-radius: 100%;
    color: #222;
    display:inline-block;
    width:30px;
    height:30px;
    line-height: 30px;
    text-align: center;
}
.attraction_wrap ul.attraction_item li:hover, .attraction_wrap ul.attraction_item li.on {
    border-color: #b81b1a;
    background-color: #b81b1a;
    color: #fff;
    font-weight: 600;
}
.attraction_wrap ul.attraction_item li:hover span, .attraction_wrap ul.attraction_item li.on span {
    background-color: #9b1020;
    color: #fff;
    
}
.attraction_map {
    flex:1;
    position:relative;
    border-radius: 4px;
    text-align: center;
}
.attraction_map img {
    width:80%;
}
.attraction_map ul li {
    position:absolute;
    width:23px;
    height:23px;
    border-radius: 100%;
    background-color: #222;
    font-size: 13px;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.attraction_map ul li a {
    display: block;
    padding:2px 5px;
}
.attraction_map ul li.on {
    background-color: #b81b1a;
    color:#fff;
}
.attraction_map ul li.target00 {
    position:absolute;
    width:15px;
    height:15px;
    border-radius: 100%;
    left:620px;
    top:255px;
    background-color: #b81b1a;
    font-size: 13px;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.attraction_map ul li.target00 span {
    background: url(../image/common/logo_on.svg) 0 0 no-repeat;
    text-indent: -99999px;
    position: absolute;
    bottom:20px;
    left:-13px;
    width:38px;
    height:55px;
}
.attraction_map ul li.target00 span::after {
    display: none;
}
.attraction_map ul li.target01 {
    left:545px;
    top:235px;
}
.attraction_map ul li.target02 {
    left:575px;
    top:235px;
}
.attraction_map ul li.target03 {
    left:575px;
    top:195px;
}
.attraction_map ul li.target04 {
    left:595px;
    top:318px;
}
.attraction_map ul li.target05 {
    left:625px;
    top:285px;
}
.attraction_map ul li.target06 {
    left:525px;
    top:305px;
}
.attraction_map ul li.target07 {
    left:567px;
    top:315px;
}
.attraction_map ul li.target08 {
    left:645px;
    top:250px;
}

.attraction_map ul li span {
    position: absolute;
    z-index: 9;
    background-color: rgba(184, 27, 26, 0.9);
    width: 200px;
    /*left: -104px;
    bottom: 36px;*/
    left:-320px;
    bottom:-80px;
    padding:16px;
    border-radius: 6px;
}
.attraction_map ul li.target02 span {
    left:-350px;
}
.attraction_map ul li.target03 span {
    left: -350px;
    bottom: -120px;
}
.attraction_map ul li.target04 span {
    left: -370px;
    bottom: 3px;
}
.attraction_map ul li.target05 span {
    left: -400px;
    bottom: -30px;
}
.attraction_map ul li.target06 span {
    left: -300px;
    bottom: -10px;
}
.attraction_map ul li.target07 span {
    left: -342px;
    bottom: 0px;
}
.attraction_map ul li.target08 span {
    left: -420px;
    bottom: -65px;
}
.attraction_map ul li span::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 12px solid rgba(184, 27, 26, 0.9);
    border-bottom: 8px solid transparent;
    /*
    border-width: 12px 8px 0 8px;
    border-style: solid;
    border-color: rgba(184, 27, 26, 0.9) transparent transparent transparent;
    */
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
}
.attraction_map ul li span h3 {
    text-align: left;
    color:#fff;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0;
}
.attraction_map ul li span .pic {
    line-height: 0;
    border-radius: 3px;
    overflow: hidden;
    height:135px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.attraction_map ul li span img {
    width:100%;
}
.attraction_map ul li.target08 span img {
    width:auto !important;
    height:100%;
}

.attraction {
    display:flex;
    flex-direction:column;
    gap:5.556vw;
}

.attraction li {
    padding:5.556vw;
    border:0.278vw solid #ddd;
    display:flex;
    flex-direction: column;
    gap:5.556vw;
}
.attraction li .pic {
    flex-shrink: 0;
    overflow: hidden;
    height:50vw;
    background-color: #f9f9f9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.attraction li .pic img {
    width:100%;
}

.attraction li .con h2 {
    margin-bottom:3.333vw;
    font-weight: 600;
    display: flex;
    gap:2.222vw;
}
.attraction li .con h2 span {
    width:8.333vw;
    height:8.333vw;
    border-radius: 100%;
    background-color: #b81b1a;
    color: #fff;
    font-size: 4.722vw;
    letter-spacing: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.attraction li .con p {
    margin:0;
}


/******** 오시는길 ********/
.root_daum_roughmap .wrap_controllers {
    display:none;
}
.root_daum_roughmap {
    width:100% !important; 
    min-height:200px !important; 
    min-height:55.556vw !important;
    padding:0 !important; 
    border-bottom:0.278vw solid #ccc;
    border-radius:0 !important;
}


.map_wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    gap:5.556vw;
}

.map_wrap div {
    flex:1;
}
.map_info {
    padding:6.944vw;
    z-index: 1;
    background-color: #b81b1a;
    color: #fff;
}
.map_info div {
    display: flex;
    flex-direction: column;
    padding:2.778vw 0;
}
.map_info div p {
    margin:0;
}
.map_info div p.title {
    font-weight: 700;
    display: flex;
    gap:2.778vw;
}
.map_info div p.title span {
    width:6.944vw;
    height:6.944vw;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.map_info div p.title i {
    font-size:3.611vw;
    color:#b81b1a;
}
.map_info div p.conts {
    margin-left:10.278vw;
    font-size: 4.167vw;
}
.map_info .btn_find {
    gap:8.333vw;
}
.map_info .btn_find a {
    border:0.278vw solid #fff;
    border-radius: 11.111vw;
    padding:1.389vw 5.556vw;
    text-align: center;
}
.map_info .btn_find p {
    display: flex;
    gap:2.778vw;
    align-items: center;
    font-weight: 700;
}
.map_info .btn_find p i {
    font-size: 7.222vw;
}

.map_directions {
    margin-top:8.333vw;
}
.map_directions h2 {
    padding-bottom: 5.556vw;
    margin-bottom:5.556vw;
    font-weight: 600;
    border-bottom: 0.278vw solid #222;
}

.map_directions .conbox {
    display:flex;
    gap:8.333vw;
    padding-bottom:8.333vw;
    border-bottom:0.278vw solid #ddd;
}
.map_directions .conbox.box02 {
    align-items:center; 
    margin-bottom:8.333vw;
}
.map_directions .conbox h3 {
    font-weight: 600;
    flex-shrink: 0;
    text-align: center;
    font-size: 4.722vw;
}
.map_directions .conbox h3 i {
    display: flex;
    justify-content: center;
    align-items: center;
    width:13.889vw;
    height:13.889vw;
    margin:0 auto 2.778vw;
    background-color: #f5f5f5;
    border-radius: 100%;
    font-size: 5.278vw;
}
.map_directions .conbox p {
    margin:0;
    font-size: 4.167vw;
}
.map_directions .conbox p b {
    display: block;
    color:#000;
    margin-bottom:2.778vw;
    font-size: 4.722vw;
}
.map_directions .conbox p span {
    padding:0.556vw 2.222vw;
    background-color: #988061;
    border-radius: 1.111vw;
    color:#fff;
    line-height: 1.8;
}
.map_directions .conbox p span.point {
    background-color: #b81b1a;
}


/******** BTV ********/
.btv {
    display: flex;
    flex-direction: column;
    gap:8.333vw;
}
.btv p {
    margin:0;
}
.btv .tit {
    text-align: center;
}
.btv .tit span {
    display:block;
    font-size: 5.278vw;
    margin-bottom: 5.556vw;
    color: #222;
    letter-spacing: 0;
}
.btv .tit h2 {
    margin-bottom: 0;
    font-size: 8.333vw;
    font-weight: 700;
}
.btv .tit p {
    margin: 0;
    text-align: center;
    word-break: keep-all;
}
.btv .pic {
    overflow: hidden;
    line-height: 0;
    display: flex;
    gap:2.222vw;
}
.btv .pic img {
    width: 100%;
}

/******** 숙박 ********/
/* 숙박소개 */
.lSSlideWrapper {
    height:auto !important;
}
.lSAction > a {
    width:8.333vw !important;
    height:8.333vw !important;
    border-width: 0.833vw !important;
    background-size:35%  !important;
}
.ci_wrap {
    display: flex;
    flex-direction: column;
    gap:8.333vw;
    margin-bottom:13.889vw;
    padding-bottom:5.556vw;
    border-bottom: 0.278vw solid #ddd;
}
.ci_wrap .ci {
    flex:1;
    padding:8.333vw 0;
    border-top:0.556vw solid #000;
    /*border-bottom:0.278vw solid #ddd*/;
    text-align: center;
}
.ci_wrap .ci img {
    width:50%;
}
.ci_wrap .txtbox4 {
    flex:1;
    margin-bottom:0;
    text-align: center;
}
.ci_wrap h2, .ci_extension h2 {
    width: fit-content;
    margin: 0 auto 5.556vw;
    padding: 1.389vw 13.889vw;
    border-radius: 8.333vw;
    border: 0.278vw dashed #ccc;
    background-color: #fff;
}
.ci_wrap .txtbox4 p {
    text-align: center;
    color: #000;
    font-weight: 500;
    letter-spacing: 0;
}
.ci_wrap .txtbox4 p span {
    color:#555;
}
.ci_wrap .txtbox4 .txt_point_red {
    display: block;
    padding:1.389vw 5.556vw;
    background-color: #ad0a2e;
    color: #fff;
    border-radius: 8.333vw;
}
.ci_extension {
}
.ci_extension ul {
    display: flex;
    justify-content: center;
    text-align: center;
    gap:3.333vw;
}
.ci_extension ul li {
    flex:1
}
.ci_extension ul li .tit {
    height: auto;
    margin:0 0 5.556vw;
    padding:5.556vw;
    border-radius: 5.556vw;
    background: rgb(190 14 45 / 80%);
    font-weight: 600;
    color:#fff;
    line-height: 1.3;
    word-break: keep-all;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ci_extension ul li:nth-child(2) .tit {
    background: rgb(173 9 45 / 80%);
}
.ci_extension ul li:nth-child(3) .tit {
    background: rgb(165 11 64 / 80%);
}

.ci_extension ul li p {
    height: 23.611vw;
    color: #333;
    font-weight: 600;
    text-align: center;
    font-size: 4.167vw;
    letter-spacing: -0.138vw;
}
.ci_extension ul li p.con {
    position: relative;
    height:25vw;
    margin-top:22.222vw;
    padding: 4.167vw 1.944vw;
    font-weight: 600;
    color:#000;
    border: 0.278vw dashed #ddd;
    background-color: #fafafa;
    border-radius: 5.556vw;
}
.ci_extension ul li p.con::after {
    content: '\f103';
    font-family: "FontAwesome", "Font Awesome";
    position: absolute;
    top: -16.667vw;
    left: 50%;
    transform: translateX(-50%);
    font-size: 7.778vw;;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
}
.accommodation_view, .room_view {
    margin-bottom:8.333vw;
}
.accommodation_view img, .room_view img {
    display: block;
    height: auto;
    width: 100%;
}

/* 객실 */
.room {
    display: grid;
    grid-template-columns: 1fr;
    gap:11.111vw;
 }
.room .pic {
    background-color: #f9f9f9;
    line-height: 0;
 }
.room .pic img {
    width:100%;
}
.room .con {
    position: relative;
    margin-top: 5.556vw;
}
.room .con h2 {
    font-size: 7.778vw;
}
.room .con ul {
    display: flex;
    flex-direction: column;
    gap:2.222vw;
    padding:5.556vw 0;
    border-top: 0.278vw solid #ddd;
}
.room .con ul li {
    flex:1;
}
.room .con ul b {
    margin-right:3.333vw;
    color: #000;
}
.room .con ul p {
    display: inline-block;
    margin:0;
}
.room .con .more {
    display: block;
    padding:2.5vw 5.556vw;
    border:0.278vw solid #b81b1a;
    color:#b81b1a;
    text-align: center;
}
.room .con .more:hover {
    background-color: #b81b1a;
    color:#fff;
    transition: 0.3s;
}

/* 객실상세 */

.room_info {
    display: flex;
    flex-direction: column;
    gap:5.556vw;
    padding:5.556vw 0;
    border-top:0.278vw solid #000;
    border-bottom: 0.278vw solid #ddd;
}
.ameni, .useguide {
    border-top:none;
    border-bottom: 0.278vw solid #ddd;
}
.room_info h2 {
    margin-bottom:0;
    font-size: 6.944vw;
}
.room_info ol {
    display: grid;
    grid-template-columns: 1fr;
    gap:2.222vw;
}
.room_info li dl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.room_info li dt {
    width: 30%;
    color: #101010;
    font-weight: 600;
}
.room_info li dd {
    width: -webkit-calc(100% - 30%);
    width: calc(100% - 30%);
    color: #333;
}
.ameni ol {
    grid-template-columns: repeat(3, 1fr);
    color: #333;
    gap:2.222vw;
}
.room_reservation {
    margin:13.889vw 0 0;
    text-align: center;
    display: flex;
    gap:3.333vw;
    justify-content: center;
}
.scrollbox {
    margin-top:-13.889vw;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
}

/* 이용안내 */
.room_information {
    display: grid;
    grid-template-columns: 1fr;
    gap:3.333vw;
}
.room_information > li {
    padding:5.556vw;
    border: 0.278vw solid #ddd;
    font-size: 4.167vw;
}
.room_information h2 {
    font-size: 5.278vw;
    margin-bottom:2.778vw;
}




/******** 체험프로그램 ********/
/* 체험프로그램 */
.nodata {
    text-align: center;
    border: 0.278vw dotted #ddd;
    padding: 5vw;
}
.pgm {
    display: flex;
    flex-direction: column;
    background-color:#fff;
    margin-bottom: 5.556vw;
}
.pgm .con {
	flex:1;
	padding:6.944vw;
	border:0.278vw solid #ddd;
    border-top:none;
	display:grid;
}
.pgm .pic {
    overflow: hidden;
	background-color: #ddd;
	display:flex;
	align-items:center;
}
.pgm .pic img {
	width:100%;
}
.pgm .con h3 {
	padding:0; 
	margin:0 0 5.556vw 0;
	font-weight:600;
}
.pgm .btn_area {
	display:flex;
	align-items:flex-end;
}
.pgm .btn_area input {
	flex:1;
	padding:2.5vw 5.556vw;
	border:0.278vw solid;
	border-color:#222;
	background-color:#fff;
	color:#000;
}
.pgm .btn_area input:hover, .pgm .btn_area input:focus {
	background-color:#222;
	color:#fff;
    transition: 0.3s;
}
.pgm .btn_area input:last-child {
	border-color:#b81b1a;
	color:#b81b1a;
}
.pgm .btn_area input:last-child:hover, .pgm .btn_area input:last-child:focus {
	background-color:#b81b1a;
	color:#fff;
}
/* 체험프로그램 - 상세페이지 */
.board_con .program_wrap .mgt50 {
    margin-top:8.333vw !important;
} 
.board_con .program_wrap .mgb50 {
    margin-bottom:8.333vw !important;
} 
.board_con .program_wrap .mgt80 {
    margin-top:13.889vw !important;
} 
.board_con .program_wrap .mgb80 {
    margin-bottom:13.889vw !important;
} 
.program_wrap .txtbox {
    padding: 6.944vw;
    background-color: #f9f9f9;
    border: none;
}
.program_wrap h3 {
    margin-bottom: 5.556vw;
    font-size: 7.778vw;
    text-align: center;
}
.program_wrap h3.tmg {
    margin-top: 8.333vw;
}
.program_wrap h3 span.hline {
    display: block;
    width: 0.278vw;
    height: 8.333vw;
    margin: 0 auto 5.556vw;
    background-color: #000;
}
.program_wrap h3 span.description {
    display: block;
    margin-top: 3.333vw;
    font-size: 5.278vw;
    color: #555;
    font-weight: 400;
}
.program_wrap h3 .pointcolor {
    color: #b81b1a;
}
.program_wrap .txtbox p {
    margin-bottom: 4.167vw;
}

.program_wrap .story_box02 h3 {
    text-align: left !important;
}
.program_wrap .story_box02 h4 {
    font-size: 5.556vw;
    color: #225c45;
    margin-bottom: 1.389vw;
}
.program_wrap .story_box02 p {
    margin-bottom:5.556vw;
}


.program_wrap .pic {
    overflow: hidden;
    line-height: 0;
    display: flex;
    gap: 1.111vw;
}
.program_wrap .pic li {
    flex: 1;
}
.program_wrap .pic img {
    width: 100%;
}
.program_wrap img {
    margin:0 !important;
}

.program_wrap .pic02 {
    overflow: hidden;
    line-height: 0;
    display: grid;
    gap:1.111vw;
	grid-template-columns: 44.1% auto;
}
.program_wrap .pic02 li:first-child {
    /* 1번 라인에서 세로로 2칸 */
	grid-row: 1 / span 2;
}
.program_wrap .pic02 li:nth-child(4) {
    /* 3번 라인에서 가로로 2칸 */
	grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}

.program_wrap .pic04 {
    overflow: hidden;
    line-height: 0;
    display: grid;
    gap:1.111vw;
	grid-template-columns: repeat(3, 1fr);
}
.program_wrap .pic04 li:first-child {
    /* 2번 라인에서 가로로 3칸 */
    grid-column-start: 1;
    grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
}




/* 스페셜체험프로그램 */
.special_head {
    position: relative;
    border-top: 0.556vw solid #000;
    display: flex;
    flex-direction: column;
    gap: 5.556vw;
}
.special_head .pic {
    overflow: hidden;
    margin-top: 5.556vw;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.special_head .pic img {
    width: 100% !important;
}
.special_head .program_info {
    flex: 1;
}
.special_head h2 {
    padding: 0 0 2.778vw !important;
    margin: 0 !important;
    text-align: left !important;
    background-image: none !important;
    word-break: break-all !important;
    color: #000;
}
.special_head .hashtag {
    font-size: 4.167vw;
    padding-bottom:6.944vw;
    margin-bottom:0;
    border-bottom: 0.278vw solid #ccc;
}
.special_head .t_info_out {
    position: relative;
}
.special_head .t_info {
    width: 100%;
    border-collapse: collapse;
}
.special_head .t_info th {
    color: #222;
    padding: 4.167vw 4.167vw;
    width: 20.833vw;
    text-align: left;
    line-height: 7.778vw;
    border-bottom: 0.278vw solid #e4e4e4;
}
.special_head .t_info td {
    padding: 4.167vw 2.778vw;
    background-color: #fff;
    border-bottom: 0.278vw solid #e4e4e4;
}
.special_head .bbsbutton01 {
    width:100%;
}


.special_wrap {
    line-height: 1.8;
}
.special_wrap h3 {
    margin-bottom: 5.556vw;
    font-size: 7.778vw;
    text-align: center;
}
.special_wrap h3.tmg {
    margin-top:8.333vw;
}
.special_wrap h3 span.hline {
    display: block;
    width: 0.278vw;
    height: 8.333vw;
    margin: 0 auto 5.556vw;
    background-color: #000;
}
.special_wrap h3 span.description {
    display: block;
    margin-top: 3.333vw;
    font-size: 5.278vw;
    color: #555;
    font-weight: 400;
}
.special_wrap h3 .pointcolor {
    color:#225c45;
}
.special_wrap h4.tmg {
    margin-top:13.889vw;
}
.special_wrap h4 {
    margin-bottom:5.556vw;
    font-size: 6.944vw;
    text-align: center;
}
.special_wrap h4 span.description {
    display: block;
    margin-top:3.333vw;
    font-size: 5.278vw;
    font-weight: 400;
}

.special_wrap .difficulty {
    display:flex;
    flex-direction: column;
    gap:2.222vw;
    justify-content: center;
    align-items: center;
}
.special_wrap .difficulty li {
    padding: 0.833vw 5.556vw;
    background-color: #eee;
    border-radius: 8.333vw;
    font-size: 4.167vw;
    color: #000;
}



.special_wrap .txtbox {
    padding:6.944vw;
    background-color: #f9f9f9;
    border:none;
    letter-spacing: -0.138vw;
}
.special_wrap .txtbox p {
    margin-bottom:4.167vw;
}
.special_wrap .txtbox02 {
    border:0.278vw dashed #ccc; 
    padding:6.944vw;
}

.special_wrap .pic {
    overflow: hidden;
    line-height: 0;
    display: flex;
    flex-direction: column;
    gap:1.111vw;
}
.special_wrap .pic li {
    flex:1;
}
.special_wrap .pic img {
    width: 100%;
}
.special_wrap .pic .txt {
    padding:6.944vw;
    background-color: #f9f9f9;
    text-align: justify;
}
.special_wrap .pic .txt h4 {
    margin-bottom:5.556vw;
    font-size: 5.833vw;
    text-align: left;
}
.special_wrap .pic .txt h4 span {
    display: block;
    width: fit-content;
    padding: 0.833vw 4.167vw;
    margin-bottom: 4.167vw;
    background-color: #b81b1a;
    border-radius: 8.333vw;
    color: #fff;
}

.special_wrap .pic .txt .circle {
    width:100%;
    padding:0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:2.222vw;
    align-items: center;
    justify-content: center;
}
.special_wrap .pic .txt .circle > li{
    width:100%;
    height:auto;
    border-radius:50%;
    background:#ddd;
    display:flex;
    justify-content: center;
    align-items: center;
    color:#000;
    text-align: center;
    line-height: 1.3;
}
.special_wrap .pic .txt .circle > li:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.special_wrap .pic .txt .circle > li:nth-child(1){
  margin-left:0;
}
.special_wrap .pic .txt .circle > li:nth-child(1){
  background:rgb(205 129 174 / 80%);
}
.special_wrap .pic .txt .circle > li:nth-child(2){
  background:rgb(168 140 200);
}
.special_wrap .pic .txt .circle > li:nth-child(3){
  background:rgba(115,178,223,0.8);
}
.special_wrap .pic .txt .circle > li:nth-child(4){
  background:rgba(69,131,206,0.8);
}
.special_wrap .pic .txt .circle > li:nth-child(5){
  background:rgba(254,220,93,0.8);
}

/* 2박3일 */
.special_wrap.twonights_3days .recommendation {
    width: fit-content;
    margin: 0 auto;
    font-size: 5vw;
    color: #000;
}
.special_wrap.twonights_3days .recommendation li {
    margin-bottom: 4.167vw;
    display: flex;
    align-items: baseline;
    gap: 3.056vw;
    line-height: 1.5;
    letter-spacing: -0.278vw;
}
.special_wrap.twonights_3days .recommendation i {
    color:#b81b1a;
}
.twonights_3days .tourinfo {
    margin-top: 8.333vw;
    padding:5.556vw; 
    border: 0.278vw solid #ddd;
}
.twonights_3days .tourinfo h3 {
    margin-bottom: 2.778vw;
    font-size: 5.278vw;
    font-weight: bold;
    color: #000;
    text-align: left;
    letter-spacing: -0.278vw;
}



.program_schedule {
    display: flex;
    flex-direction: column;
    gap:2.222vw;
    margin-top:8.333vw;
}
.program_schedule li {
    flex:1;
    background-color: #f1f1f1;
    text-align: center;
    color:#000;
}
.program_schedule li a {
    display: block;
    padding:2.778vw;
}
.program_schedule li:hover {
    background-color: #b81b1a;
    transition: 0.3s;
    color:#fff;
}
.program_schedule li i {
    margin-left:2.778vw;
}
.special_program_list {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 3.333vw;
    margin-top:8.333vw;
}
.special_program_list li {
    flex:1;
}
.special_program_list li .pic img {
    width:100%;
}
.special_program_list .txt {
    padding: 6.944vw;
    background-color: #f9f9f9;
    line-height: 1.5;
}
.special_program_list .txt h4 {
    font-size: 4.722vw;
    font-weight: 400;
    padding: 1.389vw 4.167vw;
    margin: 0 0 4.167vw;
    background-color: #225c45;
    border-radius: 8.333vw;
    color: #fff;
}
.special_program_list .txt p {
    margin:0;
    text-align: center;
}


/* 프로그램 이용안내 */
.program_information {
    display: grid;
    grid-template-columns: 1fr;
    gap:3.333vw;
}
.program_information > li {
    padding:5.556vw;
    border: 0.278vw solid #ddd;
    font-size: 4.167vw;
}
.program_information h2 {
    font-size: 5.278vw;
    margin-bottom:2.778vw;
}




/******** 동백제품 ********/
/* 상품소개 */
.shop_detail_information {
    line-height: 1.8;
}
.shop_detail_information h2 {
    margin-bottom:40px;
    font-size: 40px;
    text-align: center;
}
.shop_detail_information h3 {
    margin-bottom:5.556vw;
    font-size: 7.778vw;
    text-align: center;
}
.shop_detail_information h3.tmg {
    margin-top:11.111vw;
}
.shop_detail_information h3 span.hline {
    display: block;
    width: 0.278vw;
    height: 8.333vw;
    margin: 0 auto 5.556vw;
    background-color: #000;
}
.shop_detail_information .tit p {
    font-size: 5.278vw;
    text-align: center;
}
.shop_detail_information .pic {
    margin:8.333vw 0;
    overflow: hidden;
    line-height: 0;
    display: flex;
    gap:1.111vw;
}
.shop_detail_information .pic02 {
    margin:1.111vw 0 8.333vw 0;
    overflow: hidden;
    line-height: 0;
    display: flex;
    gap:1.111vw;
}
.shop_detail_information .pic02 li {
    flex:1;
}
.shop_detail_information .pic img, .shop_detail_information .pic02 img  {
    width:100%;
    margin:0;
}
.shop_detail_information p {
}

.shop_conbox {
    display: flex;
    flex-direction: column;
    margin-top:8.333vw;
}
.shop_conbox .pic {
    margin:0;
}
.shop_conbox .con {
    padding:8.333vw 6.944vw 6.944vw;
    background: #b81b1a url(../image/main/bg_product.jpg) 100% 100% no-repeat;
    background-size: auto 100%;
}
.shop_conbox .con h4 {
    padding-bottom: 8.333vw;
    margin-bottom: 8.333vw;
    font-size: 7.778vw;
    font-weight: 600;
    border-bottom: 0.278vw solid #e6bcbc;
    color: #fff;
}
.shop_conbox .con p {
    margin: 0;
    color: #edd0d0;
}


.shop_conbox02 {
    display: flex;
    flex-direction: column;
    gap:2.222vw;
    margin-top:8.333vw;
}
.shop_conbox02 .pic {
    background: url(../image/content/shop_detail03.jpg) 0 50% no-repeat;
    background-size: cover;
    display: block;
    margin:0;
    line-height: 1.5;
}
.shop_conbox02 .pic p {
    border: 0.278vw solid rgba(255, 255, 255, 0.5);
    margin: 5.556vw;
    padding: 8.333vw;
    color: #fff;
    font-size: 7.778vw;
    font-weight: 100;
    text-align: left;
}
.shop_conbox02 .pic p br {
    display: none;
}
.shop_conbox02 .con {
    display: grid;
    grid-template-columns: 1fr;
    gap:2.222vw;
}
.shop_conbox02 .con .pic {
    width: 100%;
    margin:0;
    line-height: 0;
}
.shop_conbox02 .con .txt {
    padding: 6.944vw;
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    word-break: auto-phrase;
    line-height: 1.5;
}
.shop_conbox02 .con .txt h4 {
    font-size: 6.111vw;
    margin-bottom: 2.778vw;
}


/* 이용안내 */
.shop_information {
    display: grid;
    grid-template-columns: 1fr;
    gap:3.333vw;
}
.shop_information > li {
    padding:5.556vw;
    border: 0.278vw solid #ddd;
    font-size: 4.167vw;
}
.shop_information h2 {
    font-size: 5.278vw;
    margin-bottom:2.778vw;
}