/* 신분증 스캐너 안내 */
/* 2017-08-19  */
.txt-paragraph{ margin-top: 40px;}
.txt-paragraph img{vertical-align: middle; margin-right: 10px;}
.txt-paragraph img.col-xs-12{width:202px !important;display:block !important;float:right !important;}
.txt-paragraph dl dt{font-size: 18px; color: #333; font-weight: 500; letter-spacing: -0.5px; }
.txt-paragraph dl dd{ font-size: 14px; color: #666; line-height: 28px;  padding-left: 20px; letter-spacing: -0.5px;background-position:10px 15px;}
.txt-paragraph dl dd .txt-black{color: #333; font-weight: 500; margin-right: 3px;}
.txt-paragraph dl dd .text-primary{font-size: 13px; line-height: 18px; display: block; padding-left: 70px;}
/* 2017-08-19  */
.prc_text{margin-top: 0px;}
.prc_text dl dd{padding-left: 0px;}

.tab-content .mgt30{margin-top:0 !important;}


@media screen and (min-width:460px) and (max-width:768px) {
    
	.sub-contents{ padding:0 20px; }
    .pre_img{ width: 100%;}
    .txt-paragraph dl dt{font-size: 16px; }
    .txt-paragraph dl dd{ font-size: 13px; line-height: 24px;  padding-left: 20px; }

}

@media screen and (min-width:320px) and (max-width:550px) {
    
    .sub-contents{ padding:0 10px; }
    .sub-con-title span{display: none;}
    
    .pc-tab{display: none;}
    .mobile-tab{display: block;}
    .nav-pills>li{float: left;}
    .nav-pills>li>a{ font-size: 12px; letter-spacing: -0.5px; text-align: center;}


	.sub-contents{ padding:0 10px; }
    .con-txt-box{  margin-top: 30px;}
    .pre_img{ width: 100%;}
    .txt-paragraph dl dt{font-size: 16px; }
    .txt-paragraph dl dd{ font-size: 13px; line-height: 24px;  padding-left: 20px; }

}


/* 신분증 스캐너 절차 */

.scp-wrap{width: 100%; min-height: 166px;  margin-top: 50px;}

.prl-icon-box{width: 22%; float: left;}
.prl-icon-box .prl-icon{border: 1px solid #d4d3d3; text-align: center; padding-top: 24px; box-sizing: border-box;}
.prl-icon-box .prl-icon p{font-size: 14px; color: #333; margin-top: 10px;}
.prl-icon-box .prl-title{background-color: #2c2f3e; color: #fff; padding:17px 0; text-align: center;}

.prl-txtbox{ width: 77%;height: 166px; background-color: #f8f8f8; border: 1px solid #d4d3d3; padding:55px 15px; float: left; margin-left:1%; letter-spacing: -1px; }
.prl-txtbox p{font-size: 14px; color: #333; line-height: 24px;}
.prl-txtbox p .prl-smtxt{font-size: 13px; color: #777;}

.prl-arrow{ margin-top: 30px; float: left; width: 100%;}
.prl-arrow img{display: block; margin: 0 auto;  width:48px; height: 22px;}

.pdt10{padding-top: 10px;}
.pdt20{padding-top: 20px;}
.pdt30{padding-top: 30px;}
.pdt40{padding-top: 40px;}
.pdt45{padding-top: 45px;}


/*절차 내부 tab-menu*/
.sub-inner-tabmenu .sc-process::after{content:'';display:block;clear:both;}
.sub-inner-tabmenu .sc-process > li{width:18%;margin-right:2%;box-sizing:border-box;text-align:center;float:left;height:100px;border-radius:8px;background-color:#f1f1f1;box-shadow:3px 3px 3px #ddd;color:#333;transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;
}
.sub-inner-tabmenu .sc-process > li a{font-size:14px;}
.sub-inner-tabmenu .sc-process > li:hover{box-shadow:5px 5px 15px #ddd;background:#2c2f3e;}
.sub-inner-tabmenu .sc-process > li:hover > a{color:#fff;}
.sub-inner-tabmenu .sc-process > li.active{background-color:#2c2f3e;}
.sub-inner-tabmenu .sc-process > li.active > a{color:#fff;}
.sub-inner-tabmenu .sc-process > li:last-child{margin-right:0 !important;}
.sub-inner-tabmenu .sc-process > li a{display:block;height:100px;padding-top:19%;font-size:14px;font-weight:600;}
/*.sub-inner-tabmenu .sc-process>li{margin: 0; background-image: url(../imgs/sub/sc_a_bg_off.jpg); background-size:contain;background-repeat:no-repeat;width:18%; min-height:140px;height: 18%;  border: none; padding:10px; overflow:hidden;float:left;
}
.sub-inner-tabmenu .sc-process>li>a{display:block;height:120px;width:100%;vertical-align: middle;text-align:center;padding-top: 25%;font-size:14px;}*/
/*.sub-inner-tabmenu .sc-process>li>a{ display: block;  border-radius: 0px;   text-align: center; font-size: 12px; color: #333; letter-spacing: -0.5px; min-width: 148px; min-height: 148px; padding-top:35%; border: none; }*/
/*.sub-inner-tabmenu .sc-process>li.active>a{ display: block;  color: #fff;  background-image: url(../imgs/sub/sc_a_bg_on.jpg) no-repeat; background-size:contain;  }
.sub-inner-tabmenu .sc-process>li+li{margin-left: 2%;}*/


.sub-inner-tabmenu .mb-sc-process>li{margin: 0; text-align: center; margin-bottom: 2px;}
.sub-inner-tabmenu .mb-sc-process>li>a{border-radius: 0px; border: 1px solid #dadada; font-size: 13px; color: #777;  background: none;}
.sub-inner-tabmenu .mb-sc-process>li.active>a{color: #fff; background-color: #2c2f3e; border: none; height: 40px;}
.sub-inner-tabmenu .mb-sc-process>li+li{margin-left: 0px;}
.sub-inner-tabmenu .mb-sc-process{display: none;}

@media screen and (min-width:730px) and (max-width:1199px) {
.sub-inner-tabmenu .sc-process>li>a{display:block;}
/*.sub-inner-tabmenu .sc-process>li>a{min-width: 120px; min-height: 120px; padding-top:35%;padding-right:22% }*/
	
}

@media screen and (min-width:320px) and (max-width:729px) {
	
	.sub-inner-tabmenu .pc-sc-process{display: none;}
	.sub-inner-tabmenu .mb-sc-process{display: block;}
    

	
}
	
}


@media screen and (min-width:677px) and (max-width:992px) {
    .prl-arrow{height:40px}
    .sub-contents{ padding:0 20px; }
}

@media screen and (min-width:568px) and (max-width:677px) {
    .prl-arrow{height:40px}
    .prl-icon-box .prl-icon p{font-size: 14px; color: #333; margin-top: 10px;letter-spacing: -1px;}

}

@media screen and (min-width:320px) and (max-width:568px) {
    .prl-arrow{ height:40px}
    .prl-icon-box{width: 100%;}
    .prl-txtbox{ width: 100%;margin:0;}
    .prl-txtbox p{ font-size: 14px;}
  
   
}



/* sub_contents : 관련프로그램 다운로드 */

.sc_title img{vertical-align: middle; margin-right: 5px;}

.sc-down a{padding-left: 10px; letter-spacing: -1px;}
.sc-down a:focus{text-decoration: underline;}


/* sub_contents02 : 신청 및 등록 */

.scanner_wrap .form02 .form-title{padding-left: 0; }
.sc-result{ padding: 10px; min-height: 150px;}

@media screen and (min-width:320px) and (max-width:768px) {
    
    .req-num-title{line-height: 20px;}
    .req-number{margin-top: 5px; }

}


/* sub_contents03 : 보증금 */

.scanner_wrap pre{width: 100%;   max-height: 200px; overflow: auto; overflow-x: hidden; background: none; border-radius: 0px;}
.scanner_wrap pre p{font-size: 12px;}

.sc-primary{font-size: 13px; line-height: 22px;}
.sc-primary span{font-size: 13px;}

.form01 .pdl0{padding-left: 0px;}


/* sub_contents04 : 관리 - 팝업 */

.pop-up-wrap{padding-left: 0px; margin: 50px auto; max-width: 100%;}