/************************* 
00 basic 
01 board_list 
02 board_view 
03 board_write 

*************************/

header {clear:both;}
footer {clear:both;}

.noticebg dl{background-color:#f2f2f2}





/************************* 01 board_list *************************/
.thum_list_box  {display: flex;flex-wrap : wrap;flex-direction: row;gap:10px;justify-content: space-between;align-items: stretch}
.thum_list_box li{width:(33% - 10px);padding:5px;flex:auto;}
.thum_list_box li img{}
.thum_list_box dl {border:1px solid #cecfce;}
.thum_list_box dt{display:block;height:160px;overflow:hidden;position:relative;}
.thum_list_box dt img{min-width:100%;min-height:160px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.thum_list_box dd {padding:5px 10px;height:70px;overflow:hidden;}
.thum_list_box dd strong{display:block;font-weight:bold;font-size:15px;line-height:18px;padding:5px 0 5px 0;}
.thum_list_box dd .txt{line-height:18px;color:#999;font-size:12px}
.thum_list_box dd .etc_box {padding-top:5px}
.thum_list_box dd .etc_box span{font-size:11px;color:#666;padding-right:5px;}
.thum_list_box dd .etc_box span:before{display:inline-block;padding-right:2px;color:#999;}
.thum_list_box dd .etc1 .write:before{content:'By';}
.thum_list_box dd .etc1 .date:before{content:'Date';}
.thum_list_box dd .etc1 .hit:before{content:'Hit';}
.thum_list_box dd .etc1 .comment:before{content:'Ment';}
.thum_list_box dd .etc2 .tag:before{content:'Tag';display:inline-block;border:1px solid #999;color:#666;padding:2px 7px;border-radius:2px;margin-right:5px;font-family:vardana;font-size:10px}
/* .thum_list_box dd .etc2 .tag{color:#555;font-size:12px;padding:10px 0;display:block;} */
.thum_list_box dd .etc2 .link{display:block;color:#17a9df;padding-top:5px;font-family:vardana;}
.thum_list_box dd .gubun{color:#17a9df;padding:5px 0;}
.thum_list_box dd .event{display:block;color:#17a9df;padding:10px 0;font-family:vardana;font-size:15px;}
.thum_list_box dd .company{display:block;padding-top:10px}
.thum_list_box dd .company span{display:inline-block;margin-right:10px}
.thum_list_box dd .company span:before{color:#999;font-size:11px}
.thum_list_box dd .company .tel:before{content:'전화';}
.thum_list_box dd .company .place:before{content:'주소';}
.thum_list_box dd .company .tel{color:#333;}
.thum_list_box dd .company .place{color:#333}
.thum_list_box:after {clear:both;content:'';display:block}
.thum_list_box dl:after {clear:both;content:'';display:block}


.photo_list_box li{padding:5px;}
.photo_list_box li img{}
.photo_list_box dl {border:1px solid #cecfce;}
.photo_list_box dt{display:block;}
.photo_list_box dd strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;-moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined;display:block;font-weight:bold;font-size:15px;line-height:18px;padding:5px 10px;}
.photo_list_box dd .txt{line-height:18px;color:#999;font-size:12px}
.photo_list_box dd .etc_box {padding-top:5px}
.photo_list_box dd .etc_box span{font-size:11px;color:#666;padding-right:5px;}
.photo_list_box dd .etc_box span:before{display:inline-block;padding-right:2px;color:#999;}
.photo_list_box dd .etc1 .write:before{content:'By';}
.photo_list_box dd .etc1 .date:before{content:'Date';}
.photo_list_box dd .etc1 .hit:before{content:'Hit';}
.photo_list_box dd .etc1 .comment:before{content:'Ment';}
.photo_list_box dd .etc2 .tag:before{content:'Tag';display:inline-block;border:1px solid #999;color:#666;padding:2px 7px;border-radius:2px;margin-right:5px;font-family:vardana;font-size:10px}
/* .photo_list_box dd .etc2 .tag{color:#555;font-size:12px;padding:10px 0;display:block;} */
.photo_list_box dd .etc2 .link{display:block;color:#17a9df;padding-top:5px;font-family:vardana;}
.photo_list_box dd .gubun{color:#17a9df;padding:5px 0;}
.photo_list_box dd .event{display:block;color:#17a9df;padding:10px 0;font-family:vardana;font-size:15px;}
.photo_list_box dd .company{display:block;padding-top:10px}
.photo_list_box dd .company span{display:inline-block;margin-right:10px}
.photo_list_box dd .company span:before{color:#999;font-size:11px}
.photo_list_box dd .company .tel:before{content:'전화';}
.photo_list_box dd .company .place:before{content:'주소';}
.photo_list_box dd .company .tel{color:#333;}
.photo_list_box dd .company .place{color:#333}
.photo_list_box:after {clear:both;content:'';display:block}
.photo_list_box dl:after {clear:both;content:'';display:block}




.full_list_box li{padding:5px;}
.full_list_box dl{border:1px solid #cecfce;padding:5px}
.full_list_box dl:after{clear:both;content:'';display:block}
.full_list_box dt{float:left;width:40%}
.full_list_box dd{float:left;width:60%;padding:0 10px;}
.full_list_box dd strong{display:block;font-weight:bold;font-size:16px;line-height:160%;}
.full_list_box dd .txt{line-height:14px;color:#999;line-height:1.6}
.full_list_box dd .etc_box {padding-top:5px}
.full_list_box dd .etc_box span{font-size:11px;color:#666;padding-right:5px;}
.full_list_box dd .etc_box span:before{display:inline-block;padding-right:2px;color:#999;}
.full_list_box dd .etc1 .write:before{content:'By';}
.full_list_box dd .etc1 .date:before{content:'Date';}
.full_list_box dd .etc1 .hit:before{content:'Hit';}
.full_list_box dd .etc1 .comment:before{content:'Ment';}
.full_list_box dd .etc1 .like:before{content:'Like';}
.full_list_box dd .etc2 .tag:before{content:'Tag';display:inline-block;border:1px solid #999;color:#666;padding:2px 7px;border-radius:2px;margin-right:5px;font-family:vardana;font-size:10px}
.full_list_box dd .etc2 .tag{color:#555;font-size:12px;padding:10px 0;display:block;}
.full_list_box dd .etc2 .link{display:block;color:#17a9df;padding-top:5px;font-family:vardana;}
.full_list_box dd .gubun{color:#17a9df;padding:10px 0;}
.full_list_box dd .event{display:block;color:#17a9df;padding:10px 0;font-family:vardana;font-size:15px;}
.full_list_box dd .company{display:block;padding:5px 0}
.full_list_box dd .company span{display:inline-block;margin-right:10px}
.full_list_box dd .company span:before{color:#999;font-size:11px}
.full_list_box dd .company .tel:before{content:'전화';}
.full_list_box dd .company .place:before{content:'주소';}
.full_list_box dd .company .tel{color:#333;}
.full_list_box dd .company .place{color:#333}



.notice_list_box li{padding:5px;}
.notice_list_box dt{display:none}
.notice_list_box dl{border:1px solid #cecfce;padding:10px;position:relative;}
.notice_list_box dd .gubun{position:absolute;left:10px;top:10px;color:var(--color-point);line-height:21px}
.notice_list_box dd strong{margin-left:65px;font-size:15px;font-weight:bold;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;-moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined;line-height:21px;padding:0 10px;}
.notice_list_box dd .txt{display:none}
.notice_list_box dd .etc_box{display:none}
.notice_list_box dd .event{display:block;color:#17a9df;padding:10px 0;font-family:vardana;font-size:15px;}

.talk_list_box li{padding:5px;}
.talk_list_box dt{display:none}
.talk_list_box dl{border:1px solid #cecfce;padding:10px;position:relative;}
.talk_list_box dd .gubun{display:none;}
.talk_list_box dd strong{font-size:15px;font-weight:bold;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;-moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined;line-height:24px;}
.talk_list_box dd .txt{display:none}
.talk_list_box dd .etc_box span{font-size:12px;color:#999}
.talk_list_box dd .etc_box span{font-size:11px;color:#666;padding-right:5px;}
.talk_list_box dd .etc_box span:before{display:inline-block;padding-right:2px;color:#999;}
.talk_list_box dd .etc1 .write:before{content:'By';}
.talk_list_box dd .etc1 .date:before{content:'Date';}
.talk_list_box dd .etc1 .hit:before{content:'Hit';}
.talk_list_box dd .etc1 .comment:before{content:'Ment';}
.talk_list_box dd .etc1 .like:before{content:'Like';}
.talk_list_box dd .etc2 .tag:before{content:'Tag';display:inline-block;border:1px solid #999;color:#666;padding:2px 7px;border-radius:2px;margin-right:5px;font-family:vardana;font-size:10px}
.talk_list_box dd .etc2 {display:none}
.talk_list_box dd .etc1 .comment{display:none}
.talk_list_box dd .etc1 .like{display:none}
.talk_list_box dd .event{display:block;color:#17a9df;padding:10px 0;font-family:vardana;font-size:15px;}


.shop_list_box li{padding:5px;}
.shop_list_box li img{}
.shop_list_box dl {border:1px solid #cecfce;}
.shop_list_box dt{display:block;margin:0px;padding:0px;}
.shop_list_box dd strong{display:block;font-weight:bold;font-size:15px;line-height:18px;padding:5px 0 5px 0;}
.shop_list_box dd {padding:5px 10px 10px 10px;}
.shop_list_box dd .price{font-family:verdana;font-size:16px;font-weight:bold;color:#ea2c00;}
.shop_list_box dd .price .through{color:#888;font-size:13px}
.shop_list_box dd .tag{color:#1e6932;font-size:12px;padding-top:5px}
.shop_list_box:after {clear:both;content:'';display:block}
.shop_list_box dl:after {clear:both;content:'';display:block}


.board_search {text-align:center;}
.board_search *{vertical-align:middle}
.board_search input[type="text"]{border:1px solid #cecfce;padding:10px;height:26px;line-height:26px;font-size:15px;border-radius:5px}
.board_search a{display:inline-block;background-color:#999;color:#fff;padding:0 15px;height:26px;line-height:26px;font-size:15px;border-radius:5px}

.pagination{display:inline-block;clear:both;padding-left:0;margin:20px 0;border-radius:4px;}

.pagination>li{display:inline}
.pagination>li>a,
.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#999;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;color:#999;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#333;border-color:#222}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.isotope-filter {border-bottom:1px solid #cecfce;height:33px}
.isotope-filter:after {clear:both;content:'';display:block}
.isotope-filter li{display:block;float:left;border-top:1px solid #cecfce;border-left:1px solid #cecfce;border-right:1px solid #cecfce;border-bottom:1px solid #fff;margin-right:5px;background-color:#fff;border-top-left-radius:5px;border-top-right-radius:5px}
.isotope-filter li a{display:block;line-height:32px;text-align:center;height:32px;padding:0 20px;color:#777;}
.isotope-filter li.active a{background-color:#fff;color:#333}
.sort-destination {clear:both;}

/************************* 02 board_view *************************/


.board_view .dbox {text-align:right;padding-right:25px;}

.board_view .dbox .date {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #cecfce;}
.board_view .dbox .date .day{font-size:60px;display:block;line-height:1.1}
.board_view .dbox .date .month{font-size:15px;}
.board_view .dbox .imgbox img{max-width:100%}
.board_view .dbox .detail span{display:block;padding:5px 0;}
.board_view .dbox .detail span:before{display:inline-block;padding-right:5px;color:#999;}
.board_view .dbox .detail .write:before{content:'By';}
.board_view .dbox .detail .date:before{content:'Date';}
.board_view .dbox .detail .hit:before{content:'Hit';}
.board_view .dbox .detail .comment:before{content:'Ment';}
.board_view .dbox .detail .tel:before{content:'Tel';}
.board_view .dbox .detail .email:before{content:'E-mail';}




.board_view .title{font-size:24px;line-height:180%}
.board_view .link {margin:15px 0;}
.board_view .link a{color:#17a9df}
.board_view .file {background-color:#f2f2f2;padding:10px;border:1px solid #cecfce}
.board_view .file a{display:block;margin:3px 0;}
.board_view .text{padding-top:15px;font-size:15px;line-height:180%;}
.board_view .tag {padding:25px 0}
.board_view .tag a{display:inline-block;padding:3px 10px;border:1px solid #cecfce;border-radius:3px}
.board_view .tag:before{content:'Tag';font-size:12px;color:#fff;padding:0 15px;background-color:#999;padding:3px 10px;border:1px solid #777;border-radius:3px;margin-right:5px;}

.board_view .sns {clear:both;padding:25px 0;vertical-align:top}
.board_view .sns a{display:inline-block;width:45px;height:45px;font-size:1px;text-indent:-9999px;}
.board_view .sns a.facebook{background:url(/images/sns_facebook.gif) no-repeat;background-size:cover;}
.board_view .sns a.kakao{background:url(/images/sns_kakao.gif) no-repeat;background-size:cover;}
.board_view .sns a.blog{background:url(/images/sns_blog.gif) no-repeat;background-size:cover;}
.board_view .sns a.map{background:url(/images/sns_map.gif) no-repeat;background-size:cover;}
.board_view .sns a.share{background:url(/images/sns_share.gif) no-repeat;background-size:cover;}

.board_map {clear:both;margin:15px 0;}

.board_btn {text-align:center;margin:15px 0;}
.board_btn a{display:inline-block;padding:10px 15px;margin:0 2px;border-radius:5px}
.board_btn a.list{border:1px solid #cecfce}
.board_btn a.edit{border:1px solid #cecfce}
.board_btn a.del{border:1px solid #999;background-color:#999;color:#fff}



/* blockquote */
blockquote {border-left: 5px solid #CCC;font-size: 1.3em;font-style: normal;
	letter-spacing: 0px;margin: 25px 0 25px 12px;padding: 0 0 0 25px;position: relative;line-height:160%}
blockquote span {font-size:0.75em;color:#999;}
blockquote cite {display: block;font-size: 0.75em;color: #9CA6B4;}



@media only screen and (max-width: 740px) {
.board_view .dbox {display:none;text-align:center;padding:0px;}

.board_view .dbox .date {display:none}
.board_view .dbox .date .day{font-size:15px;display:inline-block;}
.board_view .dbox .date .day:after{content:'일';}
.board_view .dbox .date .month{font-size:15px;}
.board_view .dbox .imgbox {padding-top:10px;display:block;width:100%;clear:both !important;text-align:center;}
.board_view .dbox .imgbox img{margin:auto;text-align:center;}
.board_view .dbox .detail{display:none}
.board_view .dbox .detail span{display:inline-block;padding:5px 0;}
.board_view .dbox .detail span:before{display:inline-block;padding-right:5px;color:#999;}
.board_view .dbox .detail .write:before{content:'By';}
.board_view .dbox .detail .date:before{content:'Date';}
.board_view .dbox .detail .hit:before{content:'Hit';}
.board_view .dbox .detail .comment:before{content:'Ment';}

.board_view .title{font-size:16px;letter-spacing:-0.5px;line-height:160%;background-color:#666;color:#fff;text-align:center;padding:5px;}

}

/************************* 03 board_write *************************/

.pr5{padding-right:5px}
.pl5{padding-left:5px}
.row {clear:both;}
.form-group:after{clear:both;content:'';display:block;}
.form-group {padding:10px 0;line-height:26px;}
.form-group label{display:block}

.form-group input[type="text"]{border:1px solid #cecfce;padding:10px;height:26px;line-height:26px;font-size:15px;width:100%;border-radius:5px}
.form-group input[type="email"]{border:1px solid #cecfce;padding:10px;height:26px;line-height:26px;font-size:15px;width:100%;border-radius:5px}
.form-group input[type="file"]{border:1px solid #cecfce;padding:5px;height:36px;font-size:15px;width:100%;border-radius:5px}
.form-group input[type="password"]{border:1px solid #cecfce;padding:10px;height:26px;line-height:26px;font-size:15px;width:100%;border-radius:5px}
.form-group textarea{border:1px solid #cecfce;padding:10px;height:26px;line-height:26px;font-size:15px;width:100%;border-radius:5px;min-height:200px}
.form-group textarea.desc{min-height:80px}
.form-group .form-size4 {width:60px !important}
.form-group .form-size8 {width:100px !important}
.form-group .form-size12 {width:200px !important}




/******************************************************* 팝업 *********************************************************/
.contentbox {position:relative}
.layer_pop_design {position:absolute;left:250px;width:500px;min-height:450px;z-index:100;background-color:#fff;border-radius:25px;}
.layer_pop_design h3 {position:relative}
.layer_pop_design h3 .close {position:absolute;top:5px;right:20px;cursor:pointer;background:url(/images/shop/close.png) no-repeat;background-size:100%;text-indent:-9999px;display:block;width:30px;height:30px;}

.wid1200 {width:1000px !important;left:0px;top:5px;}

.mclose_btn {position:absolute;right:-15px;top:-15px;display:inline-block;background:#333;color:#fff;font-size:21px;padding:5px 10px;cursor:pointer;border-radius:50px}

.layer_pop_design .conbox{padding:25px;}
.layer_pop_design h3{display:block;background-color:#4e6e50;line-height:42px;color:#fff;font-size:21px;font-weight:bold;text-align:center;border-top-left-radius:25px;border-top-right-radius:25px;}


.modal-content .conbox{padding:20px;}
.modal-content h3.tit{display:block;background-color:#4e6e50;line-height:42px;color:#fff;font-size:21px;font-weight:bold;text-align:center;border-top-left-radius:15px;border-top-right-radius:15px;}


#fixed_pop {display:block;position:fixed;left:0px;top:0px;width:100%;height:100%;background:#333;opacity: 0.4;filter: alpha(opacity = 40);z-index:1}



@media only screen and (max-width: 840px) {
/** MOBILE **/
.thum_list_box li{padding:5px;}

.notice_list_box li{width:100%;clear:both;}
.notice_list_box dd strong{margin-left:35px;}
.thum_list_box .col-sm-3 {width:50% !important}
.photo_list_box .col-sm-3 {width:50% !important}
.photo_list_box .col-sm-4 {width:50% !important}
.shop_list_box .col-sm-3 {width:50% !important}

.layer_pop_design {position:absolute;left:0px;top:0px;width:100%;min-height:450px;z-index:100;background-color:#fff;border-radius:25px;}
.layer_pop_design .conbox{padding:5px;}
.wid1200 {width:100% !important;left:0px;top:0px;}



.full_list_box li{padding:5px}
.full_list_box dl{border-bottom:1px solid #cecfce;padding-bottom:5px;}
.full_list_box dl:after{clear:both;content:'';display:block}
.full_list_box dt{display:block;width:100%}
.full_list_box dd{display:block;width:100%;padding:5px 0;}
.full_list_box dd strong{display:block;font-weight:normal;font-size:15px;line-height:160%;padding:0px;}

}