@charset "utf-8";

/*
=====================

IB - Color

base:#333333
point:#ef222a
word:#333333,#888888
special point:#fe6700

=====================
*/


/* =================== board Elements =================== */

.list-header{position: relative; background: #fff; border-bottom: 1px solid #f0f0f0; padding: 0 12px;}
.board-name{display: inline-block; max-width: 100%; height: 42px; line-height: 42px; font-size: 1.143rem; font-weight: bold; padding-right: 50px;}
.board-name > a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-name:after{content: ""; display: block; clear: both;}
.board-name .btn-favorite{float: right; vertical-align: middle; margin-top: 4px;}
.list-header .list__num{position: absolute; top: 0; right: 12px; height: 42px; line-height: 42px; font-size: 1rem; font-weight: normal; color: #6352d2;}

.list__sort{font-size: 0; height: 30px;}
.list__sort .select-box{height: 23px;}
.list__sort .list__category{width: 70px; margin-right: 3px;}
.list__sort .list__by{width: 70px;}


.list-body{background: #fff; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding: 3px 12px; margin-top: 9px; }
.list--hit{margin-top: 9px; border-bottom: 0;}
.list--default{margin-top: 0; border-top: 0; padding: 0 12px;}
.list--default.last-section{border-top: 1px solid #f0f0f0; border-bottom: 0;}

.list--default > ul > li{display: table; padding: 6px 0 13px; border-top: 1px solid #f4f4f4; width: 100%;}
.list-item-wrap > li{border-top: 1px solid #f4f4f4;}
.list-item-wrap > li:nth-child(1){border-top: 0;}
.list--hit .list-item-wrap > li:nth-last-child(1){border-bottom: 1px solid #888;}
.list--hit > ul{display: none;}
.item-box{display: inline-block; max-width: 100%;}
.item-box__ico-wrap {float: right; margin-left: 5px; padding: 7px 0;}
.item-box__list {display: block; color: #333; overflow: hidden !important; text-overflow: ellipsis; white-space: nowrap !important; padding: 7px 0;}
.item-box__title {display: inline-block; overflow: hidden !important; text-overflow: ellipsis; white-space: nowrap !important; max-width: 80vw;}

.image-box{display: table-cell; width: 123px;}
.item-box--style2{display: table-cell;}
.item-box--style2 .item-box__list{display: block; color: #333; overflow: auto; white-space: normal; line-height: 1.3rem; padding: 7px 0 7px;}
.item-box--style2 .item-box__notice{font-weight: bold;}
.item-box--style2 .ico-list-wrap{margin-left: 2px;}

.item-box--style3{display: table-cell;}
.item-box--style3 .item-box__list{display: block; color: #2d8cff; overflow: auto; white-space: normal; line-height: 1.3rem; padding: 15px 0 7px;}
.item-box--style3 .item-box__article{
	display: block; 
	color: #333; 
	font-size: 0.857rem; 
	line-height: 1.3rem; 
	/* word-wrap:break-word; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	height: 2.6rem; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical; 
	text-align: left; */
}
.list--search{padding: 0 12px; margin-top: 0; border-top: 0;}
.list--search > ul > li{display: table; border-top: 1px solid #f4f4f4; width: 100%;}
.list--search .list-item__writer{margin: 7px 0 11px;}
.list--search .item-box__list{font-size: 1.143rem; line-height: 1.5rem;}
.list--search .image-box{width: 93px;}
.list--search .floating-thumb{width: 80px; height: 80px;}
.list--search .pagination{margin: 0 0 30px; padding-top: 30px; border-top: 1px solid #e9e9e9;}
.item-box--style3 .item-box__notice{font-weight: bold;}
.item-box--style3 .ico-list-wrap{margin-left: 2px;}
.item-box--comment .item-box__list{color: #333;}
.item-box--comment .item-box__article{color: #2d8cff;}

.search__no-data{color: #888888; text-align: center; padding: 50px 0 70px; line-height: 1.6;}

.search-category{border-bottom: 1px solid #e9e9e9; padding-bottom: 5px; padding-top: 15px;}
.search-category > a{display: inline-block; font-size: 0.857rem; color: #888888; padding: 5px 0;}
.search-category > a.on{color: #333; font-weight: bold;}
.search-category > a:before{content: ""; display: inline-block; width: 1px; height: 10px; background: #ccc; margin: 0 7px;}
.search-category > a:nth-of-type(1):before{display: none;}


.list--thumb-type > ul > li:after{content: ""; display: block; clear: both;}
.list--thumb-type .list-item__writer{}

.floating-thumb{display: block; width: 110px; height: 110px; overflow: hidden; border-radius: 2px;}
/*.floating-thumb > img{position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 100%;}
.floating-thumb > img.portrait{width: 100%; height: auto;}
*/

.list-item__writer {display:inline-block;}
.list-item__writer.img{display:block;}
.list-item__writer .list-item__date{color: #888888; font-size:12px;}
.list-item__writer .list-item__date:before{content: ""; display: inline-block; width: 1px; height: 10px; background: #ccc; margin: 0 7px;}
.list-item__writer .list-item__date-img{color: #888888; font-size:12px;}

.winner-item{position: relative; height: 35px; line-height: 35px; border-bottom: 1px solid #dddddd;}
.winner-item > a{display: block; margin: 0 45px 0 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.winner-item__btn-lower{position: absolute; top: 50%; right: 0; width: 35px; height: 25px; margin-top: -13px; background: url('./img/icon_mobile_ib.png?1') no-repeat -89px -28px; background-size: 500px 500px;}
.winner-item__btn-lower.on{background-position: -89px 0;}
.list-tag{display: inline-block; border-radius: 2px; font-size: 0.857rem; line-height: 1; letter-spacing: -0.05rem; padding: 3px 2px;}
.tag__position{position: absolute; top: 50%; margin-top: -9px;}
.tag__hit{color: #ef222a; border: 1px solid #ef222a; background: #f8f8f8;}
.tag__notice{color: #8d7de1; border: 1px solid #8d7de1; background: #f8f8f8; margin-right: 8px;}
.tag__ad{color: #f33424 !important; border: 1px solid #f33424; background: #f8f8f8; margin-right: 8px;}

.list-type{position: relative; padding: 0 12px; background: #fff;}
.list-type > div{padding: 14px 0; border-bottom: 1px solid #dddddd; font-size: 0;}
.list-type .btn-type{display: inline-block; width: 28px; height: 28px; background: url('./img/icon_mobile_ib.png?1') no-repeat -89px -182px; background-size: 500px 500px; margin-right: 3px;}
.list-type .list-type__list{background-position: -89px -182px;}
.list-type .list-type__webzine{background-position: -89px -213px;}
.list-type .list-type__gallery{background-position: -89px -244px;}
.list-type .list-type__list.on{background-position: -120px -182px;}
.list-type .list-type__webzine.on{background-position: -120px -213px;}
.list-type .list-type__gallery.on{background-position: -120px -244px;}



.list-type .btn-hit-more{display: inline-block; height: 28px; color: #fff; font-size: 0.857rem; line-height: 28px; background: linear-gradient( #747575, #353536 ); border-radius: 2px; padding: 0 10px;}
.list-type .btn-hit-more--position{position: absolute; right: 12px; top: 50%; margin-top: -15px;}
.list-type .btn-hit-more > i{display: inline-block; width: 5px; height: 9px; background: url('./img/icon_mobile_ib.png?1') no-repeat -208px -13px; background-size: 500px 500px; margin-left: 5px;}

.board-search-wrap{background: #fff; padding: 30px 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
.board-search-wrap .btn-default{padding: 0 10px;}
.pagination{text-align: center; font-size: 0;}
.pagination .btn__num{margin-right: 3px;}
.pagination .btn__num.on{background: linear-gradient(#ffde5a, #ecc427); border: 1px solid #be9c12;}
.pagination a:nth-last-of-type(2){margin-right: 0;}
.pagination .btn__prev{margin-right: 10px;}
.pagination .btn__next{margin-left: 10px;}
/*추가 19-05-24*/
.pagination .btn{display: inline-block; width: 32px;
    line-height: 30px;
    padding: 0;
    background: linear-gradient(#fdfdfd, #f8f8f8);
    border: 1px solid #bebebe;
    border-radius: 2px;
    font-size: 0.857rem;
    word-break: break-all;
    vertical-align: baseline;
}

.page-move{text-align: center; font-size: 0; margin-top: 10px;}
.page-move .input-text-box{height: 30px; vertical-align: top; margin-left: 3px; width: 67px;}
.page-move .page-move__inp{text-align: right;}
.page-move .page-all{font-size: 1rem; padding: 0 10px 0 5px;}
.page-move .page-all > em{color: #999999;}

.page-search{text-align: center; font-size: 0; margin-top: 30px;}
.page-search .select-box{width: 84px; height: 30px;}
.page-search .input-text-box{width: 144px; height: 30px; margin-left: 2px;}
.page-search .btn-default{margin-left: 2px; vertical-align: top;}
.page-search .search__inp-box .btn-clear{display:none; position:absolute; top:0; right:0;}

.member-box{display: none; background: #fff; border-radius: 2px; padding: 20px; width: 210px; border: 1px solid #bebebe; z-index: 10; box-shadow: 1px 1px 1px 0px #efefef;}
.member-box__list{}
.member-box .member-item{line-height: 30px;}
.member-box .member-item__ico{display: inline-block; width: 20px; height: 20px; background: url('./img/icon_mobile_ib.png?1') no-repeat; background-size: 500px 500px; vertical-align: middle; margin-right: 8px;}
.member-box .member-nick .member-item__ico{background-position: -200px -38px;}
.member-box .member-date .member-item__ico{background-position: -200px -61px;}

.member-btn-wrap{font-size: 0; margin-top: 10px;}
.member-btn-wrap .btn-default:nth-of-type(1){margin-right: 3px;}


.post-header{background: #fff; margin: 9px 0 0; padding: 0 12px; border-top: 1px solid #f0f0f0;}
.post-header .board-name{padding-right: 0;}
.post-header .post-title{font-size: 1.286rem; line-height: 1.3; padding: 10px 0; border-top: 1px solid #dddddd;}
.post-writer > span:before{content: ""; display: inline-block; width: 1px; height: 10px; background: #ccc; margin: 0 7px;}
.post-writer__date{color: #888888; font-size: 0.857rem;}
.post-writer__list-shortcut{color: #888888; font-size: 0.857rem; text-decoration: underline;}
.post-writer{padding-bottom: 12px; border-bottom: 1px solid #dddddd;}

.post-body{background: #fff; padding: 15px 12px; border-bottom: 1px solid #f0f0f0; line-height: 1.25}
.post-body > figure{padding: 10px 0;}
.post-body > figure > img{max-width: 100%;}
.post-body > div{line-height: 1.5; padding: 10px 0; word-break:break-all;}
.post-body .content-body p {padding: 0;}
.post-body img{max-width:100%;height:auto;}

.post-btn-wrap{margin-top: 45px;}
.post-btn__recomm{text-align: center;}
.post-btn__recomm .btn-recomm{padding: 0 8px; margin-right: 10px;}
.post-btn__recomm .btn-recomm > span{display: inline-block; width: 14px; height: 13px; background: url('./img/icon_mobile_ib.png?1') no-repeat; background-size: 500px 500px; vertical-align: middle; margin-right: 8px;}
.post-btn__recomm .btn-recomm:nth-last-of-type(1){margin-right: 0;}
.post-btn__recomm .btn-good > span{background-position: 0 -75px; margin-top: -5px;}
.post-btn__recomm .btn-notgood > span{background-position: -17px -75px; margin-top: -2px;}
.post-btn__recomm .btn-recomm > em{padding-left: 4px; font-weight: bold;}
.post-btn__recomm .btn-good > em{color: #ef222a;}
.post-btn__recomm .btn-notgood > em{color: #1a9900;}

.post-btn__share{text-align: center; margin-top: 15px;}
.post-btn__share > button{width: 28px; height: 28px; background: url('./img/icon_mobile_ib.png?1') no-repeat; background-size: 500px 500px; vertical-align: middle; margin-right: 5px;}
.post-btn__share > button:nth-last-of-type(1){margin-right: 0;}
.post-btn__share .kakao-talk{background-position: -154px -84px;}
.post-btn__share .face-book{background-position: -185px -84px;}
.post-btn__share .naver-band{background-position: -216px -84px;}
.post-btn__share .kakao-story{background-position: -154px -115px;}
.post-btn__share .twitter{background-position: -185px -115px;}
.post-btn__share .share-url{background-position: -216px -115px;}

.post-btn__post{/*margin-top: 40px;*/}
.post-btn__post a{margin-right: 3px;}
.post-btn__post a:last-child{margin-right: 0;}
.post-btn__post:after{content: ""; display: block; clear: both;}
.post-btn__post__left{float: left;}
.post-btn__post__right{float: right;}

.file-attach{background: #fff; margin-top: 9px;}
.section-title{position: relative; background: #888888; height: 35px; line-height: 35px; color: #fff; padding: 0 12px;}
.hinged{display: inline-block; position: absolute; top: 50%; right: 12px; width: 15px; height: 8px; background: url('./img/icon_mobile_ib.png?1') no-repeat -234px -13px; background-size: 500px 500px; margin-top: -4px;}
.hinged.on{background-position: -154px -13px;}

.file-attach__list{display: none;}
.file-attach__list > li{position: relative; height: 35px; line-height: 30px; border-top: 1px solid #f4f4f4; padding: 0 12px;}
.file-attach__list > li:nth-of-type(1){border-top: 0;}
.file-attach__list > li > em{color: #888888;}
.file-attach__list > li > em:before{content: ""; display: inline-block; width: 1px; height: 10px; background: #ccc; margin: 0 7px;}
.file-attach__list .btn-download{position: absolute; top: 50%; right: 12px; margin-top: -15px; padding: 0 12px;}


.post-comment{background: #fff; margin-top: 1px; border-bottom: 1px solid #f0f0f0;}
.post-comment .section-title .hinged{background-position: -154px -13px;}
.post-comment .section-title .hinged.on{background-position: -234px -13px;}

.post-comment__list > li{padding: 13px 12px; border-top: 1px solid #dddddd;}
.post-comment__list > li:nth-of-type(1){border-top: 0;}

.post-comment__depth{background: #f8f8f8;}
.post-comment__depth .post-comment__wrap{padding-left: 20px; background: url('./img/icon_reply.png') no-repeat 0 4px; background-size: 13px 9px;}
.post-reply__write{background: #f8f8f8;}
.post-reply__write-box{background: #fff; border: 1px solid #bebebe; border-bottom: 0; padding: 10px;}
.post-reply__write-box > textarea{height: 70px;}
.write-box__btn-wrap{background: #fff; text-align: right; border: 1px solid #bebebe; border-top-color: #e9e9e9; padding: 5px;}
.write-box__btn-wrap > button{margin-left: 3px;}

.comment-txt{line-height: 1.4; word-break: break-all;}
.comment-origin{color:#009900;}
.comment-writer{margin-top: 11px;}
.comment-writer__date{color: #888888; font-size: 0.857rem;}
.comment-writer__date:before{content: ""; display: inline-block; width: 1px; height: 10px; background: #ccc; margin: 0 7px;}
.comment-writer__good-num{color: #888888; font-size: 0.857rem;}
.comment-writer__good-num:before{content: ""; display: inline-block; width: 1px; height: 10px; background: #ccc; margin: 0 7px;}
.comment-writer__notgood-num{color: #888888; font-size: 0.857rem;}
.comment-writer__util{display: inline-block; margin-left: 15px;}
.comment-writer__util > button{width: 20px; height: 20px; background: url('./img/icon_mobile_ib.png?1') no-repeat; background-size: 500px 500px; margin: -2px 5px 0 0; vertical-align: middle;}
.comment-writer__util .btn-good{background-position: -154px -38px;}
.comment-writer__util .btn-notgood{background: url('/img/btn_mobile_view_notgood.png?4') no-repeat;background-size:20px 20px;margin-right:10px;}
.comment-writer__util .btn-reply{background-position: -154px -61px;margin-right:10px;}
.comment-writer__util .btn-report{background-position: -177px -38px;}
.comment-writer__util .btn-blind{background-position: -177px -61px;}
.comment-writer__util .btn-modify{background-position: -156px -224px;}
.comment-writer__util .btn-delete{background-position: -177px -224px;}
.comment-writer__util .on{opacity: .35;}


.post-comment .pagination{padding: 30px 0; border-top: 1px solid #dddddd;}
.post-comment .pagination .btn__prev,.post-comment .pagination .btn__next{padding: 0 7px;}

.post-comment__write{padding: 0 12px; margin: 0 0 15px;}
.post-comment__write > h3{font-weight: bold; margin-bottom: 10px;}
.post-comment__write-box{background: #fff; border: 1px solid #bebebe; border-bottom: 0; padding: 10px;}
.post-comment__write-box > textarea{height: 70px;}

.post-view .board-search-wrap{border-top: 0;}
.post-view .list-header{margin-top: 9px; border-top: 1px solid #f0f0f0;}
.post-view .list-body{margin-top: 0; border-top: 0;}


.post-write{background: #fff; padding: 0 12px; border-bottom: 1px solid #f0f0f0;}
.post-write-header{}
.post-write-body__form{border-top: 1px solid #dddddd; padding-top: 15px;}
.post-write-body dl{padding: 4px 0;}
.post-write-body dl:after{content: ""; display: block; clear: both;}
.post-write-body dl > dt{float: left; width: 64px; line-height: 32px;}
.post-write-body dl > dd{float: left; width: calc(100% - 64px);}
.write-select{display: block; padding-left: 8px;}
.write-select--category{width: 100%; height: 32px;}
.write-input{display: block; padding: 0 30px 0 8px;}
.write-input .btn-clear{display: none; position: absolute; top: 0; right: 0;}
.write-input--body-inner{height: 32px;}
.search__inp-box .btn-clear{display: none; position: absolute; top: 1px; right: 32px;}

.post-write-body__content{border: 1px solid #bebebe; border-radius: 2px; padding: 8px; margin-top: 16px;}
.post-write-body__content > textarea{height: 140px;}
.post-write-body__water-mark{margin-top: 15px; padding-top: 11px; border-top: 1px solid #dddddd;}
.post-write-body__water-mark .caution-txt{margin-top: 5px;}
.write-select--watar-mark{width: 110px; height: 32px;}

.file-attachment{margin-top: 15px; padding-top: 11px; border-top: 1px solid #dddddd;}
.file-attachment > dl > dt{line-height: 30px;}
.file-attachment > dl > dd{text-align: right;}
.file-attachment > dl > dd .btn-default{margin-left: 3px; padding: 0 7px;}

.attached-wrap{margin-top: 11px;width:100%; overflow:auto;white-space: nowrap;}
/*.attached-wrap > ul:after{content: ""; display: block; clear: both;}
.attached-item{float: left; position: relative; width: 32%; height: 0; padding-top: 32%; border-radius: 10px; overflow: hidden; margin-right: 2%;}*/
.attached-item{display:inline-block;position: relative; width: 110px; height: 110px; border-radius: 10px; overflow: hidden; margin-right: 5px;}
.attached-item:nth-last-of-type(1){margin-right: 0;}
.attached-item__box{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%;}
.attached-item__box > img{width: 100%; height: 100%;}
.attached-item__box.item-selected:before{content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 5px solid #ff7c25; border-radius: 10px; z-index: 10;}

.attached-item > button{position: absolute; width: 36px; height: 36px; background: url('./img/icon_mobile_ib.png?1') no-repeat; background-size: 500px 500px; z-index: 11;}
.attached-item .btn-file-delete{bottom: 0; left: 0; background-position: -154px -185px;}
.attached-item .btn-file-selected{top: 0; right: 0; background-position: -154px -146px; display: none;}
.attached-item .btn-file-direct{bottom: 0; right: 0; background-position: -193px -186px;}
/* .attached-item.item-selected:before{content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 5px solid #ff7c25; border-radius: 10px; z-index: 10;} */
.attached-item.on .btn-file-delete{background-position: -193px -146px;}
.attached-item.on .btn-file-selected{display: block;}
.attached-item.on .btn-file-direct{display: none;}

.attached-btn{text-align: right; margin-top: 15px;}
.attached-btn > button{margin-left: 3px; padding: 0 7px;}
.post-write-btn{text-align: right; margin-top: 15px; padding: 15px 0; border-top: 1px solid #dddddd;}
.post-write-btn > button{margin-left: 3px;}



/* =================== my page =================== */

.my-tab{background: #f8f8f8; overflow: hidden; position: relative;}
.my-tab:after{content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e9e9e9;}
.my-tab > li{float: left; width: 33.3%; height: 40px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.my-tab > li:nth-of-type(3n){border-right: 0; width: 33.4%;}
.my-tab > li > a{display: block; width: 100%; color: #b5b5b5; text-align: center; line-height: 40px;}
.my-tab > li > a.on{color: #fff; background: linear-gradient(#3c3e42, #515459); position: relative;}
.my-tab > li > a.on:after{content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3d3f42;}


.my-body{margin: 30px 12px 30px;}
.my-body .my-body__title{color: #2d8cff;}
.my-body .my-body__caption{margin-top: 10px; line-height: 1.4; max-width: 465px; font-size: 0.857rem;}
.my-setting{border-bottom: 1px solid #f4f4f4; margin-top: 15px;}
.my-setting > li{position: relative; border-top: 1px solid #f4f4f4; line-height: 40px;}
.my-setting .switch{position: absolute; top: 50%; right: 0; margin-top: -10px; line-height: 0;}

.my-data{margin-top: 15px; border-bottom: 1px solid #f4f4f4;}
.my-data > dl{display: table; width: 100%; border-top: 1px solid #f4f4f4;}
.my-data > dl > dt{display: table-cell; width: 100px; padding: 10px 0; vertical-align: top; line-height: 32px;}
.my-data > dl > dd{display: table-cell; height: 40px; padding: 10px 0; vertical-align: middle;}
.my-data .data{padding-left: 10px;}
.my-data .form{}
.my-data .form__hint{font-size: 0.786rem; color: #888888; margin-top: 7px; margin-left: 10px;}
.my-data .hint--alert{color: #ef222a;}
.my-data .hint--success{color: #2d8cff;}
.my-data .modify-box{height: 32px; padding: 0 10px; vertical-align: middle; width: calc(100% - 85px); max-width: 190px;}
.my-data .modify-box--width{width: 100%; max-width: 100%;}

.my-data .btn-default{vertical-align: middle; margin-left: 3px; min-width: 45px; padding: 0 4px;}

.member-btn{text-align: right; margin-top: 15px;}
.member-btn > button{margin-left: 3px;}
.member-write-input .btn-clear{display: none; position: absolute; top: 0; right: 0}

.my-util{}
.my-util:after{content: ""; display: block; clear: both;}
.my-util .my-util__item-count{float: left; line-height: 30px;}
.my-util .my-util__item-count > em{font-weight: bold; color: #ef222a;}
.my-util .my-util__btn-wrap{float: right;}
.my-util .my-util__btn-wrap > button{margin-left: 3px;}

.my-list{margin-top: 7px; border-bottom: 1px solid #f4f4f4;}
.my-list > li{display: table; width: 100%; padding: 11px 0; border-top: 1px solid #f4f4f4;}
.my-list > li > div{display: table-cell;}

.my-list .chk-list{width: 30px;}
.my-list .content-area{}
.my-list .title{vertical-align: middle;}
.my-list .order{width: 33px;}
.my-list .order > button{width: 30px; height: 30px; background: url('./img/icon_mobile_ib.png?1') no-repeat -223px -38px; background-size: 500px 500px; vertical-align: middle;}
.my-list .order .btn-lower{background-position: -256px -38px;}
.my-list .behavior{width: 60px; text-align: right;}

.content-area{}
.content-area .article{line-height: 1.4rem;}
.author-wrap{display: inline-block; max-width: 100%;}
.author-wrap .author__item{float: right;}
.author-wrap .category{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.857rem; padding: 4px 0;}
.author__item .author__date{color: #888888; font-size: 0.857rem;}
.author__item .author__recomm{color: #888888; font-size: 0.857rem;}
.author__item .author__date:before{content: ""; display: inline-block; width: 1px; height: 10px; background: #ccc; margin: 0 7px;}
.author__item .author__recomm:before{content: ""; display: inline-block; width: 1px; height: 10px; background: #ccc; margin: 0 7px;}
.author__item .global-nick:before{content: ""; display: inline-block; width: 1px; height: 10px; background: #ccc; margin: 0 7px;}

.my-body .pagination{margin-top: 30px;}

.account-title{font-size: 1.714rem;    width: 50%; display: inline-block;}
.account-resend-mail{ font-size: 1.1rem;    width: 50%; display: inline-block; text-align:right;}
.my-body__sub-title{color: #2d8cff; margin-top: 30px;}

.acount__chk-all{margin-top: 30px;}
.acount__chk-terms{margin-top: 10px;}


.account-chk{display: block; position: relative; height: 30px; margin: 0 2px; background: url('./img/bg_account.png') repeat-x 0 0; background-size: 2px 60px; line-height: 28px; padding-left: 7px;}
.account-chk  > em{display: inline-block; margin-left: 10px;}
/* .account-chk input[type="checkbox"] + label{margin-top: -8px;} */
.account-chk:before{content: ""; display: inline-block; position: absolute; top: 0; left: -2px; width: 2px; height: 30px; background: url('./img/btn_mobile_ib.png') no-repeat 0 0; background-size: 500px 500px;}
.account-chk:after{content: ""; display: inline-block; position: absolute; top: 0; right: -2px; width: 2px; height: 30px; background: url('./img/btn_mobile_ib.png') no-repeat right 0 top 0; background-size: 500px 500px;}
.account-chk.on{background-position: 0 -30px; color: #fff;}
.account-chk.on:before{background-position: 0 -262px;}
.account-chk.on:after{background-position: right 0 top -262px;}


.account__btn-wrap{margin-top: 15px;}
.account__btn-wrap:after{content: ""; display: block; clear: both;}
.account__btn-wrap__left{float: left;}
.account__btn-wrap__right{float: right;}

.terms-area{border: 1px solid #bebebe; padding: 10px; margin-top: 8px; line-height: 1.3; color: #666666; height: 160px; overflow-y: scroll; font-size: 0.857rem; border-radius: 2px;}
.terms-area .subscript{margin-bottom: 13px;}
.terms-area p{}
.terms-area ul{margin-bottom: 13px; margin-top: 4px;}
.terms-area ol{margin-bottom: 13px; margin-top: 4px;}
.terms-area .list-second{padding-left: 10px;}
.terms-area h3{margin-bottom: 10px; color: #333;}
.terms-area h4{color: #333; font-size: 12px;}
.terms-area h5{display: inline-block; color: #333; padding: 0 5px; margin-left: 20px; background: #e6e6e6; font-weight: normal;}
.terms-area .mailing{font-weight: bold;}

.terms-area--lengthwise{border: 0; padding: 0; margin-top: 0; line-height: 1.7; height: auto; overflow-y: auto; border-radius: 0;}

.searching{position: relative; background: #fff; height: 61px; border-bottom: 1px solid #f0f0f0; padding: 10px 12px;}
.searching__box{border: 2px solid #333333; height: 40px; border-radius: 2px; margin-right: 56px; padding: 0 5px; position:relative;}
.searching__btn{position: absolute; top: 10px; right: 12px; width: 53px; height: 40px; background: linear-gradient(#757575, #343434); border-radius: 2px; color: #fff; font-weight: bold;}
.searching__box > input[type="text"]{font-size: 1.143rem; font-weight: bold;}
.searching__box .btn-clear{height:36px;}

.search-tab{background: #f8f8f8; margin-top: 9px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
.search-tab:after{content: ""; display: block; clear: both;} 
.search-tab > a{display: block; position: relative; float: left; width: 50%; border-right: 1px solid #f0f0f0; height: 42px; line-height: 40px; text-align: center; color: #b5b5b5;}
.search-tab > a > em{display: inline-block; margin-left: 3px;}

.search-tab > a.on{background: #fff; color: #333;}
.search-tab > a.on > em{color: #ef222a;}
.search-tab > a.on:after{content: ""; display: block; position: absolute; bottom: 0; left: 0; background: #333; height: 2px; width: 100%;}
.search-tab > a:nth-last-of-type(1){border-right: 0;}

.login-field .login__chk{padding: 20px 0;}
.login-field__btn-wrap{text-align: right; margin-top: 15px;}
.login__btn-login{display: block; height: 40px; background: linear-gradient(#ff7d27, #fb6705); border: 1px solid #da5800; color: #fff; text-align: center; line-height: 38px; font-size: 1.143rem; font-weight: bold; margin-top: 15px; border-radius: 2px;}
.login__find{margin: 30px 0 0; padding-bottom: 5px; text-align: center;}
.login__find > a{display: inline-block; padding: 5px 0; font-size:12px;}
.login__find > a:before{content: ""; display: inline-block; width: 1px; height: 10px; background: #ccc; margin: 0 7px;}
.login__find > a:nth-of-type(1):before{display: none;}

@media (max-width: 340px){
	.login__find{font-size: 0.857rem;}
}

.alert-wrap{padding: 0 12px;}
.alert-wrap .pagination{padding: 30px 0; border-top: 1px solid #e9e9e9;}
.alert__header{margin-top: 23px; position: relative;}
.alert__header > em{display: inline-block; margin-left: 3px; color: #ef222a; font-weight: bold;}
.alert__header .btn-alert-delete{position: absolute; top: -7px; right: 0;}
.alert__body{margin-top: 15px;}
.alert__body > li{padding: 10px 0; border-top: 1px solid #f4f4f4;}

.alert__author{position: relative;}
.alert__write-time{display: inline-block; margin-left: 6px; color: #888888; font-size: 0.857rem;}
.alert__btn-each-delete{position: absolute; top: -5px; right: 0; background: none; padding: 6px;}
.alert__btn-each-delete:focus{padding: 6px;}
.alert__btn-each-delete > span{display: inline-block; width: 10px; height: 10px; background: url('./img/icon_mobile_ib.png?1') no-repeat -195px 0; background-size: 500px 500px;}
.alert__box{display: block; padding: 8px 0;}
.alert__box > span{display: inline-block; vertical-align: top;}
.alert__box .alert__say{width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.alert__box .alert__quotes{margin-top: -2px;}



.btn-comment-paging {
    display: inline-block;
    height: 30px;
    line-height: 28px;
    
    background: linear-gradient(#fdfdfd, #f8f8f8);
    border: 1px solid #bebebe;
    border-radius: 2px;
    font-size: 0.857rem;
}


/*addition*/
.comment-refresh{width:100%; text-align:right; padding: 0 12px; margin-bottom:15px;}
.list-current-doc{background:#dee9ef !important;}
/*.list-item-wrap > li{background:#fff !important;}
.list-item-wrap > li:active{background:#dee9ef !important;}*/
.-up-content{margin-bottom:6px;}

.member-alarm{margin-top:20px;}
.member-alarm .alarm-set{margin-top:10px;}
.member-alarm .alarm-set > div{margin-bottom:10px;}

.save-preview img{max-width:100%; height:auto;}


.pagination .btn__page {width:35px; height:auto; word-break:break-all; line-height:normal; padding:6px 2px; vertical-align:baseline;}




/*181219 추가 css*/
.blind-txt{text-decoration:line-through !important; color:#adadad !important;}
.item-box--style2 .item-box__list_txt{white-space:normal; text-overflow:ellipsis; overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;padding-bottom:0; margin-bottom:7px;}
.post-comment__wrap .post-comment__reply {display:inline-block; color:#2d8cff; padding-right:7px;}
.post-comment__list .post-comment__depth1{padding-left:26px;}
.comment-writer__default {display:inline-block;margin:11px 10px 7px 0;}
.post-comment_writer{color:#1a9900;}

.pagination .btn__page {width:35px; padding:0;height:auto; word-break:break-all; line-height:normal; padding:6px 2px; vertical-align:baseline;}

.list--default > ul > .good-food-line {display:block;}


.tag__good {color:#2d8cff; border:1px solid #2d8cff; background-color:#f8f8f8; margin-right:8px;}

/*181221 요리맛집 추가 css*/
.list--default > ul > li.good-food-wrap{padding:10px 0;}
.good-food-wrap > ul { overflow:hidden; padding:5px 0 25px 0;}
.good-food-item{float: left; position: relative; width: 32%; height: 0; padding-top: 32%; border-radius: 2px;margin-right: 2%;}
.good-food-item:nth-last-of-type(1){margin-right: 0;}
.good-food-item__box{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;border-radius: 2px; overflow:hidden;}
/*.good-food-item__box > img{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);width: auto;height: 100%;}
.good-food-item__box > img.portrait{width:100%; height:auto;}*/
.good-food-item a .food-item_txt{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; padding:7px 0;}


/*190320 댓글 이미지보기 추가 */
.comment-image-box{margin: 0px 1px 0; border: 1px solid #cccccc; background: #fff; display:inline-block; padding: 2px; }
.comment-image-box > span{width:120px; height:120px; display:block;overflow: hidden}
.comment-image-box > span.view-wrap{width:40px; height:40px;}
.comment-image-dbclick {
    width: auto !important;
    height: auto !important;
    max-width:240px;
}
.comment-image-dbclick > img {
    top: unset;
    left: unset;
    transform: unset;
    max-width: 100%;
    height:auto;
}
.cmt{min-width:50%; display:inline-block;}

.post-comment__write-box_new {
    background: #fff;
    border: 1px solid #bebebe;
    border-bottom: 0;
    padding: 10px;
    width:100%;
}

.post-comment__write-box_new textarea{
	height: 70px;
	margin:10px;
	width:calc(100% - 26px);
}
.comment-image-box-form{
	width:80px;
	height:120px;
	margin:5px;
	
}
.first .close-icon {
    position: relative;
    top: 3px;
    left: -28px;
    cursor: pointer;
}



/* 190528 추가 */
.link-item{border-top: 1px solid #f4f4f4; padding: 0 !important; width: 100%;}
.link-area{display: block; padding: 6px 0 13px;}
.link-area--notice{display: block; padding: 6px 0 13px;}
.link-area--webzine{display: block; padding: 6px 0 13px;}
.link-area:visited .item-box__list{color: #a5a8df;}

.comment-writer em {
    color: #aaaaaa;
    font-size: 12px;
    padding-left: 1px;
}

.list-item__writer em {
    color: #aaaaaa;
    font-size: 0.857rem;
    padding-left: 0;
}

.post-writer em {
    color: #aaaaaa;
    font-size: 0.857rem;
    padding-left: 0;
}

#list_middle_banner {background:#fff;padding:5px 0;text-align:center;}

#sponser_ad_new .sponser_ad_title a {color:#f33424 !important;font-weight:bold;}

#penaltyForm input {width:auto;}
#penaltyForm input[type="radio"] {display: inline;}
#penaltyForm input[type="radio"] + label span {background:none;display:none;}
.popup_body .member-block {width:95% !important;max-width:95% !important;}

/* 관리자 */
.manager-area{margin-top: 14px; letter-spacing: 0;}
.manager-box{position: relative; border: 1px solid #d4d4d4; padding: 7px 7px 7px 30px; background: url('./img/security_lock_icon.png') no-repeat 5px 5px; background-size: 20px 20px; min-height: 16px; margin-bottom: 4px;}
.manager-box > span > img{vertical-align: middle; padding-bottom: 1px;}
.manager-box > span{display: inline-block; margin-right: 10px; color: #666;}
.manager-box .btn-default{margin-right: 2px;}
.manager-box .more{float: right;}
.manager-box .shift{font-weight: bold; color: #0000ff; line-height: 20px;}
.manager-box .shift:nth-of-type(1){margin-top: 10px;}
.manager-box .shift em{color: #ef222a;}
.manager-box .connecting{font-weight: bold; color: #ef222a;}

.manager-box .modify{color: #0000ff;}
.manager-box .modify:nth-of-type(1){margin-top: 10px;}
.manager-box .modify em{color: #ef222a;}
.manager-box .modify .strong{color: #0000ff; padding-left: 8px;}
.manager-box .modify button{color: #666666; margin-left: 8px;}
.manager-box .modify .nick{margin-left: 10px;}
.manager-box .modify .who{padding-left: 4px;}
.layer-btn-wrap{display: block; text-align: right; margin-top: 4px;}


.managing-left{position: relative; float: left; width: 70%; font-size: 0;}
.managing-right{position: relative; float: right; width: 30%; font-size: 0;}
.managing-btn-box:after{content: ""; display: block; clear: both;}
.managing-btn-box button{margin-bottom: 3px;}

.layer-box{border: 1px solid #d8d8d8; background: #fff; box-shadow: 1px 1px 1px 0px #eeeeee; padding: 5px;} /* 샘플 */
/* .layer-box{position: absolute; left: 0; top: 20px; z-index: 10; border: 1px solid #d8d8d8; background: #fff; box-shadow: 1px 1px 1px 0px #eeeeee; padding: 5px;} */ /* 실제사용시 */
.layer-box .message-box{display: block; padding: 5px; border: 1px solid #f2f2f2;}
.layer-box .message-box textarea{width: 100%; height: 90px;}
.layer-box dl{display: table; border-bottom: 1px solid #eeeeee;}
.layer-box dl:first-child{border-top: 1px solid #eeeeee;}
.layer-box dl dt{display: table-cell; width: 96px; padding: 9px 0 9px 8px; background: #f8f8f8; vertical-align: middle; font-weight:bold;}
.layer-box dl dd{display: table-cell; width: 378px; padding: 9px 8px; text-align:left;}
.layer-box .radio-box{line-height: 18px;}
.layer-box .radio-item{display: inline-block; vertical-align: middle; margin-right: 3px;}
.layer-box .box-mt{margin-top: 10px;}
.layer-box dd label span{margin-right: 4px;}
.layer-box dd strong{color: #ef222a;}
.manager-message{left: 210px; top: 30px; width: 200px;}
.member-block{z-index: 11; left: 378px; top: 54px; font-size: 12px; width: 500px;}

.module-box{left: 0; top: 26px; font-size: 12px; width: 492px;}
.module-box li{padding: 3px 0;}
.module-box li em{padding-right: 10px; color: #3074a5;}
.module-box .inp-module{width: 200px; height: 21px; margin-right: 3px;}
.module-box .select-category{width: 200px; height: 23px; margin-right: 3px;}
.module-box .ta-cause{width: 200px; height: 23px;}
.module-box .guide-feature{margin: 6px 0; font-size: 11px; color: #888888;}

.module-box .tb-body{height: 380px; overflow: auto; margin-top: 10px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.module-box .tb-module{width: 100%;}
.module-box .tb-module th{background: #f8f8f8; border: 1px solid #eeeeee; padding: 6px 3px; border-top: 0;}
.module-box .tb-module td{border: 1px solid #eeeeee; padding: 6px 3px; vertical-align: middle;}
.module-box .tb-module td:last-child{text-align: center;}

.select-module{left: 100px;}

.member-info-box{left: 30px; top: 54px; font-size: 12px; width: 352px;}
.member-info-box .layer-title{line-height: 24px; margin-bottom: 4px; font-weight: bold;}
.member-info-box .member-item{border: 1px solid #f2f2f2; padding: 5px; width: 340px;}
.member-info-box .member-item textarea{width: 100%; height: 120px;}

.manager-memo{margin-top: 8px; display:none;}/*메모등록 버튼 클릭시 나옴*/
.manager-memo .memo-box{display: inline-block; width: 746px; padding: 4px; border: 1px solid #d8d8d8; height: 70px; vertical-align: middle;}
.manager-memo .memo-box textarea{width: 100%; resize: none; height: 70px;}
.manager-memo button{width: 80px; height: 80px; vertical-align: middle; margin-left: 4px; border-radius: 3px; background: #f9f9f9; border: 1px solid #d8d8d8; font-weight: bold;}

.manager-box .btn-default {height:22px !important; line-height:22px !important; padding:0 8px !important;}