/*---게시판 공통 css---*/

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

/*common - root*/
:root{
	
	--size-13: .8125rem;
	--size-14: .875rem;
	--size-15: .9375rem;
	--size-16: 1rem;
	--size-17: 1.0625rem;
	--size-18: 1.13rem;
	--size-20: 1.25rem;
	--size-22: 1.375rem;
	--size-24: 1.5rem;
	--size-26: 1.625rem;
}

@media screen and (max-width: 1480px){
	
	:root{ 
		 
		--size-13: 13px;
		--size-14: 14px;
		--size-15: 15px;
		--size-16: 1rem;
		--size-17: 1rem;
		--size-18: 1.13rem;
	}
}

@media screen and (max-width: 720px){
	
	:root{ 
		 
		--size-13: 12px;
		--size-14: 13px;
		--size-15: 14px;
		--size-16: 15px;
		--size-18: 15px;
		--size-22: 16px;
		--size-26: 18px;
	}
}

.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;}

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

.listCount{display: flex;gap: 5px;font-size: var(--size-15);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: var(--size-15);}

.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: var(--size-15);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: var(--size-13);height: 28px;line-height: 26px !important;padding: 0 10px;/* margin-right: 6px; */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; height: 40px; line-height: 40px ;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;}

.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 i{margin-top: -2px;font-size: var(--size-18);}

#viewText, #viewText *{font-family: 'Pretendard Variable' !important;line-height: 180%;}


/*호스팅 서버 write 수정*/
.dif_two .viewSave {align-items:center;}
.dif_two .viewSave input {width: auto !important;}


/*글쓰기 페이지 */

#viewText.writeText {padding-bottom:0; border-bottom:0;}

#viewText{margin-top: 30px;padding-bottom: 35px;border-bottom: 1px solid #ededed;}

.hasDatepicker::focus {outline:none;}


/*에디터 옵션*/
#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: 22px;}

	.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: 70%;}
	.bo_View{display: none;}
	.bo_Data{width: 30%;}

	.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;}
#faqList li>a{display: flex;align-items: center;justify-content: space-between;font-size: var(--size-20);padding: 26px 0;}
#faqList li>a span{font-weight: 600;}
#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-17);line-height: 160%;font-weight: 400;color: #565656;}
.faqContent{padding-bottom: 40px;display: none;}

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

@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{width: 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: 8%;}
#qaWrap .bo_Cate{width: 10%;}
#qaWrap .bo_Title{width: 50%;}
#qaWrap .bo_View{width: 12%;}
#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;gap: 10px;}
.answerInfo .viewInfo-profile *{margin: 0;}

@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%;}
}

@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;}
}

/*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 !important; }
.qaBtn button, .qaBtn input[type=submit], .qaBtn a{width: 300px;line-height: 65px; 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;}

.serviceBtn input {background: #000; font-size: var(--size-20);font-weight: 700;}
.qaBtn input {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;}

#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: center;gap: 15px;margin-top: 18px;}
.answerProfile figure{border-radius: 15px;overflow: hidden;}

.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;}
}

/*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;}

.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%;}

.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;}
}


/*주간업무보고 - 리스트 */




#reportWrap .boardHead{background: #f6f8f8;}
#reportWrap .boardList li>span{border-right: 1px solid #ededed;padding: 22px 13px;}
#reportWrap .boardList li>span:last-child{border-right: none;}

#reportWrap .bo_Check{width: 5% !important;}
#reportWrap .bo_Num{width: 5% !important;}
#reportWrap .bo_Title{width: 60% !important;}
#reportWrap .bo-User {width: 10% !important;}
#reportWrap .bo-View{width: 10% !important;}
#reportWrap .bo-Data{width: 10% !important;}




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

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

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

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



/*부가서비스 - 리스트*/
#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;overflow: hidden;}
#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{line-height:180%; width: 15%;border-right: 1px solid #ddd;background: #f6f8f8;font-weight: 600;}

.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;}

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

.commentInfo>h4{font-weight: 600;margin-bottom: 10px;}

.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);
	box-shadow: 0 5px 24px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 5px 24px rgba(0,0,0,.1);
}
.commentContent li.commenter .commentBox>div{background: #FFF;}
.commentContent li.me .commentBox>div{background: #c5dfff;}
.commentContent li .commentBox>span{font-size: var(--size-13);font-weight: 400;color: #777;}
.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{margin-top: 40px;}
.commentWrap .bo_vc_w{padding: 0;}
.commentWrap #bo_vc_w .cke_sc{display: none;}
.commentWrap #bo_vc_w iframe{background: #FFF;}

/*에디터 옵션*/
.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;}

@media screen and (max-width: 720px){
	
	.commentWrap{padding: 15px;}

	.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%;}
	.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 input.w_407 {width:407px !important;}
.viewSave input.pad7 {padding:7px !important;}
.viewSave button{width: 70px;}
.viewSave button.dif_btn {width:120px;}
.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;}

/*유지보수 신청 - 리스트 페이지*/
.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: 42% !important;}
.cs_boardList .bo_Company{width: 14% !important;}
.cs_boardList .bo_Data{width: 10% !important;}
.cs_boardList .bo_Status{width: 9% !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: 37% !important;}
.cs_boardAdmin .bo_Company{width: 14% !important;}
.cs_boardAdmin .bo_Data{width: 10% !important;}
.cs_boardAdmin .bo_Status{width: 9% !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>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;}


/*분류*/

.w_180 {width:180px;}