@charset "utf-8";

.clear-fix::after{content:'';display:block;clear:both;}


.status_loading{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:130px; height:130px; animation-name:wrapRotate1; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function:linear;}
.status_loading li{position:absolute; top:50%; left:0; width:15px; height:15px; border-radius:50%; background-color:#f96408;transform-origin: 65px 50%; animation-duration: 0.8s; animation-iteration-count: infinite; animation-timing-function:linear;}
.status_loading li:nth-child(8){transform:translateY(-50%)  rotate(0); animation-name:roundScale1; animation-delay:0s;}
.status_loading li:nth-child(7){transform:translateY(-50%)  rotate(45deg); animation-name:roundScale2; animation-delay:.1s;}
.status_loading li:nth-child(6){transform:translateY(-50%)  rotate(90deg); animation-name:roundScale3; animation-delay:.2s;}
.status_loading li:nth-child(5){transform:translateY(-50%)  rotate(135deg); animation-name:roundScale4; animation-delay:.3s;}
.status_loading li:nth-child(4){transform:translateY(-50%)  rotate(180deg); animation-name:roundScale5; animation-delay:.4s;}
.status_loading li:nth-child(3){transform:translateY(-50%)  rotate(225deg); animation-name:roundScale6; animation-delay:.5s;}
.status_loading li:nth-child(2){transform:translateY(-50%)  rotate(270deg); animation-name:roundScale7; animation-delay:.6s;}
.status_loading li:nth-child(1){transform:translateY(-50%)  rotate(315deg); animation-name:roundScale8; animation-delay:.7s;}
@keyframes wrapRotate1{
	0%{transform:translate(-50%,-50%) rotate(0deg);}
	100%{transform:translate(-50%,-50%) rotate(360deg);}
}
@keyframes roundScale1{
    0%{width:25px; height:25px;}
    65%{width:18px; height:18px;}
	100%{width:25px; height:25px;}
}
@keyframes roundScale2{
    0%{width:25px; height:25px;}
    65%{width:18px; height:18px;}
	100%{width:25px; height:25px;}
}
@keyframes roundScale3{
    0%{width:25px; height:25px;}
    65%{width:18px; height:18px;}
	100%{width:25px; height:25px;}
}
@keyframes roundScale4{
    0%{width:25px; height:25px;}
    65%{width:18px; height:18px;}
	100%{width:25px; height:25px;}
}
@keyframes roundScale5{
    0%{width:25px; height:25px;}
    65%{width:18px; height:18px;}
	100%{width:25px; height:25px;}
}
@keyframes roundScale6{
    0%{width:25px; height:25px;}
    65%{width:18px; height:18px;}
	100%{width:25px; height:25px;}
}
@keyframes roundScale7{
    0%{width:25px; height:25px;}
    65%{width:18px; height:18px;}
	100%{width:25px; height:25px;}
}
@keyframes roundScale8{
    0%{width:25px; height:25px;}
    65%{width:18px; height:18px;}
	100%{width:25px; height:25px;}
}

.container-inn.site_chart{width:100%; margin: 0 auto;}
.container-inn .wrap{width:95%;}
.container-inn .wrap.list-wrap , .container-inn .wrap .board__basic-wrap{width:100%; max-width:1200px; margin: auto;}
.container-inn.book-container .board__basic-wrap,
.container-inn.site_chart .wrap.list-wrap{max-width:none;}
.sub__top > .wrap{width:95%;}

.list__top-wrap .select-wrap{margin-bottom:1em;}
@media screen and (max-width:1200px){
	.container-inn .wrap.list-wrap{width:95%;}
}
@media screen and (max-width:768px){
	.container-inn .wrap{margin-bottom:2em;}
}

/* list board  - 예시 : 유용한 사이트 */
.list-content{position:relative; margin:0 auto; box-sizing:border-box;}
.list__top-wrap{display:inline-block; width:100%; margin:3em 0 2em}
.list__top-wrap:after{content:''; display:block; clear:both;}
.list__top-select{float:left; min-width:250px; width:30%}
.list__top-btn{float:right; clear:both;}
.list__top-btn button{margin-right:1.125rem; height:40px; line-height:40px; font-weight:400; color:#999; cursor:pointer}
.list__top-btn button:last-child{margin-right:0;}
.list__top-btn button:focus{outline:none;}
.list__top-btn button.is-active{color:#191919; font-weight:700 }
@media screen and (max-width:650px){
	.list__top-select{float:none; width:100%}
}


.list-content .table{border-bottom:none;}
.list-content thead{display:none;}
.list-content tbody tr{width:100%; border-bottom:1px solid #dcdcdc;}
.list-content tbody tr:first-child{border-top:1px solid #dcdcdc;}
.list-content tbody tr th,
.list-content tbody tr td{vertical-align:middle;}
.list-content .list-check{padding-left:1em; width:24px;}
.list-content .list-check label{width:24px; text-align:center;}
.list-content .list-new{width:66px;}
.list-content .list-new .label-warning{background-color:transparent; font-weight:700; font-size:0.875rem; color:#ea2929;}
.list-content .list-num{width:30px; font-weight:400; font-size:1.125rem;}
.list-content .board__title{padding-left:2em; text-align:left;}
.list-content .board__title:after{content:''; display:block; clear:both}
.list-content .board__title-link{position:relative; display:block; margin-bottom:.25em; font-weight:700; font-size:1.3125rem; color:#191919; line-height:26px;}
.list-content .board__title-link::after{content:''; display:block; clear:both;}
.list-content .board__title-link .list--title{display:inline-block; max-width:calc(100% - 40px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5; float:left; margin-right:0.3em; font-size:1.1em;}
.list-content .board__title-link .reply{font-weight:400}
.list-content .board__title .icon-reply{float:left; transform:translateY(15px); margin-right:10px; display:block; width:20px; padding:.65em 1em; background-color:#f96408; border-radius:5px; color:#fff; text-transform:uppercase; font-size:1rem; font-weight:300;}
.list-content .board__title .icon-reply + .board__title-inn{float:left}
.list-content .board__title .board__file{float:left; line-height:20px; vertical-align:middle}
.list-content .board__title .board__file .fa{margin-right:5px;}
.mypage--content .icon-comment,
.list-content .board__title .icon-comment,
.media-heading .icon-comment{display:inline-block; padding-left:7px; padding-right:7px; background-color:#aeaeae; border-radius:5px; font-weight:300}
.list-content .board__title-info{display:flex; clear:both;}
.list-content .board__title-info::after{content:''; display:block; clear:both;}
.list-content .board__title-info > div{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; line-height:20px; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.list-content .board__title-info > .board__title-text{height:40px; width:100%; font-size:1em;}
.board__title-thumb > *{display:inline-block; width:auto;}
.list-content .board__title-info > div + div{margin-left:1em}
.list-content .board__title-info p,
.list-content .board__title-info span{line-height:30px; display:inline-block;}
.list-content .board__title-info span{color:#777}
.list-content .board__title-thumb .img-thumb{margin-right:3px;}
.list-content .board__title-name .profile-icon{display:inline-block; vertical-align:middle; margin-right:0.625rem;}
.list-content .board__title-info .board__title-tags span{color:#333; font-size:1.02rem;}
.list-content .board__title-tags span:before{content:'#'}
.list-content .board__title-rating{display:flex; margin-top:auto;margin-bottom:auto; transform:translateY(-2px); height:1em;}
.list-content .board__title-rating i{height:1em; font-size:20px; color: #ffdd15;}
.profile{display:inline-block; width:30px; height:30px; border-radius:50%; background:url('/assets/images/icon/li1.jpg') center center no-repeat; background-color:#333; background-size:cover; text-align:center;}
.profile-non{margin-top:8px; width:60%;}
.list-content .list-not-add,
.list-content .list-add{width:50px; text-align:center; cursor:pointer;}
.list-content .list-add span{display:block; width:3.375rem;height:1.5rem; line-height:1.5rem; background:#f96408; border-radius:.75rem; text-align:center; font-size:0.875rem; color:#fff;}

.list-content .list-clickok{width:50px; text-align:center; cursor:pointer;}
.list-content .list-clickok span{display:block; width:3.375rem;height:1.5rem; line-height:1.5rem; background:#f96408; border-radius:.75rem; text-align:center; font-size:0.875rem; color:#fff;}


.list-content .list-link{width:70px; text-align:left;}
.list__searchbox{text-align:right; float:right;}
.list__searchbox select.input{background-color:#fff;}
.list__searchbox.mt0{margin-top:0}
.list__searchbox .navbar-form{overflow:hidden; text-align:center;}
.book-container .list__searchbox .navbar-form{float:right;}
.list__searchbox .navbar-form > *{display:inline-block;}
.list__searchbox .navbar-form .form-group{position:relative;}
.list__searchbox select.input{border-radius:5px; height:40px;}
.list__searchbox input.input{border-radius:5px; height:40px; padding-right:35px; width:350px; margin-left:10px;}
.list__searchbox .btn{position:absolute; top:50%; right:5px; padding:0; height:25px; width:25px; background-color:transparent; border:0; opacity:.7; transform:translateY(-60%);}
.list__searchbox .btn img{width:100%}
.pagination-nav{margin-top:2em; text-align:center;}
.pagination li{display:inline-block; margin-right:1.75rem;}
.pagination li:last-child{margin-right:0;}
.pagination li:hover a{color:#191919;}
.pagination li a{font-weight:700; color:#999;}
.pagination li.active a{color:#191919;}
/* admin에서 보이는것 */
.list-content .list__manage:after{content:''; display:block; clear:both;}
.list-content .list__manage-ckb{float:left; width:30px; transform:translateY(4px);}
.list-content .list__manage-btn{float:left; position:relative; display:inline-block}
.list-content .btn-admin-manage-layer{z-index:99999; position:absolute; top:inherit !important; bottom:0; display:none; width:100%; transform:translateY(-34px); border:1px solid #ddd; background-color:#fff}
.list-content .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:.75rem}
.list-content .btn-admin-manage-layer div.item i{width:20px; text-align:center}
.list-content .btn-admin-manage-layer div.item:hover{background-color:#dedede}
@media screen and (max-width:1200px){
/* 	.list-content{width:calc(70% + 40px); padding-left:40px; box-sizing:border-box;} */
	.list-content{width:100%;}
	.list-content .list-link{width:20px;}
}
@media screen and (max-width:768px){
	.book-container .list__searchbox .navbar-form{clear:both; margin-top:1em;}
	.book-container .board__basic-top .select-wrap{width:100%; max-width:none;}

	.list-content{width:100%; padding-left:0;}
	.list-content--button{margin-top:2rem;}
    .list-content--button button{margin-right:26px; font-weight:900;}
    .list-content .table th, .list-content .table td{padding:16px 0;}
    .list-content .table th, .list-content .table .list-clickok{width:30px;}
	.list-content tbody tr{position:relative;}
	.list-content tbody tr:hover{background-color:#f2f4f6; cursor:pointer;}
	.list-content tbody tr:nth-child(2n-1){float:none;}
	.list-content tbody tr:nth-child(2n){float:none;}
	.list-content .board__title{padding:16px 0;}
	.list-content #list-content{display:none;}
	.board__title__header{display:block; margin-bottom:15px;}
	.list-content .list-new .label-warning{padding-left:0;}
	.board__title__header .list-new,
	.board__title__header .list-num{display:inline-block;}
	.board__title__header .list-new .label{margin-right:18px; padding:0; font-weight:700;}
	.list-content .list-new{display:inline-block !important; width:auto; margin-right:-4px;}
	.list-content .list-num{font-weight:900; font-size:1.25rem;}
	.list-content .board__title > a{line-height:1.2; margin-bottom:18px; word-break:keep-all; font-size:1.25rem;}
	.list-content .board__title-name{display:none;}
	.list-content .board__title-thumb, .list-content .board__title-view, .list-content .list-link{font-size:1.125rem;}

	.list-content .list-add span{width:55px; height:24px; line-height:24px; padding:0; border-radius:12px;}
	.list-content .list-clickok span{width:55px; height:24px; line-height:24px; padding:0; border-radius:12px;}




	.list-content .board__title-thumb{display:inline-block; padding:0;}
	.list-content .board__title-thumb p{display:inline-block;}
	.list-content .board__title-view{display:inline-block;}
	.list-content .board__title-view p{display:inline-block;}
	.list-content .list-link{display:none;}

	.list-content .list-clickok{width:auto;}



	.board__title .float-left, .board__title .float-right{float:none; display:inline-block;}

	.list-content .board__title-name .profile-icon{margin-right:0.3rem;}

	
	.list-content .board__title-info{display:block;}
	.list-content .board__title-tags{clear:both;}
	.list-content .board__title-info > div{float:left; height: auto;font-size: 0.9rem;}
	.list-content .board__title-info > div + div{margin: 0 0 0 1em;}
/* 	.list-content .board__title-info div:last-child{margin:0; clear:both;} */
	
	.list__searchbox .btn{transform:translateY(-50%);}

	.list__manage{text-align:center;}
	.list__manage .list__manage__inner--wrap{display:inline-block; margin-right:20px;}
	.list__manage .list__manage-ckb{float:none; transform:translate(0); display:inline-block; margin-right:10px;}
	.list__manage .list__manage-btn{float:none;}
	.list__manage .btn-big{display:inline-block; float:none; height:auto; line-height:30px; width: auto; padding: 0 3em;}

	.table-bottom .pagination-nav + .btn{display:block; width:200px; margin:1em auto 0; float:none;}

	
	.book-container .board__basic-top .list__searchbox{width:100%; float:none;}
	.book-container .board__basic-top .list__searchbox::after{content:''; display:block; clear:both;}
	.book-container .list__searchbox .navbar-form{width:100%; float:none; padding-top:7px;}
	.book-container .list__searchbox .navbar-form .form-group{width:100%;}
	.book-container .list__searchbox .navbar-form .input{width:100%; margin-left:0;}

}
@media screen and (max-width:650px){
	.list__searchbox{float:none;}
	.list__searchbox select.input{width:110px; float:left; display:block;}
	.list__searchbox .navbar-form .form-group{width:calc(100% - 120px); float:right; display:block;}
	.list__searchbox .navbar-form .form-group .input{width:100%; margin-left:0;}
	.list__searchbox .btn{right:10px;}
}
@media screen and (max-width:600px){
	.list-content .board__title-info > div{font-size: 0.825rem;}
	.list-content .board__title-info img{width:15px;}
	.board__title-tags{display:none !important;}
}
@media screen and (max-width:500px){
	.list-content .board__title-link{margin-bottom:0.3em; font-size:1rem;}
	.list-content .board__title-name .profile-icon{display:none;}
	.list-content .board__title-view{margin-right:0;}
	.list-content .list-add{width:10%;}
	/* .list-content .board__title-info > div + div{margin-left:0.5em;} */
	.list-content .board__title-tags{clear:both;}
	.list-content .board__title-link .icon-comment.label{padding:4px 5px;}
	.list__searchbox{float:none;}
	.list__searchbox select.input{width:110px; float:left; display:block;}
	.list__searchbox .navbar-form .form-group{width:calc(100% - 120px); float:right; display:block;}
	.book-container .list__searchbox .navbar-form .form-group{width:100%;}
	.list__searchbox input.input{width:100%; margin-left:0;}
	.list-content .list-num, .list-content .list-check{display:none;}
	/* .list-content .board__title-name p{float:left; display:block;} */
	.list-content .board__title-name span{margin-left:-3px; max-width:calc(100% - 20px); white-space:nowrap;}
	.list-content .board__title .board__file{display:none;}
}


/* list - gallery  */
.gallery__box-list:after{content:''; display:block; clear:both;}
.gallery__box-list .gallery__box-item{position:relative; float:left; box-sizing:border-box; border:1px solid #ddd; transition:border 300ms, box-shadow 300ms}
.gallery__box-list .gallery__box-item:hover{border-color:#f96408; box-shadow:0 0 10px 0 rgba(0,0,0,.15)}
.gallery__box-list .gallery__box-item .input-form{position:absolute; left:10px; top:10px}
.gallery__box-list .gallery__box-inn{height:200px}
.gallery__box-list .gallery__box-link{display:block; height:100%}
.gallery__box-list .gallery__box-link .thumb-image{display:block; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat}
.gallery__box-list .board__title-inn{padding:1.5em; /*height:135px;*/ overflow:hidden; background-color:#f2f2f2}
.gallery__box-list .board__title-inn .title{margin-bottom:10px; display:block; height:30px; font-size:1.125rem; font-weight:700;}
.gallery__box-list .board__title-inn .title .text{display:inline-block; max-width:75%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  line-height:30px; font-size:1.3em;}
.gallery__box-list .board__title-inn .title .icon-comment{display:inline-block; transform:translateY(-8px); padding-left:7px; padding-right:7px; background-color:#aeaeae; border-radius:5px; font-weight:300}
.gallery__box-list .board__title-info{flex-direction:column}
.gallery__box-list .board__title-info > div + div{display:block; width:100%; margin-left:0;}
.gallery__box-list .board__title-info .board__title-text p{line-height:1.7; height:54px; overflow:hidden;}
.gallery__box-list .board__title--bottom{margin-top:.5em}
.gallery__box-list .board__title--bottom,
.gallery__box-list .board__title--bottom > div{float:left;}
/* .gallery__box-list .board__title--bottom .board__title-view,
.gallery__box-list .board__title--bottom .board__title-date{margin-left:auto} */
.gallery__box-list .board__title--bottom > div ~ div {margin-left:10px;}
.gallery__box-list .board__title-btn{display:flex; padding-top:1em; margin-top:1em; border-top:1px solid #ddd}
.gallery__box-list .board__title-btn .list-not-add,
.gallery__box-list .board__title-btn .list-add{width:30px; margin-right:auto}
.gallery__box-list .board__title-btn .list-link{width:auto; margin-left:auto}
.site_chart .gallery__box-list .gallery__box-item{width:calc((100% - (1.5em * 2)) / 3) !important; margin-right:1.5em !important;}
.list-content .board__title-info > div{-webkit-line-clamp:2;}
.site_chart .gallery__box-list .gallery__box-item:nth-child(3n){margin-right:0 !important;}
.list__manage{margin-top:0.8rem;}
@media screen and (max-width:1100px){
	.gallery__box-list .board__title--bottom > div{float:none; display:block;}
	.gallery__box-list .board__title--bottom > div ~ div {margin-left:0;}
}
@media screen and (max-width:768px){
	.site_chart .gallery__box-list .gallery__box-item{width:100% !important; margin-right:0 !important;}
	.site_chart .gallery__box-list .gallery__box-item:first-child ~ .gallery__box-item{margin-top:20px;}
	.site_chart .sub__top .search-wrap .search--basic{width:100%;}
	.site_chart .gallery__box-list .board__title--bottom > div{float:left;margin-right:1.2em; font-size:1.125rem;}
}
@media screen and (max-width:400px){
	.site_chart .list-content .board__title-info > div{font-size:0.9rem;}
	.site_chart .gallery__box-list .board__title--bottom > div{float:left;margin-right:1em; font-size:0.9rem;}
}

/* post-content */
.post__content{max-width:1200px; margin:0 auto; box-sizing:border-box;}
.post__content:after{content:''; display:block; clear:both}
.post__content-info{margin-top:4em}
.post__content-title{margin-bottom:1em; font-size:1.5rem}
.post__content-title--info{padding:1em 0; min-height:33px; border-top:2px solid #222; border-bottom:1px solid #aeaeae}
.post__content-title--info:after{content:''; display:block; clear:both}
.post__content-title--info .float-left,
.post__content-title--info .float-right{overflow:hidden}
.post__content-title--info .float-left{width:80%}
.post__content-title--info .float-left > div{margin-right:2em}
.post__content-title--info .float-left > div,
.post__content-title--info .float-right > div{float:left; display:flex; flex-direction:row}
.post__content-title--info .post-nickname p,
.post__content-title--info .post-thumb *,
.post__content-title--info .post-view *,
.post__content-title--info .post-date *,
.post__content-title--info .post-tags *{line-height:30px}
.post__content-title--info .post-thumb,
.post__content-title--info .post-view,
.post__content-title--info .post-date{color:#999}
.post__content-title--info .post-nickname .profile-icon{margin-right:.5em}
.post__content-title--info .post-nickname a{margin-left:5px;color:#666}
.post__content-title--info .post-thumb > * + *,
.post__content-title--info .post-view > * + *{margin-left:.5em}
.post__content-title--info .post-thumb .icon{display:inline-block; transform:translateY(-2px)}
.post__content-title--info .list-link{margin-left:1em}
.post__content-title--info .list-link .btn{width:inherit}
.post__content-title--info .list-rating{height:1em; margin-right:.5em; transform:translateY(6px);}
.post__content-title--info .post-tags{color:#333}
.post__content-title--info .post-tags > span + span{margin-left:.5em}
.post__content-title--info .post-tags span:before{content:'#'}
.post__link-list{border-bottom:1px solid #aeaeae}
.post__link-list:after{content:''; display:block; clear:both}
.post__link-item{padding:.75em .5em;}
.post__link-item:hover{background:rgba(0,0,0,.05)}
.post__link-item .fa{margin-right:5px; transform:translateY(1px); font-size:1.125rem; color:#333}
@media screen and (max-width:599px){
	.post__content-title--info .float-left{width:calc(100% - 40px);}
	.post__content-title--info .float-left > .post-nickname{margin-bottom:.5em; margin-right:0; width:100%}
	.post__content-title--info .float-left > div{margin-right:1em}
	.post__content-title--info .float-right{margin-top:.5em}
	.post__content-title--info .float-right .btn-bookmark{width:18px}
}
/* 관리자화면 */
.post__content .board__manage-btn{position:relative}
.post__content .board__manage-btn .btn-admin-manage-layer{width:100%; transform:translateY(36px);}
/* 사이트 평가 */
.post__rating{}
.post__rating-title{margin-bottom:1.3125rem;}
.post__rating-title span{display:inline-block; margin-right:10px; transform:translateY(-2px);}
.post__rating-item{float:left; width:calc(50% - 10px); margin-bottom:0.625rem;}
.post__rating-item:nth-child(2n){float:right;}
.post__rating .select{position:relative; padding:0; width:100%; height:40px; line-height:40px; cursor:pointer;}
.post__rating .select p{position:absolute; top:50%; left:1rem; transform:translateY(-50%); color:#666; z-index:100;}
.post__rating .checkmark{width:100%; height:40px; line-height:40px; background-color:transparent; border:1px solid #ddd !important; border-radius:10px;}
.post__rating .select:hover input ~ p{color:#fff;}
.post__rating .select:hover input ~ .checkmark {background-color:#f97f08;}
.post__rating .select:focus input ~ .checkmark, .post__rating .select:active input ~ .checkmark {background-color:#f94d08;}
.post__rating .select input:checked ~ p{color:#fff;}
.post__rating .select input:checked ~ .checkmark:after{display:none;}
.post__rating--etc-text{width:100%;}
.post__rating--etc-text input{width:100%; height:40px; line-height:40px; padding-left:1rem; background-color:transparent; border:1px solid #ddd !important; border-radius:10px;}
.post__rating .btn:focus, .post__rating button:focus{outline:none !important;}
.post__rating .summit-button{width:100%; margin-top:1.875rem; text-align:center;}
.post__rating .summit-button button{width:9.5rem; height:2.5rem; border:0.125rem solid #f96408; color:#f96408; cursor:pointer;}
/* 댓글 */
.comment__title-wrap{padding-bottom:1em; border-bottom:2px solid #222;}
.comment__title-wrap:after{content:''; display:block; clear:both;}
.comment__title-wrap .title{float:left; padding-top:7px; font-size:1.125rem; color:#333}
.comment__title-wrap .btn{float:right; width:inherit; height:inherit; padding:0; line-height:1; vertical-align:top; background:transparent; border:0; color:#333}
.comment__title-wrap .btn span{display:inline-block; transform:translateY(2px); font-size:1.563rem}
.comment__wrap{border-bottom:2px solid #222; background:#f2f2f2}
.comment__wrap .alert{display:none}
.comment__wrap #viewcomment,
.comment__wrap #viewcomment .media,
.comment__wrap .comment_write_box_inner{margin:0; border:0; background:transparent}
.comment__wrap #viewcomment .media{border-bottom:1px solid #ddd}
.comment__wrap .comment--input > input{min-width:180px; width:20%}
.comment__wrap .comment--input > * + *{margin-left:10px}
.comment__wrap .comment--input .form-group{margin-bottom:0}
.comment__wrap .btn-comment{width:80px; height:80px; background-color:#fff; border:1px solid #ced4da; color:#333; border-radius:0}
.comment__wrap .comment-name{display:inline-block; }
.comment__wrap .comment-name .member-photo{border-radius:50%; width:35px; height:35px;}
.comment__wrap .comment-name a{font-weight:700}
.comment__wrap .comment-time{color:#999; font-weight:300}
.comment__wrap .comment__rating{display:inline-block; margin-right:1.5em}
.comment__wrap .comment__rating .star__rating{display:inline-block; transform:translateY(3px)}
.comment__wrap .comment__rating .btn{padding:2px 0; width:50px; font-size:14px}
.comment__wrap .reply{font-weight:400}
.comment__wrap .reply .comment-report{margin:0; padding-left:5px;}
.comment__wrap .comment-msg{padding:0 .5em; line-height:1.7; color:#222; font-weight:normal}
.comment__wrap .comment-msg .label{padding:0 7px; margin-right:5px; transform:translateY(-2px)}
.comment__wrap .ip{display:inline-block; font-weight:400; font-size:14px; transform:translateY(-2px)}
@media screen and (max-width:1024px){
	.comment__wrap .reply{float:none; margin: 1em 0.3em; clear:both; display:block;}
}
@media screen and (max-width:768px){
	.comment__wrap .comment--input input{float:left; height:40px; min-width:0; width:calc((100% - 5px) / 2); margin:0 5px 5px 0;}
	.comment__wrap .comment--input input:nth-child(2n){margin-right:0;}
	.comment__wrap .comment--input .form-group{width:calc((100% - 5px) / 2); display:block; float:left; margin-right:5px;}
	.comment__wrap .comment--input .form-group:nth-child(2n){margin-right:0;}
	.comment__wrap .form-inline.passcord{width:100%; margin-left:0;}
	.comment__wrap .form-inline.passcord img{width:100%;}
	.comment__wrap .form-inline.passcord .form-gorup input{width:100%;}
}
/* 댓글-답글 / 수정 */
.comment__wrap .comment__msg-reply{padding-left:15px}
.comment__wrap .comment__msg-reply .comment_write_box_inner{position:relative;}
.comment__wrap .comment__msg-reply .comment_write_box_inner:before{content:''; position:absolute; left:0; top:20px; display:block; width:20px; height:20px; background:url(/assets/images/icon/reply.png) no-repeat center}
/* 관리자화면 및 버튼 관련 */
.comment__manage{display:flex; padding:20px 20px 0}
.comment__manage .chk_comment_all_wrapper{margin-right:1em; transform:translateY(-5px)}
.comment__manage .comment__manage-btn{position:relative; display:inline-block}
.comment__manage .admin-manage-layer-comment{width:100%; transform:translateY(34px);}
@media screen and (max-width:1200px){
}
@media screen and (max-width:768px){
}

/* 작성 */
.write__content{margin:2em 0}
.write__content .writeform__row{display:flex; margin-bottom:1em}
.write__content .writeform__row span{display:block; width:100px; line-height:44px}
.write__content .writeform__row .form-group{width:100%; margin-bottom:0}
.write__content .form-inline.passcord{margin-top:0; margin-bottom: 60px; padding-left:92px; width:100%;}
.write__content .form-inline.passcord .form-group{float:left;}
.write__content .form-inline.passcord .form-group input[type="text"]{height:40px;}
.write__content .list__top-wrap{margin:0}
.write__content .list__top-wrap .select--arrow{width:auto}
.write__content .writeform .btn-group.pull-right .btn-default{text-shadow:none; display:none;}
@media screen and (max-width:1024px){
	.write__content .writeform{width:95%; margin: 0 auto;}
}
@media screen and (max-width:600px){
	.write__content .writeform__row label.input-form span.input-label{ display:inline-block; width:auto;}
	.write__content .writeform .btn-group.pull-right .btn-default{text-shadow:none;}
.write__content .writeform .input-file .file-label{width:80px;}
.write__content .writeform .table-bottom .btn{margin: 0.4em 0;}

}

/* document basic list */
.board__basic-wrap{padding:3em 0}
.board__basic-top{padding-bottom:2em}
.board__basic-top:after{content:''; display:block; clear:both;}
.board__basic-top .select-wrap{float:left; width:35%; max-width:350px; min-width:300px;}
.board__basic-list{margin-bottom:2em; border-top:1px solid #dcdcdc}
.board__basic-list.nopost{line-height:200px; text-align:center; word-break:keep-all; font-weight:600; font-size:1.2em; border-bottom:1px solid #dcdcdc;}
.board__basic-list-item{position:relative; display:flex; padding:1em 3em 1em 2em; border-bottom:1px solid #dcdcdc;}
.board__basic-list-item:hover{background-color:#f2f4f6}
.board__basic-list-item .numb{margin:auto 2em auto 0; min-width:30px; height:1em; font-size:1.125rem;}
.board__basic-list-item .title-wrap{width:calc(100% - 50px - 30px - 2em);}
.board__basic-list-item .title{display:block; font-size:1.313rem; font-weight:700; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; line-height:1.5;}
.board__basic-list-item .info{display:flex; margin-top:.75em}
.board__basic-list-item .info dl + dl{margin-left:1.5em; margin-left:12px;}
.board__basic-list-item .info dt,
.board__basic-list-item .info dd{display:inline-block;}
.board__basic-list-item .info dt{color:#000; margin-right:6px;}
.board__basic-list-item .info dt img[src="/assets/images/icon/thumb-ico.png"]{margin-top:-2px;}
.board__basic-list-item .info dd{color:#777; text-transform:uppercase}
.board__basic-list-item .btn-bookmark{position:absolute; right:.5em; top:50%; transform:translateY(-50%)}

/* document book list */
.book__board{margin-bottom:2em}
.book__board:after{content:''; display:block; clear:both}
.book__board-item{float:left; padding:1.5em 2.5em; margin-right:1.5em; width:calc((100% / 3) - 1em); border:1px solid #ddd; box-sizing:border-box; transition:box-shadow 300ms, border 300ms;}
.book__board-item:nth-child(3n){margin-right:0}
.book__board-item:nth-child(n + 4){margin-top:1.5em}
.book__board-item:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.15); border-color:#f94d08;}
/* .book__board-item:hover .arrow{opacity:1; transform:translateX(0);} */
.book__board-item .title{padding-bottom:.5em; margin-bottom:.75em; height:52px; border-bottom:1px solid #ddd; line-height:1.4; font-size:1.313rem; font-weight:700; overflow:hidden}
.book__board-item .title a{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient:vertical; line-height:26px; height:100%; word-break:keep-all;}
.book__board-inn{position:relative; height:170px}
.book__board-inn:after{content:''; display:block; clear:both}
.book__board-inn .preview{float:left; margin-right:1.5em; min-width:100px; width:50%; max-width:130px; height:100%; border:1px solid #ddd; background-position:center; background-repeat:no-repeat; background-size:cover}
.book__board-inn .info{display:flex; justify-content:space-between; flex-direction:column; height:100%}
.book__board-inn .info p{color:#666}
.book__board-inn .info p + *{margin-top:.75em}
.book__board-inn .info .btn{margin-top:auto; width:40px; display:none;}
.book__board-inn .arrow{opacity:0; position:absolute; right:0%; bottom:40%; width:15px; height:10px; transform:translateX(-20px); transition:opacity 300ms, transform 300ms}
.book__board-inn .arrow .bar{position:absolute; right:0; background:#f94d08; width:70%; height:2px}
.book__board-inn .arrow .bar:nth-child(1){top:0; transform:rotate(50deg)}
.book__board-inn .arrow .bar:nth-child(2){bottom:0; transform:rotate(-50deg)}
@media screen and (max-width:1024px){
	.book__board-item{width:calc((100% / 2) - 1em); margin-right:1em;}
	.book__board-item:nth-child(3n){margin-right:1em;}
	.book__board-item:nth-child(2n){margin-right:0;}
	.book__board-item:nth-child(n + 4){margin-top:0;}
	.book__board-item:nth-child(2) ~ .book__board-item{margin-top:1em;}
}
@media screen and (max-width:768px){
	.board__basic-wrap{width:95%; margin: 0 auto;}
	.book__board{width:90%; margin: 0 auto 2em;}
	.book-container .book__board{width:100%;}
	.search__cont-wrap .book__board{width:100%;}
	.book__board-item {width:100%;}
	.book__board-item + .book__board-item{margin-top: 1em;}
}
@media screen and (max-width:600px){
	.board__basic-list-item{padding:1em 0 1em 0.5em; margin-right:0.75em;}
}
@media screen and (max-width:500px){
	.board__basic-top .select-wrap{width:100%; max-width:none; min-width:0;}
}

/* document feed */
.title-wrap--top{display:flex; margin-bottom:1.5em}
.title-wrap--top:after{content:''; display:block; clear:both}
.title-wrap--top .select-wrap{margin-right:1.5em; width:30%}
.title-wrap--top .title{margin-right:auto; line-height:40px; font-size:1.5rem}
.title-wrap--top .search--basic{margin-left:auto; width:45%; min-width:300px; max-width:400px; border:1px solid #aeaeae;}

.content-wrap:after{content:''; display:block; clear:both}
.feed__list-wrap{float:left; margin-right:1.5em; width:30%; background:#fdfdfd; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.feed__list-wrap .msg{padding:2em; height:490px; font-weight:700; font-size:1.25rem; color:#999; box-sizing:border-box;}
.feed__list-wrap .msg p{line-height:1.5;}
.feed__list-wrap .msg .btn{margin-top:2em; padding:0; height:40px; line-height:40px; width:50%; min-width:160px;}
.feed__list{max-height:490px; overflow-y:auto; -ms-overflow-style:none;/*ie 제거용*/ overflow-y:-moz-scrollbars-none/*사파리 제거용*/}
.feed__list::-webkit-scrollbar{width:5px; background-color:#373b44}
.feed__list::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.15); background-color:#fff}
.feed__list::-webkit-scrollbar-thumb{background-color:#f96408}
.feed__list-item{position:relative; padding:.75em 2em; cursor:pointer}
.feed__list-item:hover{background-color:#f2f2f2}
.feed__list-link{}
.feed__list-link .favicon{margin-right:1.25em; width:30px; height:30px; border-radius:50%; float:left;}
.feed__list-link span.site{float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; width:calc(100% - 30px - 1.25em); line-height:30px;}
.feed__list-link .alarm{display:none; position:absolute; left:.75em; top:50%; transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background-color:#f96408;}
.feed__list-item.is-active .alarm{display:none}
.feed__board{float:left; width:calc(70% - 1.5em)}
.feed__board-list{margin-bottom:2em}
.feed__board-list:after{content:''; display:block; clear:both}
.feed__board-item{float:left; padding:1.25em; width:calc((100% / 2) - .811em); border:1px solid #ddd; box-sizing:border-box; transition:border 300ms, box-shadow 300ms}
.feed__board-item:hover{border-color:#f96408; box-shadow:0 0 5px 1px rgba(0,0,0,.15)}
.feed__board-item:nth-child(odd){margin-right:1.5em}
/* #feed-prepare.feed__board-item{margin: 3em auto; padding:2em; text-align:center; float:none; width:30%; min-width:280px; background-color:#f96408; color:#fff; font-weight:600; animation-name:blink; animation-duration: 1.2s; animation-iteration-count: infinite;} */
#feed-prepare.feed__board-item{margin: 3em auto; width:90%; height:250px; position:relative; border:0; float:none;}
#feed-prepare.feed__board-item:hover{box-shadow: 0 0 0 0 transparent}
.feed__board-item:nth-child(n + 3){margin-top:1.5em}

.item--column3 .feed__board-item:nth-child(n + 3){margin-top:inherit}
.item--column3 .feed__board-item:nth-child(n + 4){margin-top:1.5em}
.item--column3 .feed__board-item{margin-right:1.5em; width:calc((100% / 3) - 1em)}
.item--column3 .feed__board-item:nth-child(3n){margin-right:0;}

.feed__board-item .title{display:block; margin-bottom:10px; font-weight:700; line-height:1.3; height:40px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:100%; line-height:20px; text-overflow:ellipsis;}
.feed__board-item .info{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd; overflow:hidden}
.feed__board-item .info > *{float:left;}
.feed__board-item .favicon{transform:translateY(2px); margin-right:5px; width:20px; height:20px; border-radius:50%;}
.feed__board-item .site{display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:calc(60% - 25px); color:#666; font-size:1em; line-height:1.4em; float:left;}
.feed__board-item .date{margin-left:1em;color:#999; line-height:1.4em; float:right;}
.feed__board-item .bottom-item{display:flex; flex-direction:column}
.feed__board-item .tags{margin-right:auto; padding-top:3px; height:60px; line-height:1.3; overflow:hidden; color:#999}
.feed__board-item .tags span{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; width:100%; height:60px; line-height:20px; overflow:hidden; text-overflow:ellipsis;}
.feed__board-item .btn-bookmark{margin-left:auto; margin-top:5px; height:25px;}
@media screen and (max-width:768px){
	.feed__board-item:nth-child(odd){margin-right:0;}
	.feed__board-item:nth-child(n + 3){margin-top:1em;}
	.feed__board-item{width:100%; margin-top:1em;}
	.feed__list-link .favicon{display:none;}
	.feed__list-link span.site{width:100%; font-size:1em;}
	.board__basic-list-item .title{font-size:1.1rem;}
	.board__basic-list-item .info dt img[src="/assets/images/icon/thumb-ico.png"]{width:14px; margin-top:-2px;}
}
@media screen and (max-width:600px){
	.title-wrap--top{display:block; margin-bottom:1em;}
	.title-wrap--top .select-wrap{width:95%; margin: 0 auto}
	.title-wrap--top .title{width:95%; margin:0.6em auto; }
	.list__searchbox.mt0{width:95%; margin: auto; float:none;}
	.list__searchbox.mt0 .form-group{display:block; width:100%;}
	.list__searchbox.mt0 .form-group input.input{width:100%; box-sizing:border-box; margin-left:0;}
	.feed__list-wrap{width:95%; float:none; margin: 0 auto;}
	.feed__list{max-height:200px;}
	.feed__board{width:95%; margin: 0 auto; float:none;}
	.board__basic-list-item .numb{margin-right:0.5em;}
	.board__basic-list-item .title-wrap{width:calc(100% - 50px - 0.5em);}
	.board__basic-list-item .info{display:block;}
	.board__basic-list-item .info dt img[src="/assets/images/icon/thumb-ico.png"]{width:10px;}
	.board__basic-list-item .info dl{display:block; margin:0.5em 0; white-space:nowrap;  font-size:0.7rem; float:left;}
	.board__basic-list-item .info dl:first-child dt{width:11px; display:block; float:left;}
	.board__basic-list-item .info dl:first-child dd{width:calc(100% - 14px); display:block; float:left;overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
	.board__basic-list-item .info dl + dl{margin-left:12px;}
	.board__basic-list-item .title{font-size:1rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height: 40px; line-height:20px; white-space:normal; text-overflow:ellipsis;}
	.board__basic-list-item .numb{display:none;}
}

/* alarm */
.container--alarm{position:relative; padding-bottom:60px}
.alarm--bottom{position:fixed; left:0; bottom:0; right:0; padding:10px 0; box-shadow:0 -5px 5px 0 rgba(0,0,0,.05); background-color:#fff; transition:bottom 300ms; z-index:9;}
.alarm--bottom .wrap{display:flex; margin-bottom:0;}
.alarm--bottom .msg{margin-right:auto; font-size:1.25rem; margin-top:auto; margin-bottom: auto; position:relative; width:100%;}
.alarm--bottom .msg i{display:inline-block; margin-right:.75em;  width:32px; height:32px; background:url(/assets/images/icon/notice.png) center no-repeat; background-size:contain}
.alarm--bottom .msg strong{display:inline-block; position:absolute; top:50%; left:calc(32px + 0.75em); right: 0.5em; transform:translateY(-50%); line-height:1.4;}
.alarm--bottom .btn{padding:0; line-height:28px; height:30px; width:160px; border-radius:0; box-sizing:border-box; margin-top:auto; margin-bottom:auto;}
.alarm--bottom .btn +  .btn{margin-left:.5em}
@media screen and (max-width:1600px){
	.alarm--bottom{padding:10px 2.5%;}
}
@media screen and (max-width:600px){
	.alarm--bottom .msg strong{font-size:0.8em;}
	.alarm--bottom .btn{font-size:12px;}
}
@media screen and (max-width:450px){
	.alarm--bottom .msg strong{font-size:0.6em;}
}

/* gallery */
.gallery__list:after{content:''; display:block; clear:both}
.gallery__list-item{position:relative; float:left; width:calc((100% / 3) - 1.15em); margin-right:1.5em; border:1px solid #ddd; transition:border 300ms, box-shadow 300ms}
.gallery__list-item.is-checked,
.gallery__list-item:hover{border-color:#f96408; box-shadow:0 0 5px 1px rgba(0,0,0,.15)}
.gallery__list-item:nth-child(3n){margin-right:0;}
.gallery__list-item:nth-child(n + 4){margin-top:1.5em}
.gallery__list-item.is-checked .info-wrap{background-color:#fff}
.gallery__list-item .thumb{height:200px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.gallery__list-item .info-wrap{padding:2em; background-color:#f2f2f2}
.gallery__list-item .title{margin-bottom:10px; height:30px; line-height:30px; font-size:1.125rem; font-weight:700}
.gallery__list-item .favicon{margin-right:5px; width:30px; height:30px; border-radius:50%;}
.gallery__list-item .exp,
.gallery__list-item .tags{width:90%;}
.gallery__list-item .exp{margin-bottom:10px;}
.gallery__list-item .exp p{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height: 40px; line-height:20px;}
.gallery__list-item .tags{color:#999; display:block; clear:both;}
.gallery__list-item .tags span:before{content:'#'}
.gallery__list-item .checkbox__custom{position:absolute; right:10px; bottom:10px;}
.gallery__list-item .info-wrap .title + .exp + p {width:calc(100% - 45px); white-space : nowrap; overflow:hidden; text-overflow: ellipsis;}

.container--alarm .gallery__list-item .title > *{float:left;}
.container--alarm .gallery__list-item .title > .favicon{width:30px; height:30px;}
.container--alarm .gallery__list-item .title > .site{width:calc(100% - 35px); display:block; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.container--alarm .gallery__list-item .tags{width:calc(100% - 40px);}
.container--alarm .gallery__list-item .tags span {word-break:keep-all;}
@media screen and (max-width:1024px){
	.container--alarm .gallery__list{width:95%; margin: 0 auto;}
	.container--alarm .gallery__list-item{width:calc((100% / 2) - 1.15em);}
	.container--alarm .gallery__list-item:nth-child(3n){margin-right:1.5em;}
	.container--alarm .gallery__list-item:nth-child(2n){margin-right:0;}
	.gallery__list-item:nth-child(n + 3){margin-top:1.5em;}
}
@media screen and (max-width:768px){
	.container--alarm .gallery__list-item{width:100%;}
	.container--alarm .gallery__list-item + .gallery__list-item{margin-top:1em;}
}

/* map */
.container--map .title-wrap--top{display:block; margin:2em 0 0}
.container--map .list__searchbox{margin-top:0; }
.map-wrap{margin:1em 0 3em;}
.map-wrap .map{width:100%; height:calc(100vh - 230px)}
.map-info{margin-top:5px; color:#666;}
@media screen and (max-width:1024px){
	.container--map .wrap{width:95%;}
	.container--map .list__searchbox{float:left; clear:both; margin-top:1em;}
	.map-wrap .map{height:600px;}
}
@media screen and (max-width:768px){
	.map-info{margin:0.5em 0 1.2em;}
	.container--map .list__searchbox{width:100%; float:none;}
	.container--map .list__searchbox .navbar-form > *{float:left; display:block;}
	.container--map .list__searchbox .navbar-form > select{width:25%;}
	.container--map .list__searchbox .navbar-form > select{width:25%;}
	.container--map .list__searchbox .navbar-form .form-group{width:75%;}
	.container--map .list__searchbox .navbar-form .form-group .input{width:calc(100% - 10px);
	.container--map .list__searchbox .navbar-form .form-group .list__searchbox .btn}{right:4%;}
	.map-wrap .map{height:550px;}
}
@media screen and (max-width:600px){
	.map-wrap .map{height:520px;}
}
@media screen and (max-width:500px){
	.map-wrap .map{height:480px;}
}
@media screen and (max-width:450px){
	.map-wrap .map{height:380px;}
}

/* search */
.search-page{padding:3em 0 5em}
.search-page .msg{padding:2em 0; text-align:center; width:100%; font-size:1.25rem; font-weight:700; color:#ddd;}
.search__tab-list{display:flex; justify-content:space-between}
.search__tab-link{position:relative; opacity:.6; padding-bottom:5px; font-size:1.5rem; transition:color 300ms, opacity 300ms}
.search__tab-link:after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:0; height:2px; background-color:#f96408; transition:width 300ms}
.search__tab-link:hover,
.search__tab-link.is-active{opacity:1; color:#f96408;}
.search__tab-link:hover:after,
.search__tab-link.is-active:after{width:100%}

.search__cont{margin-top:3.5em}
.search__cont .search__cont-title{display:flex; margin-bottom:2em; border-bottom:1px solid #dcdcdc; padding-bottom:2em;}
.search__cont .search__cont-title .title{font-size:1.25rem; font-weight:400}
.search__cont .search__cont-title .btn-more{margin-left:auto; color:#f96408}
.search__cont .hide{display:none !important}
.search__cont .title-wrap{width:100%;}
.search__cont .item--column3 .feed__board-item span.site > p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.search__cont .feed__board-item .tags{margin-right:0;}
.search__cont .info::after{content:''; clear:both; display:block;}
.search-page .board__basic-list{border-top:0;}
@media screen and (max-width:1024px){
	.search__tab-link{font-size:1.2rem;}
	.wrap.search-page{width:95%;}
}
@media screen and (max-width:768px){
	.search__cont .search__cont-title{margin-bottom: 1em;}
	.search__tab-list{display:block;width:100vw; margin-left:-2.5vw;}
	.search__tab-list:after{display:block; content:''; clear:both;}
	.search__tab-list li{display:block; width:calc(100% / 4); float:left; text-align:center; height:40px; position:relative; transition:background-color 0.3s;}
	.search__tab-list li.is-active,	.search__tab-list li:hover{background-color:#f96408;}
	.search__tab-list li:hover .search__tab-link{color:#fff; opacity:1;}
	.search__tab-list li:nth-child(4)~ li{width:calc(100% / 3);}
	.search__tab-link:hover:after, .search__tab-link.is-active:after{width:0;}
	.search__tab-link:hover, .search__tab-link.is-active{color:#fff;}
	.search__tab-link{font-size:1.1rem; display:block; width:100%; line-height:20px; white-space:normal; word-break:keep-all; position:absolute; top:50%; left:0; transform:translateY(-50%); padding-bottom:0;}
	.search__cont .item--column3 .feed__board-item{width:calc(100% / 2 - 1em); margin-right: 1em; margin-top:1em;}
	.search__cont .item--column3 .feed__board-item:nth-child(2n){margin-right:0;}
	.search__cont .info dl{width:auto; float:left;}
	.search__cont .board__basic-list-item .info dl:first-child dd, .board__basic-list-item .info dl:first-child dt {width:auto;}
	.search__cont .board__basic-list-item .info dl + dl{margin-left:3%}
	.search__cont:nth-child(4) dl{clear:both; margin-left:0 !important; margin-bottom: 0.6em;}
}
@media screen and (max-width:650px){
	.search__tab-link{font-size:1.2rem;}
}
@media screen and (max-width:600px){
	.search__cont .info dl{width:auto; float:left;}
	.board__basic-list-item .info dl:first-child dd, .board__basic-list-item .info dl:first-child dt {width:auto;}
	.search__cont .board__basic-list-item .info dl + dl{margin-left:3%}
	.search__cont .item--column3 .feed__board-item{width:100%;}
}
@media screen and (max-width:550px){
	.search__tab-link{font-size:1.1rem;}
	.search__cont .search__cont-title .title{font-size:1.05rem;}
}
@media screen and (max-width:500px){
	.search__tab-link{font-size:1rem;}
}
@media screen and (max-width:450px){
	.search__tab-link{font-size:0.95rem;}
}
@media screen and (max-width:425px){
	.write__content .table-bottom{display:flex;}
}
.icon-reply.reply__depth1 + .board__title-inn{padding-left:10px;}
.icon-reply.reply__depth2 + .board__title-inn{padding-left:20px;}
.icon-reply.reply__depth3 + .board__title-inn{padding-left:30px;}
.icon-reply.reply__depth4 + .board__title-inn{padding-left:40px;}