@charset "utf-8";

/* 헤더(상단) */
.header{position: relative; padding: 16px 20px; background: url(../img/title_bg.png) repeat-y 0 0; background-color: #007fc3; border-bottom: 1px solid #00090e;}
.header h1.title{font-size: 20px; line-height: 1; color: #fff;}
.header .close_button{position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; margin-top: -10px; background: url(../img/close.png) no-repeat 0 0;}

/* 콘텐츠 */
.contents{padding: 20px;}
.contents h2.title{position: relative; padding-left: 15px; margin-bottom: 15px; font-size: 18px; line-height: 1;}
.contents h2.title::before{display: block; content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 18px; background-color: #007fc3;}
.contents h3.title{padding-left: 12px; margin-bottom: 15px; font-size: 16px; line-height: 1; background: url(../img/h3.png) no-repeat left center;}
.part + .part{margin-top: 40px;}
.piece + .piece{margin-top: 15px;}
.part p + .piece{margin-top: 15px;}
.part p + p{margin-top: 10px;}

/* 테이블 스크롤 */
.mobile_table_wrap{height: 250px; margin-top: 15px; overflow: auto; border: 1px solid #ddd; border-radius: 3px;}
.mobile_table_wrap table{margin-top: 0;}

/* 테이블 공통 */
.txtl{text-align: left;}
.txtc{text-align: center;}
.txtr{text-align: right;}
.txtj{text-align: justify;}

/* 테이블 스타일1 */
.mobile_table1{margin-top: 15px; border-top: 2px solid #007fc3;}
.mobile_table1 th, .mobile_table1 td{padding: 6px 8px; font-size: 13px; border: 1px solid #bbb;}
.mobile_table1 th:first-child, .mobile_table1 td:first-child{border-left: 0;}
.mobile_table1 th:last-child, .mobile_table1 td:last-child{border-right: 0;}
.mobile_table1 th{color: #007fc3; background-color: #edf6fb;}
.mobile_table1 label{vertical-align: top;}

/* 빨간 색상 글자 */
.red_color_text{color: #d50000;}
.blue_color_text{color: #84bcfb;}

/* 주택지원 표준 설치계약서 하단 버튼 리스트 */
.button_list{display: flex; flex-wrap: wrap;}
.button_list > li{flex: 1; text-align: center;}
.button_list > li + li{padding-left: 4px;}
.button_list > li > a{display: block; padding: 10px 8px; font-size: 13px; line-height: 1.5; color: #fff; background-color: #0a5399; border-radius: 3px;}
/* .button_list > li:first-child > a{line-height: 3;}*/ 

/* 본문조항 */
.article{height: 150px; padding: 10px; border: 1px solid #ddd; border-radius: 3px; overflow-x: auto;}
.article > p{font-size: 13px; text-align: justify;}
.article > p + p{margin-top: 8px;}

/* 안내 사항 */
.info_wrap{padding: 10px; margin-bottom: 15px; background-color: #eef3f8; border: 1px solid #bed2e3; border-radius: 3px;}
.info_list > li{padding-left: 12px; color: #0a5399; background: url(../img/info_list.png) no-repeat top 5px left;}

/* 개인정보 수집 및 이용동의서 리스트 */
.piece .list{margin-top: 15px;}
.piece .list li ul{padding-left: 15px; margin: 8px 0;}
.piece .list li ul li{position: relative; padding-left: 10px;}
.piece .list li ul li + li{margin-top: 4px;}
.piece .list li ul li span{position: absolute; top: 0; left: 0;}