/* ■■■■■■■■■■ 서비스 페이지 css ■■■■■■■■■■■■■■ */
/* ---------------  폰트 페이지별 설정 font-weight 등 ------------------ */


* 
{
}
/* ------------------------------------------------------------------- */


div {word-break:keep-all;  /* 한글 단어별로 끊기(줄바꿈) 영역, 글자 */}

.mainCategory_header{}


.sdc_colm_2_val {word-break:break-all;}
.sdc_colm_3_val {word-break:break-all;}

.service_total_wrap {
  display: flex;
  flex-direction: column;
  padding: 0;
  color: #0c1928;
}

#service_con {
  background-color: rgba(239, 239, 239, 0.4);
  width: 90%;
  margin: 0 auto;
  padding: 3%;
}

/* 서비스폼 타이틀 이미지와 본문 컨텐츠 z-index 설정*/

#service_image_wrap {
  
  display: flex; 
  justify-content:center;
 vertical-align: middle;
 align-items: center;
  width: 70%;
  height: 100%; 
  padding: 0;
  margin: 0 auto;
}


#service_image {
  width: 100%;
  height: 25vh;
  object-fit: cover;
}

#service_con input,
textarea {
  color: #495057;
  font-size: 16pt;
  border: 1px solid #dddddd;
}

#service_con input {
  width: 100%;
  height: 2rem;
}

#service_con input:focus {
  outline: none !important;
  border-color: red;
}
#service_main_wrap,.service_main_content_wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

#serviceList_wrap {
  display: flex; 
  justify-content:center;
 vertical-align: middle;
 align-items: center;
  width: 100%;
  height:100%;
}


.service_main_wrap{ padding:1rem;}
.service_content_wrap
{
padding:2rem 13%;
display: flex; 
flex-direction: column;
}

/* 손자말고 자식 div만 건드려줄때 */
.service_content_wrap > div{padding:.9rem 0rem;}
.service_content_wrap > .service_con_wrap_2{padding:0rem 0rem;}
.service_con_wrap_1{
display: flex; 
flex-direction: row;
justify-content:flex-start;
vertical-align: middle;}

.service_con_wrap_1 div{margin:0rem 1rem; margin-left:0; font-size:2rem;}

.service_cont_2{color:#CFCFCF;  font-size: 2rem !important; 
   display: flex;
  align-items: flex-end;}
		
.service_con_wrap_2
{
display: flex; 
justify-content:flex-start;
vertical-align: middle;
}


.service_con_wrap_2 div{margin:0rem .3rem; margin-left:0; font-size:.9rem; }

.service_cont_3{display: block;}
.service_cont_4{color:#484848;}
.service_cont_5{font-size: 1.2rem !important; text-align: left; margin-top:0;}

		
.service_con_wrap_3{font-size:1rem; color:#484848;}	
.service_con_wrap_4
{
display: flex; 
flex-direction: column;
justify-content:flex-start;
vertical-align: middle;
font-size:1.2rem;
}

.service_con_wrap_4>div
{
  display: flex; 
  flex-direction:row;
  justify-content:flex-start;
  vertical-align: middle;
  align-items: center;
  font-size:1.2rem;
}

.service_con_wrap_4>div
{
margin-top:3rem;
}

.service_coni_1wrap_1_1,.service_coni_1wrap_2_1,.service_sort_label_1,
.service_coni_1wrap_4_1,.service_coni_1wrap_4_3
{margin:.6rem 0rem; font-size: 1.2rem;}

.service_coni_1wrap_1_1,.service_coni_1wrap_2_1,.service_coni_1wrap_3_1{width:15%;}

.service_coni_1wrap_1_2,.service_coni_1wrap_2_2,.service_coni_1wrap_3_2
{width: 80%;
  max-width: 85%;}


.service_coni_1wrap_4_1,.service_coni_1wrap_4_3{width:15%;}
  .service_coni_1wrap_4_2,.service_coni_1wrap_4_4{width: 65%;
    max-width: 70%;}



.service_coni_1wrap_3_2{ 
   display: flex; 
   flex-direction: row;
  justify-content:flex-start;
  vertical-align: middle;}

.service_coni_1wrap_4_3{margin-left:2rem;}
.service_coni_1wrap_4_3{margin-top: 0rem;}

  .service_coni_1wrap_3_2>div
  {  
    margin: 0rem 2rem;
}

.service_sort_label{    display: flex; 
  justify-content:flex-start;
  vertical-align: middle; align-items: center; }

  select#s_sort{height: auto;}
  
.service_con_wrap_5
{
width:100%;
display: flex; 
justify-content:center;
vertical-align: middle;
margin: 0 2rem;
font-size:1.2rem;
margin-bottom: 2rem;
}

.service_con_wrap_5 div{
margin:0rem 1rem; 
margin-left:0; 
display: flex; 
justify-content:center;
vertical-align: middle;
align-items : center; /* div 내부 텍스트 세로 중앙 정렬 코드 */
}

.service_cont_9,.service_cont_11{width:fit-content; white-space:nowrap;}
        
.service_cont_11{padding-left:4rem;}

.service_cont_10,.service_cont_12{color:gray; width:100%;}


.service_con_wrap_6 
{
width:100%; 
font-size:1.1rem;
margin-bottom: 2rem;
}

.service_con_wrap_6 > div {padding:.1rem;}


textarea
{  
  resize: none;
  height: 4rem;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease-out;
  -ms-overflow-style: none;
}

textarea::-webkit-scrollbar{display:none;}

textarea:focus 
{
  height: 15rem;
  transition-property: all;
  transition-duration: .6s;
  transition-timing-function: ease-in-out;
  }

  

#s_contents,textarea
{
  width:100%;
  margin: 0 auto;
  padding: 1rem;
  border: none;
  background-color: #d4dde7;
  color: #0c1928;
}



#s_contents,textarea:focus {
  outline: none;
}



.service_con_wrap_7
{
width:100%;
display: flex; 
flex-direction: row;
justify-content:space-around;
vertical-align: middle;
align-items: center;
font-size:1.2rem;
margin-bottom: 0rem;
}

.service_con_wrap_7 div{margin:0rem 1rem; margin-left:0; }

.service_cont_14{font-size:1.2rem;}
.service_cont_15{width:auto; font-size:1.2rem;}
.service_cont_16{color:#94aac3; font-size:1.2rem;}


.service_con_wrap_8
{
display: flex; 
flex-direction: column;
}

.service_con_wrap_8 div{margin:0rem 1rem; margin-left:0;  }

.service_cont_17{font-size:1.2rem;}
.service_cont_18{font-size:1.1rem; display: flex; 
  justify-content:center;
  vertical-align: middle;}

.service_cont_18_privacyTxt
{
width:80%;
height: 10rem;
padding: 2% 8%;
background-color: white;
white-space: pre-line;
word-break: normal;
font-size: 0.85rem;
}

.service_cont_18_privacyTxt{
  overflow-y: scroll; 
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */

}

  .service_cont_18_privacyTxt::-webkit-scrollbar
  { 
    width: 10px;  /* 스크롤바의 너비 */
}

.service_cont_18_privacyTxt::-webkit-scrollbar-thumb
{ 
  width: 10px;  /* 스크롤바의 너비 */
}

.sc18_bold{}


.service_cont_19{text-align:center; font-size:1.2rem;}

.service_con_wrap_9
{
display: flex; 
justify-content:center;
vertical-align: middle;
}

.service_cont_20{
width:100%;
display: flex; 
justify-content:center;
vertical-align: middle;
}

.service_submit_btn
{
	width:15rem;
	height: 4rem;
	border: 1px solid #6988ab;
	border-radius: 1.3rem;
	background-color: #6988ab;
}
.btnTxt_div{
  width:100%; 
  height:100%;
  font-size:initial !important;
}

.service_submit_btn:hover
{
  transition: all 0.1s;
  border: 1px solid #152b43;
  background-color: #152b43;
 
}
.btn_submit:hover{ color:#d4dde7;}

.btn_submit{width:100%; height:100%; background: none; border:none;   cursor:pointer;}
.service_con_wrap_9{
display: flex; 
justify-content:center;
vertical-align: middle;
font-size:1.2rem;
}
.service_previewImg_wrap{max-width:20rem; }
.service_previewImg,.commImg_origin{width:100%; height:100%; object-fit: contain; } 
.commImg_origin_wrap{width:3rem;}


.service_cont_19_con1{}
.service_cont_19_con2{margin-left:1rem;}

/* 개인정보 수집 이용 정보 동의 토글 슬라이드 관련 */
.service_cont_19_con2{cursor: pointer;  text-decoration: underline;}
        
.s_id,.service_input {width:100%; background:none; border-top:none; border-left:none; border-right:none; border-bottom:1px solid #2A5687; font-size:1.2rem; outline: none;}
.service_input:focus { outline: none; }

.service_con_wrap_7_2
{display: flex; 
  justify-content:center;
     vertical-align: middle;
    align-items: center;}

.s_file,input{font-size:1.2rem;  }

.btn-s_file {
  width: 14rem;
  height: 3rem;
  border: 1px solid rgb(42,86,135);
  border-radius: .8rem;
  color:#2A5687;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

  .btn-s_file:hover {
    transition: all 0.1s;
    opacity: 0.5;
  }


#s_file {
  display: none;
}


select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #0c1928;
  background : none;
  margin: 0;
  border: 1px solid #254d79;
  border-radius: 0em;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  text-align: center;
}

select:hover {
  border-color: #6988ab;
}


select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 2px #6988ab;
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #3f6693;
  outline: none;
}

select:disabled {
  opacity: 0.5;
}

/* --------- 서비스 구분 이벤트 관련 service_sort_subinfo ------------------------*/

.service_sort_subinfo{width:100%; font-size:1.2rem;}

.service_sort_subinfo>div{
width:100%; padding:1rem;
display: flex; 
justify-content:center;
flex-direction: column;
align-items: center;
}

.sssMsgHidden{visibility: hidden !important; height:0 !important; padding:0!important;  margin:0!important;  }

span.sdc_contents_val {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.sss_si_1 ~ div{visibility: visible; }

.sss_si_1{text-align:center;}
.sss_si_title{width:100%; font-size:2rem; text-align:left;}
.sss_si_img_wrap{width:3rem;}
.sss_si_img_wrap_2{width:8rem;}
.sss_si_img{width:100%; height:100%; object-fit: contain;}
.sss_si_2_1,.sss_si_2_3{
display: flex; 
justify-content:center;
vertical-align: middle;
align-items: center;
}
.sss_si_2_1_txt{margin-left:1rem;}

.sss_si_6,.sss_si_7{display: none !important;}

.cometomedro_msg
{display: flex; 
  justify-content:center;
  vertical-align: middle;
  align-items: center;
font-size: .9rem;
margin-bottom:1.5rem;
padding:0;
}


/* =============   (NEW) 서비스 리스트  -DIV 스타일  serviceDetail =============== */


.sd_divStyle_wrap{margin: 0rem 2rem; margin-bottom: 4rem !important;}

.sdc_title_val,.sdc_contents_val{  
  display: flex;
  align-items: center;
  width: 100%;
  height:100%;
  white-space: pre-wrap;
  font-size: 0.9rem;
  letter-spacing: -0.1rem;
  line-height: 140%;
  text-align: left;
  word-break: break-all;
}



.sd_divStyle_wrap
{  
width:93%;
height:fit-content;
margin:0 auto;
padding:0;
display: flex; 
flex-direction: column;
justify-content:center;
vertical-align: middle;
}
.sd_divStyle_wrap>div{ 
display: flex; 
flex-direction: row;
justify-content:center;
vertical-align: middle;
align-items: center; }

.sd_div_con_1{display: flex; vertical-align: middle; align-items:flex-start;
    justify-content:flex-start !important; width:100%; font-size:1rem; padding:1rem 0rem;}
    
.sdc_colm_1{width:15rem;}
.sdc_colm_2{width:40%}
.sdc_colm_3{width:60%;}
.sdc_colm_4{width:10rem;}
.sdc_colm_5{width:10rem;}
.sdc_colm_6{width:10rem;}
.sdc_colm_1,.sdc_colm_2,.sdc_colm_3,.sdc_colm_4,.sdc_colm_5,.sdc_colm_6
{height:4rem; }
.sdc_colm_1,.sdc_colm_4,.sdc_colm_5,.sdc_colm_6
{
  display: flex; 
  flex-direction: row;
  justify-content:center;
  vertical-align: middle;
}

.sd_div_con_3 {
  font-size: 0.8rem;
}

.sdc_colm_1_val.sdc_colm_val{  
  display: flex; 
  flex-direction: row;
  justify-content:center;
  vertical-align: middle;
align-items: center;}

.sdc_colm_label{height:2rem; display:none;} /* 각 모든 ROW에 붙는 타이틀 라벨 : 모바일에서만 show */
.sdc_colm_val{height:100%;}

.sd_div_con_2{font-size:1rem;}

.sd_div_con_2{display:flex;}

.sd_div_con_2>div{ 
   display: flex; 
  flex-direction: row;
  justify-content:center;
  vertical-align: middle;
align-items: center;
background-color: #c2cfdd;
}

.sd_div_con_3_4,.sd_div_con_3_5,.sd_div_con_3_6 {align-items: center;}

/* new div스타일 div -  짝수 row만 스타일 적용*/
.svDIV:nth-child(even) {
  background-color : #e5eaf0;
}

.svDIV:hover{
  background-color: #ffff99;
  opacity: 0.8;
  transition: all 0.3s;}
.svDIV{cursor: pointer;}
/* +++++++++++++++++++ (NEW) 서비스 리스트  - 부가적인 스타일 +++++++++++++++++*/

/* 서비스 리스트 버튼 */
.service_status_img {
  width: 1.5rem;
  height: 100%;
  object-fit: contain;
}

.service_AddEdit_img {
  width: 1.5rem;
  height: 100%;
  object-fit: contain;
  padding: 0 Auto;
  margin: 0 Auto;
}

.service_AddEdit_img_Wrap {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 Auto;
  margin: 0 Auto;
}

.service_AddEdit_img:hover {
  opacity: 0.5;
}

.service_AddEdit_img:active {
  transition: all 0.1s;
  opacity: 0.5;
}


/* =============    서비스 리스트 디테일 관련   serviceDetail =============== */


.detailOn {
  opacity: 1;
  transition-duration: 2s;
  transition-timing-function: linear;
}

.detailOff {
  opacity: 0;
  transition-duration: 2s;
  transition-timing-function: linear;
}

.serviceDetailWrap {
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: none;
  background: none;
  cursor: auto;
}

.sd_con2_img_wrap{width:2.5rem; height:fit-content;margin:0rem 1rem;}
.sd_con2_img{width:100%; height:100%; object-fit: contain; }

.sd_con_1 {
  width:100%;
  align-content: center;
  border-bottom: 1px solid #a9bbcf;
  padding: 1rem;
  word-break: break-all;
}

.sd_con_2 {
  width:100%;
  display: flex;
  flex-direction: row;
  justify-content: left;
  padding: 1rem;
  vertical-align: middle;
  border-bottom: 1px solid #a9bbcf;
}

.sd_con_title {
  width: 100%;
  height:7rem;
  margin: 0 Auto;
  padding: 0 Auto;
}

/*    중요 div 내부 영역 밖으로 빠져나오는 글자(폰트) 처리 */
.sd_con_title_span {
  display: block;
  width: 100%;
  height:100%;
  object-fit: cover;
  white-space:initial; 
  font-size: 2rem;
  margin: 4rem auto;
  letter-spacing: -0.1rem;
  line-height: 140%;
  text-align: left;
  word-break: break-all;
}

.sd_con_regTime {
  padding: 1rem 0rem;
  width: 100%;
  font-size: 1rem;
}

.sd_con_regTimeWrap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.reg_txt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.6rem;
}

.reg_today {
  display: none;
}

.sd_con2_wrapWrap_1 {
  display: flex;
  flex-direction: column;
  width: 10rem !important;
  padding: 0.2rem;
}

.sd_con2_wrapWrap_1>div{display: flex;align-items: center;height: 100%;}
.sd_con2_wrapWrap_2>div{display: flex;align-items: center;height: 100%;}

.sd_con2_wrapWrap_2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0.2rem;
}

.sd_con2_wrapWrap_3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.2rem;
}

.sd_con2_img:hover {
  opacity: 0.5;
}

.sd_con2_img:active {
  transition: all 0.1s;
  opacity: 0.5;
}

.sd_con3_input {
  width:100%;
  display: flex;
  justify-content: right;
  align-items: center;
  padding: 0.3rem 1rem;
}

.sd_con3_input img {
  padding: 0 1rem;
  cursor: pointer;
}

.sd_con4_input {
  vertical-align: middle;
  padding: 0.3rem 1rem;
}

.sd_con4_input img {
  padding: 0 1rem;
  cursor: pointer;
}
.sd_con2_wrapWrap_4 {
  width: 100%;
  text-align: right;
  padding: 0.2rem;
}

.sd_con2_label,
.sd_con2_input {
  vertical-align: middle;
  padding: 0.3rem 1rem;
}

.sd_con2_label,
.sd_con2_input div {
  vertical-align: middle;
}

.sd_con_3 {
  display: flex;
  flex-flow: row nowrap;
  align-items:flex-start;
  width:100%;
  padding: 1rem;
  text-align: left;
}

.conImgWrap {
  width:20rem;
  height:15rem;
}

.service_Img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.conTxtWrap {
  width: 100%;
  height: fit-content;
  padding: .5rem;
  font-size: 1rem;
}

#conContents {
  width: 100%;
  text-align: left;
  margin: 1rem auto;
  line-height: 180%;
  white-space: pre-line;
  word-break:  break-all;
  font-size: 1.2rem;
  text-indent: 0.2em;
}

.sd_con_5 {
  width: 100%;
  display: flex;
  padding: 0rem;
  border: 1px solid #a9bbcf;
  margin-top:0rem;
}

.sd_con5_label,
.sd_con5_input {
  width: fit-content;
  font-size: 1rem;
  color: #7f99b7;
  padding: 0.5rem 0.3rem;
}

/* ==================== 서비스 배송 as 관련 ============================ */
.delivery_mainwrap{width:100%;}
	.delivery_inner{width:80%;}
	.delv_img_wrap{width:fit-content; height:3rem; margin:0 1rem;}
	.delv_con{margin:2rem 0;}
	.delv_con_txt_1{font-size:1.5rem; font-weight: 900; color:#333333;}
	.delv_tb{}
	.delv_tb_row>div{margin:1.2rem 2rem;}
	.delv_tb_title_1{font-size:1.2rem; font-weight: 700;}
	.delv_tb_title_2{font-size:.8rem; font-weight: 400;}
	.delv_delfee>div{margin:.5rem 0; font-size: 1rem; }
	.delv_tb_row{border-bottom:1px solid #BCBCBC;}
	.delv_tb_row :nth-child(1){width:50%;min-width:20rem; font-weight: 400; letter-spacing:1px;}
	.delv_tb_row :nth-child(2){min-width:10rem; font-weight: 600;}
  .delv_tb_row.como_horver.como_fc 
{
  align-items: center;
}

/* ==================== 서비스 답변 코멘트 관련 ============================ */

.comment_main_wrap{width:100%; background-color: #e7d4dd;}
.comment_main_wrap > div{margin:.8rem 0rem; padding:.5rem 1rem;}
.comm_con_1{font-size:1.5rem; color:#511933;}
.comm_con_2{font-size:1rem;}
.comm_con_3{font-size:1rem; display:none; }


.comm_con_2, .comm_con_4{color:#1b0811 ;}
.commCon{margin-bottom: 2rem;}

/* @@ 모바일 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  */

/* 원래 미디어 맥스 크기 === @media screen and (max-width: 768px) */


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

  div#serviceListTable 
  {
    width: 100%;
  }
  .service_con_wrap_1 div{ font-size: 1.5rem;}
  .service_con_wrap_2 div{font-size:0.8rem; }
  .s_id,.service_input {font-size:1rem; }
  .service_cont_16{font-size:0.8rem;}

  .service_cont_18_privacyTxt
  {
  width:90%;
  height: 8rem;
  padding: 2% 5%;
  background-color: white;
  white-space: pre-line;
  word-break: normal;
  }
  .service_cont_18{font-size:0.8rem; }
  
  .service_con_wrap_9{
    font-size:1rem;
    margin-bottom: 1rem; 
    }

    .cometomedro_msg {
      padding: 0 1rem;
  }


  #service_image_wrap {
    width: 100%;
  }

  .service_sort_subinfo>div{padding: 0rem;}
  

  .service_content_wrap > div{padding: 0.3rem 0rem;}

  .service_content_wrap {padding: 2rem 4%;}

  .service_con_wrap_1{flex-direction: column;}


  .service_cont_2{font-size: 1rem !important;}

  .service_cont_5{font-size: 0.9rem !important; text-align: center;  margin-top:1rem;}

  .service_coni_1wrap_4_3{margin-left: 0rem;}

  
  .service_coni_1wrap_1_1, .service_coni_1wrap_2_1, .service_coni_1wrap_3_1
  {
    width:100%;
  }

  .service_coni_1wrap_1_2, .service_coni_1wrap_2_2, .service_coni_1wrap_3_2
  {
    width:100%;
    max-width: 100%;
  }

  .service_coni_1wrap_3_2{justify-content: center;  align-items: center;}

  .service_coni_1wrap_3_2>div
  {
    margin: 0rem .5rem;
  }

  .service_sort_label{display: none;}

  select#s_sort{width:100%;  height: 2.5rem;}



  .service_con_wrap_2 div{margin-left:0; }
.service_cont_3{display: none;}

.service_coni_1wrap_1{margin-top: 0.5rem !important;}

  .service_con_wrap_4>div
  {
    flex-direction: column;
    align-items:initial;
  }

  .service_con_wrap_4>div
  {
    margin-top: 1.5rem;
  }

  .service_coni_1wrap_4_3{margin-top: 2rem;}

  .service_con_wrap_7
  {
    flex-direction: column;
  }

  .service_con_wrap_7 div
  {
    margin: .6rem 0rem !important;
  }

  .service_con_wrap_8 div{margin:0rem 0rem; margin-left:0; }

.service_cont_15{width:100%;} 
.service_cont_17{font-size: 1rem; 
  display: flex; 
  flex-direction: row;
  justify-content:center;
  vertical-align: middle;
  align-items: center;}

  .btn-s_file{width:100%;} 

  .service_con_wrap_9{  align-items: center; margin-bottom: 1.5rem; }

  .service_coni_1wrap_4_1,.service_coni_1wrap_4_3{width:100%;}
.service_coni_1wrap_4_2, .service_coni_1wrap_4_4{width:100%; max-width:100%;}
.service_coni_1wrap_1_1,.service_coni_1wrap_2_1,.service_sort_label_1,
.service_coni_1wrap_4_1,.service_coni_1wrap_4_3
{margin:.6rem 0rem; font-size: 0.8rem;}
.service_coni_1wrap_4_3{margin-top:2rem;}


.sss_si_title{font-size: 1.5rem;}


/* =============   (NEW) 서비스 리스트  -DIV 스타일  serviceDetail =============== */
.sdc_colm_1_label  {margin-top:1.5rem;}
  .sdc_colm_4_val {}
.sd_div_con_2{display:none !important;}

.sd_divStyle_wrap{width:100%; margin: 0rem 0rem; }

.sd_divStyle_wrap>div{flex-direction: column; 
   justify-content:center;
  vertical-align: middle;
  align-items: center;}

  .sdc_colm_4_label,  .sdc_colm_5_label,  .sdc_colm_6_label {display:flex; justify-content:left;
    vertical-align: middle;
    align-items: center;}

.sdc_colm_label{ font-size: 0.9rem; color:#193351;  display:flex; margin-top:1rem;} /* 각 모든 ROW에 붙는 타이틀 라벨 : 모바일에서만 show */
.sd_div_con_1{    font-size: 1.5rem;}

.sdc_colm_1,.sdc_colm_2,.sdc_colm_3,.sdc_colm_4,.sdc_colm_5,.sdc_colm_6
{ width:100%;}

.sdc_colm_4,.sdc_colm_5,.sdc_colm_6{height:1.2rem;}

.sd_div_con_3_1 {  
  display: flex; 
  flex-direction: column;
  justify-content:center;
  vertical-align: middle;
  align-items: left;}

  .sdc_colm_1_val.sdc_colm_val
  {
    justify-content: left;
  }

  .sdc_colm_label,.sdc_colm_val{padding:.5rem 2rem;}

  .sdc_colm_label { height: 100%;}

  .sdc_colm_4_label.sdc_colm_label{width:3rem; margin-top:0rem;}
  .sdc_colm_5_label.sdc_colm_label{width:3rem; margin-top:0rem;}
  .sdc_colm_6_label.sdc_colm_label{width:3rem; margin-top:0rem;}

  .sd_div_con_3_4,.sd_div_con_3_5,.sd_div_con_3_6{margin:.4rem 0rem;}
  .sd_div_con_3_6{margin-bottom:1.5rem;}

  .sdc_colm_2,.sdc_colm_3{height: 100% !important;;}

/* --------------------------------- 서비스 상세 ------------------------------------- */

.serviceMoreDiv{    
  padding: 0;
  margin: 0 auto !important;
background-color: #eef3e9;
}


.serviceDetailWrap {
  width: 95%;
}
.sd_con2_img_wrap{width:2.6rem; margin:0rem .3rem;}

.sd_con_3 {
  display: flex;
  flex-direction: column;
  align-items:flex-start;
  width:initial;
  padding: 0.5rem;
  text-align: left;
}

.conImgWrap
{  
  width: 100%;
  height: 10rem;
  display: flex; 
  justify-content:center;
  vertical-align: middle;
  align-items: center;
}

#conContents{
  display: flex; 
  justify-content:left;
  vertical-align: middle;
  align-items: flex-start;
  white-space:initial;
  line-height: 130%;
  font-size: 0.9rem;
}

.sd_con_title_span {width:90%; font-size: 1.3rem; white-space:initial;  margin: 1.5rem 1rem;}

.sd_con_2 {
  flex-direction: column;
  justify-content: left;
  padding: 1rem;
  vertical-align: middle;
  border-bottom: 1px solid #a9bbcf;
}

.sd_con3_input {
  justify-content: center;
  padding: 0.3rem 1rem;
}
.sd_con2_wrapWrap_1{  display: none;}

.sd_con3_input img {
  padding: 0 0rem;

}
.sd_con2_wrapWrap_2 {
  flex-direction: row;
  width: 100%;
}
.sd_con2_label, .sd_con2_input{  display: flex; 
  justify-content:center;
  vertical-align: middle;
  align-items: center;}

  .sd_con_title {
    width: 100%;
    height: 100%;
  }

  .sd_con_regTimeWrap {
    justify-content: center;
  }

  .sd_con_regTime {
    padding: 0rem 0rem;
    padding-bottom: 1rem;
  }

  .sd_con_5 {
    width: 90%;
    justify-content:center;
    vertical-align: middle;
    align-items: center;
    margin-top:1.5rem;
  }

  .sd_con_regTime {
    font-size: 0.8rem;
  }

  .sd_con_1 {
    width: inherit;
    display: flex;
    flex-direction: column;
    justify-content:center;
    vertical-align: middle;
    align-items: center;
    padding: 0rem;
  }

  .sd_con2_wrapWrap_3 {
    width: initial;
    padding: 0rem;
  }

  .reg_today{width: 3rem !important;}

  .conTxtWrap {
    padding: 0rem;
    font-size: 0.9rem;
  }

  /* ==================== 서비스 답변 코멘트 관련 ============================ */

.comment_main_wrap{width: 91%; }
.comm_con_2{font-size:0.8rem;}
.commCon{margin-bottom: 0rem; margin:1rem 0rem;}
.comment_main_wrap > div{margin:.5rem 0rem; padding:.2rem .5rem;}

/* ==================== 서비스 배송 as 관련 ============================ */
.delivery_inner{width:100%}
.delv_delfee>div{
    font-size: 0.8rem;
}
.delv_tb_title_1 {    font-size: 1rem;}
.delv_con_txt_1 {
    font-size: 1.2rem;}
.delv_tb_row.como_horver.como_fc 
{
  align-items: flex-start;
}
}