@charset "utf-8";

/* 소개의글 sub0101 */
    .s0101 .photo_wrap.typeC .info_box2{padding-left:30px;}
/* End */

/* content 페이지 공통 컬러 */
.cont_red {color: #A45B3C;}

/* icon_listA안에 txt-check쓸 경우 */
.bodo_icon_list > ul > li p.txt-check {color: #dc132c;}

/*  한옥마을 둘레길 sub0103 */
.sub0103_top{text-align: center;margin-bottom:30px;border-bottom:1px dashed #ddd;padding:0 10px 25px;}
/*  End */

/* 주변관광지 sub0104 */
.s0104 .ui-list__card .obj .item .card--body .ui-list__title{text-align: center;margin-top:25px;}
.s0104 .ui-list__card .obj .item .card--body .ui-list__title em{display: block;font-size:16px;font-weight: 300;}

.sub0104_tour{}
.sub0104_tour ul:after{content: "";display: block;visibility: hidden;clear:both;}
.sub0104_tour ul li{float:left;width:20%;text-align: center;border:5px solid transparent;}
.sub0104_tour ul li .title{margin-top:10px;}

@media(max-width:767px){
    .sub0104_tour ul li{width:33.33%;}
}
@media(max-width:510px){
    .sub0104_tour ul li{width:50%;}
}
/* End */

/* 찾아오시는길 sub0105 */
.s0105 .direct-e__type .ui-row-list .item .mapinfo > div.no_padding{padding-left:20px;}
.s0105 .mapinfo > div .roadveiw:after{content: "";display: block;visibility: hidden;clear:both;}
.s0105 .mapinfo > div .roadveiw li{margin-bottom:5px;}
.s0105 .mapinfo > div .roadveiw li a{display: block;width:100%;}

.s0105 .btn-icon.bus{padding-right:2px;font-size: 14px;}
.s0105 .btn{text-transform:lowercase;}
/* End */

/* 단체숙박동 sub0201 */
.s0201 .table_mt_0 {margin : -35px 0 10px}
@media(max-width: 767px) {
    .s0201 .table_mt_0 {margin : 0}
}
/* 단체숙박동 sub0201 End */

/* 전통혼례 sub040103 */
.s040103 .photo_wrap.typeC .info_box2{padding-left:30px;}
/* End */


/* 전통돌상 sub040104 */
.s040104 .example-box ul:after{content:"";display: block;visibility: hidden;clear:both;}
.s040104 .example-box ul li{float:left;width:50%;} 
/* .s040104 .photo_wrap2.typeD .thumb2 ul li span {background: none; padding: 20px;} */
@media(max-width:680px){
    .s040104 .example-box ul li{float:none;width:100%;}
} 
/* @media(max-width:500px) {
    .s040104 .photo_wrap2.typeD .thumb2 ul li span {padding: 10px;}
} */
/* End */

/* Facilities sub060102 */
.s060102 .table_mt_0 {margin: -35px 0 10px;}
@media(max-width: 767px) {
    .s060102 .table_mt_0 {margin: 0;}
}
/* Facilities sub060102 End */

/* 施設及び利用案内 sub060202 */
.s060202 .table_mt_0 {margin: -35px 0 10px;}
@media(max-width: 767px) {
    .s060202 .table_mt_0 {margin: 0;}
}
/* 施設及び利用案内 sub060202 End */

/* 设施及利用向导 sub060302 */
.s060302 .table_mt_0 {margin: -35px 0 10px;}
@media(max-width: 767px) {
    .s060302 .table_mt_0 {margin: 0;}
}
/* 设施及利用向导 sub060302 End */

/* 개인정보취급방침 sitemap_03 */
.ul_1st li{margin:4px 0;font-size:16px;}
.ul_2st > li{padding-left:15px;margin:3px 0;}
.ul_3st > li{padding-left:15px;}

.site_down{margin-top:10px;}
.site_down ul{overflow: hidden;}
.site_down ul li{float:left;width:48%;margin:0 2% 10px 0;}
.site_down ul li a{display: block;width:100%;}

@media(max-width:600px){
    .site_down ul li{float:none;width:100%;margin-left:0;}
}
/* End */

/* 숙박예약 sub0204 */
.s0204 .ui-list__card .obj .item .card--body .ui-list__title{text-align: center;margin-top:25px;}
.s0204 .ui-list__card .obj .item .card--body .ui-list__title em{display: block;font-size:16px;font-weight: 300;}


/* 숙박예약확인 페이지 모바일 반응형일 때 버튼 변경 */
.s0204 .ui-list__card .obj .item .card--body .ui-list__button.mobile {display: none;}

@media(max-width:767px){
    .s0204 .ui-list__card .obj .item .card--body .ui-list__button.pc {display: none;}
    .s0204 .ui-list__card .obj .item .card--body .ui-list__button.mobile {display: block;}
}


/* 개인정보처리방침 수정 */
/* .sitemap03.privacy_policy .text-center.h2 {display:inline-block;} */
.sitemap03.privacy_policy .text-center.h2::before {display: none;}
.sitemap03.privacy_policy .label_wrap{ width: 100%; box-sizing: border-box; display: flex; flex-flow: row wrap; position: relative;}
.sitemap03.privacy_policy .label_box{ width: calc(33.3333% - 20px); box-sizing: border-box; padding: 20px 30px; border-radius: 10px; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2); display: flex; flex-flow: column; justify-content: center; align-items:center; cursor: pointer; margin: 10px; margin-bottom: 20px; background-color: #fff; border: 1px solid #fff; position:relative}
.sitemap03.privacy_policy .label_box:hover{transition: 0.2s; border: 1px solid #1647aa;}
.sitemap03.privacy_policy .label_cnt { font-size: 14px; margin-top: 20px; font-weight: 400; color: #111; text-align: center;}
.sitemap03.privacy_policy .label_layer{ display: none; position: absolute; box-sizing: border-box;     border-radius: 10px; background-color: #fff; border: 1px solid #eee;     width: 400px;     z-index: 999;}
.sitemap03.privacy_policy .label_desc_top{ width: 100%; box-sizing: border-box; padding:10px; background-color: #1647aa; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.sitemap03.privacy_policy .label_desc_top p{margin-top: 0; color: #fff;}
.sitemap03.privacy_policy .label_desc_btm{ width: 100%; box-sizing: border-box; padding: 15px 20px;}
.sitemap03.privacy_policy .label_desc_btm p {margin-top: 0;}
.sitemap03.privacy_policy .desc_wrap{display: flex;flex-flow: row wrap;}
.sitemap03.privacy_policy .desc_box{ width: 100%; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box; padding: 10px 15px; margin-top: 10px; display: flex; flex-flow: row wrap; justify-content: space-between;    }
.sitemap03.privacy_policy .desc_tit{ width: 30%; font-weight: 500; color: #1647aa; word-break: keep-all; margin: 0;}
.sitemap03.privacy_policy .desc_cnt{ width: 68%; color: #333; font-size: 14px; margin: 0;}
.sitemap03.privacy_policy .desc_icon{box-sizing: border-box;/* padding-left: 30px; */height: auto;margin: 0;}
.sitemap03.privacy_policy .desc_wrap{display: flex;flex-flow: row wrap;}
.sitemap03.privacy_policy .desc_box{width: 100%;border-radius: 10px;border: 1px solid #eee;box-sizing: border-box;padding: 10px 15px;margin-top: 10px;display: flex;flex-flow: row wrap;justify-content: space-between;    } 

.sitemap03.privacy_policy .label_layer.num1,
.sitemap03.privacy_policy .label_layer.num2,
.sitemap03.privacy_policy .label_layer.num3,
.sitemap03.privacy_policy .label_layer.num6,
.sitemap03.privacy_policy .label_layer.num7,
.sitemap03.privacy_policy .label_layer.num8,
.sitemap03.privacy_policy .label_layer.num11,
.sitemap03.privacy_policy .label_layer.num12,
.sitemap03.privacy_policy .label_layer.num13 {top:0; left: 110%;}
.sitemap03.privacy_policy .label_layer.num4,
.sitemap03.privacy_policy .label_layer.num5,
.sitemap03.privacy_policy .label_layer.num9,
.sitemap03.privacy_policy .label_layer.num10,
.sitemap03.privacy_policy .label_layer.num14 {top:0; right: 110%;}

.sitemap03.privacy_policy .label-table tbody td {vertical-align: top;}
.sitemap03.privacy_policy .table-label {width: 50px;}
.sitemap03.privacy_policy .table-label + p {font-size: 13px;}

.sitemap03.privacy_policy .panel_box{position: relative;margin: 20px 0 20px 0;padding: 20px;color: #333;background-color: #fafafa;border: 1px solid #e6e6e6;border-radius: 5px;word-break: keep-all; float: none;}
.sitemap03.privacy_policy .panel_box.pds{padding:10px 20px;}
.sitemap03.privacy_policy .panel_box.pdm{padding:20px 25px;}
.sitemap03.privacy_policy .panel_box .tit_panel {margin: 0;margin-bottom: 15px;line-height:24px;font-weight:700;color: #165e9b;font-size: 20px;}
.sitemap03.privacy_policy .panel_box .tit_f17{font-size:17px;font-weight:500;}
.sitemap03.privacy_policy .panel_box .tit_f17 > *{font-size:17px;font-weight:500;}
.sitemap03.privacy_policy .panel_box .tit_f17 strong{color:#4374ac;}
.sitemap03.privacy_policy .panel_box.panel_step .tit_panel {color:#111;text-align: center;font-weight: 300;}
.sitemap03.privacy_policy .panel_box.panel_white {background-color: #fff;border: 1px solid #d9d9d9;}
.sitemap03.privacy_policy .panel_box .lineHeights li{margin-bottom:5px;}
.sitemap03.privacy_policy .cnt_list{width: 90%;margin: 20px auto 0px;display: flex;flex-flow: row wrap;justify-content: space-between;}
.sitemap03.privacy_policy .cnt_list li {width: 50%;margin-bottom: 30px;position: relative;box-sizing: border-box;}
.sitemap03.privacy_policy .cnt_list li a{ color: #444;   font-weight: 400;box-sizing: border-box;padding-left: 30px;height: 25px;display: block;} 
.sitemap03.privacy_policy .cnt_list li a img {position:absolute; left:0; top:0; width:24px;}
.sitemap03.privacy_policy .list_icon{margin-right: 10px;vertical-align: middle;}

.sitemap03.privacy_policy .h2 .title-label {width: 45px; vertical-align: middle;}

@media (max-width:1024px){
    /* .sitemap03.privacy_policy .label_box {width: calc(25% - 20px);} */
    .sitemap03.privacy_policy .label_layer.num1,
    .sitemap03.privacy_policy .label_layer.num2,
    .sitemap03.privacy_policy .label_layer.num5,
    .sitemap03.privacy_policy .label_layer.num6,
    .sitemap03.privacy_policy .label_layer.num9,
    .sitemap03.privacy_policy .label_layer.num10,
    .sitemap03.privacy_policy .label_layer.num13,
    .sitemap03.privacy_policy .label_layer.num14 {left: 110%; right: auto;}
    .sitemap03.privacy_policy .label_layer.num3,
    .sitemap03.privacy_policy .label_layer.num4,
    .sitemap03.privacy_policy .label_layer.num7,
    .sitemap03.privacy_policy .label_layer.num8,
    .sitemap03.privacy_policy .label_layer.num11,
    .sitemap03.privacy_policy .label_layer.num12 {left: auto; right: 110%;}
}
@media (max-width:920px){
    /* .sitemap03.privacy_policy .label_box {width: calc(33.3333% - 20px);} */
    .sitemap03.privacy_policy .label_layer {width: 100%;}
    .sitemap03.privacy_policy .label_layer.num1,
    .sitemap03.privacy_policy .label_layer.num2,
    .sitemap03.privacy_policy .label_layer.num4,
    .sitemap03.privacy_policy .label_layer.num5,
    .sitemap03.privacy_policy .label_layer.num7,
    .sitemap03.privacy_policy .label_layer.num8,
    .sitemap03.privacy_policy .label_layer.num10,
    .sitemap03.privacy_policy .label_layer.num11,
    .sitemap03.privacy_policy .label_layer.num13,
    .sitemap03.privacy_policy .label_layer.num14 {left: 110%; right: auto;}
    .sitemap03.privacy_policy .label_layer.num3,
    .sitemap03.privacy_policy .label_layer.num6,
    .sitemap03.privacy_policy .label_layer.num9,
    .sitemap03.privacy_policy .label_layer.num12 {left: auto; right: 110%;}
}
@media (max-width:640px){
    .sitemap03.privacy_policy .label_box {width: calc(50% - 20px); padding: 20px 5px;}
    .sitemap03.privacy_policy .label_desc_btm {padding: 15px 10px;}
    .sitemap03.privacy_policy .label_desc_btm p {font-size: 13px;}
    .sitemap03.privacy_policy .label_layer.num1,
    .sitemap03.privacy_policy .label_layer.num3,
    .sitemap03.privacy_policy .label_layer.num5,
    .sitemap03.privacy_policy .label_layer.num7,
    .sitemap03.privacy_policy .label_layer.num9,
    .sitemap03.privacy_policy .label_layer.num11,
    .sitemap03.privacy_policy .label_layer.num13 {left: 110%; right: auto;}
    .sitemap03.privacy_policy .label_layer.num2,
    .sitemap03.privacy_policy .label_layer.num4,
    .sitemap03.privacy_policy .label_layer.num6,
    .sitemap03.privacy_policy .label_layer.num8,
    .sitemap03.privacy_policy .label_layer.num10,
    .sitemap03.privacy_policy .label_layer.num12,
    .sitemap03.privacy_policy .label_layer.num14 {left: auto; right: 110%;}
}
@media (max-width:580px){
 .sitemap03.privacy_policy .cnt_list li {width:100%;}
 .sitemap03.privacy_policy .cnt_list li a {height: auto;}
}
/* 개인정보처리방침 수정 */