@charset "utf-8";




h3.commTitle{color:#fff; font-size:38px; text-align:center; font-weight:normal; padding:42px 0 62px 0;}
h4.commTitle{color:#000; font-size:1.6rem; font-weight:400;}
h4.commTitle *{vertical-align:bottom;}
h4.commTitle span{color:#000; font-weight:200;}

/* .commTitleWrap p{line-height:18px; color:#000;}
.commArticleWrap{display:block; height:32px; line-height:32px; color:#000; text-align:right; margin-bottom:2rem;padding:0 8px;font-size:12px;border-bottom:1px solid #eee}
.commArticleWrap strong{color:#000; font-weight:normal; padding-left:8px;} */
.commTitleWrap p{line-height:18px; color:#000;}
.commArticleWrap{display:block; height:32px; line-height:32px; color:#999; text-align:right; padding:0 8px;font-size:12px}
.commArticleWrap span {display: inline-block;}
.commArticleWrap strong{color:#333; font-weight:normal; padding-left:3px;}

.commSearchWrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-around;
}
#frmCommunitySearch{
    display: flex;
    justify-content: flex-end;
    margin-top:1rem;
}
#frmCommunitySearch:after{display:block;content:'';clear:both}
#frmCommunitySearch #commu_search{display:block;float:left;margin:0px;
    height: 25px;
    border: 0;
    background-color: #f1f1f1;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    max-width: 200px;
}
#frmCommunitySearch #commu_search_submit{
    display:block;
    float:right;
    background-color: #000000;
    border: 1px solid #000;
    color: #fff;
    height: 25px;
    -webkit-appearance: none;
}



.commTravelEtcWrap{padding:7px 10px;background-color:#f1f1f1;font-size:12px}
.commTravelEtcWrap:after{display:block;content:'';clear:both;}
.commTravelWriter{float:left}
.commTravelEtc{float:right}

.btnCommListWrap{margin-bottom:3rem}
.btnCommListRightWrap{text-align: right;}
.btnCommListRightWrap .c-btns {margin-top: 10px}
.btnCommListRightWrap a{}

.commDetailWrap{margin:2rem 0}
.commDetail .subject{border:1px solid #ddd;background-color:#f1f1f1;padding:1rem;margin:1rem 0 0 0}

.detail_etc{margin:10px 0 1rem 0;text-align:right}
.detail_etc:after{display:block;content:'';clear:both}
.detail_etc .tit{display:inline-block;font-size:12px;margin-right:8px}
.detail_etc .cnt{display:inline-block;font-size:12px;margin-right:15px}
.detail_content{line-height:160%;border:1px solid #eee;padding:1rem}
.detail_content img{display:inline-block;margin:10px auto;max-width:100%}

.btnCommDetailWrap{margin:1rem 0 2rem 0;text-align:right}


.eventListWrap{margin:2rem 0}
.eventList{}
.eventList li{margin-bottom:1.5rem;}
.eventList li.pass{background-color:#f1f1f1}
.eventList li a{}
.eventList li a .images{position:relative;width:100%;height:0px;padding-bottom:66.666%}
.eventList li a .images img{position:absolute;left:0px;top:0px;width:100%;}
.eventList li a .images .curtain{position:absolute;left:50%;top:50%;z-index:10;width:100%;color:#fff;font-size:1.5rem;text-align:center;transform:translate(-50%,-50%);}
.eventList li a .images.pass:after{display:block;content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,.5);}

.eventList li a .eventlist_cont{padding:1rem 1rem 1rem 0}
.eventList li a h5{margin-bottom:12px;font-size:1.1rem;color:#000;font-weight: bold;}
.eventList li a p.ing{display:inline-block;padding:5px 10px;width:80px;text-align:center;background-color:#cc0000;color:#fff;}
.eventList li a p.pass{display:inline-block;padding:5px 10px;width:80px;text-align:center;background-color:#535353;color:#fff;}
.eventList li a .cont{margin-top:1.2rem;color:#000}
.eventList li a .etc{margin-top:5px;font-size:12px;color:#000}


.eventDetailTitleWrap{margin:1.2rem 0}
.eventDetailTitle p{color: #558bc9;}
.eventDetailTitle h4{font-size:1.2rem;color:#000}
.btnEventTitleWrap{text-align:right}
.eventDetailContent{margin-bottom:1rem;padding:12px;border: 1px solid #e9e9e9;}
.eventDetailContent img{display:block;margin:0 auto;max-width:100%}











.commWriteInfoWrap{margin-top:2rem}

#frmCommunityWrite{display:block;padding:0;margin:0}
.content > h3 { display: block; height: inherit; line-height: inherit; color: #0e68b8; font-size: 18px; padding: 15px; margin: 0 0 5px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #ffffff; }
.content > h3 > span { display: block; text-align: center; height: inherit; line-height: inherit; color: #000; font-size: 10px; font-weight: normal; padding: 0 }
.content > h3 > strong { display: block; text-align: center; height: inherit; line-height: inherit; color: #0186e4; font-size: 16px; font-weight: bold; font-family: 'Noto Sans KR',sans-serif; text-transform: uppercase; padding: 0 }
.commWriteInfoWrap{padding:15px 20px;background:#f7f7f7}
.commWriteInfoWrap .icon{text-align:center;font-size:1.2rem}
.commWriteInfoWrap .icon i{font-size:2rem}
.commWriteInfoWrap h5{font-size:20px;padding: 0 0 10px 0;color:#000}
.commWriteInfoWrap ol{width:inherit;overflow:inherit;list-style-type:number;padding-left: 20px;line-height: 1.4}
.commWriteInfoWrap ol li{width:inherit !important;font-size: 12px}
.commWriteInfoWrap ol li strong{font-weight:bold}
#review_contents{background-color:#fff}
#btn_chat{display:none}
/* .frm_fields{padding: 15px 15px 5px 15px} */
.frm_label{margin:20px 0px 10px 0px;color:#000;font-size:16px;}
.frm_label strong{color:#cc0000}
.frm_inputs input{width:100%}
.frm_inputs textarea{}
.note-editable{background-color:#fff}
.frm_label_helptext{margin-bottom:5px;border:1px solid #000;padding:10px;background-color:#ebf8ff;font-size:12px;line-height:140%;color:#525252}
.frm_btns{margin: 30px 0px; text-align: center;
    display: flex;
    gap: 5px;
    justify-content: center;
}
/*
#btn_submit_review,
#btn_submit_cancel{border:1px solid #000;;margin:10px 5px;padding:5px 15px;color:#000;background-color:#eee;font-size:16px;}
#btn_submit_review{background-color:#0e68b8;color:#fff}
#btn_submit_cancel{background-color:#bdcfd9;color:#0e68b8}
*/


.dropzone {min-height:95px;border: 2px dashed rgb(32 57 165 / 66%);}
.dropzone .dz-message{margin:0}
.dropzone .dz-preview{margin:5px;width:100px;overflow:hidden}
.dropzone .dz-preview .dz-image{width:70px;height:70px;margin:0 auto}
.dropzone .dz-preview .dz-details{position: relative;top: auto;left: auto;opacity: 1;font-size:10px}

#btn_upload_c{padding: 0 15px;text-align:center}
#btnUploadPhoto{display:block;width:100%;background-color:#168f93;color:#fff;border:0;margin:5px auto;padding:8px 20px;font-size:16px}

.show{display:block}
.hide{display:none}


.hotelnav_city_list{
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}
/* .hotelnav_city_list li a.active{
    border-radius:0;
    background-color: #00a1dc !important;
} */

.hotel_list_title{padding:10px 20px;background-color:#ededed}



.dropzone {
    background: white;
    padding: 15px;
    margin: 1rem 0 0 0;
}


/* hotels */
.hotelnav_nation_list li a sub{
    bottom: auto;
    padding-left: 5px;
    font-size: 12px;
}
.hotelnav_nation_list li.active a{
    color: #fff
}

.hotelnav_nation_list .list-group-item:first-child,
.hotelnav_nation_list .list-group-item:last-child{
    border-radius: 0;
}

.pl15{padding-left:9px}

.dropzone {
    padding: 9px;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
    font-weight: 300;
    font-size: 1.3rem;
    margin: 5px 0;
}



.note-custom {}
.note-btn .note-icon-caret {
    
}
.note-btn-group .dropdown-toggle::after {
    display: none;
}

.note-custom .note-btn {
    /* background-color: #02bd60; */
    /* border: 1px solid #238d11; */
    background-color: #ef1b1b;
    border: 1px solid #a51e1e;
}
.note-custom .note-btn i {
    color: #fff;
}




.active>.page-link, .page-link.active {
    background-color: #163f7b;
    border-color: #070708;
}

.c-btn {
    padding: 10px 20px;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #000;
    color: #000;
}
.c-btn:hover {
    border: 1px solid var(--b-blue);
    color: var(--b24-blue2);
}
.c-btn-mask {
    display: none;
}
.commTitleWrap {
    /* margin-top: 2rem; */
    margin-bottom: 2rem;
}
#frmCommunitySearch {
    margin-top: 0;
}
#frmCommunitySearch #commu_search {
    height: 38px;
    padding: 5px 10px;
    border: 1px solid #000;
}
#frmCommunitySearch #commu_search_submit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 38px;
    border: 1px solid #000;
}
.btnCommListRightWrap .c-btns {
    margin-top: 2rem;
}

.hotelnav_city_list li a.active,
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    /* background-color: var(--b24-blue2) !important; */
    /* background-color: transparent; */
    background-color: #fbfbfb;
    border-bottom: 2px solid #000 !important;
    color: #000;
    font-weight: 500;
}
.hotelnav_city_list li a.active {

}