/* ========================================================
 *  FORUM
======================================================== */
/* ******************  FORUM :: 리스트 ********************** */
/* 포럼리스트 :: 상단카테고리 */
.forum-category-con{display:flex; margin-bottom:65px;}
.forum-category-con .forum-category-tit{width:203px; display:flex; justify-content:center; align-items:center; background-color:#034483; color:#fff;  font-size:28px; letter-spacing:-0.25px; font-weight:700}
.forum-category-wrapper{width:calc(100% - 203px); background-color:#f0f3f5; box-sizing:border-box; padding:18px 33px;}
.forum-category-list-con{margin:0 -4px;}
.forum-category-list-con .category-item{float:left; margin:4px;}
.forum-category-list-con .category-item a{display:block; position:relative; height:44px; display:flex; align-items:center; color:#222; font-size:18px; border-radius:30px; border:1px solid #dde2e5; background-color:#fff; padding:0 35px; letter-spacing:-0.5px;}
.forum-category-list-con .category-item.selected a{font-weight:700; color:#034483}
.forum-category-list-con .category-item.selected a:after{position:absolute; top:0px; left:0px; bottom:0px; right:0px; border-radius:30px; content:""; border:3px solid #034483; }
#forumCategoryM{display:none}

/* 포럼 리스트 :: 리스트 */
.forum-list-item{margin-bottom:20px; border:1px solid #cfdbe2; border-top:5px solid #034383; padding:50px 60px 40px;}
.forum-list-item .forum-list-inner{display:block;}
.forum-list-item .forum-detail-info-box{overflow:hidden; position:relative; max-height:310px; margin-bottom:2em;font-size:20px; }
.forum-list-item .forum-detail-info-box:after{
	position:absolute; bottom:0px; left:0px; right:0px; height:100px; content:"";
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.forum-list-item .forum-detail-info-box .title{color:#004282; font-size:1.8em; letter-spacing:-0.25px; font-family: 'Josefin Sans', sans-serif; font-weight:700; line-height:1.27; margin-bottom:1em;}
.forum-list-item .forum-detail-info-box .contents{color:#222; font-size:1em; line-height:1.7}
.forum-controls {font-size:18px; letter-spacing:-0.25px; font-family: 'Josefin Sans', sans-serif; }
.forum-controls .forum-controls-left-con{float:left;}
.forum-controls .forum-controls-left-con a,
.forum-controls .forum-controls-left-con button{display:inline-block; vertical-align:middle; color:#014282; font-weight:700; margin-right:35px; font-size:1em; font-family:inherit;}
.forum-controls .forum-controls-left-con .forum-comment:before{font-family:"xeicon"; content: "\e9d7"; margin-right:8px; position:relative; top:1px;}
.forum-controls .forum-controls-left-con .forum-share:before{font-family:"xeicon"; content: "\e9e9"; margin-right:8px; position:relative; top:1px;}
.forum-controls .forum-controls-right-con{float:right;}
.forum-controls .forum-controls-right-con dl{float:left; margin-left:45px; color:#014282; font-size:1em;}
.forum-controls .forum-controls-right-con dl dt,
.forum-controls .forum-controls-right-con dl dd{display:inline-block; vertical-align:middle; }
.forum-controls .forum-controls-right-con dl dt{position:relative; padding-left:25px; padding-right:35px; font-weight:700;}
.forum-controls .forum-controls-right-con dl dt:before{position:absolute; top:-2px; left:0px; font-family:"xeicon"; font-size:1.11em; }
.forum-controls .forum-controls-right-con dl dt:after{position:absolute; top:0px; right:13px; width:2px; height:14px; background-color:#014282; content:""; }
.forum-controls .forum-controls-right-con dl .post:before{content: "\e9f2"; }
.forum-controls .forum-controls-right-con dl .date:before{content: "\ea2c";}

@media all and (max-width:1420px){	
	/* 포럼리스트 :: 상단카테고리 */
	.forum-category-list-con .category-item a{font-size:15px; height:34px;}
	/* 포럼 리스트 :: 리스트 */
	.forum-list-item{padding:30px;}
	.forum-list-item .forum-detail-info-box{max-height:200px; font-size:15px;}
	.forum-controls {font-size:15px;}
}
@media all and (max-width:1024px){	
	/* 포럼리스트 :: 상단카테고리 */
	.forum-category-con{display:block;}
	.forum-category-con .forum-category-tit{padding:15px; text-align:center; display:block; width:auto; font-size:20px;}
	.forum-category-wrapper{width:100%; padding:20px 15px;}
	.forum-category-list-con .category-item a{font-size:12px; height:30px;}
}
@media all and (max-width:800px){	
	/* 포럼리스트 :: 상단카테고리 */
	.forum-category-wrapper{display:none;}
	#forumCategoryM{display:block; position:relative; height:45px; background-color:#f0f3f5}
	#forumCategoryM .side-menu-inner{height:44px; }
	#forumCategoryM .menu-location{position:relative;}
	#forumCategoryM .location-to-home-btn + .menu-location{margin-left:44px}
	#forumCategoryM .menu-location > .cur-location{position:relative; display:block; width:100%; text-align:left; height:44px; padding:0 30px 0 15px;}
	#forumCategoryM .menu-location > .cur-location span{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:44px; color:#222; font-weight:400; font-size:15px;}
	#forumCategoryM .menu-location > .cur-location .arrow{position:absolute; top:50%; right:10px; width:20px; height:20px;margin-top:-10px; font-size:20px;}
	#forumCategoryM .menu-location.open > .cur-location .arrow{transform:rotate(-180deg); margin-top:-10px;}
	#forumCategoryM .menu-location .location-menu-con{display:none; position:absolute; top:45px; left:0px; width:calc(100% - 2px); max-height:150px; overflow-y:auto; border:1px solid #ddd; border-top:0; background-color:#fff; z-index:11; }
	#forumCategoryM .menu-location.location1 .location-menu-con{width:calc(100% - 1px)}
	#forumCategoryM .menu-location .location-menu-con li a{display:block; padding:7px 15px; font-size:13px; line-height:1.5; word-break:keep-all;}
	#forumCategoryM .menu-location .location-menu-con li.selected{position:relative;}
	#forumCategoryM .menu-location .location-menu-con li.selected a{color:#004282; font-weight:700;}
	/* 포럼 리스트 :: 리스트 */
	.forum-list-item{padding:20px 10px;}
	.forum-list-item .forum-detail-info-box{max-height:100px; font-size:12px;}
	.forum-list-item .forum-detail-info-box:after{height:50px}
	.forum-list-item .forum-detail-info-box .title{font-size:1.3em}
	.forum-controls {font-size:12px}
	.forum-controls .forum-controls-left-con{float:none; padding-top:10px;}
	.forum-controls .forum-controls-left-con a,
	.forum-controls .forum-controls-left-con button{margin-right:15px}
	.forum-controls .forum-controls-right-con{float:none; }
	.forum-controls .forum-controls-right-con dl{margin-left:0; margin-right:15px}
	.forum-controls .forum-controls-right-con dl dt{padding-right:15px; padding-left:20px}
	.forum-controls .forum-controls-right-con dl dt:after{height:7px; width:1px; right:5px; top:2px;}
}

/* ******************  FORUM :: 뷰 ********************** */
.forum-view-content{position:relative; max-width:1400px; margin:100px auto; display:flex; background-color:#fff;}
.forum-view-content .forum-close-btn{position:absolute; top:-85px; right:-7px; color:#fff; font-size:70px;}
.sub-to-top-btn{position:fixed; bottom:65px; right:65px; width:120px; height:120px; font-size:20px;  background-color:#004282; color:#fff; border-color:transparent; border-radius:50%; box-shadow:2px 3px 5px rgba(0,0,0,0.15);}
.sub-to-top-btn i{font-size:1.1em; }
.sub-to-top-btn span{display:block; letter-spacing:-0.25px; margin-top:10px;}
/* -------- 좌측영역 -------- */
.forum-view-left-container{width:calc(100% - 500px); box-sizing:border-box; padding:0px 40px 70px 60px; }
.forum-view-left-inner{position:sticky; top:0; padding-top:70px;}
/* 타이틀영역 */
.forum-view-tit-box{padding-bottom:24px; margin-bottom:30px; border-bottom:1px solid #cfdbe2; font-family: 'Josefin Sans', sans-serif; }
.forum-view-tit-box h3{color:#004282; font-size:42px; font-weight:700; line-height:1.27; letter-spacing:-0.3px; margin-bottom:0.5em}
.forum-view-writer-controls{}
.forum-view-writer-controls .forum-writer-info-box{float:left; font-size:18px}
.forum-view-writer-controls .forum-writer-info-box dl{float:left; margin-right:45px; line-height:31px; color:#222; font-size:1em;}
.forum-view-writer-controls .forum-writer-info-box dl dt,
.forum-view-writer-controls .forum-writer-info-box dl dd{display:inline-block; vertical-align:middle; }
.forum-view-writer-controls .forum-writer-info-box dl dt{position:relative; padding-left:25px; padding-right:30px; font-weight:700;}
.forum-view-writer-controls .forum-writer-info-box dl dt:before{position:absolute; top:-2px; left:0px; font-family:"xeicon"; font-size:1.11em; }
.forum-view-writer-controls .forum-writer-info-box dl dt:after{position:absolute; top:8px; right:13px; width:2px; height:14px; background-color:#222; content:""; }
.forum-view-writer-controls .forum-writer-info-box dl .post:before{content: "\e9f2"; }
.forum-view-writer-controls .forum-writer-info-box dl .date:before{content: "\ea2c";}
.forum-view-writer-controls .forum-writer-edit-delete-box{float:right;}
.forum-view-writer-controls .forum-writer-edit-delete-box a{display:inline-block; vertical-align:middle; padding:0 10px; height:31px; line-height:33px; font-size:16px; letter-spacing:-0.3px; border:1px solid #666; margin-left:5px;}
.forum-view-writer-controls .forum-writer-edit-delete-box a:first-child{margin-left:0}
.forum-view-writer-controls .forum-writer-edit-delete-box .rewrite-btn{color:#6bc0d4; border-color:#6bc0d4;}
.forum-view-writer-controls .forum-writer-edit-delete-box .delete-btn{color:#e24141; border-color:#e24141;}
/* 상세영역 */
.forum-view-inner-box{margin-bottom:50px;}
/* 하단버튼 */
.forum-view-button-box .left-btns{float:left;}
.forum-view-button-box .right-btns{float:right;}
.forum-view-button-box a,
.forum-view-button-box button{display:inline-block; width:160px; height:60px; line-height:60px; border:1px solid #b4c2cb; color:#7b8992; font-size:18px; font-family: 'Josefin Sans', sans-serif; font-weight:700; text-align:center;}
.forum-view-button-box .style02{border-color:#004282; background-color:#004282; color:#fff;}
.forum-view-button-box .left-btns a{margin-left:-1px}
.forum-view-button-box .left-btns a:first-child{margin-left:0}
/* -------- 우측영역 -------- */
.forum-view-right-container{width:500px; background-color:#e9ecf0; padding:70px 50px; font-size:18px; box-sizing:border-box;  font-family: 'Josefin Sans', sans-serif; }
/* 버튼 */
.forum-comment-controls{border-radius:10px; overflow:hidden; margin:0 -1px;}
.forum-comment-controls .comment-num-btn,
.forum-comment-controls .comment-share-btn{height:57px; line-height:57px; float:left; width:calc(50% - 2px); margin:0 1px; color:#fff; text-align:center; font-size:1em; font-weight:700;}
.forum-comment-controls .comment-num-btn i,
.forum-comment-controls .comment-share-btn i{margin-right:10px; position:relative; top:1px;}
.forum-comment-controls .comment-num-btn{background-color:#004282; }
.forum-comment-controls .comment-share-btn{background-color:#6bc0d4; }
/* 댓글리스트 */
.forum-comment-container{padding-top:55px; position:sticky; top:0; }
/* 댓글 작성칸 */
.forum-comment-write-box{margin-bottom:22px; padding-bottom:35px; border-bottom:1px solid #cfdbe2}
.forum-comment-write .cm-writer-name{margin-bottom:0.46em; }
.forum-comment-write .cm-writer-name .name{display:inline-block; color:#004282; font-size:1.44em; letter-spacing:-0.3px; font-weight:700;}
.forum-comment-write .cm-writer-name .name:before{font-family:"xeicon"; content: "\e9f2"; margin-right:5px; position:relative; top:1px;}
.forum-comment-write .cm-writer-box{border:2px solid #004282; border-radius:10px; padding:15px 20px; background-color:#fff; box-shadow:3px 2px 7px rgba(0,0,0,0.1)}
.forum-comment-write .cm-write-textarea{height:120px; box-sizing:border-box; resize:none; width:100%; border:0; padding:10px 0; }
.forum-comment-write .cm-write-btns{padding-top:10px; border-top:1px solid #cfdbe2; text-align:right;}
.forum-comment-write .cm-write-btns .write-btn{width:120px; height:45px; border-radius:5px; color:#fff; background-color:#004282; font-size:1em; letter-spacing:-0.3px; font-weight:700;} 
.forum-comment-write .cm-write-btns .write-btn i{margin-right:5px; font-size:0.83em;}
/* 댓글 뷰 */
.forum-comment-item{margin-top:60px;}
.forum-comment-item:first-child{margin-top:0}
.forum-comment-item .cm-writer-name{margin-bottom:0.46em; padding-bottom:0.72em }
.forum-comment-item .forum-comment-view .cm-writer-name{padding-bottom:0}
.forum-comment-item .cm-writer-name .name{display:block; float:left; color:#004282; font-size:1.1em; letter-spacing:-0.3px; font-weight:700; font-family: 'Josefin Sans', sans-serif;}
.forum-comment-item .cm-writer-name .name:before{font-family:"xeicon"; content: "\e9f2"; margin-right:5px; position:relative; top:1px;}
.forum-comment-item .cm-writer-name .cm-comment-controls{float:right; font-size:0.7em; padding-top:5px;}
.forum-comment-item .cm-writer-name .cm-comment-controls button{display:inline-block; vertical-align:middle; margin-left:10px;}
.forum-comment-item .cm-writer-name .cm-comment-controls .edit-btn{color:#6bc0d4}
.forum-comment-item .cm-writer-name .cm-comment-controls .delete-btn{color:#e24141}
.forum-comment-con .cm-view-box{color:#222; font-size:0.88em; line-height:1.5; background-color:#fff; border-radius:10px; padding:15px 25px; font-family: 'Nunito Sans', sans-serif;}
.forum-comment-view .cm-view-controls{margin-top:10px; text-align:right;}
.forum-comment-view .cm-view-controls .cm-view-comment-btn{font-size:1em; letter-spacing:-0.3px; color:#222; font-weight:700;}
.forum-comment-view .cm-view-controls .cm-view-comment-btn i{position:relative; margin-right:5px; font-size:0.83em}
/* 대댓글 */
.forum-recomment-view .cm-writer-name{padding-bottom:0.5em; border-bottom:1px solid #cfdbe2; margin-bottom:1em}
.forum-recomment-view .recomment-view-box{position:relative; color:#222; font-size:0.88em; line-height:1.5; background-color:#fff; border-radius:10px; padding:15px 25px; margin-top:28px; font-family: 'Nunito Sans', sans-serif;}
.forum-recomment-view .recomment-view-box:first-child{margin-top:15px}
.forum-recomment-view .recomment-view-box:before{position:absolute; bottom:100%; left:45px; width:40px; height:19px; content:""; background:url(/images/content/comment_re_icon.png) no-repeat}
.forum-recomment-view .cm-writer-box{border:0; border-radius:0px; padding:0px; background-color:transparent; box-shadow:none}
.forum-recomment-view .cm-write-btns .write-btn{width:100px; height:35px; font-size:0.83em;}
@media all and (max-width:1420px){
	.forum-view-content{margin:100px 30px}
	/* -------- 좌측영역 -------- */
	.forum-view-left-container{width:calc(100% - 350px); padding:35px 20px; }
	.forum-view-left-inner{padding-top:35px}
	/* 타이틀영역 */
	.forum-view-tit-box h3{font-size:30px;}

	/* -------- 우측영역 -------- */
	.forum-view-right-container{width:350px; padding:35px 20px; font-size:16px;}
}
@media all and (max-width:1024px){
	.forum-view-content{display:block; margin:70px 15px}
	.forum-view-content .forum-close-btn{font-size:35px; top:-50px;}
	.sub-to-top-btn{position:static; width:100%; height:auto; padding:10px 0; border-radius:0; font-size:14px;}
	.sub-to-top-btn span{margin-top:5px;}
	/* -------- 좌측영역 -------- */
	.forum-view-left-container{width:auto}
	.forum-view-left-inner{position:static; padding-top:0}
	/* 타이틀영역 */
	.forum-view-tit-box h3{font-size:24px;}
	.forum-view-writer-controls .forum-writer-info-box{font-size:15px}
	.forum-view-writer-controls .forum-writer-info-box dl{margin-right:25px; line-height:24px;}
	.forum-view-writer-controls .forum-writer-info-box dl{margin-left:0; margin-right:15px}
	.forum-view-writer-controls .forum-writer-info-box dl dt{padding-right:15px; padding-left:20px}
	.forum-view-writer-controls .forum-writer-info-box dl dt:after{height:7px; width:1px; right:5px; top:8px;}
	.forum-view-writer-controls .forum-writer-edit-delete-box a{height:24px; line-height:24px; font-size:13px;}
	/* 버튼영역 */
	.forum-view-button-box a,
	.forum-view-button-box button{width:100px; height:40px; line-height:40px; font-size:14px;}
	/* -------- 우측영역 -------- */
	.forum-view-right-container{width:auto;}
	.forum-comment-container{position:static;}
}
@media all and (max-width:800px){
	/* -------- 좌측영역 -------- */
	/* 타이틀영역 */
	.forum-view-tit-box{position:relative; padding-top:30px}
	.forum-view-tit-box h3{font-size:17px;}
	.forum-view-writer-controls .forum-writer-edit-delete-box{position:absolute; top:-17px; right:0px;}
	.forum-view-writer-controls .forum-writer-edit-delete-box a{font-size:13px;}
	.forum-view-writer-controls .forum-writer-info-box{font-size:13px}
	/* 버튼영역 */
	.forum-view-button-box a,
	.forum-view-button-box button{width:70px; height:30px; line-height:30px; font-size:13px;}
	/* -------- 우측영역 -------- */
	.forum-view-right-container{width:auto; font-size:14px}
	.forum-comment-controls a, .forum-comment-controls button{height:40px; line-height:40px;}
	/* 댓글리스트 */
	.forum-comment-container{padding-top:35px; }
	.forum-comment-write .cm-write-textarea{height:70px}
	.forum-comment-write .cm-write-btns .write-btn{height:35px; line-height:35px;}
}