/**
	board skin css
*/
.board .table{border-top:2px solid #000; border-bottom:1px solid #ccc; width:100%}
.border_button{overflow:hidden}
.board .comment-count a{color:#348fe2; padding-left:10px}
.board .info{overflow:hidden}
.board .info li{float:left; padding-right:20px}
.board .contents-view{padding:15px 0px; clear:both}
/* .board .contents-view-img img{display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto} */
.contents-view-vod {display: block;width: 75%;height: 30.5em;margin: 2em auto}
#post-content{word-wrap:break-word}
#post-content img{max-width:100%}
#post-content p{line-height:1.4}

.board .fa-user{color:#626262}
.board .fa-comments{color:#626262}
.board .fa-eye{color:#626262}
.board .fa-thumbs-up{color:#626262}
.board .fa-thumbs-down{color:#626262}
.board .fa-clock-o{color:#626262}
.board .fa-reply{color:#626262}
.board .gallery .thumbnail{margin-bottom:10px}
.board .recommand{text-align:center;margin-bottom:20px}
.board .recommand img{padding-top:7px}
.board .recommand a:hover{background:#348fe2; color:#fff; text-decoration:none}
.board .recommand .good{background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px; padding:8px; margin:0 10px}
.board .recommand .bad{background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px;padding:6px; margin:0 10px}
.board .passcord{text-align:center}
.board .passcord{clear:both;padding-top:20px; text-align:center}
.board .passcord img{vertical-align:middle}

.board .like{padding-top:20px}
.board .like a{text-decoration:none}
.board .time{font-size:12px; padding-left:10px}
.board .tags a{font-size:12px; padding-left:5px}
.board .reply{float:right; font-size:12px}
.board .reply a{padding-left:5px}
.board .ip{font-size:12px; padding-left:10px}
.board .tags li{float:left; padding-right:10px}
.board .sns_button div{float:left; padding-right:5px}
.board .information{overflow:hidden}
.board .information li{float:left; padding-right:20px}
.board .border_button{overflow:hidden}
.board .well{padding:20px;overflow:hidden;background:#f5f5f5}
.board .well img{vertical-align:middle}
.board .btn-point-info{padding-top:3px;color:#BBB;font-size:16px}
.board .view_full_image{cursor:pointer}

/* admin */
.bottom-buttons{display:flex}
.bottom-buttons .btn-write{margin-left:auto}
.board .btn-admin-manage-wrap{position:relative; display:inline-block}
.board .btn-admin-manage-layer{z-index:99999; position:absolute; top:0 !important; display:none; width:auto; transform:translateY(-100%); border:1px solid #ddd; background-color:#fff}
.board .btn-admin-manage-layer div.item{height:23px;border-bottom:1px solid #ddd; cursor:pointer;padding-left:2px;padding-right:10px;line-height:23px;font-size:12px;white-space:nowrap;}
.board .btn-admin-manage-layer div.item i{width:20px;text-align:center}
.board .btn-admin-manage-layer div.item:hover{background-color:#dedede}
@media screen and (max-width:599px){
	.board .btn-admin-manage-layer{width:150%}
}

.board .autowrap{margin:0 auto 15px}
.board .autosize{position:relative; height:0; padding-bottom:56.25%; overflow:hidden; margin:0}
.board .autosize iframe, .autosize object, .autosize embed{position:absolute; top:0; left:0; width:100%; height:100%}

.board .table-top{padding-bottom:10px}
.board .table-top input{margin-bottom:0;margin-top:0}
.board .table-top li{float:left;text-align:center;padding-right:5px}
.board .progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0)}
.board .progress-bar{float:left; width:0; height:100%; font-size:12px; line-height:20px; color:#fff; text-align:center; background-color:#428bca; -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15); box-shadow:inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition:width .6s ease; transition:width .6s ease; background-image:-webkit-linear-gradient(top,#428bca 0,#3071a9 100%); background-image:linear-gradient(to bottom,#428bca 0,#3071a9 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0)}
.board .sr-only{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0);border:0}
.board .poll-result{padding-bottom:10px}
.board th{text-align:left}

.writeform li{display:block;margin:0px; clear:both; margin-bottom:15px}
.writeform li>span{float:left;width:10%;margin-top:5px;color:#000;font-weight:bold}
.writeform .map_btn{width:100px; float:right;margin-left:10px}

.lucky{font-size:11px}
.lucky .luckypoint{color:#E71A41}

.px70{width:70px}
.px100{width:100px}
.px150{width:150px}
.px400{width:400px}




.board .copy_post_url{cursor:pointer}

.commenttextarea{width:97%}
textarea.post_content {width:97%;height:350px;margin:0 20px}
.poll_item_area{padding-left:228px}
.poll_item_area input{width:400px}

.confirm_password li{display:block;margin:0px; clear:both; margin-bottom:15px}
.confirm_password li>span{float:left;width:25%;text-align:right;padding-right:20px;margin-top:5px;color:#000;font-weight:bold}

.table-image{overflow:hidden;clear:both;border-top:1px solid #ddd}
.table-image ul{margin-bottom:10px;overflow:hidden}
.table-image .gallery-box{float:left}

.point-info{position:relative}
.point-info-content{display:none;position:absolute; right:30px;top:0;z-index:9999;width:300px}
.chk_comment_all_wrapper{padding:10px}
.comment_write_box_inner{margin-top:20px; padding:20px}
.form-inline{display:inline-block}
.form-inline .form-group{display:inline-block}
.comment_write_button_area{margin-top:20px;overflow:hidden}

.board .url-qrcode{position:relative;cursor:pointer}
.board .url-qrcode i{margin:3px 0 0 5px}
#qrcode-content{display:none;position:absolute;background-color:#FFF;border:2px solid #DDD;padding:10px;width:240px}
#qrcode-content .qrcode_code{border:5px solid #479BE3;float:left}
#qrcode-content .qrcode_code img{width:100px;height:100px}
#qrcode-content .qrcode_info{float:left;margin:0 0 0 10px;width:90px;font-size:12px;line-height:18px;color:#555}


.writeform{margin-top:-1.5em}
.writeform .writeform__row{display:flex; margin:1.5em 0; min-height:44px;}
.writeform .writeform__row:after{content:''; display:block; clear:both}
.writeform .writeform__row > span{display:block; margin:auto 0; width:130px; color:#000; font-weight:bold; box-sizing:border-box}
.writeform .writeform__row .form-group{display:flex; flex-wrap:wrap; align-items:center; width:calc(100% - 130px); float:left; margin-bottom:0}
.writeform .writeform__row .form-group .form-control{width:100%}
.writeform .writeform__row .form-group .file-lists{margin-top:.75em}
.writeform input[type=file]{border:1px solid #ddd; padding:.5em 0}
.writeform .input-group{display:flex}
.writeform .input-group > * + *{margin-left:1em}
.writeform .map_btn{width:100px; float:right;margin-left:10px}
.write-bottom-btn{margin-top:1.5em; text-align:center;}
.write-bottom-btn > .btn-group{display:inline-flex}
@media screen and (max-width:768px){
	.writeform .writeform__row{flex-direction:column; margin-bottom:1em}
	.writeform .writeform__row > span{text-align:left; width:100%; margin-bottom:.5em}
	.writeform .writeform__row > .form-group{width:100%}
}

 /**  GALLERY AREA
************************************************/
.board .gallery-box{vertical-align:top}
.board .gallery-box .input-form + .gallery-box__inn{margin-top:1em}
.board .gallery-box__inn > a{display:block; border:1px solid #ddd}
.board .gallery-box__inn > a img{width:100% !important; height:auto !important}
.board .list-all-check{background-color:#fafafa; padding:1em}
.board .img-list {display:grid; flex-wrap:wrap;  grid-template-columns: repeat(3,1fr); gap:20px;}
.board .img-list__item--sta{display:flex;align-items:center;height:3em;}
.board .img-list__link{display:block}
.board .img-list__figure{width:100%; height:13.25em; overflow:hidden}
.board .img-list__img{transition:all .2s ease-in; transform:scale(1.0); width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover}
.board .img-list__title--sta{padding-bottom:1em}
.board .img-list__figcaption{box-sizing:border-box; overflow:hidden}
.board .img-list__title{overflow:hidden; font-size:1.125rem}
.board .img-list__text{margin:1em 0 0.3em;color:#666}
.board .img-list__link:hover .img-list__figcaption:after{transition:all .4s ease-out; right:0; opacity:1}
.board .img-list__link:hover .img-list__img{transition:all .4s ease-out; transform:scale(1.07)}
.board .btn__list-more{display:inline-block; margin:2em 0; padding:.8em 3.5em; text-align:center; font-size:1rem; line-height:1; font-weight:600; border-radius:5px; border:2px solid #ddd}
.board .btn__list-more:hover{color:#fff}


@media screen and (max-width:1200px){
	.board .img-list {grid-template-columns: repeat(2,1fr);}
	.board .img-list__title{font-size:1.3rem}
	.board .img-list__text{font-size:1rem}
}

@media screen and (max-width:768px){
	.board .img-list {grid-template-columns: repeat(1,1fr);}
	.board .list-all-check{padding:1em .5em}
	.board .img-list__item--sta{padding:1em .5em}
	.board .img-list__item{width:100% !important; margin-right:0 !important}
	.board .img-list__item:nth-of-type(3n){margin-right:0 !important}
	.board .img-list__title{font-size:1.125rem}
	.board .img-list__text{font-size:.875rem}
	.board .img-list__figcaption{padding:1em; height:110px}
}


/** 유튜브 모달 **/
.modal_popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 1; transition: opacity 0.3s ease, transform 0.3s ease; visibility: hidden; } 
.modal_popup.show { opacity: 1; visibility: visible; } 
.modal_popup .modal_content { position: relative; width:65%; height: auto; flex; align-items: center; justify-content: center; flex-direction: column;  } 
.modal_popup .modal_content .video {position: relative; width: 100%;}
.modal_popup .modal_content .video > div.video_ratio{ width: 100%; padding-bottom: 56.25%;} 
.modal_popup .modal_content .video > div.video_ratio iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

.modal_popup .modal_content .cont_btns {position: absolute; top:50%; left:0; width:100%; z-index: 999; transform: translateY(-50%); }
.modal_popup .modal_content .cont_btns i {position: absolute; top:0;  display: flex; align-items: center; justify-content: center; width:70px; height:70px; background-color:var(--primary); border-radius: 100%; cursor: pointer; color:#fff; }
.modal_popup .modal_content .cont_btns i.prev {left:-80px;}
.modal_popup .modal_content .cont_btns i.next {right:-80px;}
.modal_popup .popup_close { position: absolute; top: 0; right: -5.3125rem; cursor: pointer; } 
.modal_popup .popup_close i {display: flex; justify-content: center; align-items: center; width:4.375rem; height:4.375rem; background-color: rgba(0, 0, 0, 0.5); border-radius: 100%; color:#fff; border:0.0625rem solid rgba(237, 237, 237, 0.5);}


.scroll::-webkit-scrollbar { height:0.625rem; width:0.625rem; } 
.scroll::-webkit-scrollbar-thumb { background: #BDA79E; border-radius: 1.25rem } 
.scroll::-webkit-scrollbar-track { background: #EDEDED; border-radius: 1.25rem } 


 @media screen and (max-width:1400px){
	.modal_popup .modal_content {width:80%;} 
}
@media screen and (max-width:1024px){
	.modal_popup .modal_content {width:96%;} 
	.modal_popup .popup_close { top:-60px; right:0;} 
	.modal_popup .popup_close i { width:50px; height:50px; }
	.modal_popup .modal_content .cont_btns {display: none; }
}

/**    post
 ************************************************/
.board .contents-view{padding:1.5em 1em; clear:both; min-height:10em}
.board .contents-view .autosize{padding-bottom:0 !important}
.board .contents-view-img img{display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto}
.post-content .post__sub-title {margin:2em 0 1em;font-size: 3.125rem}
.post-content .sns_button{text-align:left}
.post-content .information{padding:1.75em 0; border-bottom:4px solid #555}
.post-content .information .post__title{border:none; padding:0; margin-bottom:1em; font-size:2rem; font-weight:normal; line-height:normal}
.post-content .information ul{display:flex}
.post-content .information li{padding:0; margin-right:15px}
.post-content .information li:last-child{margin-right:0}
.post-content .information li p,
.post-content .information li span{display:inline-block; font-size:14px}
.post-content .information li span{color:#999}
.post-content .information .print{color:#333}
.post-content .information-etc{padding:1.5em 1.5em; border-bottom:1px solid #ccc; background-color:#f5f5f5}
.post-content .information-etc li a{font-size:14px; color:#333}
.btn-list-group{display:flex; width:100%}
.btn-list-group .btn-list-arrow{display:flex; margin:0 auto}
.btn-list-group .btn-list-arrow .btn + .btn{margin-left:5px}
#post-content > *{line-height:normal}
.post-manage-btn{display:flex}
.post-manage-btn > * + *{margin-left:.25em}
.post-bottom-btn{display:flex; margin-top:1em}
@media screen and (max-width:599px){
	.board .contents-view{padding:1em .5em}
	.post-content .information{padding:.5em 1em}
	.post-content .information .post__title{font-size:1.25rem; line-height:1.4}
	.post-content .information ul{flex-wrap:wrap}
	.post-content .information li p,
    .post-content .information li span{font-size:13px}
    .post-content .information-etc li:not(:first-child){display:none}
    .post-content .information-etc li p{display:none}
    .post-manage-btn .btn{width:auto}
}

.btn-share-wrap{position:relative; display:flex}
.btn-share-open,
.btn-share button{width:50px; height:50px; font-size:1.25rem}
.btn-share-open{position:relative; z-index:10; background:#f4f7fa; color:#aaa}
.btn-share{display:flex; align-items:center}
.btn-share button{transform:translateX(-40px); width:0; font-size:0; color:#fff; transition:width 300ms, transform 300ms}
.btn-share button.facebook{background:#3143cd}
.btn-share button.twitter{background:#37bcdd}
.btn-share button.copy{background:#fc671a}
.btn-share.is-active button{transform:translateX(0); width:50px; font-size:1.25rem}


/**    comment
 ************************************************/
.view_comment{word-break:break-all; line-height:1.6; margin-top:2em; border-top:2px solid #ddd}
.view_comment .media{margin-top:0; border-bottom:1px solid #ddd; background-color:#f6f6f6}
.view_comment .media.comment-reply{padding-left:30px; background-color:#f6f6f6}
.view_comment .media.comment-reply .media-body{position:relative}
.view_comment .media.comment-reply .media-body:after{position:absolute; left:-5px; top:24px; content:''; width:12px; height:12px; border-bottom:1px solid #d53f41; border-left:1px solid #d53f41}
.view_comment .media.comment-reply .media-heading{padding:1em 0 .5em 0}
.view_comment .media-heading{display:flex; align-items:center; padding:1em 0}
.view_comment .media-heading .input-form{transform:translateY(-3px)}
.view_comment .media-body{padding:.5em 1em 1em 1em; line-height:1.8; font-size:1rem; color:#333}
.view_comment .time,
.view_comment .ip,
.view_comment .reply{font-size:14px}
.view_comment .time,
.view_comment .ip{color:#666}
.view_comment .time{margin-left:1em}
.view_comment .ip:before{content:'/'; margin-right:.5em}
.view_comment .reply{margin-left:auto}
.view_comment .reply a+a{margin-left:5px}
.comment_write{padding:1em; background:#f6f6f6}
.comment_write-inn{}
.comment_write-inn textarea.input{width:100%; height:80px; min-height:auto; border-radius:0}
.comment_write-inn .btn-comment{margin-left:1em; width:80px; height:80px; background-color:#fff; border:1px solid #ddd; color:#333}
.comment_write-inn .form-inline{display:flex; align-items:center}
.comment_write-inn .form-inline > * + *{margin-left:.5em}
.comment_write-inn .form-inline .comment_write-id,
.comment_write-inn .form-inline .comment_write-pw{width:100%}
.comment_write-inn .comment_write-msg{margin:1em 0}
.comment_write-inn .captcha-txt{font-size:14px; color:#666}
.comment_write-id,
.comment_write-pw,
.comment_write-msg{position:relative}
.comment_write-id #cmt_nickname-error,
.comment_write-pw #cmt_password-error,
.comment_write-msg #cmt_content-error{position:absolute; top:-40px; left:0; padding:5px 1em; border-radius:5px; background:#666; color:#fff !important}
.comment_write-id #cmt_nickname-error:after,
.comment_write-pw #cmt_password-error:after,
.comment_write-msg #cmt_content-error:after{content:''; position:absolute; left:10px; bottom:-7px; width:0; height:0; border-top:10px solid #666; border-right:8px solid transparent; border-left:8px solid transparent;}
@media screen and (max-width:599px){
	.view_comment .media-heading{padding:0 0 .25em}
	.view_comment .media-body{padding:.75em; font-size:14px}
	.view_comment .media.comment-reply .media-body{padding-top:0}
	.view_comment .media.comment-reply .media-body:after{top:11px}
	.view_comment .time,
	.view_comment .ip,
	.view_comment .reply{font-size:12px}
	.comment_write-inn textarea.input{font-size:14px}
	.comment_write-inn .captcha-wrap{position:relative; padding-bottom:2em; width:100%}
	.comment_write-inn .captcha-wrap > .form-group:nth-child(2){width:100%}
    .comment_write-inn .captcha-txt{position:absolute; bottom:0; left:0; margin-left:0}
}


.pagination-wrap{text-align:center}
.pagination{display:inline-block; text-align:center}
.pagination:after{content:''; display:block; clear:both}
.pagination li{float:left; text-align:center}
.pagination li + li{margin-left:5px}
.pagination li a{display:block; width:35px; height:35px; line-height:35px; font-size:1rem; font-weight:400; border:1px solid #ddd; border-radius:2px; box-sizing:border-box}
.pagination li:hover a,
.pagination li.active a{color:#d53f41; font-weight:700}
.pagination li a[rel="prev"],
.pagination li a[rel="next"]{padding-top:1px; font-family:gulim; font-weight:bold; font-size:13px}


.post-print{display:none}
@media screen and (max-width:768px){
	.board .border-control-button .btn-prev{right:5%}
	.board .border-control-button .btn-next{left:5%}
}