/*#newHeader, #b_left_menu, #b_footer{display: none;}*/



/*title*/
.boardTitle h2{}
.boardInfo{display: flex;align-items: flex-end;justify-content: space-between;}

.listCount{display: flex;gap: 5px;font-size:15px;margin-top: 15px;font-weight: 400;}
.listCount span{color: #454545;}
.listCount b{font-weight: 600;}

/*search*/
.listSearch{border: none;}
.listSearch>form{display: flex;gap: 5px;font-size: 15px;}

.searchInput{line-height: 45px;border: 1px solid #dbdbdb;padding: 0 13px;font-weight: 400;border-radius: 5px;outline: none;overflow: hidden;}
select.searchInput{width: 120px;background-image: url(/img/board/selectdown.png);background-repeat: no-repeat;background-position: right 11px top 50%;
	-webkit-appearance:none; /* for chrome */
	-moz-appearance:none; /*for firefox*/
	appearance:none;
}
select.searchInput::-ms-expand{display:none;}/*for IE10,11*/

.searchBox{position: relative;}
.searchBox .searchInput{padding-right: 58px;}
.searchBtn{position: absolute;top: 1px;right: 1px;width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;}
.searchBtn i{font-size: var(--size-18);}

/*list*/
.boardHead{border-top: 2px solid #222;margin-top: 30px;}
.boardList li{display: flex;border-bottom: 1px solid #ededed;position: relative;font-size: 15px;align-items: center;}
.boardHead li{border-color: #000;}
.boardList li>span{text-align: center;white-space: nowrap;padding: 22px 13px;font-weight: 400;}
.boardHead li>span{font-weight: 700;}
.boardBody li>span.bo_Title{text-align: left;position: relative;/*padding-left: 80px;*/}
.boardBody li>span.bo_Data{color: #999;}

.boardBody li:hover{background: #f7f7f7;}
.boardBody li.boNotice{background: #f9f9f9;}

.bo_Num{width: 8%;}
.bo_Title{width: 72%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bo_View{width: 10%;}
.bo_Data{width: 10%;}

.bo_Num strong{font-weight: 600;}
    
.boardList .memberCheck{position: absolute;top: 50%;left: 10px;transform: translateY(-50%);z-index: 1;}

.boardList .bo_Title .cateName{/*position: absolute;top: 50%;left: 13px;transform: translateY(-50%);*/}

.cateName{display: inline-block;font-size:13px;height: 28px;line-height: 26px !important;padding: 0 10px;border: 1px solid #ddd;border-radius: 3px;text-align: center;color: #777;background: #fff;font-weight: 400;}

/*board button*/
.buttonWrap{display: flex;justify-content: space-between;margin-top: 25px;}
.buttonWrap>ul{display: flex;gap: 5px;}

.boardBtn{display: block;width: 90px;line-height: 40px !important;border: 1px solid #e4e4e4;color: #343434;background: #FFF;text-align: center;font-size: var(--size-14);font-weight: 400;border-radius: 5px;overflow: hidden;cursor: pointer;}
.boardBtn00{background: #000;font-weight: bold;border-color: #000;color: #FFF; width:192px;}

.boardBtn .memberCheck input[type=checkbox] + label{justify-content: center;}

/*paging*/
#newPaging{margin-top: 30px;}
#newPaging .pg_wrap{padding: 0;}
#newPaging .pg{display: flex;justify-content: center;}
#newPaging .pg strong, #newPaging .pg a{background: none;border: none;color: #a6a6a6;font-size: var(--size-16);font-weight: 500;line-height: 30px;}
#newPaging .pg strong{color: #0051f7;font-weight: 700;}
#newPaging .pg_end, #newPaging .pg_start{display: none;}
#newPaging .pg_next{background: url(/img/icon/paging_next.png) no-repeat 50% 44% !important;}
#newPaging .pg_prev{background: url(/img/icon/paging_prev.png) no-repeat 50% 44% !important;}

/*카테고리*/
#newCate{margin-top: 25px;}
#newCate>ul{display: flex;align-items: center;gap: 6px;}
#newCate>ul>li>a{display: block;width: 100%;height: 100%;padding: 13px 25px;text-align: center;background: #F7F7F9;color: #999;font-size: var(--size-15);font-weight: 400;border-radius: 3px;overflow: hidden;}
#newCate>ul>li>a#bo_cate_on{background: #000;color: #FFF;font-weight: 700;}

/*write*/
.writeWrap{margin-top: 35px;}

.writeTitle{display: flex;align-items: flex-end;justify-content: space-between;font-size: var(--size-18);font-weight: bold;padding-bottom: 13px;border-bottom: 2px solid #000;}
.writeTitle span{font-size: var(--size-14);font-weight: 500;color: #979797;}
.writeTitle span i{color: #F00;}

.wrText{display: block;font-size: var(--size-15);font-weight: 500;margin-bottom: 8px;}
.wrText i{color: #F00;}

.writeBox{margin-top: 20px;}
.writeBox .btn_cke_sc{display: none;}

.wrInput{font-size: var(--size-15);height: 50px;line-height: 50px;border: 1px solid #dbdbdb;padding: 0 15px;font-weight: 400;border-radius: 5px;outline: none;overflow: hidden;}
.wrInput100{display: block;width: 100%;}
.wrInput50{width: 55px;}
.wrInput-B, .wrInput-R{height: 43px;line-height: 43px;border-radius: 0;background: #ddeef9;border: none;color: #606e85;}
.wrInput-R{text-align: right;}
.wrInput-read{padding: 0;background: none;padding-top: 2px;}
.wrInput::placeholder{color: #999;font-size: var(--size-15);}
.wrInput-B::placeholder{color: #7f90ad;}

.wrSelect{background:url(/img/icon/select_arw.png);background-repeat: no-repeat;background-position: right 15px center;cursor: pointer;}
.wrSelect{
	-webkit-appearance:none; 
	-moz-appearance:none;
	appearance:none;
}
.wrSelect::-ms-expand{
	display:none;
}

.wrTextarea{height: 300px;line-height: 160%;padding: 10px 15px;resize: vertical;overflow-y: scroll;}

/*view*/
.viewTitle{border-bottom: 1px solid #ededed;padding-bottom: 20px;margin-bottom: 20px;}
.viewTitle h2{font-size: var(--size-26);font-weight: 600;margin-bottom: 25px;word-break: keep-all;}

.viewInfo{display: flex;align-items: center;font-size: var(--size-15);font-weight: 400;color: #777;}
.viewInfo span{margin-right: 15px;}

.addWrap{}
.addUl li{display: flex;align-items: center;justify-content: space-between;line-height: 52px;background: #F7F7F9;margin-bottom: 8px;border-radius: 5px;overflow: hidden;padding: 0 25px;font-size: var(--size-15);color: #444;}
.addUl li a{display: flex;align-items: center;gap: 5px;}
.addUl li a.f_delBtn{text-decoration: underline;}
.addUl li a i{margin-top: -2px;font-size: var(--size-18);}

.addUl-short{padding: 8px 0;}
.addUl-short, .addUl-short li{height: auto !important;}
.addUl-short li{align-items: flex-start;flex-direction: column;}

.fileRgt-info{display: flex;gap: 15px;}
.fileRgt-info>p{color: #adadad;}

#viewText, #viewText *{font-family: 'Pretendard Variable' !important;line-height: 180%;}
#viewText{margin-top: 30px;padding-bottom: 35px;border-bottom: 1px solid #ededed;}
#viewText p img{display: block;max-width: 100%;}

/*에디터 옵션*/
#viewText b{font-weight: 600;}
#viewText strike{text-decoration: line-through;}
#viewText i{font-style: italic;}    
#viewText u{text-decoration: underline;}

#bo_v_img img{margin-bottom: 0 !important;}

@media screen and (max-width: 1480px){
	
	/*list*/
	.bo_Num{width: 10%;}
	.bo_Title{width: 65%;}
	.bo_View{width: 10%;}
	.bo_Data{width: 15%;}

	/*view*/
	.viewTitle h2{font-size: 1.8rem;}
	.addUl li a i{margin-top: -2px;font-size: 1.2rem;}
}

@media screen and (max-width: 1080px){
	
	/*list*/
	.bo_Title{width: 60%;}
	.bo_Data{width: 20%;}
}

@media screen and (max-width: 720px){
	
	/*list*/
	.boardTitle h2{font-size: 24px;}

	.boardInfo{display: block;flex: none;}

	.listSearch{margin-top: 15px;}
	select.searchInput{width: 100px;}
	.listSearch .searchBox{width: calc( 100% - 105px );}
	.listSearch .searchBox .searchInput{width: 100%;}
	.listSearch .searchBox .searchBtn i{font-size: 16px;}

	#newCate>ul{flex-wrap: wrap;}
	#newCate>ul li{width: calc( ( 100% - 12px ) / 3 );}
	#newCate>ul>li>a{padding: 13px 15px;}

	.boardHead{margin-top: 20px;}
	.boardList li>span{padding: 20px 10px;}
	.boardBody li>span.bo_Title{/*padding-left: 10px;*/}
	.bo_Num{display: none;}
	.bo_Title{width: 30%;}
	.bo_View{display: none;}
	.bo_Data{width: 30%;}
	.bo_Cate {width:20%;}
	.bo_Status {width:20%;}
	.buttonWrap.moWide{flex-direction: column;}
	.buttonWrap.moWide>ul.buttonLeft>li{width: 25%;}
	.buttonWrap.moWide>ul.buttonRight{margin-top: 10px;}
	.buttonWrap.moWide>ul.buttonRight>li{width: 100%;}
	.buttonWrap.moWide>ul>li .boardBtn{width: 100%;}

	#wr_content, #qa_content{border: 1px solid #dbdbdb;border-radius: 5px;overflow: hidden;line-height: 160%;font-size: var(--size-15);padding: 10px 15px;outline: none;max-height: 200px;}

/* 	.cateName{display: none;} */

	/*view*/
	.viewTitle h2{font-size: 20px;line-height: 160%;margin-bottom: 13px;}
	
	.viewInfo{flex-wrap: wrap;}
	.viewInfo span{line-height: 160%;font-size: 13px;}
	.viewInfo span:nth-child(2){width: 100%;margin: 0;}

	.addUl li{display: block;flex: none;padding: 12px;line-height: 150%;}
	.addUl li a{align-items: flex-start;margin-bottom: 5px;}
	.addUl li a i{margin-top: 2px;font-size: 15px;}
	.addUl li>span{padding-left: 20px;}
	
	#viewText, #viewText *{font-size: 14px !important;word-break: keep-all;}
	#viewText{margin-top: 20px;padding-bottom: 25px;}
	#viewText img{display: block;width: 100%;}

	.buttonWrap.moWide-view>ul.buttonLeft>li{width: 100%;}
}

/* faq
.faqTitle{position: relative;}
.faqTitle::before{content: "";position: absolute;bottom: 20px;left: 50%;width: 100vw;height: 200%;background: #fafafc;transform: translateX(-50%);}
.faqTitle h2{line-height: 140%;position: relative;z-index: 1;}

#faqSearch{margin-top: 40px;margin-bottom: 30px;}
.faqFormbox{position: relative;
	box-shadow: 0 4px 34px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 4px 34px rgba(0,0,0,.05);
}

#faqSearch .wrInput{height: 60px;line-height: 60px;padding: 0 20px;padding-right: 80px;font-size: var(--size-16);}
#faqSearch .wrInput::placeholder{font-size: var(--size-16);}

.faqFormbox button{position: absolute;top: 0;right: 0;width: 60px;height: 60px;z-index: 1;display: flex;align-items: center;justify-content: center;}
.faqFormbox button i{font-size: var(--size-26);}

.faqInner{margin-top: 40px;}
#faqList li{border-bottom: 1px solid #ededed;position: relative;}
#faqList li>a{display: flex;align-items: center;justify-content: space-between;font-size: var(--size-20);padding: 26px 0;}
#faqList li>a>span{display: flex;align-items: center;}
#faqList li>a>span>p{font-weight: 600;}
#faqList li>a>span .cateName{margin-right: 15px;}
#faqList li>a i{font-size: var(--size-24);color: #adadad;}
#faqList li>a.on i{transform: rotate(90deg);}

.faqContent, .faqContent *{font-size: var(--size-15);line-height: 160%;font-weight: 400;color: #565656;}
.faqContent{padding-bottom: 40px;background-color: #f9f9f9;padding: 25px 35px;display: none;}

.faqInner .emptyFaq{padding: 70px 0;text-align: center;line-height: 160%;font-weight: 400;color: #565656;} */

/*faq 게시판으로 변경 -> 리스트 관리 옵션 추가*/
/* #faqList li .memberCheck{position: absolute;top: 40px;left: 0;transform: translateY(-50%);display: flex;align-items: center;gap: 10px;}
#faqList li.managerAdmin{padding-left: 90px;} */

@media screen and (max-width: 720px){
	
	.faqTitle h2{font-size: 24px;}
	.faqTitle::before{bottom: 15px;}
	
	#faqSearch{margin-top: 20px;margin-bottom: 30px;}
	#faqSearch .wrInput{height: 50px;line-height: 50px;padding: 0 15px;padding-right: 65px;}
	.faqFormbox button{widows: ;h: 50px;height: 50px;}

	#faqList li>a{line-height: 150%;gap: 15px;}
	#faqList li>a p{word-break: keep-all;}
	.faqContent, .faqContent *{font-size: 14px;word-break: keep-all;}
}

/*qa - 1:1문의*/
.qaAlert{gap: 18px;}

#qaWrap .boardBtn00{width: 105px;}

#qaWrap .boardList li{align-items: center;}
#qaWrap .boardBody li>span{padding: 16px 13px;}
#qaWrap .cateName{margin: 0;}

#qaWrap .bo_Num{width: 10%;}
#qaWrap .bo_Cate{width: 10%;}
#qaWrap .bo_Title{width: 50%;}
#qaWrap .bo_View{width: 10%;}
#qaWrap .bo_Data{width: 10%;}
#qaWrap .bo_Status{width: 10%;}

.sigNot{background: #e4e7ee;color: #989eac;font-weight: 700 !important;}
.sigReq{background: #e7eeff;border-color: #d7ddeb;color: #8496c1;font-weight: 700 !important;}
.sigAcc{background: #f78900;border-color: #f78900;color: #FFF;font-weight: 800 !important;}
.sigIng{background: #00a90d;border-color: #00a90d;color: #FFF;font-weight: 800 !important;}
.sigSto{background: #f70000;border-color: #f70000;color: #FFF;font-weight: 800 !important;}
.sigSuc{background: #0051f7;border-color: #0051f7;color: #fff;font-weight: 800 !important;}
.sigAdd{background: #9800f7;border-color: #9800f7;color: #FFF;font-weight: 800 !important;}

/*질문자 프로필*/
.answerInfo .viewInfo-profile{display: flex;width: 100%;justify-content: space-between;align-items: flex-end;}
.answerInfo .viewInfo-profile *{margin: 0;}
.answerInfo .viewInfo-detail{display: flex;gap: 3px;}
.viewInfo-data{font-size: var(--size-14);}

/*알림 view*/
.viewInfo-al{display: flex;align-items: center;gap: 12px;}

@media screen and (max-width: 1080px){
	
	#qaWrap .bo_Num{width: 8%;}
	#qaWrap .bo_Cate{display: none;}
	#qaWrap .bo_Title{width: 50%;}
	#qaWrap .bo_View{width: 14%;}
	#qaWrap .bo_Data{width: 14%;}
	#qaWrap .bo_Status{width: 14%;}
}

@media screen and (max-width: 960px){
	
	.qaAlert span:nth-child(2), .qaAlert span:nth-child(3){display: none;}

	#qaWrap .bo_Num{width: 8%;}
	#qaWrap .bo_Cate{display: none;}
	#qaWrap .bo_Title{width: 44%;}
	#qaWrap .bo_View{width: 16%;}
	#qaWrap .bo_Data{width: 16%;}
	#qaWrap .bo_Status{width: 16%;}

	.answerInfo .viewInfo-profile{display: block;}
	.answerInfo .viewInfo-profile .viewInfo-data{margin-top: 10px;}
}

@media screen and (max-width: 720px){
	
	#qaWrap .boardHead{display: none;}
	#qaWrap .boardList{border-top: 2px solid #000;margin-top: 20px;}
	#qaWrap .boardList li{flex-wrap: wrap;}
	#qaWrap .boardBody li>span{padding: 13px 10px;}
	#qaWrap .boardList .memberCheck{top: auto;bottom: 18px;left: auto;right: 10px;transform: translateY(0);}

	#qaWrap .bo_Num{display: none;}
	#qaWrap .bo_Cate{display: block;width: 100%;text-align: left;padding-bottom: 0 !important;}
	#qaWrap .bo_Title{width: 100%;}
	#qaWrap .bo_View{display: block;width: auto;text-align: left;padding-top: 0 !important;}
	#qaWrap .bo_Data{width: auto;text-align: left;padding-top: 0 !important;}
	#qaWrap .bo_Status{width: 100%;text-align: left;padding-top: 0 !important;}

	#qaWrap .cateName{display: inline-block;}

	#qaWrap .boardBtn00{width: 100%;}
	
	/*질문자 프로필*/
	.answerInfo .viewInfo-profile{flex-wrap: nowrap;gap: 8px;}
	.answerInfo .viewInfo-profile span{line-height: 28px;white-space: nowrap;}

	.answerInfo .viewInfo-detail{display: block;}
	.answerInfo .viewInfo-detail .cateName{margin-bottom: 3px;text-align: left;}

	.viewInfo-data{font-size: 12px;}

	/*알림 view*/
	.viewInfo-al span{width: auto !important;}
}

/*qa - 1:1문의 글작성*/
.hiddenField{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;outline: 0;z-index: -1;overflow: hidden;}

.qa_w_alert{font-size: var(--size-15);margin-top: 8px;}

.qaBtn{margin-top: 40px;}
.qaBtn button, .qaBtn input[type=submit], .qaBtn a{width: 300px;line-height: 65px;background: #000;color: #FFF;display: block;margin: 0 auto;border-radius: 5px;overflow: hidden;font-weight: 600;text-align: center;cursor: pointer;}
.serviceBtn button, .serviceBtn a{background: #0051f7;font-size: var(--size-20);font-weight: 700;}

#ans_msg{text-align: center;background: #F7F7F9;padding: 50px 0;font-size: var(--size-15);font-weight: 400;margin-top: 30px;border-radius: 5px;overflow: hidden;color: #9999aa;}

@media screen and (max-width: 720px){
	
	.qaBtn button, .qaBtn input[type=submit], .qaBtn a{width: 100%;line-height: 50px;font-size: 14px;}

	.serviceBtn button, .serviceBtn a{font-size: 15px;height: 55px;line-height: 55px;}
}

/*qa - 1:1문의 답변완료*/
.qaAnswer{background: #f9f9f9;padding: 30px;border-radius: 10px;overflow: hidden;margin-top: 50px;}
.qaAnswer #viewText{padding-bottom: 0;border: none;}

.answerProfile{display: flex;align-items: flex-start;gap: 15px;margin-top: 18px;position: relative;}
.answerProfile .viewCopy{position: absolute;top: 0;right: 0;z-index: 1;color: #999;}

.answerProfile figure{border-radius: 15px;overflow: hidden;}

.answerInfo{width: calc( 100% - 75px );}
.answerInfo>h4{font-size: var(--size-18);font-weight: 600;margin-bottom: 10px;}
.answerInfo span{display: block;font-size: var(--size-14);}

.qaAnswer #bo_v_img{margin-top: 30px;margin-bottom: 0;}

.qaAnswer .addWrap{margin-top: 30px;}
.qaAnswer .addWrap li{background: #f4f4f4;border: 1px solid #ddd;}

@media screen and (max-width: 720px){
	
	.answerProfile{margin-top: 0;}

	.answerInfo>h4, .viewInfo-al{margin-bottom: 5px !important;}
}

/*qa - 1:1문의 연관질문*/
.relView{margin-top: 35px;}
.relView>h4{font-size: var(--size-18);font-weight: bold;margin-bottom: 13px;}

.relList li{display: flex;align-items: center;justify-content: space-between;}
.relList li *{white-space: nowrap;}
.relList li a{font-size: var(--size-15);font-weight: 400;color: #454545;}
.relList li .relDate{font-size: var(--size-15);font-weight: 400;color: #999;}
.relList li b.cateName{margin-right: 0;}

.relTitle, .relInfo{display: flex;align-items: center;}
.relInfo{gap: 20px;}
.relTitle a{line-height: 35px;}

@media screen and (max-width: 720px){
	
	.relView>h4{margin-bottom: 8px;}

	.relTitle{width: 70%;}
	.relTitle a{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 30px;}
	.relInfo{width: 30%;justify-content: flex-end;}
}

/*부가서비스 신청 게시판 공통*/

/*부가서비스 - 글쓰기*/
.serviceWrap .boardTitle h2{padding-bottom: 50px;position: relative;z-index: 1;line-height: 140%;color: #FFF;}

.serviceTitle{position: relative;}
.serviceTitle::before{content: "";position: absolute;bottom: -50px;left: 50%;width: 100vw;height: 200%;background-image: url(/img/service/sv.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;transform: translateX(-50%);}

.serviceInner{background: #f9f9f9;padding: 75px;border-radius: 20px;overflow: hidden;position: relative;z-index: 10;
	box-shadow: 0 4px 34px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 4px 34px rgba(0,0,0,.1);
}

.serviceBox{margin-bottom: 50px;padding-bottom: 55px;border-bottom: 1px solid #e7e7e7;}
.serviceBox.serviceBox-end{padding-bottom: 0;border: none;margin-bottom: 0;}
.serviceBox>h4{display: flex;align-items: flex-end;justify-content: space-between;font-size: var(--size-26);font-weight: bold;margin-bottom: 10px;letter-spacing: -0.02em;line-height: 150%;}
.serviceBox>h4 span{font-size: var(--size-15);font-weight: 400;color: #454545;}

/*sns*/
.snsBox{display: none;margin-bottom: 0;padding-bottom: 0;margin-top: 50px;padding-top: 55px;border-bottom: none;border-top: 1px solid #e7e7e7;}
#snsBox_0{display: block;}

.seviceField{display: flex;gap: 30px;}
.seviceField .writeBox{width: 100%;margin-top: 25px;}
.seviceField .wrText{font-weight: 700;}
.seviceField .wrInput{background-color: #f7f7f7;border: none;}

.domainPrice{display: flex;flex-wrap: wrap;gap: 20px;margin-top: 30px;}
.domainPrice li{width: calc( ( 100% - 60px ) / 4 );background: #FFF;padding: 28px;border-radius: 10px;overflow: hidden;border: 1px solid #eee;}
.domainPrice li h4{display: flex;align-items: center;gap: 10px;font-size: var(--size-24);font-weight: 600;margin-bottom: 20px;}
.domainPrice li span{display: flex;align-items: flex-end;gap: 3px;font-weight: 400;color: #777;}
.domainPrice li span b{font-size: var(--size-20);font-weight: 600;color: #000;}

.hostingPrice li span b{font-size: var(--size-26);font-weight: 700;letter-spacing: -.02em;}

.hostingInfo{margin-top: 30px;}
.hostingInfo>div:last-child{margin-bottom: 0;}
.hiBox{font-size: var(--size-15);margin-bottom: 13px;}
.hiBox h5, .hiBox p{line-height: 150%;}
.hiBox h5{font-weight: 400;color: #999;margin-bottom: 3px;}
.hiBox p{font-weight: 500;word-break: keep-all;}

.sslPrice li{width: calc( ( 100% - 20px ) / 2 );}
.sslPrice .hiBox{display: flex;margin-bottom: 5px;}
.sslPrice .hiBox h5{width: 33%;}
.sslPrice .hiBox p{width: 67%;}

.portalPrice li{width: calc( ( 100% - 60px ) / 4 );padding: 0;}
.portalPrice figure img{display: block;width: 100%;}

.snsPrice{gap: 20px;}
.snsPrice li{width: calc( ( 100% - 80px ) / 5 );padding: 0;}

.pgPrice li{width: calc( ( 100% - 40px ) / 3 );}
.pgPrice li>span>b>i{color: #0051f7;}

.domainSearch{display: flex;gap: 5px;}

.serviceAlert{font-size: var(--size-14);font-weight: 400;color: #777;margin-top: 10px;}

@media screen and (max-width: 1480px){
	
	.serviceInner{padding: 50px;}

	.domainPrice{gap: 16px;}
	.domainPrice li{width: calc( ( 100% - 48px ) / 4 );padding: 23px;}
	
	.portalPrice li{padding: 0;}
	.portalPrice figure img{width: 100%;}
}

@media screen and (max-width: 960px){
	
	.domainPrice{gap: 20px;}
	.domainPrice li{width: calc( ( 100% - 40px ) / 3 );}
}

@media screen and (max-width: 720px){
	
	.serviceInner{padding: 25px 20px;border-radius: 10px;}

	.serviceBox{margin-bottom: 30px;padding-bottom: 35px;}
	.serviceBox>h4{font-size: 17px;line-height: 155%;}
	.serviceBox>h4 span{font-size: 12px;}
	.serviceBox>h4.serviceMain-title{font-size: 20px;}

	.seviceField{display: block;flex: none;}

	.domainPrice{flex-wrap: nowrap;gap: 10px;width: auto;overflow-x: scroll;margin-top: 20px;}
	.domainPrice::-webkit-scrollbar {
		display: none;
	}
	.domainPrice::-ms-scrollbar {
		display: none;
	}
	.domainPrice li{min-width: 195px;}
	.hostingPrice li{min-width: 270px;}

	.hostingPrice li span b{font-size: 24px;}
	
	.cateName{height: 24px;line-height: 22px !important;padding: 0 8px;}
	.domainPrice li .cateName{display: block;}

	.hiBox p{font-size: 13px;}

	.sslPrice .hiBox h5{width: 40%;font-size: 13px;}
	.sslPrice .hiBox p{width: 60%;}
	
	.portalPrice{gap: 8px;}
	.portalPrice li{min-width: unset;}
}

/*부가서비스 - 리스트*/
#serviceWrap .boardHead{background: #f6f8f8;}
#serviceWrap .boardList li>span{border-right: 1px solid #ededed;padding: 22px 13px;}
#serviceWrap .boardList li>span:last-child{border-right: none;}

#serviceWrap .bo_Check{width: 5%;}
#serviceWrap .bo_Num{width: 6%;}
#serviceWrap .bo_Title{width: 40%;}
#serviceWrap .bo_Company{width: 20%;}
#serviceWrap .bo_View{width: 7%;}
#serviceWrap .bo_Data{width: 12%;}
#serviceWrap .bo_Status{width: 10%;}

#serviceWrap .memberCheck{position: relative;top: auto;left: auto;transform: translateY(0);}
#serviceWrap .memberCheck input[type=checkbox] + label{justify-content: center;}

@media screen and (max-width: 1480px){
	
	#serviceWrap .bo_Check{width: 5%;}
	#serviceWrap .bo_Num{width: 6%;}
	#serviceWrap .bo_Title{width: 40%;}
	#serviceWrap .bo_Company{width: 23%;}
	#serviceWrap .bo_View{display: none;}
	#serviceWrap .bo_Data{width: 13%;}
	#serviceWrap .bo_Status{width: 13%;}
}

@media screen and (max-width: 960px){
	
	#serviceWrap .bo_Check{width: 5%;}
	#serviceWrap .bo_Num{display: none;}
	#serviceWrap .bo_Title{width: 40%;}
	#serviceWrap .bo_Company{width: 23%;}
	#serviceWrap .bo_Data{width: 16%;}
	#serviceWrap .bo_Status{width: 16%;}
}

@media screen and (max-width: 720px){
	
	#serviceWrap .bo_Check{width: 20%;}
	#serviceWrap .bo_Title{width: 40%;}
	#serviceWrap .bo_Company{display: none;}
	#serviceWrap .bo_Data{display: none;}
	#serviceWrap .bo_Status{width: 40%;}
}

/*부가서비스 - 뷰*/
#serviceView .viewTitle{margin: 0;border: none;border: 1px solid #ddd;padding: 25px;margin-bottom: 25px;border-radius: 10px;}
#serviceView .answerProfile{margin-top: 0;}
#serviceView #viewText{padding: 0;margin: 0;border: none;}

.serviceTable{width: 100%;border-top: 1px solid #000;font-size: var(--size-15);table-layout: auto;}
.serviceTable td{font-weight: 400;padding: 15px 20px;border-bottom: 1px solid #ddd;}
.serviceTable tr.stTr_one td{width: 85%;}
.serviceTable tr.stTr_two td{width: 35%}
.serviceTable tr td.stHead{width: 15%;border-right: 1px solid #ddd;background: #f6f8f8;font-weight: 600;word-break: keep-all;}

.serviceRadio{display: flex;gap: 20px;font-weight: 400;}
.seviceField .serviceRadio{margin-bottom: 10px;}

.service_v_Title{font-size: var(--size-22);font-weight: 600;margin-bottom: 5px;}

#serviceView.pgWrap .serviceTable{margin-bottom: 25px;}

@media screen and (max-width: 720px){
	
	#serviceView .viewTitle{padding: 20px;}
	#serviceView .answerProfile figure{min-width: 60px;}
	
	.serviceTable, .serviceTable tbody{display: block;}
	.serviceTable tr{display: flex;flex-direction: column;width: 100%;}
	.serviceTable td{padding: 10px 15px;}
	.serviceTable td.stHead{width: 100%;border-right: none;}
	.serviceTable .cateName{display: block;}

	.serviceRadio{gap: 13px;}
}

/*부가서비스 - 댓글*/
.commentWrap{background: #f9f9f9;padding: 30px;border-radius: 10px;overflow: hidden;margin-top: 50px;position: relative;}

.commentContent li{display: flex;align-items: flex-start;width: 100%;gap: 15px;margin-bottom: 25px;}
.commentContent li.commenter{}
.commentContent li.me{justify-content: flex-end;}
.commentContent li figure{display: block;border-radius: 15px;overflow: hidden;width: 60px;height: 60px;}
.commentContent li figure img{display: block;}

.commentInfo{width: calc( 100% - 75px );}
.commentInfo>h4{font-weight: 600;margin-bottom: 8px;}

.commentContent li .commentBox{display: flex;align-items: flex-end;gap: 10px;}
.commentContent li.me .commentBox{flex-direction: row-reverse;}
.commentContent li .commentBox>div{padding: 15px 18px;border-radius: 10px;overflow: hidden;font-weight: 400;line-height: 150%;font-size: var(--size-15);max-width: 80%;
	box-shadow: 0 5px 24px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 5px 24px rgba(0,0,0,.1);
}
.commentContent li .commentBox>div img{display: block;width: 100%;}
.commentContent li.commenter .commentBox>div{background: #FFF;}
.commentContent li.me .commentBox>div{background: #c5dfff;}
.commentContent li.secret .commentBox>div{background: #fffaba !important;}
.commentContent li .commentBox>span{font-size: var(--size-13);font-weight: 400;color: #777;white-space: nowrap;}
.commentContent li .commentBox>span i{display: flex;gap: 8px;}
.commentContent li.me .commentBox span i{justify-content: flex-end;}
.commentContent li .commentBox>span i a{padding-bottom: 8px;display: inline-block;}

.commentWrap #bo_vc_w, .commentWrap #edit{margin-top: 40px;}
.commentWrap .bo_vc_w, #edit .bo_vc_w{padding: 0;}
.commentWrap #bo_vc_w .cke_sc, #edit .cke_sc{display: none;}
.commentWrap #bo_vc_w iframe, #edit iframe{background: #FFF;}

/*댓글 하단 이동*/
#commentScroll{position: absolute;top: 30px;right: 26px;z-index: 1;}
#commentScroll.positionRight{left: 26px;right: auto;}
#commentScroll i{font-size: 1.5rem;color: #c9c9c9;}

/*에디터 옵션*/
.commentBox p b{font-weight: 600;}
.commentBox p u{text-decoration: underline;}
.commentBox p i{font-style: italic;}
.commentBox p strike{text-decoration: line-through;}
.commentBox p img{display: block;max-width: 480px;}

/*비밀글*/
.secretAlert{font-weight: 800;margin-bottom: 15px;}
.commentBox .secretAlert>i{font-style: normal;}

/*댓글 접기 추가
.commentInner{display: flex;flex-direction: column-reverse;max-height: 800px;position: relative;}
.commentAll{position: absolute;top: 0;left: 0;width: 100%;height: 500px;background: linear-gradient(#f9f9f9, transparent);z-index: 1;}*/

@media screen and (max-width: 720px){
	
	.commentWrap{padding: 15px;}
	
	.commentContent li{margin-bottom: 20px;}
	.commentContent li figure{width: 40px;height: 40px;border-radius: 13px;}
	.commentContent li figure img{width: 100%;}
	
	.commentContent li .commentBox{flex-direction: column;align-items: flex-start;}
	.commentContent li.me .commentBox{flex-wrap: wrap;}
	.commentContent li .commentBox>div{padding: 10px 14px;line-height: 140%;max-width: 100%;}
	.commentContent li .commentBox span{font-size: 11px;white-space: nowrap;display: flex;gap: 8px;width: 100%;}
	.commentContent li.me .commentBox span{justify-content: flex-end;}
	
	.commentInfo{width: calc( 100% - 55px );}
	.commentContent li.me .commentInfo{width: 100%;}
	.commentInfo>h4{margin-bottom: 8px;}
	
	.commentContent li .commentBox>div{font-size: 13px;}
}

/*부가서비스 - 유의사항 팝업*/
.alertPop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.75);z-index: 9999;display: none;}

.apInner{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 680px;background: #FFF;z-index: 1;border-radius: 25px;overflow: hidden;padding: 50px;
	box-shadow: 0 4px 34px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 4px 34px rgba(0,0,0,.1);
}
.apInner figure{margin-bottom: 10px;}
.apInner figure img{display: block;margin: 0 auto;}
.apInner>h4{font-size: 1.875rem;font-weight: 700;text-align: center;margin-bottom: 25px;}

.apInfo{font-size: var(--size-15);font-weight: 400;line-height: 160%;background: #f7f7f7;padding: 20px 25px;border-radius: 10px;overflow: hidden;}
.apInfo p{margin-bottom: 5px;word-break: keep-all;position: relative;padding-left: 13px;}
.apInfo p:last-child{margin-bottom: 0;}
.apInfo p b{position: absolute;top: -1px;left: 0;z-index: 1;}

.apInner .qaBtn{display: flex;gap: 5px;}
.apInner .qaBtn .serviceCancel{border: 1px solid #d5dde7;background: #FFF;color: #a0a9b5;}

@media screen and (max-width: 1080px){
	
	.apInner{padding: 40px;}
}

@media screen and (max-width: 720px){
	
	.apInner{padding: 25px;border-radius: 15px;}
	.apInner figure{margin-bottom: 5px;}
	.apInner figure img{max-width: 130px;}
	.apInner>h4{font-size: 26px;line-height: 140%;margin-bottom: 15px;}

	.apInfo{font-size: 13px;padding: 15px 20px;}

	.apInner .qaBtn{flex-direction: column-reverse;margin-top: 15px;}
}

/*작업자 사용 버튼*/
.workerBtn{display: flex;align-items: center;gap: 5px;}
.workerBtn>*{width: auto;padding: 0 10px;}
.workerBtn>span{padding-left: 0;}

/*내역 통합리스트 페이지*/
.totalTitle{display: flex;align-items: flex-end;gap: 10px;}

/*유지보수 신청 - 뷰페이지*/
.writeEditor iframe{background: #FFF;}

.addWrap_cs{margin-top: 20px;}

.csWrap>h2{font-size: var(--size-26);font-weight: 600;margin-bottom: 18px;word-break: keep-all;}

.csContents{margin: 30px 0;}
.csContents #bo_v_img{margin-bottom: 15px;}

.serviceTable-adm{margin-bottom: 25px;}

.viewSave{display: flex;gap: 5px;}
.viewSave input, .viewSave button, .viewSave select{height: 45px;line-height: 45px;}
.viewSave input{width: calc( 100% - 75px ) !important;}
.viewSave button{width: 70px;}

.viewFilebox{margin-top: 0;flex-wrap: wrap;}
.viewFilebox input[type=file]{line-height: 45px !important;}
.viewFilebox input[type=checkbox]{width: auto !important;}
.viewFilebox .file_del{background-color: #f7f7f7;border: none;height: 45px;line-height: 45px;}

.fileUl{margin-top: 30px;}
.fileUl>h4{font-size: var(--size-18);font-weight: 600;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #000;}

.detailWrap .fileUl{margin-top: 10px;margin-bottom: 25px;}

/*유지보수 신청 - 리스트 페이지*/
.cs_boardList>li>span, .sv_boardList>li>span, .pj_boardList>li>span{padding: 18px 10px !important;line-height: 28px;border-right: none !important;}
.cs_boardList>li>span .cateName, .sv_boardList>li>span .cateName, .pj_boardList>li>span .cateName{margin-right: 0;}

.cs_boardList .bo_Num{width: 5% !important;}
.cs_boardList .bo_Ticket{width: 12% !important;}
.cs_boardList .bo_Cate{width: 8% !important;text-align: center;}
.cs_boardList .bo_Title{width: 35% !important;}
.cs_boardList .bo_Company{width: 14% !important;}
.cs_boardList .bo_Data{width: 10% !important;}
.cs_boardList .bo_Status{width: 8% !important;}
.cs_boardList .bo_Message{width: 8% !important;}

.cs_boardAdmin .bo_Check{width: 5% !important;}
.cs_boardAdmin .bo_Num{width: 5% !important;}
.cs_boardAdmin .bo_Ticket{width: 12% !important;}
.cs_boardAdmin .bo_Cate{width: 8% !important;text-align: center;}
.cs_boardAdmin .bo_Title{width: 30% !important;}
.cs_boardAdmin .bo_Company{width: 14% !important;}
.cs_boardAdmin .bo_Data{width: 10% !important;}
.cs_boardAdmin .bo_Status{width: 8% !important;}
.cs_boardAdmin .bo_Message{width: 8% !important;}

.sv_boardList .bo_Num{width: 5% !important;}
.sv_boardList .bo_Title{width: 55% !important;}
.sv_boardList .bo_Company{width: 15% !important;}
.sv_boardList .bo_View{width: 5% !important;}
.sv_boardList .bo_Data{width: 10% !important;}
.sv_boardList .bo_Status{width: 10% !important;}

.sv_boardAdmin .bo_Check{width: 5% !important;}
.sv_boardAdmin .bo_Num{width: 5% !important;}
.sv_boardAdmin .bo_Title{width: 50% !important;}
.sv_boardAdmin .bo_Company{width: 15% !important;}
.sv_boardAdmin .bo_View{width: 5% !important;}
.sv_boardAdmin .bo_Data{width: 10% !important;}
.sv_boardAdmin .bo_Status{width: 10% !important;}

.pj_boardList .bo_Num{width: 5% !important;}
.pj_boardList .bo_Cate{width: 8% !important;text-align: center;}
.pj_boardList .bo_Title{width: 52% !important;}
.pj_boardList .bo_Company{width: 15% !important;}
.pj_boardList .bo_Data{width: 10% !important;}
.pj_boardList .bo_Status{width: 10% !important;}

.pj_boardAdmin .bo_Check{width: 5% !important;}
.pj_boardAdmin .bo_Num{width: 5% !important;}
.pj_boardAdmin .bo_Cate{width: 8% !important;text-align: center;}
.pj_boardAdmin .bo_Title{width: 47% !important;}
.pj_boardAdmin .bo_Company{width: 15% !important;}
.pj_boardAdmin .bo_Data{width: 10% !important;}
.pj_boardAdmin .bo_Status{width: 10% !important;}

/*서비스 신청 - 결제창 추가*/
.serviceInner-pay{background: none;padding: 0;box-shadow: none;border-radius: 0;overflow: visible;}

.payForm{display: flex;justify-content: space-between;}
.formLeft{background: #fff;padding: 45px;border-radius: 15px;overflow: hidden;width: calc( 100% - 385px );
	box-shadow: 0 4px 34px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 4px 34px rgba(0,0,0,.1);
}
.formRight{height: inherit;position: relative;width: 370px;}

.formSticky{position: sticky;right: 0;top: 100px;background: #fff;padding: 45px 25px 25px 25px;border-radius: 15px;overflow: hidden;
	box-shadow: 0 4px 34px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 4px 34px rgba(0,0,0,.1);
}

.payInfo{position: relative;}
.payInfo>h4{font-size: var(--size-24);font-weight: bold;margin-bottom: 20px;letter-spacing: -0.02em;}
.payInfo ul li{display: flex;justify-content: space-between;padding: 7px 0;font-weight: 500;color: #787878;}
.payInfo ul li p i{font-weight: 600;}

.totalPay{display: flex;align-items: flex-end;justify-content: space-between;border-top: 1px solid #dedede;padding-top: 20px;margin-top: 13px;}
.totalPay h5{font-weight: bold;}
.totalPay h5 i{font-size: var(--size-14);color: #999;}
.totalPay span{font-size: var(--size-22);font-weight: 600;}

.formSticky .qaBtn{margin-top: 30px;}
.formSticky .qaBtn button{width: 100%;}

/*cs - 유지보수 게시판 파일 첨부 커스텀*/
.fileField{position: relative;overflow: hidden;}
.fileFlow{position: absolute;top: 0;left: 100%;width: 50px !important;opacity: 0;z-index: -9999;}

.addUl-admin{padding: 0 !important;}
#viewText .addUl-admin li{height: 45px;line-height: 45px !important;margin-bottom: 0;}
#viewText .addUl-admin i{font-family: xeicon!important;font-style: normal;}

/*프로젝트 등록*/
.flexBox{display: flex;gap: 6px;}
.flexBox input{width: calc( 100% - 96px );}
.wrSuc{background: #019d00;border-color: #019d00;}
.wrErr{background: #cf0000;border-color: #cf0000;}

.clientInfo{display: block;font-size: .875rem;font-weight: 400;margin-top: 6px;color: #565656;}

/*댓글(메세지) 종료 박스*/
.statusEnd{font-size: var(--size-15);background: #f1f2f3;text-align: center;border-radius: 15px;overflow: hidden;padding: 25px 0;line-height: 160%;margin-top: 30px;color: #4f4f4f;font-weight: 400;}

/*cs - 유지보수 게시판 sort*/
.sortWrap{display: flex;align-items: flex-end;justify-content: space-between;}
.sortInner{display: flex;align-items: center;gap: 25px;}

.sortBox{display: flex;align-items: center;gap: 13px;font-size: var(--size-14);}
.sortBox>h4{font-weight: 600;}
.sortBox>ul{display: flex;gap: 8px;}
.sortBox>ul>li>a{display: block;width: 100%;height: 100%;color: #878787;font-weight: 400;}

/*새소식 - 리스트 페이지*/
.alarmList{margin-top: 30px;}

.alarmUl{border-top: 2px solid #222;}
.alarmUl>li{position: relative;}
.alarmUl>li>a{display: flex;align-items: flex-start;gap: 20px;padding: 20px 30px;padding-left: 58px;border-bottom: 1px solid #ededed;}
.alarmUl>li figure{display: block;position: relative;width: 62px;}
.alarmUl>li figure span{display: block;border-radius: 15px;overflow: hidden;border: 1px solid #ddd;}

.alarmUl>li>.serviceRadio{position: absolute;top: calc( 50% - 9px );left: 20px;z-index: 1;}

.alarmDel{position: absolute;bottom: 0;right: 0;z-index: 1;font-size: var(--size-14);text-decoration: underline;color: #454545;}

.al_list_Info{display: flex;justify-content: space-between;width: calc( 100% - 62px );padding-top: 10px;}

.al_list_Title h4{font-size: var(--size-17);font-weight: 600;margin-bottom: 10px;}
.al_list_Title p{font-weight: 400;color: #454545;}

.al_list_Data{font-weight: 400;color: #999;}

.alarmAlert{font-weight: 400;background: #F4F4F6;color: #999;margin-top: 18px;padding: 18px;text-align: center;border-radius: 5px;overflow: hidden;}

.alarmPoint{position: absolute;top: 0;right: -2px;display: inline-block;background: #ff1b1b;text-indent: -9999px;border-radius: 11px;width: 11px;height: 11px;z-index: 1;
	box-shadow: 0 0 8px 2px #f99e9e;
	-webkit-box-shadow: 0 0 8px 2px #f99e9e;

	animation: blinker 1.5s linear infinite;
	-webkit-animation: blinker 1.3s linear infinite;
}

.alarmUl>li.read{background: #f7f7f7;}
.alarmUl>li.read>a{opacity: .5;}

@media screen and (max-width: 720px){
	
	#alarmWrap .sortWrap .buttonWrap, .alarmUl>li>.serviceRadio{display: none;}

	.alarmUl>li>a{padding: 15px 0;}

	.al_list_Info{display: block;}
	.al_list_Title p{line-height: 160%;margin-bottom: 10px;}
	.alarmAlert{line-height: 160%;word-break: keep-all;}
}

/*새소식 - 뷰 페이지*/
#alarmWrap .answerProfile{margin-top: 40px;}

.alarmBtn{font-weight: 400;background: #F4F4F6;color: #999;border-radius: 5px;overflow: hidden;margin-top: 20px;}
.abLft, .abRgt{display: flex;align-items: center;gap: 8px;padding: 18px;}
.abLft{float: left;}
.abRgt{float: right;}
.abLft span, .abRgt span{padding-top: 2.5px;}

/*정기유지보수 - 뷰페이지*/
.bo_fixed_data{background: #f6f8f8;line-height: 45px;padding: 0 15px;border-radius: 5px;overflow: hidden;font-size: var(--size-15);font-weight: 500;color: #636363;margin-top: 30px;}

/*--- 반응형 css- --*/
/*--- 반응형 css- --*/
/*--- 반응형 css- --*/

@media screen and (max-width: 1480px){

	/*write*/
	.formLeft{padding: 40px;}
	.formSticky{padding: 40px 25px 25px 25px;}

	.seviceField{gap: 20px;}

	.qaBtn button, .qaBtn input[type=submit], .qaBtn a{height: 60px;line-height: 60px;}

	/*list*/
	.sortWrap{display: block;}
	.sortInner{margin-top: 25px;}
}

@media screen and (max-width: 1280px){
	
	/*write*/
	.payForm{display: block;}
	.formLeft, .formRight{width: 100%;}
	.formLeft{margin-bottom: 15px;}
}

@media screen and (max-width: 960px){
	
	/*write*/
	.payForm{display: block;}
	.formLeft, .formRight{width: 100%;}
	.formLeft{margin-bottom: 15px;}

	/*list*/
	.sortInner{display: none;}

	#serviceWrap .boardHead{display: none;}

	#serviceWrap .boardBody{border-top: 1px solid #000;margin-top: 30px;}
	.boardList li{flex-wrap: wrap;}
}

@media screen and (max-width: 720px){
	
	/*write*/
	.formLeft, .formSticky{padding: 25px 20px 20px 20px;}
	
	.payInfo ul li, .totalPay{font-size: 14px;}
	.payInfo ul li{width: 100%;}
	.totalPay span{font-size: 18px;}
	
	.formSticky .qaBtn{margin-top: 18px;}
	.qaBtn button, .qaBtn input[type=submit], .qaBtn a{height: 50px;line-height: 50px;}

	/*list*/
	.sortInner{display: none;}

	#serviceWrap .boardBody{margin-top: 25px;}
	.cs_boardList>li>span, .sv_boardList>li>span, .pj_boardList>li>span{padding: 13px 5px !important;}

	.cs_boardAdmin .bo_Check{width: 36px !important;}
	.cs_boardAdmin .bo_Ticket{width: 115px !important;}
	.cs_boardAdmin .bo_Title{width: calc( 100% - 151px ) !important;}
	.cs_boardAdmin .bo_Cate, .cs_boardAdmin .bo_Status, .cs_boardAdmin .bo_Message{display: none;}

	/*view*/
	.serviceTable tr td{width: 100% !important;padding: 13px 0;}
	.serviceTable tr td.stHead{border-right: none;padding: 13px 10px;}
	.serviceTable .cateName{line-height: 40px !important;height: 40px;}
	.serviceTable br{display: none;}

	.serviceRadio{flex-wrap: wrap;}

	.addUl li a{margin-bottom: 0;}
	.addUl li>span{padding-left: 0;}

	.fileRgt-info{margin-top: 5px;}

	.answerInfo .viewInfo-profile{flex-direction: column;align-items: flex-start;}

	.commentContent li.commenter .commentBox>div, .commentContent li.commenter .commentBox>div *{width: 100% !important;font-size: 13px !important;}
}

/*댓글 비밀글 추가*/
.co_secretBox{background: #FFF;padding: 15px;margin-top: 15px;border-radius: 5px;overflow: hidden;border: 1px solid #ededed;
	box-shadow: 0 5px 24px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 5px 24px rgba(0,0,0,.05);
}

/*프로필 카드*/
#npWrap{padding: 18px 20px;}

.npCard{display: flex;align-items: center;gap: 16px;}
.npCard .memberImg{width: 60px;height: 60px;}
.npCard .memberImg i{border: 1px solid #eee;}

.npName{width: calc( 100% - 76px );}
.npName>h4{font-size: 16px;font-weight: 600;margin-bottom: 6px;}

.npDetail i{display: block;font-size: 13px;font-weight: 400;color: #575757;line-height: 140%;}
.npDetail i:first-child{font-weight: 600;}

.npInfo{margin-top: 30px;}
.npInfo>h4{font-size: 15px;font-weight: 600;margin-bottom: 10px;}

.npTable{width: 100%;border-top: 1px solid #eee;}
.npTable td{font-size: 13px;padding: 10px;border-bottom: 1px solid #eee;font-weight: 400;color: #575757;line-height: 160%;}
.npTable td:first-child{font-weight: 500;color: #000;}

/*프로젝트 상세 정보*/
.pdTitle{display: flex;align-items: center;justify-content: space-between;font-size: 1.13rem;font-weight: bold;margin-bottom: 5px;}
.pdBtn{display: flex;align-items: center;gap: 13px;}
#serviceView .detailWrap .pdBtn i{font-family: xeicon !important;font-style: normal;color: #999;font-size: 1rem;}

#projectDetail input[type=text], #projectDetail select{height: 45px;line-height: 43px;width: 100%;}

.serviceTable-detail{table-layout: fixed;}
.serviceTable-detail td:first-child{width: 192px !important;}
.serviceTable-detail td{width: calc( ( 100% - 192px ) / 4 ) !important;border-right: 1px solid #ddd;}

.deCopy-box{display: flex;align-items: center;justify-content: space-between;}
.deCopy{display: flex;align-items: center;justify-content: center;background: #000;color: #FFF;width: 20px;height: 20px;border-radius: 3px;}
.deCopy-minus{display: none;}

.deCopy.del_btn{background: #b5bbbb;}
.deCopy.del_btn .deCopy-minus{display: block;}
.deCopy.del_btn .deCopy-plus{display: none;}

.deTextarea{min-height: 150px;resize: vertical;overflow-y: scroll;padding: 9px 15px;}

.deCheck{display: block;}
.deCheck>div{display: flex;gap: 25px;margin-bottom: 13px;}
.deCheck>div:last-child{margin-bottom: 0;}

.deCheck-wrap{display: flex;gap: 20px;font-weight: 400;}

.deCopy-box{position: relative;}
.deCopy-button{position: absolute;top: 0;right: 0;width: 45px;height: 45px;z-index: 1;display: flex;align-items: center;justify-content: center;cursor: pointer;}
#projectDetail .deCopy-button i, #serviceSave .deCopy-button i{font-family: xeicon !important;font-style: normal;color: #999;font-size: 1rem;}

.deFlex-box{display: flex;align-content: center;justify-content: space-between;}
.deFlex-box .deCopy-box{width: calc( 100% - 72px );}
.deFlex-box .memberCheck{width: 52px;}

/*프로젝트 상세 정보 - 접기, 펼치기*/
.detailWrap h4.pdTitle{margin-bottom: 7px;padding-bottom: 5px;border-bottom: 1px solid #000;line-height: 180%;}
.detailWrap .detailInner .serviceTable-adm:nth-child(1){border-top: none;}
.detailWrap .detailInner{display: none;}
.detailWrap .detailInner table{margin-bottom: 20px;}
.detailWrap .detailInner .buttonWrap{justify-content: flex-end;margin-top: 0;margin-bottom: 25px;}

.detailWrap .pdTitle{cursor: pointer;}
.detailWrap .pdTitle.on{margin-bottom: 0;}
.detailWrap .pdTitle.on .detailOpen i{transform: rotate(180deg);}

/*프로젝트 리스트 레이아웃 수정*/
#clientList-head.cs_boardList .bo_Title, #clientList-body.cs_boardList .bo_Title{width: 33% !important;}
#clientList-head.cs_boardList .bo_Company, #clientList-body.cs_boardList .bo_Company{width: 12% !important;}
#clientList-head.cs_boardList .bo_Ticket, #clientList-body.cs_boardList .bo_Ticket{width: 9% !important;}
#clientList-head.cs_boardList .bo_Data, #clientList-body.cs_boardList .bo_Data{width: 17% !important;}

#clientList-head.cs_boardList .bo_Title.customer, #clientList-body.cs_boardList .bo_Title.customer{width: 41% !important;}
#clientList-head.cs_boardList .customer, #clientList-body.cs_boardList .customer{width: 9% !important;}

/*#clientList-head.cs_boardAdmin .bo_Check, #clientList-body.cs_boardAdmin .bo_Check{}
#clientList-head.cs_boardAdmin .bo_Num, #clientList-body.cs_boardAdmin .bo_Num{}
#clientList-head.cs_boardAdmin .bo_Cate, #clientList-body.cs_boardAdmin .bo_Cate{}*/
#clientList-head.cs_boardAdmin .bo_Title, #clientList-body.cs_boardAdmin .bo_Title{width: 23% !important;}
#clientList-head.cs_boardAdmin .bo_Company, #clientList-body.cs_boardAdmin .bo_Company{width: 17% !important;}
#clientList-head.cs_boardAdmin .bo_Ticket, #clientList-body.cs_boardAdmin .bo_Ticket{width: 9% !important;}
#clientList-head.cs_boardAdmin .bo_Data, #clientList-body.cs_boardAdmin .bo_Data{width: 17% !important;}
/*#clientList-head.cs_boardAdmin .bo_Status, #clientList-body.cs_boardAdmin .bo_Status{width: 8% !important;}
#clientList-head.cs_boardAdmin .bo_Message, #clientList-body.cs_boardAdmin .bo_Message{width: 8% !important;}*/

#clientList-head .bo_division, #clientList-body .bo_division{width: 13% !important;}
#clientList-body .bo_division{}

.workerBtn-list{gap: 3px;}
.workerBtn-list .boardBtn{font-size: var(--size-13);line-height: 26px !important;border-radius: 3px;padding: 0 6px;}
.workerBtn-list .boardBtn.sigNot{font-weight: 400 !important;cursor: auto;}

@media screen and (max-width: 720px){
	
	#clientList-head.cs_boardAdmin .bo_Title, #clientList-body.cs_boardAdmin .bo_Title{width: calc( ( 100% - 36px ) - 30% ) !important;}
	#clientList-head.cs_boardAdmin .bo_Ticket, #clientList-body.cs_boardAdmin .bo_Ticket{width: 30% !important;}
}

/*-- 그룹 최신글 --*/
.groupList{margin-top: 40px;}
#serviceWrap .groupList:first-child{margin-top: 0;}

.groupList .pdTitle{font-size: 1.2rem;}
.groupList .pdTitle i{font-style: normal;color: #999;font-size: 1rem;}

.groupList .boardList{border-top: 2px solid #000;margin-top: 13px;}
.groupList .boardList .empty_li{justify-content: center;background: #f9f9f9;color: #999;}
.groupList .boardList .bo_Title a{display: flex;align-items: center;gap: 5px;}

@media screen and (max-width: 720px){ 
	
	.groupList .sv_boardList .bo_Title{width: 100% !important;}
	.groupList .sv_boardList .bo_Status{display: none;}

	.groupList .pdTitle{font-size: 16px;}

	#serviceWrap .groupList .boardList{margin-top: 15px;}
}

/*-- 정기 계약 기간 설정 박스 --*/
#serviceSave{margin-top: 25px;padding-top: 20px;border-top: 1px solid #eee;}
#serviceSave input[type=text], #serviceSave select{height: 45px;line-height: 43px;}
#serviceSave .pdTitle{line-height: 180%;}

.fixedData{display: flex;align-items: center;gap: 10px;}
.fixedData>select, .fixedData>input[type=text], .yearBtn button{height: 45px;}
.fixedData select{width: 190px;}
.fixedData input[type=text]{width: calc( ( 100% - 399px ) / 2 );}

.yearBtn{display: flex;align-items: center;gap: 5px;}
.yearBtn button{width: 50px;}

/*-- 호스팅 서버 관리 게시판 리스트 수정 --*/
.host_boardAdmin{}

/*최고관리자 일떄*/
.host_boardAdmin .bo_Check{width: 5% !important;}
.host_boardAdmin .bo_Num{width: 5% !important;}
.host_boardAdmin .bo_Status{width: 8% !important;}
.host_boardAdmin .bo_Company{width: 15% !important;text-align: left;}
.host_boardAdmin .bo_Title{width: 22% !important;}
.host_boardAdmin .bo_Data{width: 13% !important;text-align: left !important;}
.host_boardAdmin .bo_ser{width: 14%;text-align: left;overflow: hidden;text-overflow: ellipsis;}
.host_boardAdmin .bo_doc{width: 10%;text-align: left;overflow: hidden;text-overflow: ellipsis;}
.host_boardAdmin .bo_Pay{width: 8%;}

.host_soon{color: #f60000 !important;}
.host_boardAdmin .workerBtn{justify-content: center;}

/*관리회원 일떄*/
.host_board_M .bo_Num{width: 5% !important;}
.host_board_M .bo_Status{width: 8% !important;}
.host_board_M .bo_Company{width: 15% !important;text-align: left;}
.host_board_M .bo_Title{width: 27% !important;}
.host_board_M .bo_Data{width: 13% !important;text-align: left !important;}
.host_board_M .bo_ser{width: 14%;text-align: left;overflow: hidden;text-overflow: ellipsis;}
.host_board_M .bo_doc{width: 10%;text-align: left;overflow: hidden;text-overflow: ellipsis;}
.host_board_M .bo_Pay{width: 8%;}

.host_board_M .workerBtn{justify-content: center;}

/*일반회원 일떄*/
.host_board .bo_Num{width: 5% !important;}
.host_board .bo_Status{width: 10% !important;}
.host_board .bo_Company{width: 15% !important;text-align: left;}
.host_board .bo_Title{width: 45% !important;}
.host_board .bo_Data{width: 15% !important;text-align: left;}
.host_board .bo_Pay{width: 10%;}

.host_board .workerBtn{justify-content: center;}

/*-- 호스팅 서버 신청 할인률 팝업 --*/
.salePop{position: absolute;top: 5px;right: 0;z-index: 1;display: none;}
.salePop span{background: #F00;color: #FFF;font-weight: 800;padding: 5px 10px;border-radius: 15px;font-size: .875rem;}

/*-- NEW ICON 변경 --*/
.new_icon{background: #000;font-size: 12px;font-weight: bold;color: #FFF;padding: 1px 3.5px;border-radius: 3px;overflow: hidden;}

/*-- ì—°ì°¨ ì‹ ì²­ --*/
.off_boardList .bo_Num{width: 5%;}
.off_boardList .bo_Title{width: 55%;}
.off_boardList .bo_Name{width: 10%;}
.off_boardList .bo_Day{width: 20%;}
.off_boardList .bo_Data{width: 10%;}

.off_boardAdmin .memberCheck{position: relative;top: auto;left: auto;transform: translateY(0);}
.off_boardAdmin .memberCheck label{justify-content: center;}
.off_boardAdmin .bo_Check{width: 5%;}
.off_boardAdmin .bo_Num{width: 5%;}
.off_boardAdmin .bo_Title{width: 52%;}
.off_boardAdmin .bo_Name{width: 8%;}
.off_boardAdmin .bo_Day{width: 20%;}
.off_boardAdmin .bo_Data{width: 10%;}

.viewTitle-off{display: flex;}
.viewTitle-off>div:nth-child(1){width: 50%;}
.viewTitle-off>div:nth-child(2){width: calc( 50% / 3 );}
.viewTitle-off>div:nth-child(3){width: calc( 50% / 3 );}
.viewTitle-off>div:nth-child(4){width: calc( 50% / 3 );}

.listTitle{display: flex;flex-direction: column;justify-content: space-between;}
.listTitle>h4{font-size: 1rem;font-weight: 600;}
.listTitle>span{font-size: 2.1rem;font-weight: bold;}
.listTitle>span>b{font-size: .9375rem;font-weight: 400;padding-left: 3px;}

.csContents #viewText table{width: 100% !important;}

/*-- 작업, 협업 요청 --*/
#teamList-head.cs_boardList .bo_Title, #teamList-body.cs_boardList .bo_Title{width: 43% !important;}
#teamList-head.cs_boardList .bo_Request, #teamList-body.cs_boardList .bo_Request{width: 8% !important;}
#teamList-head.cs_boardList .bo_Manager, #teamList-body.cs_boardList .bo_Manager{width: 8% !important;}

#teamList-head.cs_boardAdmin .bo_Title, #teamList-body.cs_boardAdmin .bo_Title{width: 38% !important;}

#boardIng{margin-top: 20px;margin-bottom: 0;}
#boardIng>li{cursor: pointer;position: relative;}
#boardIng>li>a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}

/*-- 워크플로우 --*/
/*list*/
.workCate{display: flex;align-items: center;gap: 35px;}
.workCate>li>a{display: block;font-size: 2.25rem;font-weight: bold;color: #cecece;}
.workCate>li.on>a{color: #000;}

.workCate-wrap{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #dedede;padding-bottom: 8px;margin-top: 28px;}
.workCate-status{display: flex;align-items: center;gap: 40px;}
.workCate-status>li>a{display: block;font-size: 1.0625rem;font-weight: 600;letter-spacing: -0.02em;color: #868994;line-height: 42px;position: relative;}
.workCate-status>li>a::after{content: "";position: absolute;bottom: -9px;left: 0;width: 100%;height: 2px;background: #000;z-index: 1;display: none;}
.workCate-status>li.on>a{color: #000;}
.workCate-status>li.on>a::after{display: block;}

.workCate-status>li>a i{padding-left: 2px;}

.workColor-1{color: #26b39a;}
.workColor-2{color: #00a90d;}
.workColor-3{color: #f70000;}
.workColor-4{color: #0051f7;}

#workWrap{display: flex;gap: 25px;margin-top: 25px;}
.workInner{border: 1px solid #eee;border-radius: 20px;overflow: hidden;padding: 38px 43px;min-height: 587.39px;
	box-shadow: 0 26px 34px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 26px 34px rgba(0,0,0,.1);
}
.workLft{width: 740px;}
.workRgt{width: calc( 100% - 765px );}

.workList li{border-bottom: 1px solid #dedede;padding-bottom: 25px;margin-bottom: 25px;position: relative;}
.workList li:last-child{border: none;padding-bottom: 0;margin-bottom: 0;}
.workList li a{display: block;width: 100%;height: 100%;}

.workList-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.workList-top h4{display: flex;align-items: center;font-size: 1.13rem;font-weight: 600;gap: 10px;width: 100%;}
.workList-top h4>b{width: 120%;}
#workWrap.workAdmin .workList-top h4>b{padding-left: 28px;}
.workList-top>span{font-size: .9375rem;font-weight: 400;color: #999;white-space: nowrap;}
.workList-top>span>b{display: inline-block;transform: translateY(1px);padding-left: 3px;}

.workList-bottom{display: flex;align-items: center;gap: 4px;position: relative;}
.workList-bottom>span{margin: 0;}

.workList li .workNotice{position: absolute;right: 0;bottom: 25px;z-index: 1;}
.workList li:last-child .workNotice{bottom: 0;}

#workWrap .workList li .workCheck{position: absolute;top: 0;left: 0;width: auto;z-index: 1;}

/*view*/
.workTitle{border-bottom: 1px solid #dedede;padding-bottom: 15px;}
.workTitle h4{font-size: 1.5rem;font-weight: bold;}

.workCate-view{display: flex;align-items: center;justify-content: space-between;margin-top: 16px;}
.workCate-view>span{font-size: .9375rem;font-weight: 400;color: #999;}

.starCheck{position: relative;}
.workCate-view .starCheck{margin-left: 2px;}
.starCheck input[type=checkbox]{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;outline: 0;z-index: -1;overflow: hidden;}
.starCheck input[type=checkbox] + label{display: flex;align-items: center;gap: 8px;color: #999;cursor: pointer;}
.starCheck input[type=checkbox] + label span{width: 28px;height: 28px;background-image: url(/img/icon/wort_star.png);background-position: center;background-repeat: no-repeat;opacity: .3;}
.starCheck input[type=checkbox]:checked + label span{background-image: url(/img/icon/wort_star_color.png);opacity: 1;}

.workInfo{margin-top: 16px;padding-bottom: 16px;border-bottom: 1px solid #dedede;margin-bottom: 8px;}
.workInfo li{display: flex;margin-bottom: 11px;}
.workInfo li:last-child{margin-bottom: 0;}
.workInfo li h4, .workInfo li p{font-weight: 400;line-height: 180%;}
.workInfo li h4{width: 100px;color: #979797;font-weight: 500;}
.workInfo li p, .workInfo li>div{width: calc( 100% - 100px );}
.workInfo li>div{gap: 0;justify-content: space-between;line-height: 180%;}

.workView{margin-top: 25px;}
.workView, .workView *{font-family: 'Pretendard Variable' !important;line-height: 160%;}
.workView img{display: block;width: 100%;}

.workBtn-wrap{display: flex;gap: 5px;margin-top: 25px;}
.workBtn{width: calc( 100% - 52px );border: 1px solid #dedede;line-height: 45px;border-radius: 5px;font-size: .9375rem;color: #777;font-weight: 400;}
.workBtn-01{border-color: #000;background: #000;color: #FFF;font-weight: bold;}
.workBtn-box{width: 47px;height: 47px;background-image: url(/img/icon/work_more.png);background-position: center;background-repeat: no-repeat;}

#workView .addUl li{line-height: 45px;padding: 0 18px;margin-bottom: 8px;}
#workView .addUl li a{width: 100%;}
#workView .addUl li strong{display: block;width: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*write*/
.workPop-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 9999;}
.workPop-cover{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}

.workPop-Inner{width: 92%;max-width: 700px;height: 80%;padding-right: 0;background: #FFF;}

#workPop-frame{display: block;width: 100%;height: 100%;border: none;margin: 0;padding: 0;}

/*view-none*/
.workNone{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
.workNone figure, .workNone h4, .workNone p{width: 100%;}
.workNone figure{margin-bottom: 15px;}
.workNone figure img{display: block;margin: 0 auto;}
.workNone h4, .workNone p{text-align: center;}
.workNone h4{font-size: 1.25rem;font-weight: 600;margin-bottom: 10px;color: #818a97;}
.workNone p{font-size: .9375rem;font-weight: 400;color: #a6afbd;}

/*-- cs 통계 - cs_member.php --*/
.csTop .boardTitle p{font-weight: 400;color: #6f7383;}

.csSearch{display: flex;gap: 5px;margin-top: 25px;margin-bottom: 50px;}
.csSearch .wrSelect, .csSearch .boardBtn{height: 45px;line-height: 45px;}
.csSearch .wrSelect{width: 160px;}
.csSearch .boardBtn{font-size: 1rem;}

.csSearch-title{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 15px;}
.csSearch-title h4{font-size: 1.375rem;font-weight: bold;}
.csSearch-title span{font-size: .9375rem;font-weight: 400;color: #777;}

.csSearch-wrap{margin-top: 30px;}
.csSearch-table{width: 100%;border-top: 1px solid #000;}
.csSearch-table td{border: 1px solid #ddd;border-top: none;padding: 15px 20px;font-weight: 400;text-align: center;}
.csSearch-table tr td:first-child{text-align: left;}
.csSearch-table .csSearch-table-head td, .csSearch-table .csSearch-table-tail td{font-weight: 600;background: #f6f8f8;text-align: center;}

.csSearch-graph{display: block;height: 25px;background: #ddd;border-radius: 3px;}


.boardBtn .memberCheck {justify-content: center;}