/* 무선승낙안내 */

.con-txt-box{ border: 1px solid #dadada; background-color: #f5f5f5; padding: 30px; font-size: 14px; color: #555; line-height: 23px; margin-top: 50px;}


/*2017-08-28 수정사항*/
@media screen and (min-width:992px){
    .sub-contents-wrap .col-md-3:first-child{width: 20%;}
    .sub-contents-wrap .col-md-9{width: 80%; padding-right: 0;}
    .mobile-table{display: none;}
	.txt-paragraph dl dd{ font-size: 13px; line-height: 24px;  padding-left: 30px; background-position:15px 10px;}
}

@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: 30px;background-position:15px 11px;}
    .table_bt_txt{ font-size: 12px; }
    .table_bt_txt span{margin-left: 0px;}
     table th, td{font-size: 12px;}

}

@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: 30px; background-position:15px 10px;}
    .table_bt_txt{ font-size: 12px; }
    .table_bt_txt span{margin-left: 0px;}
    table th, td{font-size: 12px;}


}
/* // 2017-08-28 수정사항*/


/* sub_contents : 무선승낙절차 */

.preline_process01, .preline_process02, .preline_process03, .preline_process04, .preline_process05 {width: 100%; min-height: 166px;  margin-top: 50px;}
.preline_process02, .preline_process03, .preline_process04, .preline_process05{margin-top: 30px;}

.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: 16px; 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: 16px; color: #333;}
.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;}

.preline_process02 .prl-txtbox{padding-top: 58px;}
.preline_process03 .prl-txtbox{padding-top: 70px;}
.preline_process04 .prl-txtbox{padding-top: 59px;}
.preline_process05 .prl-txtbox{padding-top: 48px;}
 /*.mobile-table{display: none;}*/

@media screen and (min-width:677px) and (max-width:992px) {
    .prl-arrow{height:40px}
    .preline_process01 .prl-txtbox{padding-top: 50px;}
    .preline_process05 .prl-txtbox{padding-top: 30px;}
    .sub-contents{padding:0}
}

@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;}
    .preline_process01 .prl-txtbox{padding-top: 38px;}
    .preline_process02 .prl-txtbox{padding-top: 50px;}
    .preline_process03 .prl-txtbox{padding-top: 65px;}
    .preline_process04 .prl-txtbox{padding-top: 45px;}
    .preline_process05 .prl-txtbox{padding-top: 18px;}
}

@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;}
    .preline_process01 .prl-txtbox{padding-top: 28px;}
    .preline_process02 .prl-txtbox{padding-top: 40px;}
    .preline_process03 .prl-txtbox{padding-top: 58px;}
    .preline_process04 .prl-txtbox{padding-top: 48px;}
    .preline_process05 .prl-txtbox{padding-top: 15px;}
    .pc-table{display: none;}
	 .mobile-table{display: block;}
}



/* sub_contents : 무선승낙 신청하기 */



.agree_form pre{width: 100px; min-width:100%; height: 300px; overflow-y:scroll; overflow-x:scroll; background: none;}
.agree_form pre p{font-size: 12px; /* white-space: pre; */width:814px;}

.agree_form p{ font-size: 16px; color: #333;}

.agree_checkbox{ margin-top: 17px;}
.agree_checkbox input{vertical-align: middle; margin-top: -3px;}
.agree_checkbox label{color: #666; font-weight: normal;}

.select_req{ margin-top: 50px;}

.file-remove{background: url(../imgs/sub/icon_delete.gif) no-repeat; width: 30px; height: 30px; margin: 35px 0 0 5px;}/*06-30*/
.file-remove-precon{background: url(../imgs/sub/icon_delete.gif) no-repeat; width: 16px; height: 16px; margin: 4px 0 0 5px;}/*06-30*/


@media screen and (min-width:993px)and (max-width:1200px)  {
    
    .form-list-wrap .list-table02 tbody td .form-remark-etc{  margin-left: 40px;}
  
}


@media screen and (min-width:769px) and (max-width:992px)  {

    .sub-contents{ padding: 0 15px; }
    .form-list-wrap .list-table02 tbody td .form-remark-etc{margin-left: 60px;}
  
}

@media screen and (min-width:320px) and (max-width:768px) {
	
    .agree_form pre{height: 200px;} /*06-30*/
    
	.sub-contents{ padding: 0 15px; }
	
	.select_req .list-table02 tbody select{width: 80%;}
    
    .form-list-wrap .pc-table{display: none;}
    
    .precon-req-form{ margin-top: 30px;}
    .form-list-wrap .list-table02 tbody th{text-align: center; padding-left: 0;  font-size: 12px; letter-spacing: -0.5px;}
    .dot-yellow{  margin-right: 3px;}
    .form-list-wrap .list-table02 tbody td{ font-size: 12px; letter-spacing: -0.5px;}
    
    .form-list-wrap .list-table02 input[type='text']{width: 80%;}
    .form-list-wrap .list-table02 input.small-inp{width: 25%;}
    .form-list-wrap .list-table02 select{width: 80%;}

    
}


/* sub_REQLIST 진행상황 조회 */

.text-red{color:red;}
.text-blue{color:blue;}

.form-list-wrap{margin-bottom: 30px; }

.precon-req-process{}
.precon-req-process ul li{float: left; background-color: #f4f4f4; color: #666; padding: 15px; text-align: center; border-radius: 50px; font-size: 14px;}
.precon-req-process ul li.prp_arrow{background: none;}
.precon-req-process ul li.prp_arrow img{width: 100%; max-width: 17px; max-height: 20px; vertical-align: middle;}
.precon-req-process ul li.on{background-color: #548edc; color: #fff;}


.precon-req-form-wrap{position: relative; height: auto; min-height: 600px;}
/*.precon-req-form02, .precon-req-form03{position: absolute; top: 0; left: 0; }*/

.tp-intxt{color: #999; font-size: 12px; letter-spacing: -0.5px;}



/*06-20 유선진행상황조회*/

.form02 .inner-ag-list-wrap, .form02 .inner-ag-list-wrap .inner-ag-list {padding: 0px; }

.form02 .inner-ag-list-wrap .first-div{border-top: 1px solid #e6e6e6;}

.form02 .inner-ag-list-wrap  p { padding: 10px; line-height: 22px;}


.form02 .inner-ag-list-wrap , .form02 .inner-ag-list-wrap .inner-ag-list {border-bottom: none;}

.form02 .inner-ag-list-wrap .inner-ag-list .col-md-3 {width: 25%; }






@media screen and (min-width:992px)  {
	.agent-list  .col-md-3{width:100%;}
}

@media screen and (min-width:400px) and (max-width:768px) {

	.precon-req-process{margin-top: 30px;}
	.precon-req-process ul li{ padding: 10px; font-size: 12px;}
	.form-title02 .code-hide{display: none;}
 
}

@media screen and (min-width:320px) and (max-width:400px) {
	
	.precon-req-process{margin-top: 30px;}
	.precon-req-process ul li{ padding: 10px 5px; font-size: 12px;}
 
}