
div.intro {line-height:28px; font-size:15px; overflow: hidden; }
div.intro div.contL {float:left; width:30%;}
div.intro div.contR {float:right; width:65%;}
div.intro p.txtP { padding-bottom:20px; }
p.sign {text-align:left;}
p.sign strong{font-size:26px; font-weight:normal; padding-left:10px;}


/* 시그니아 추가 */
div.sg_intro { background: #f5f5f5; padding: 30px 50px; margin: 20px 0 35px 0; }
div.top_img img { width: 100%; }
div.intro div.contLsg { /*float:left; width:30%; position:absolute; */ z-index:9; word-break:keep-all; padding-bottom: 30px;}
/* div.intro div.contRsg {float:right;} */
.sgcont { padding-top: 100px; }
.sgsubtit { font-size:24px !important; font-weight:600; line-height:33px; padding-bottom:50px  !important; }
.sgsub01 { font-size:18px; color:#cc0000; font-weight: 500;}
.sgsub02 { font-size:17px !important; color:#666666; }
.sgpb100 { padding-bottom: 80px !important; }
.sgpb80m50 { padding-bottom: 80px !important; }
.sgmt30 { margin-top: 30px; }
.sgmt40 { margin-top: 40px; }
.sgmt80 { margin-top:80px; }
.sgmt80m50 { margin-top:80px; }
.sgpb10 { padding-bottom:10px !important; }
.sgpb0 { padding-bottom:0 !important; }
.sgpt15 { padding-top:15px; }
.sgmt15 { margin-top: 15px; }
.sgmt15m0 { margin-top: 15px; }
.sgmt35b30 { margin:35px 0 30px 0; }
.sgmt35 { margin-top: 35px; }
.sgmt20m0 { margin-top: 20px; }
.sgbox { background:#f5f5f5;  text-align:center; border-radius:10px; padding:20px; font-size:24px; font-weight:500; color:#666666;}
#sgtboxbor { padding:20px; border:1px dashed #dcdcdc; margin-bottom:50px;  }
.sgtxtP { font-size:17px; color:#666666; padding-bottom:30px; }
.sgpoint { margin-bottom:5px; }
.sgpoint span { font-size:12px; background:#cc0000; padding:2px 10px; border-radius:20px; color:#fff; }
.sghr { border-top: 1px dashed #dcdcdc; border-bottom: 1px solid #fff;}
#content_tit { font-family: 'twayair'; font-size:40px; padding-top:100px !important; }
#content_tit::after { margin-top:30px !important; }
#contentWrap #content #contentsArea { margin-top:30px !important; }
#contentWrap #content #contentsAreasg { margin-top:30px !important; }
#contentWrap #content #contentsAreasgtext { margin-top:30px !important; }
div.intro div.contLsg01 {float:left; width:54%; padding-top: 25px;}
div.intro .sgsubtit01 { font-size: 32px !important; line-height: 35px !important; padding-bottom: 30px !important; text-align: center; padding-top: 30px; border-bottom: 1px solid #f3dcde; margin-bottom: 20px; }
div.intro div.contLsg01 .sgsubtit_txt { font-size: 22px; font-weight: 600; padding-bottom: 10px; }
div.intro div.contLsg01 .small-dot li { font-size: 19px; padding: 0 0 6px 14px; line-height: 1.4; font-weight: 400;}
div.intro div.contLsg01 .small-dot li:before { width: 4px; height: 4px; top: 11px; background-color:#d27c83; }
div.intro div.contRsg01 {float:right; width:45%;}
div.intro div.contRsg01 > img { float:right; border-radius:15px; width: 100%; margin-top: 50px; }



.sgintbox { padding:20px; margin-bottom:30px; border:1px dashed #dcdcdc; }
.sgstxtp { font-size:12px; padding-bottom:0 !important; padding-left:18px; }
.sgtxtP01 { font-size:17px; color:#666; padding-bottom:10px; padding-left:18px; }
#sgt { padding-bottom:15px; }
#sgt::before { height:50px !important; top:-22px !important; }
.sgcontL { float:left; width:15%; }
.sgcontR { float:right; width:80%; }

#block_02 h3 {font-size:24px; padding:0 0 10px 16px; position:relative; }
#block_02 h3::before {content:""; height:20px; width:4px; background-color:#cc0000; position:absolute; top:9px;  left:0px; }
#block_02 h2 { font-size:24px; position:relative; padding-bottom:20px; color:#252525; }


#contentsAreasgtext .intro .contL img { width:100%; }


.sg-table table {
   font-family: "Noto Sans KR","Dotum","Gulim,Helvetica","sans-serif" !important;
   width: 100%;
   text-align: center;
   font-size: 17px;
   color: #666;
}
.sg-table table th,
.sg-table table td{
   padding: 15px 10px;
   border-right: 1px solid #e4e4e4;
   border-bottom: 1px solid #e4e4e4;  
}

.sg-table table thead tr th {
   background: #7a7a7a;
   color: #fff;
   font-weight: 500;
   letter-spacing: 0.5px;
}

.sg-table table thead tr th span {
   font-weight: 300;
}

.sg-table table thead tr th:nth-child(1),
.sg-table table thead tr th:nth-child(2) {
   border-bottom: 0;
}
.sg-table table thead tr th:last-child,
.sg-table table tbody tr td:last-child {
   border-right: 0;
}

.sg-table table tbody tr td span {
   background: #cc0000;
   padding: 0px 10px 2px 10px;
   border-radius: 50px;
   color: #fff;
   line-height: 2.5;
}

.sg-table-box {
   overflow: scroll;
}

.sg-table .sg-table-txt {
   padding-top: 25px;
}
.sg-table .sg-table-txt p {
   color: #666;
   font-size: 17px;
}
.sg-table .sg-table-txt p span {
   color: #cc0000;
}

.sg-table .guide {
   display: none;
}




.sg-process-box .sg-process {
   display: flex;
   align-items: center;
}

.sg-process-box .sg-process .sgcontL {
   text-align: center;
}
.sg-process:last-child {
   margin-bottom: 0;
}

.sg-process .sgcontL img {
   width: 80%;
   vertical-align: middle;
}
.sg-process .sg-process-list {
   font-size: 17px;
   color: #666;
   padding-left: 15px;
   position: relative
}

.sg-process .sg-process-list::before {
   content:"- ";
   color: #666;
   position: absolute;
   left: 0px;
   top: -2px;
}

.sg-process .sgcontR {
   margin-left: 3%;
}

.sg-process .sgcontR p.txtP {
   padding-left: 0;
}
.sg-process .sgcontR p.txtP span {
   background: #cc0000;
   color: #fff;
   padding: 0px 10px 1px 10px;
   border-radius: 50px;
   font-size: 14px;
   letter-spacing: 0.5px;
   line-height: 2.5;
}
.sg-process #block_02 h3 {
   padding-left: 0;
}
.sg-process #block_02 h3::before {
   display: none;
}



/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/



@media (max-width: 1025px) {
    .sgcont { padding-top:60px; }
}

@media (max-width: 1023px) {
	#contentWrap #content .contRsg01 img { max-width: 100% !important; }
    div.intro div.contRsg01 > img { margin-top: 20px; }
	div.sg_intro { padding: 50px; }
	div.intro div.contLsg01 { padding-top: 0; }
div.intro div.contL {float:none; width:100%; text-align:center; }
div.intro div.contR {float:none; width:100%;}
div.intro div.contLsg01  {float:none; width:100%; } 
div.intro div.contRsg01  {float:none; width:100%; text-align:center; }    
div.intro div.contRsg01 > img { width:100%; float:none; }

    
}

@media (max-width: 990px) {
   .sg-table table tbody tr td span {
      padding: 2px 10px;
   }
   .sg-process .sgcontR p.txtP span {
      padding: 1px 10px;
   }
}

@media (max-width: 880px) { 
   .sg-process .sgcontL img {
      width: 100%;
   }
   .sg-process .sgcontR {
      margin-left: 5%;
   }
}
@media (max-width: 820px) { 
	div.sg_intro {margin: 20px 0 30px 0;} 
}
@media (max-width: 768px) {
div.intro div.contLsg { position:relative; width:100%; }
.sgcont { padding-top:0; }
div.intro div.contLsg01 {padding-top: 10px;}    
	#contentsAreasgtext .intro .contL img { padding-bottom: 30px; }
	.sgmb25m { margin-bottom: 25px; }
	.sgmb30m { margin-bottom: 30px !important; }
	.sgmt15m0 { margin-top: 0px; }
	.sgpt20m { padding-top: 20px; }
	.sgmt35b30 { margin:50px 0 50px 0; }
	.sgmt35 { margin-top: 50px; }
	.sgmt20m0 { margin-top: 0px; }
	.sgpb80m50 { padding-bottom: 50px !important; }
	.sgmt80m50 { margin-top:50px; }
}


@media (max-width: 767px) {
   .sg-process-box .sg-process {
      display: block;
   }
   .sg-process-box .sg-process .sgcontL {
      width: 100%;
   }
   .sg-process .sgcontL img {
      width: 35%;
   }
   .sg-process .sgcontR {
      width: 100%;
      margin-left: 0;
   }
}


@media (max-width: 640px) {
	div.sg_intro { padding: 30px 20px; }
	div.intro div.contLsg01 .sgsubtit01 { font-size: 17px !important; line-height: 32px !important; }
	div.intro div.contLsg01 .small-dot li { font-size: 16px; line-height: 1.3; }
    div.intro div.contLsg01 .sgsubtit_txt { font-size:18px; }
    div.intro .sgsubtit01 { font-size: 24px !important; padding-bottom:20px !important; padding-top:10px;}
    div.intro div.contRsg01 > img:nth-child(1) { margin-top: 5px; }

}
@media (max-width: 540px) {

}
@media (max-width: 480px) {
    
    #content_tit { font-size:30px; }
    div.intro p.txtP { font-size:20px; }
    .sgsubtit { padding-bottom: 30px !important; }
    .sgsub01 { font-size: 17px !important; }
    .sgsub02 { font-size: 15px !important; }
    #content_tit { padding-top:50px !important;  }

    .sgpb100 { padding-bottom:50px; }
}


@media (max-width: 430px) {
   .sg-table .guide {
      display: block;
      text-align: center;
      font-size: 3.7vw;
      background: #f5f5f5;
   }
}


@media (max-width: 414px) {

}
@media (max-width: 375px) {

}

@media (max-width: 280px) {

}


