@charset "utf-8";

/**리스트**/
.search{margin-bottom: 5.5rem;position: relative;}
.search input[type="text"]{box-sizing: border-box;padding: 0 0 0 1.5rem;height: 5.5rem;line-height: 5.5rem;font-size: 1.8rem;display: inline-block;vertical-align: middle;border: 0.1rem solid #58616a;border-radius: 0.65rem;color: #8a949e;width:49rem;background: #fff url('../images/ico_search.png') no-repeat 96% center;}
.search input[type="text"]::placeholder{color:#8a949e;}
.search ._selectBox{position: relative;min-width: 18rem;height: 5.5rem;line-height: 5.5rem;padding-left: 1.5rem;padding-right: 5rem;background: #fff url('../images/sel_arr.png') no-repeat 90%;font-size: 1.8rem;color: #8a949e;border: 0.1rem solid #58616a;display: inline-block;vertical-align: middle;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0.65rem;}
.search ._selectBox:before{content:'';width:0.1rem;height: 3.5rem;background: #ccc;position: absolute;right:2rem;top:0.5rem;}
.search ._selectBox::placeholder{color:#8a949e;}
.search ._button{border: 0;cursor: pointer;display: inline-block;vertical-align: middle;zoom: 1;}
.search ._button input[type="submit"]{border: 0;border-radius: 0.65rem;margin-right: 0;padding: 0 4.5rem;font-size: 1.8rem;line-height: 5.5rem;background-color: #246beb;cursor: pointer;color: #fff;text-align: center;word-wrap: break-word;font-weight: 500;}

.board-util{display:flex;justify-content:space-between;align-items: center;margin-bottom:4rem;}
.board-util .count{background:url('../images/ico_count.png') no-repeat left top;}
.board-util .count p{font-size:1.9rem;color:#222;height:4rem;display: flex;flex-direction: row;align-items: center;padding-left: 5.5rem;gap: .5rem;font-weight:500;}
.board-util .count p strong{color:#0b50d0;font-weight:500;}
.board-util .strd{display: flex;align-items: center;}
.board-util .strd > li select{color:#8a949e;font-size:1.9rem;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0;padding-right: 3rem;background:url(../images/ico-search-arr.png) right center no-repeat;position: relative;top: 0.2rem;cursor:pointer;}
.board-util .strd > li > strong{font-size:1.9rem;color:#222;display:inline-block;vertical-align:middle;margin-right:1.5rem;font-weight:500;line-height: 1;}
.board-util .strd > li + li{margin-left:4rem;padding-left:4rem;position: relative;}
.board-util .strd > li + li:before{content:'';width:0.1rem;height: 1.5rem;background-color: #dddddd;position: absolute;left:0;top: 50%;margin-top: -0.75rem;}
.board-util .strd > li button{font-size:1.9rem;color:#8a949e;font-weight: 500;cursor: pointer;display: inline-block;vertical-align: middle;line-height: 1;position: relative;top: -0.2rem;padding: 1.2rem 1rem 1rem;transition: all ease .25s;}
.board-util .strd > li button:nth-last-child(1){margin-right:0;}
.board-util .strd > li button:hover,
.board-util .strd > li button._active{background-color: #eef2f7;border-bottom:0.1rem solid #1c2b78;color:#1c2b78;top: 0.1rem;}

.listWrap > ul{display: grid;grid-template-columns: repeat(4, minmax(20rem, 1fr));gap:3rem;}
.listWrap > ul > li {border:0.1rem solid #e2e2e2;}
.listWrap > ul > li > a{display:block;height: 100%;padding:5rem 3.5rem;}
.listWrap > ul > li .user_info{margin-bottom:3rem;}
.listWrap > ul > li .user_info > span{color:#666;font-size:1.7rem;display:inline-block;}
.listWrap > ul > li .user_info > span + span{margin-left: 3.5rem;}
.listWrap > ul > li strong{font-size:3rem;color:#212121;display:-webkit-box;-webkit-line-clamp:2;line-height:1.3;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 2.5rem;}
.listWrap > ul > li p{font-size:1.7rem;color:#666;line-height: 1.7;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-bottom: 5rem;}
.listWrap > ul > li .emotion{display:flex;gap:2.5rem;}
.listWrap > ul > li .emotion > li{padding-left:2.5rem;position:relative;color: #666;}
.listWrap > ul > li .emotion > li.like{background:url('../images/ico-like.png') no-repeat left center;}
.listWrap > ul > li .emotion > li.dislike{background:url('../images/ico-dislike.png') no-repeat left center;}
.listWrap > ul > li .emotion > li.coment{background:url('../images/ico-coment.png') no-repeat left center;}
.listWrap > ul > li.nodata{border:0;}

.form-btm{text-align: right;}
.form-btm input[type=submit]{background-color: #246beb;color:#fff;border:0;height: 5.5rem;line-height: 5.5rem;padding:0 3rem;font-size:1.9rem;border-radius: 0.85rem;cursor: pointer;font-weight: 500;}
#findType{color: #8a949e;font-size: 1.9rem;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0;padding-right: 3rem;background: url(../images/ico-search-arr.png) 85% center no-repeat;position: relative;top: 0.2rem;height: 5.5rem;line-height: 5.5rem;font-size: 1.8rem;border:0.1rem solid #58616a;border-radius:0.75rem;padding: 0 5rem 0 2rem;}



@media all and (max-width: 1600px) {
    .search{margin-bottom:2.5rem;}    
    .board-util{margin-bottom:2rem;}
    .listWrap > ul{gap:1.5rem;}
    .listWrap > ul > li > a{padding:3.5rem 2.5rem;}
}

@media all and (max-width: 1280px) {
    .listWrap > ul{grid-template-columns: repeat(3, minmax(20rem, 1fr));}
    .listWrap > ul > li .user_info{margin-bottom:1.5rem;}
    .listWrap > ul > li strong{margin-bottom:1.5rem;}
    .listWrap > ul > li p{margin-bottom:2.5rem;}
    .listWrap > ul > li + li + li + li + li + li {/* display: none; */}
    .search input[type="text"]{width:40rem;}
}

@media all and (max-width: 1023px) {
    .listWrap > ul{grid-template-columns: repeat(2, minmax(20rem, 1fr));}
    .board-util .strd > li + li{margin-left:2rem;padding-left:2rem;}
}

@media all and (max-width: 767px) {
    .listWrap > ul{grid-template-columns: repeat(1, minmax(20rem, 1fr));}
    .search input[type="text"]{width:100%;font-size: 1.6rem;}
    .search ._button{width:100%;display: block;padding-top:0.5rem;}
    .search ._button input[type="submit"]{text-indent: -9999px;padding: 0;height: 5.5rem;width: 5.5rem;background: none;position: absolute;right: 0;top: 6.5rem;}
    .board-util{flex-wrap: wrap;gap: 1.2rem;justify-content: flex-start;}
    .board-util .count{width:100%;background-size: 2.7rem;}
    .board-util .count p{font-size:1.7rem;padding-left: 3.5rem;height: 3rem;}
    .board-util .strd{gap:2rem;}
    .board-util .strd > li > strong{font-size: 1.5rem;letter-spacing: -0.05rem;margin-right: 1rem;}
    .board-util .strd > li button{font-size: 1.2rem;padding: 0 0.3rem;top: 0;}
    .board-util .strd > li button._active{top:0;background: none;border: none;}
    .board-util .strd > li select{padding-right: 0.7rem;font-size: 1.5rem;background-size: 0.7rem;top: 0;}
    .board-util .strd > li:nth-child(1){/* display:none; */}
    .board-util .strd > li + li{margin-left:0;padding-left:0;font-size: 0;}
    .board-util .strd > li + li:before{display: none;}
    .listWrap > ul > li > a{padding:3rem 2.5rem;}
    .listWrap > ul > li strong{font-size: 2.7rem;}
    .listWrap > ul > li .user_info > span{font-size:1.5rem;}
    .listWrap > ul > li .emotion > li{font-size:1.5rem;}
    .form-btm{text-align:center;}
    .form-btm input[type=submit]{padding:1rem 2rem;font-size: 1.5rem;line-height:1;height:4rem;}
    #findType{width:100%;margin-bottom:1rem;background-position: calc(100% - 2rem) center;font-size: 1.6rem;}
    .mineText .search ._button input[type="submit"]{top:0;}
	.listWrap > ul > li.nodata{font-size:1.5rem;}
}

/***** Paging *****/
._fnctWrap ._paging{text-align: center;padding: 10rem 0 5rem;}
._fnctWrap ._paging ._inner {overflow: hidden;position: relative;height: 4rem;display: inline-block;zoom:1;_display: block;}
._fnctWrap ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left;}
._fnctWrap ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
._fnctWrap ._paging ._inner a,._fnctWrap ._paging ._inner strong {width: 4rem;height: 4rem;line-height: 4rem;border-width: 0.1rem;border-style: solid;border-color: #cdcdcd;text-align: center;margin: 0 0.1rem;}
._fnctWrap ._paging ._inner ul{display:inline-block;margin:0 1rem;height: 4rem;}
._fnctWrap ._paging ._inner ul li{float:left;margin:0 0.3rem;display: block;}
._fnctWrap ._paging ._inner ul li a{display:inline-block;font-size: 1.7rem;width: 4rem;height: 4rem;line-height: 4rem;text-align: center;margin: 0 0.1rem;color: #3d4148;border-width: 0;}
._fnctWrap ._paging ._inner .pg-arrow{border:0.1rem solid #ccc;width: 3.5rem;height: 3.5rem;}
._fnctWrap ._paging ._inner > a{text-indent:0 !important;font-size:1.7rem !important;color:#464c53;border:0;width: auto;height:auto;}
._fnctWrap ._paging ._inner ._first{background: url(./../images/paging-left-on.png) center left no-repeat;padding-left:1.5rem;width: 5rem;}
._fnctWrap ._paging ._inner ._prev{background: url(./../images/paging-left-on.png) center left no-repeat;padding-left:1.5rem;width: 5rem;margin-left: 1rem;}
._fnctWrap ._paging ._inner ._next{background: url(./../images/paging-right-on.png) center right no-repeat;padding-right:1.5rem;width: 5rem;margin-right: 1rem;}
._fnctWrap ._paging ._inner ._last{background: url(./../images/paging-right-on.png) center right no-repeat;padding-right:1.5rem;width: 5rem;}
._fnctWrap ._paging ._inner li strong{background-color: #246beb!important;border-color: #246beb !important;color: #fff;border-radius: 0.55rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
._fnctWrap ._paging ._inner ._pageState{display: none;padding: 0 1em}
._fnctWrap ._paging ._inner ul li + li + li + li + li + li + li + li + li + li + li{display:none;}
/**._fnctWrap ._paging ._inner ul li:nth-last-child(1){display:block;margin-left:1rem;} 
._fnctWrap ._paging ._inner ul li:nth-last-child(1) a:before{content:'···';display:inline-block;position:relative;left:-1.5rem;}**/

@media screen and (min-width:1201px){
._fnctWrap ._paging{padding-bottom:5rem;}
}

@media screen and (max-width:767px){
._fnctWrap ._paging{padding: 3.5rem 0 5rem;position: relative;}    
._fnctWrap .paging a{width:2.8rem !important;height: 2.8rem !important;font-size:1.3rem;line-height: 2.5rem;}
._fnctWrap ._paging ._inner ul{display:block;float:none;height: auto;margin: 0;}
._fnctWrap ._paging ._inner a, ._paging ._inner li, ._paging ._inner p, ._paging ._inner span, ._paging ._inner strong, ._paging ._inner ul{float:none;}
._fnctWrap ._paging ._inner ul li a,
._fnctWrap ._paging ._inner ul li,
._fnctWrap ._paging ._inner li strong{width: 2.5rem;height: 2.5rem;font-size: 1.5rem;display: flex;flex-direction: column;justify-content: center;}   
._fnctWrap ._paging ._inner{height:auto;position: initial;}
._fnctWrap ._paging ._inner ._first{position:absolute;left:calc(50% - 11rem);bottom:1.5rem;font-size: 1.4rem !important;background-size: 0.5rem;width: 4.5rem;padding-left: 1rem;}
._fnctWrap ._paging ._inner ._last{position:absolute;right:calc(50% - 11rem);bottom:1.5rem;font-size: 1.4rem !important;background-size: 0.5rem;width: 4.5rem;padding-right: 1rem;}
._fnctWrap ._paging ._inner ._prev{position:absolute;left:calc(50% - 7rem);bottom:1.5rem;font-size: 1.4rem !important;background-size: 0.5rem;width: 4.5rem;padding-left: 1rem;} 
._fnctWrap ._paging ._inner ._next{position:absolute;right:calc(50% - 7rem);bottom:1.5rem;font-size: 1.4rem !important;background-size: 0.5rem;width: 4.5rem;padding-right: 1rem;} 
}


/**뷰**/
.board-view .view{padding:6rem 10rem 7rem;border:0.1rem solid #dcdcdc;border-radius: 2.5rem;margin-bottom:7rem;}
.board-view .view .title{padding-bottom:3rem;border-bottom:0.1rem solid #dfdfdf;position:relative;padding-right: 14rem;}
.board-view .view .title > strong{display:block;font-size:3.5rem;color:#212121;margin-bottom:3rem;line-height: 1.25;}
.board-view .view .title > .detail{display:flex;}
.board-view .view .title > .detail > li{padding-left:2rem;margin-left:2rem;position: relative;font-size:1.9rem;color:#666;}
.board-view .view .title > .detail > li::before{content:'';width:0.1rem;height: 1.5rem;background-color: #dfdfdf;position:absolute;left:0;top: 1.1rem;}
.board-view .view .title > .detail > li span{color:#222;display: inline-block;margin-right:1rem;}
.board-view .view .title > .detail > li:nth-child(1){margin-left:0;padding-left:0;}
.board-view .view .title > .detail > li:nth-child(1)::before{display: none;}
.board-view .view .title .share{position:absolute;right:0;top: 0.5rem;display: flex;align-items: center;gap: 1.2rem;}
.board-view .view .title .share:before{content:'';width:4rem;height: 4rem;border-radius: 50%;border:0.1rem solid #dfdfdf;background:url('../images/ico-share.png') no-repeat center;display:inline-block;vertical-align: top;position: relative;top: 0.3rem;}
.board-view .view .title .share .share-btn{font-size:1.9rem;color:#666;}
.board-view .view .txt{padding:6rem 0;font-size:2rem;line-height: 1.6;}
.board-view .view .feeling{border-top:0.1rem solid #dfdfdf;padding-top:6rem;margin-top:6rem;}
.board-view .view .feeling > ul{display: flex;justify-content: center;align-items: center;}
.board-view .view .feeling > ul > li{display: flex;align-items: center;}
.board-view .view .feeling > ul > li span{color:#333;font-size:1.9rem;}
.board-view .view .feeling > ul > li button{width:6rem;height: 6rem;border:0.1rem solid #dfdfdf;border-radius: 50%;margin: 0 1rem;}
.board-view .view .feeling > ul > li button.like{margin-left:2rem;background:url('../images/ico-like2.png') no-repeat center;text-indent:-9999px;}
.board-view .view .feeling > ul > li button.dislike{margin-right:2rem;background:url('../images/ico-dislike2.png') no-repeat center;text-indent:-9999px;}
.board-view .view .feeling > p{text-align: center;font-size:1.8rem;padding-top:1rem;color:#666;}

.board-view .reply .reply-box{margin-bottom:11rem;}
.board-view .reply .reply-box > strong{font-size:2.3rem;font-weight: 600;line-height: 1.3;padding-left:7rem;background:url('../images/reply-title-icon.png') no-repeat left center;color:#212121;padding-top: 0.5rem;padding-bottom: 0.5rem;margin-bottom:2.5rem;display: block;}
.board-view .reply .reply-box > p{padding:5rem 9rem;background-color: #f5f7fa;border:0.1rem solid #dcdcdc;border-radius: 2.5rem;line-height: 1.6;color:#212121;font-weight: 500;font-size:2rem;}
.board-view .reply .util{display: flex;justify-content: space-between;align-items: center;margin-bottom:2rem;}
.board-view .reply .util .count{font-size:2.3rem;font-weight: 600;color:#212121;}
.board-view .reply .util .count > span{font-size:1.5rem;color:#666;font-weight:400;display:inline-block;margin-left:1.5rem;}
.board-view .reply .util .strd span{color:#222;font-size:2.1rem;font-weight:500;display:inline-block;vertical-align:middle;}
.board-view .reply .util .strd select{position: relative;min-width: 18rem;height: 5.5rem;line-height: 5.5rem;padding-left: 1.5rem;padding-right: 5rem;background: #fff url(../images/ico-select-arr.png) no-repeat 90%;font-size: 1.8rem;color: #8a949e;border: 0.1rem solid #58616a;display: inline-block;vertical-align: middle;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0.65rem;margin-left:2rem;}
.board-view .reply .form{margin-bottom:7rem;}
.board-view .reply .form textarea{width:100%;border: 0.1rem solid #dcdcdc;color:#8a949e;box-sizing: border-box;font-size:2rem;min-height: 19rem;padding:6rem;-webkit-appearance:none;resize:none;border-radius: 2.5rem;font-family: 'Pretendard', sans-serif;}
.board-view .reply .form textarea::placeholder{color:#8a949e;}
.board-view .reply .form .form-btm{margin-top:3rem;display: flex;align-items: center;justify-content: space-between;}
.board-view .reply .form .form-btm > p{font-size:1.9rem;color:#8a949e;font-weight: 500;}
.board-view .reply .form .form-btm > p > span{font-weight: 600;color:#222;}
.board-view .reply .form-btm input[type="button"],
.board-view .reply .goList input[type="button"]{background-color: #246beb;color:#fff;border:0;height: 5.5rem;line-height: 5.5rem;padding:0 3rem;font-size:1.9rem;border-radius: 0.85rem;cursor: pointer;font-weight: 500;}
.board-view .reply .form-btm input[type="button"].black-btn,
.board-view .reply .goList input[type="button"].black-btn{background-color: #353e4d;}
.board-view .reply .form-btm input[type="button"].gray-btn,
.board-view .reply .goList input[type="button"].gray-btn{background-color: #8a949e;}
.board-view .reply .goList{text-align: right;}
.board-view .reply .reply-list{border-top:0.1rem solid #dfdfdf;margin-bottom: 3.5rem;}
.board-view .reply .reply-list > ul > li{padding:4rem 0 3rem;border-bottom:0.1rem solid #dfdfdf;}
.board-view .reply .reply-list > ul > li .title{font-size:2.1rem;color:#222;font-weight: 600;margin-bottom: 2rem;display: block;}
.board-view .reply .reply-list > ul > li .title .date{font-size:1.9rem;color:#666;font-weight: 400;display:inline-block;position:relative;padding-left:1.5rem;margin-left:3.5rem;vertical-align: top;top: 0.3rem;}
.board-view .reply .reply-list > ul > li .title .date::before{content:'';width:0.1rem;height: 1.5rem;background-color: #dfdfdf;position: absolute;left: 0;top: 1.1rem;}
.board-view .reply .reply-list > ul > li .comment{font-size:2rem;color:#666;margin-bottom:2rem;}
.board-view .reply .reply-list > ul > li .feeling{display:flex;gap:2rem;}
.board-view .reply .reply-list > ul > li .feeling > li button{padding-left:3rem;font-size:1.9rem;color:#666;}
.board-view .reply .reply-list > ul > li .feeling > li button.like{background: url('../images/ico-like.png') no-repeat left 0.7rem;}
.board-view .reply .reply-list > ul > li .feeling > li button.dislike{background: url('../images/ico-dislike.png') no-repeat left 0.8rem;}
.comment-delWrap{display:inline-block;vertical-align:middle;margin-left:0.5rem;position:relative;top:-0.1rem;}
.comment-delWrap .tiny-del-btn{background:url('../images/reply-delete.png') no-repeat center;width:1.5rem;height:1.5rem;text-indent:-9999px;display:inline-block;}

.shareWrap{position:absolute; right:-10px; top:50px; z-index:1; background:#fff; border:1px solid #ccc; padding:20px; width:340px;}
.shareWrap dl dt{display:none;}
.shareWrap dl dd{margin-top:1rem;}
.shareWrap dl dd a{position: relative; display:inline-block; width: 31px; height: 31px; text-indent: -9999px;background-size:contain !important;}
.shareWrap dl dd a.fb {background: url('../images/ico_sns_fb.png') no-repeat center center;}
.shareWrap dl dd a.tw {background: url('../images/ico_sns_twitter.png') no-repeat center center;}
.shareWrap dl dd a.na {background: url('../images/ico_sns_blog.png') no-repeat center center;}
.shareWrap dl dd a.insta {background: url('../images/icon_sns_insta.png') no-repeat center center;}

.shareWrap dl dd #nowUrl{background: #ebeef3; width: calc(100% - 60px); border: none;height: 45px;line-height: 25px; padding-left: 10px;float: left;padding-right: 10px;}
.shareWrap dl dd #linkShareBtn{width: 60px; height: 45px; background: #2e343f url('../images/ico_sns_link.png') no-repeat center center; text-indent: -9999px; display: inline-block;}


.shareWrap .shareClose{position: absolute;right: 10px;top:15px;color: #fff;background: #7c828b;padding: 5px 10px;border-radius: 5px;font-size: 12px;}

@media all and (max-width: 1023px) {
.board-view .view{padding:5rem 3.5rem;}
.board-view .view .title > strong{font-size: 3rem;margin-bottom:2rem;}
.board-view .view .title > .detail > li{font-size:1.6rem;padding-left: 1.5rem;margin-left: 1.5rem;}
.board-view .view .title > .detail > li::before{height: 1.2rem;top: 1rem;}
.board-view .view .txt{padding:4rem 0;font-size:1.7rem;}
.board-view .view .feeling{margin-top:2rem;padding-top: 4rem;}
.board-view .view .feeling > ul > li span{font-size:1.7rem;}
.board-view .reply .util .strd span{font-size:1.9rem;}
.board-view .reply .form textarea{padding:4rem;}
.board-view .reply .reply-list > ul > li .title .date{font-size:1.7rem;margin-left: 2.5rem;padding-left: 1.2rem;}
.board-view .reply .reply-list > ul > li .title .date::before{top: 0.9rem;}
.board-view .reply .reply-list > ul > li .title{margin-bottom:1rem;}
.board-view .reply .reply-list > ul > li .comment{font-size:1.7rem;}
.board-view .reply .reply-list > ul > li .feeling > li button{font-size:1.7rem;}
.comment-delWrap{top:0.2rem;}
}

@media all and (max-width: 767px) {
.board-view .view{padding: 10rem 2.5rem 3rem;}
.board-view .view .title > strong{font-size:2rem;line-height:1.3;margin-bottom: 1.25rem;}
.board-view .view .title > .detail > li span{/* display:none; */margin-right: 0.25rem;}
.board-view .view .title > .detail > li{font-size: 1.3rem;padding-left: 0.7rem;margin-left: 0.7rem;}
.board-view .view .title > .detail > li::before{height:1.1rem;top: 0.8rem;}
.board-view .view .title{padding-bottom: 2rem;padding-right: 0;}
.board-view .view .title .share{gap: 1rem;top: -6.5rem;margin-left: -7.5rem;justify-content: center;width: 100%;}
.board-view .view .title .share:before{width:3rem;height:3rem;background-size:1rem;}    
.board-view .view .title .share .share-btn{font-size:1.5rem;padding-top: 0.3rem;}    
.board-view .view .txt{padding: 2.5rem 0;font-size: 1.5rem;}
.board-view .view .feeling{padding-top:2.5rem;}
.board-view .view .feeling > ul > li button{width:5rem;height:5rem;margin: 0 0.5rem;}
.board-view .view .feeling > ul > li button.like{margin-left:1.5rem;}
.board-view .view .feeling > ul > li button.dislike{margin-right:1.5rem;}    
.board-view .view .feeling > ul > li span{font-size:1.5rem;}
.board-view .reply .util{margin-bottom:1.2rem;}    
.board-view .reply .util .count{font-size:2rem;}
.board-view .reply .util .strd span{display:none;}
.board-view .reply .util .strd select{margin-left:0;height:4.5rem;line-height:4.5rem;min-width: 14rem;font-size: 1.6rem;display: none;}
.board-view .reply .form textarea{font-size: 1.5rem;padding: 2rem;border-radius: 1.2rem;}
.board-view .reply .form-btm input[type="button"], .board-view .reply .goList input[type="button"]{height: 4rem;line-height: 4rem;padding: 0 2.5rem;font-size: 1.5rem;}
.board-view .reply .reply-list > ul > li .title{font-size:1.8rem;}
.board-view .reply .reply-list > ul > li .title .date{top: 0.3rem;margin-left:1.75rem;font-size: 1.5rem;}
.board-view .view .feeling > p{font-size:1.5rem;}
.shareWrap{right:unset;width:100%;}
.board-view .reply .goList{text-align:center;}
.board-view .reply .reply-list > ul > li .title .date::before{height:1.1rem;}    
.board-view .reply .reply-list > ul > li .feeling > li button.like{background: url('../images/ico-like.png') no-repeat left 0.4rem;}
.board-view .reply .reply-list > ul > li .feeling > li button.dislike{background: url('../images/ico-dislike.png') no-repeat left 0.5rem;}
.board-view .reply .reply-box{margin-bottom:4rem;}
.board-view .reply .reply-box > strong{font-size:2rem;background-size: 3.5rem;padding-left: 4.8rem;margin-bottom:1.2rem;}
.board-view .reply .reply-box > p{padding:2rem;font-size:1.5rem;font-weight:400;line-height: 1.7;border-radius: 1.2rem;}
.board-view .reply .form .form-btm > p{font-size:1.5rem;}
.board-view .reply .reply-list > ul > li .comment{font-size:1.5rem;}    
}

/**본인인증**/
.verificate .top{text-align: center;}
.verificate .top > strong{font-size:6rem;font-weight: 900;color:#212121;margin-bottom:4.5rem;display:block;line-height: 1;padding-top:2.5rem;}
.verificate .top > p{font-size:2.6rem;font-weight: 400;color:#212121;}
.verificate .top > ul{padding:8rem 0;display: flex;justify-content: center;gap:22rem;position:relative;}
.verificate .top > ul > li{width:30rem;height: 30rem;border:1rem solid #f4f4f4;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;position: relative;}
.verificate .top > ul > li.on{border-color:#246beb;box-shadow: rgba(0,0,0,0.12) 0.5rem 0.5rem 0.5rem;}
.verificate .top > ul > li > span{position:absolute;left:0;top:0;font-size:2.6rem;color: #212121;width:7rem;height: 7rem;background-color: #f4f4f4;display: flex;flex-direction: column;justify-content: center;border-radius: 50%;font-weight: 600;}
.verificate .top > ul > li.on > span{background-color: #246beb;color:#fff;}
.verificate .top > ul > li .thum{margin-bottom:2rem;}
.verificate .top > ul > li > strong{display: block;color: #202f94;font-size:2.8rem;font-weight: 600;margin-bottom: 1.5rem;line-height: 1.3;}
.verificate .top > ul > li > p{color:#666;font-size:1.9rem;line-height: 1.3;}
.verificate .top > ul:before{content:'';width:7.5rem;height:2.6rem;background:url('../images/personal-arrow.png') no-repeat center;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}

.verificate .agree-box{border:0.1rem solid #dcdcdc;border-radius: 2.5rem;padding:9rem;}
.verificate .agree-box .area{margin-bottom: 6rem;}
.verificate .agree-box strong.tit{font-size:3.5rem;color:#212121;font-weight: 600;margin-bottom:2.5rem;display: block;}
.verificate .agree-box p{color:#666;font-size:2rem;line-height: 1.6;}
.verificate .agree-box .con-list{padding: 4.5rem 0;}
.verificate .agree-box .con-list > li{font-size:2rem;padding-left: 2.2rem;position:relative;color:#666;}
.verificate .agree-box .con-list > li + li{margin-top: 1rem;}
.verificate .agree-box .con-list > li:before{content:'';width:0.7rem;height:0.7rem;background-color: #464c53;border-radius: 50%;position: absolute;left:0;top: 1.6rem;}
.verificate .agree-box .con-list > li .weak{color:#222;text-decoration:underline;}
.verificate .agree-box .gray-box{background-color: #f8f8f8;padding: 3rem 4rem;border-radius: 2.5rem;display: flex;justify-content: space-between;align-items: center;}
.verificate .agree-box .gray-box ._radio{display:flex;gap:2rem;}
.verificate .agree-box .gray-box ._radio label{color:#454545;font-size:2rem;}

.verificate .goList input[type="button"]{background-color: #246beb;color:#fff;border:0;height: 5.5rem;line-height: 5.5rem;padding: 0 4.5rem;font-size:1.9rem;border-radius: 0.85rem;cursor: pointer;font-weight: 500;}
.verificate .goList{text-align: center;padding: 5rem 0 0;}
.verificate .phone-box .goList{padding-top:1rem;}
.verificate .phone-box .goList.align-l{text-align:left;}

.verificate .phone-box{padding:7rem 10rem;border:0.1rem solid #dcdcdc;border-radius: 1.5rem;display: flex;}
.verificate .phone-box .icon{display: flex;width:14.5rem;height: 14.5rem;background-color: #f4f4f4;flex-direction: column;justify-content: center;align-items: center;border-radius: 50%;}
.verificate .phone-box .conts{width:calc(100% - 14.5rem);padding-left:6.5rem;box-sizing: border-box;}
.verificate .phone-box .conts > strong{font-size: 3.5rem;color: #212121;display: block;margin-bottom: 2rem;line-height: 1.3;}
.verificate .phone-box .conts > p{font-size:2rem;color:#666;line-height:1.6;margin-bottom: 2rem;}
.verificate .phone-box .conts > p > strong{color:#246beb;font-weight:500;}
.verificate .goList.mb40{margin-bottom:4.5rem;}
.verificate .goList input[type="button"].type2{background:#07337c;}

@media all and (max-width: 1023px) {
.verificate .agree-box{padding:5rem;}
.verificate .agree-box .area{margin-bottom:3rem;}    
.verificate .agree-box strong.tit{font-size:2.4rem;}
.verificate .agree-box p{font-size:1.7rem;}
.verificate .agree-box .gray-box{padding:2.5rem;}
.verificate .agree-box .con-list{padding:2.5rem 0;}    
.verificate .agree-box .con-list > li{font-size:1.7rem;padding-left: 1.2rem;}
.verificate .agree-box .con-list > li:before{width:0.4rem;height: 0.4rem;top: 1.4rem;}

.verificate .top > strong{font-size:4rem;}
.verificate .top > p{font-size:2rem;}
.verificate .top > ul{display:block;padding-top: 5rem;}
.verificate .top > ul:before{transform:rotate(90deg);margin-left: -3.75rem;margin-top: -2.3rem;}
.verificate .top > ul > li{margin:0 auto;}
.verificate .top > ul > li:nth-child(1){margin-bottom: 12rem;}

.verificate .phone-box{padding:4.5rem;} 
.verificate .phone-box .conts{padding-left:2.5rem;}    
.verificate .phone-box .conts > strong{font-size:2.8rem;margin-bottom:1.5rem;}    
.verificate .phone-box .conts > p{font-size:1.8rem;}
.verificate .phone-box .goList{padding-top:2rem;}
}

@media all and (max-width: 767px) {
.verificate .top > strong{font-size: 3.6rem;padding-top: 2rem;margin-bottom: 3rem;}    
.verificate .top > p{font-size:1.7rem;}
.verificate .top > p br{display:none;}
.verificate .top > ul{padding-bottom:3.5rem;}
.verificate .top > ul > li > span{width: 3rem;height: 3rem;font-size: 1.6rem;left: 1rem;top: 0.5rem;}
.verificate .top > ul > li{width: 20rem;height: 20rem;}
.verificate .top > ul > li > strong{font-size: 1.8rem;margin-bottom: 0.5rem;}
.verificate .top > ul > li > p{font-size: 1.3rem;}
.verificate .top > ul:before{margin-top:-0.5rem;}    
.verificate .agree-box{padding:3.5rem 2.5rem;}
.verificate .agree-box strong.tit{font-size:2.2rem;margin-bottom:1.5rem;line-height: 1.4;}
.verificate .agree-box .gray-box{flex-wrap:wrap;gap: 2rem;}
.verificate .agree-box .gray-box ._radio{justify-content:center;width: 100%;}
.verificate .agree-box .gray-box ._radio label{font-size: 1.8rem;}

.verificate .phone-box{display:block;padding: 3.5rem 2.5rem;}
.verificate .phone-box .icon{margin:0 auto 2.5rem;}    
.verificate .phone-box .conts{padding-left:0;width:100%;}
.verificate .phone-box .conts > strong{font-size:2.2rem;text-align:center;}    
.verificate .phone-box .conts > p{font-size:1.6rem;text-align:center;}
.verificate .goList input[type="button"]{font-size:1.6rem;height:4rem;line-height:4rem;padding:0 2.5rem;}

.verificate .top > ul > li .thum{margin-bottom:1rem;}
.verificate .top > ul > li .thum img{width:25%;}
}


/*제안하기*/
.suggestion .top-tit{font-size:6rem;font-weight: 900;color:#212121;margin-bottom:4.5rem;display:block;line-height: 1;padding-top:2.5rem;padding-bottom:5rem;text-align: center;}
.suggestion .top-box{border: 0.1rem solid #dcdcdc;padding:7rem 10rem;display: flex;border-radius: 1.5rem;margin-bottom:10rem;}
.suggestion .top-box .icon{display: flex;width:14.5rem;height: 14.5rem;background-color: #f4f4f4;flex-direction: column;justify-content: center;align-items: center;border-radius: 50%;}
.suggestion .top-box .conts{width:calc(100% - 14.5rem);padding-left:6.5rem;box-sizing: border-box;padding-top: 3rem;}
.suggestion .top-box .conts > strong{font-size: 3.5rem;color: #212121;display: block;margin-bottom: 2rem;line-height: 1.3;}
.suggestion .top-box .conts > p{font-size:2rem;color:#666;line-height:1.6;margin-bottom: 2.5rem;}
.suggestion .top-box .conts > p i{display:block;}
.suggestion .top-box .conts > ul > li{font-size:2rem;color:#666;line-height:1.6;position:relative;padding-left:1.75rem;}
.suggestion .top-box .conts > ul > li + li{margin-top:0.5rem;}
.suggestion .top-box .conts > ul > li:before{content:'';width:0.7rem;height:0.7rem;background:#246beb;position:absolute;left:0;border-radius:50%;top:1.2rem;}
.suggestion .sub-tit{font-size:3rem;color:#222;font-weight: 600;display: block;margin-bottom:2.5rem;padding-left:3rem;position: relative;line-height: 1.3;}
.suggestion .sub-tit:before{content:'';width:2rem;height: 2rem;border-radius: 50%;border: 0.6rem solid #1c3b7b;position:absolute;left:0;top: 0.9rem;}

.writeForm{border-top:0.2rem solid #353e4d;border-bottom:0.1rem solid #353e4d;font-size:0;}
.artclForm{position: relative;padding: 0.7rem 3% 0.7rem 29rem;overflow: hidden;/* height: 7rem; */border-bottom:0.1rem solid #dcdcdc;font-size:1.7rem;box-sizing: border-box;line-height: 1;}
.artclForm:nth-last-child(1){border-bottom:0;}
.artclForm.half{width:50%;display:inline-block;}
.artclInsert input[type="text"]{height:5.5rem;line-height: 5.5rem;box-sizing: border-box;border: 0.1rem solid #c3c3c3;color: #8a949e;font-size: 1.8rem;padding: 0 0 0 1.5rem;width:100%;}
.artclInsert input[type="text"]::placeholder{color:#8a949e;}
.artclInsert input[type="text"].short{width:auto;}
.artclInsert select{min-width:17rem;height:5.5rem;line-height: 5.5rem;padding-left:1.5rem;border:0.1rem solid #c3c3c3;color:#8a949e;font-size:1.9rem;padding-right:5rem;background-image: url('../images/sel_arr.png');background-repeat:no-repeat;background-position: 92% center;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.artclInsert input[type="text"].date{width:17rem;padding-left: 3.5rem;display:inline-block;background-image: url('../images/sel_arr.png'), url('../images/date-picker-icon.png');background-repeat:no-repeat;background-position: 92% center, 1.2rem center;}
.artclLabel{box-sizing: border-box;width:27rem;padding-top: 2.5rem;background:#f8f8f8;position: absolute;left:0;top:0;text-align: center;height: 100%;color:#333;font-size: 1.9rem;font-weight: 500;}
.artclForm.total{padding: 2rem 5rem;height: auto;}
.artclForm.total textarea{width:100%;border: 0.1rem solid #c3c3c3;color:#555;box-sizing: border-box;font-size:1.9rem;min-height: 24rem;padding: 3.5rem 4rem;-webkit-appearance:none;resize:none;font-family: 'Pretendard', sans-serif;}
.artclForm.total textarea::placeholder{color:#8a949e;line-height: 1.8;}
.writeForm .must{background:url('../images/must.png') no-repeat center;text-align:left;text-indent:-9999px;width:0.7rem;height: 0.9rem;display: inline-block;vertical-align: top;margin-left: 0.8rem;margin-top: 0.4rem;}
.writeForm ._radio {display:flex;gap: 4rem;height: 5.5rem;align-items: center;}
.writeForm ._radio input[type="radio"] + label{font-size:1.9rem;}
.artclForm.attch .multselBox{width: 100%;max-width:70rem;height: 19rem;border:0.1rem solid #c3c3c3;color:#666;font-size:1.7rem;background: none;overflow: visible;}
.atchmnBtns{display: inline-block;vertical-align: bottom;box-sizing: border-box;padding-bottom: 0.5rem;padding-left: 1.5rem;width:calc(100% - 72rem);}
.atchmnBtns p{font-size:1.6rem;color:#666;padding:1.5rem 0;}
.atchmnBtns p strong{color:#212121;font-weight: normal;}
.atchbtn input{color:#fff;font-size:1.5rem;border:0;padding: 0.8rem 1.5rem 0.8rem 4rem;border-radius: 0.25rem;}
.atchbtn.add input{background: #717074 url('../images/attch_btn01.png') no-repeat 1.2rem center;}
.atchbtn.del input{background:#717074 url('../images/attch_btn02.png') no-repeat 1.2rem center;}

.possible{padding: 1.5rem 0;line-height: 1.4;letter-spacing: 0.05rem;font-size: 1.5rem;color: #666;font-weight: 500;}
.possible strong{color:#212121;font-weight: 500;}

.bottom-agree {padding: 6rem 10rem 6rem 5rem;display:flex;justify-content: space-between;border-bottom: 0.1rem solid #222;align-items: center;gap: 5rem;}
.bottom-agree p{color:#222;font-size:2rem;}
.bottom-agree p button,
.bottom-agree p input[type=button]{font-size:2rem;color:#246beb;text-decoration:underline;}
.bottom-agree ._radio {display:flex;gap: 2.5rem;align-items: center;}
.bottom-agree ._radio input[type="radio"] + label{font-size:2rem;}

.suggestion .goList{text-align: center;padding-top:4rem;}
.suggestion .goList input[type=submit],
.suggestion .goList input[type=button]{background-color: #246beb;color:#fff;border:0;height: 5.5rem;line-height: 5.5rem;padding: 0 4.5rem;font-size:1.9rem;border-radius: 0.5rem;cursor: pointer;font-weight: 500;display:inline-block;margin:0 0.25rem;}
.suggestion .goList input[type=button].gray-color{background-color: #717074;}
.suggestion .goList input[type=button].blue-color{background-color:#07337c;}

.resist .bottom-txt2{margin-top:0.5rem;font-size:2rem;text-align: right;}

.privacyWrap.modalPopup{background:rgba(0,0,0,0.4);}
.privacyWrap.modalPopup .inner{margin-top:15rem;width:98rem;background:#fff;position:relative;border-radius:0 0 5rem 0;}
.privacyWrap.modalPopup .inner > strong{font-size:2.3rem;color:#fff;font-weight: 600;background-color: #034ea2;padding:2rem 3.5rem;display:block;}
.privacyWrap.modalPopup .inner .conts{padding: 4rem 3.5rem 3.5rem;}
.privacyWrap.modalPopup .inner .conts strong{font-size:2.5rem;color:#212121;font-weight: 600;display: -webkit-box;margin-bottom:1.5rem;line-height: 1.3;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.privacyWrap.modalPopup .inner .conts p{color:#666;font-size:2rem;line-height: 1.6;}
.privacyWrap.modalPopup .inner .conts ul li{color:#666;font-size:2rem;position:relative;padding-left: 2rem;line-height: 1.6;margin-bottom: 0.5rem;}
.privacyWrap.modalPopup .inner .conts ul li::before{content:'';width:0.6rem;height: 0.6rem;background-color: #464c53;position:absolute;left:0;top: 1.3rem;border-radius: 50%;}
.privacyWrap.modalPopup .inner .conts .txtWrap{max-height: 30rem;overflow-y: scroll;margin-bottom: 3rem;}
.privacyWrap.modalPopup .inner .conts .txtWrap p{margin-bottom: 3.5rem;}
.privacyWrap.modalPopup .popup-close{top: -5rem;right: -5rem;background:url('../images/privacy-close.png') no-repeat center;width: 11rem;height: 11rem;transform:none !important;}
#previewCn p{margin-bottom:2.4rem;font-size: 1.8rem;}
.privacyWrap.modalPopup .inner .conts #previewCn strong{margin-bottom:1rem;font-size: 2rem;}
.privacyWrap.modalPopup .inner .conts #previewCn strong span{color:#034ea2;font-size: 2.1rem;}
.privacyWrap.modalPopup .inner .conts #previewCn h3{margin-bottom:2.4rem;}   
#previewCn p + p {max-height:20rem;overflow-y:scroll;}

@media all and (max-width: 1280px) {
    .artclInsert input[type="text"].short{min-width:initial;width:20rem;}
    .privacyWrap.modalPopup .inner > strong{font-size:2rem;padding:2rem;line-height:1.25;}
    .privacyWrap.modalPopup .popup-close{width:8rem;height:8rem;background-size:contain;top:-3rem;right:-3rem;}
    .privacyWrap.modalPopup .inner{width:80%;}
    .privacyWrap.modalPopup .inner .conts .txtWrap{max-height:21rem;}
    .privacyWrap.modalPopup .inner .conts strong{font-size:2.2rem;}
    .privacyWrap.modalPopup .inner .conts p{font-size:1.7rem;}
    .privacyWrap.modalPopup .inner .conts .txtWrap p{margin-bottom:2rem;}
    .privacyWrap.modalPopup .inner .conts ul li{font-size:1.7rem;padding-left:1.2rem;}
    .privacyWrap.modalPopup .inner .conts ul li::before{width:0.3rem;height:0.3rem;top:1rem;}
}

@media all and (max-width: 1023px) {
.suggestion .top-tit{font-size:4.2rem;padding-bottom:2rem;}
.suggestion .top-box{padding:5rem;}    
.suggestion .top-box .conts > strong{font-size:3rem;}
.suggestion .top-box .conts{padding-top:0;}    
.suggestion .top-box .conts > p{font-size:1.8rem;margin-bottom: 0;}

 .artclInsert input[type="text"].short{min-width:initial;width:12rem;}
}

@media all and (max-width: 860px) {
    .artclInsert input[type="text"].short{min-width:initial;width: calc(100% / 2 - 1.35rem);}
    .space{margin:0.75rem 0;/* display:block; */}
    .artclInsert select{width:100%;margin-top:0.5rem;}
}

@media all and (max-width: 767px) {
.suggestion .top-tit{font-size:3.5rem;margin-bottom:1rem;}    
.suggestion .sub-tit{font-size:2.3rem;padding-left: 2.5rem;}  
.suggestion .sub-tit:before{width:1.5rem;height:1.5rem;border-width:0.5rem;top: 0.5rem;}    
.suggestion .top-box{display: block;padding: 3.5rem 2.5rem;margin-bottom: 6.5rem;}
.suggestion .top-box .icon{margin:0 auto 2rem;width:8.7rem;height:8.7rem;} 
.suggestion .top-box .icon img{width:4.5rem;}
.suggestion .top-box .conts{padding-left:0;width:100%;}  
.suggestion .top-box .conts > strong{font-size:2.3rem;margin-bottom:1rem;}
.suggestion .top-box .conts > p{font-size:1.7rem;}

.artclLabel{font-size:1.5rem;width:10rem;padding-top: 2.3rem;}
.artclForm{padding-left:11rem;}
.artclInsert input[type="text"]{height:4.5rem;line-height:4.5rem;font-size: 1.5rem;}
.writeForm .must{margin-top:0.2rem;margin-left:0.5rem;}
.artclForm.total{padding:2.5rem 0;}
.artclForm.total textarea{font-size:1.5rem;padding: 2.5rem 3rem;}
.artclInsert select{font-size:1.5rem;}
.bottom-agree{padding: 3rem 2.5rem 2.5rem;flex-wrap:wrap;gap: 1.5rem;}
.bottom-agree p,
.bottom-agree p button, .bottom-agree p input[type=button]{font-size:1.5rem;line-height: 1.6;}
.bottom-agree ._radio input[type="radio"] + label{font-size:1.5rem;}
.resist .bottom-txt2{font-size:1.5rem;line-height: 1.5;}
.suggestion .top-box .conts > ul > li{font-size:1.6rem;}
.suggestion .goList input[type=submit], .suggestion .goList input[type=button]{padding:1rem 2rem;font-size: 1.5rem;line-height:1;height:4rem;margin: 0 0.1rem;}

.privacyWrap.modalPopup .inner{width:90%;margin-top: 5rem;}
.privacyWrap.modalPopup .popup-close{width:7rem;height:7rem;right: -1.5rem;}
.privacyWrap.modalPopup .inner .conts{padding:2.5rem;}
.privacyWrap.modalPopup .inner .conts strong{font-size:1.8rem;}
.privacyWrap.modalPopup .inner .conts .txtWrap p{font-size:1.5rem;margin-bottom:1.5rem;}
.privacyWrap.modalPopup .inner .conts ul li{font-size:1.5rem;}
.privacyWrap.modalPopup .inner .conts p{font-size:1.5rem;line-height:1.4;}
.privacyWrap.modalPopup .inner .conts .txtWrap{margin-bottom:2rem;}

.privacyWrap.modalPopup .inner > strong{font-size:1.8rem;}
.privacyWrap.modalPopup .inner .conts #previewCn h3{margin-bottom: 2rem;}    
.privacyWrap.modalPopup .inner .conts #previewCn strong{font-size: 1.6rem;}
.privacyWrap.modalPopup .inner .conts #previewCn strong span{font-size: 1.9rem;}
#previewCn p{margin-bottom:1.8rem;font-size:1.5rem;}
#previewCn p + p {max-height:11rem;overflow-y:scroll;}
}