@charset "utf-8";
/* =============================== 비쥬얼 영역 =============================== */
#sect_visual{
    position:relative;width:100%;
    margin:0 auto;
  	}
#sect_visual .innerWrap{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
    -webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
/* -------------------- 현재 페이지 타이틀 -------------------- */
.info_visual{
    display:flex;align-items:center;
    padding-top:6rem;}
.info_visual > .depth_now{
    position:relative;
    margin-bottom:0.5rem;
    letter-spacing:-0.05em;
    font-size:2.2rem;font-weight:bold;color:#142d83;}
/* -------------------- 히스토리(경로) -------------------- */
.subTitle .history{
    position:relative;
    display:flex;align-items:center;
    font-size:1rem;color:#666;
    margin-left:auto;}
.subTitle .history > span{position:relative;font-size:1.4rem;}
.subTitle .history .ic{
    display:block;position:relative;
    padding-left:20px;
    }
.subTitle .history .ic:before {
	content:"";display:block;position:absolute;top:50%;left:0;margin-top:-7px;
	width:14px;height:15px;
	background:url('../../images/img_gres/icon/ic_home.svg') no-repeat center center;background-size:cover;}
.subTitle .history > span + span:before{
    content:'';display:inline-block;position:relative;
    width:4px;height:6px;
    margin:0 1em;
    background:url('../../images/img_gres/icon/ic_next.svg') no-repeat center center;}
/* -------------------- 공유,인쇄 버튼 -------------------- */
.sharePrint{
    position:absolute;
    top:50%;right:0;transform:translateY(-50%);}
.sharePrint button{
    position:relative;
    width:2.85rem;height:2.85rem;
    margin-left:0.714rem;
    background-color:#fff;border:none;border-radius:100%;
    box-shadow:0.4rem 0.4rem 0 rgba(0,0,0,0.05);
    cursor:pointer;}
.sharePrint button:after{
    content:'';display:block;position:absolute;
    width:100%;height:100%;
    top:0;left:0;
    background-repeat:no-repeat;background-size:60% auto;background-position:center center;}
.sharePrint .btn_print:after{background-image:url('../../images/img_gres/icon/ic_print.svg');}
.sharePrint .btn_share:after{background-image:url('../../images/img_gres/icon/ic_share.svg');}

/* =============================== 서브 전체영역 =============================== */
#sect_subWrap{
    padding: 20rem 2rem 6rem;
    min-height:calc(100dvh - 246px)}
/* =============================== 왼쪽메뉴 SNB =============================== */
.sect_snb{
    position:relative; z-index:20;
    width:23.5rem;margin-top:4rem;margin-bottom:4rem;}
/* -------------------- depth1 -------------------- */
.sect_depth1{
    position:relative;
    display:flex;align-items:center;justify-content:center;
    width:100%;height:13rem;
    padding:2rem;
    background:var(--point-color);
    letter-spacing:-0.05em;
    text-align:center;font-size:2rem;color:#fff;border-radius:10px 10px 0 0;
    font-family: 'GmarketSans';}
/* -------------------- depth2 -------------------- */
.ul_snb{
    position:relative;
    width:100%;
    border:1px solid var(--border-gray);border-top:none;border-radius:0px 0px 10px 10px;box-shadow:0px 15px 25px rgba(0, 0, 0, 0.03);
    background-color:#fff;}
.li_snb_d2{
    position:relative;width:100%;}
.li_snb_d2 > .d2{
    position:relative;
    width:100%;
    }
.li_snb_d2 a{
	display:block;
	color:#444;
    border-top:none;
    padding:2rem 2rem;
    font-weight:600;
	}
.li_snb_d2 + .li_snb_d2 {border-top:1px solid var(--border-gray);}
.li_snb_d2.on a{background:#eff1f4;}
.li_snb_d2.on > .d2 a, .li_snb_d2 > .d2:hover a{color:#4963d1;}
.li_snb_d2.on > .d2:after{-webkit-filter:none;filter:none;opacity:1;}
/* -------------------- depth3 -------------------- */
.ul_d3{
    position:relative;width:100%; z-index:150;
    padding:0.25rem 0 1rem 0;
    font-size:1.071rem;font-weight:400;}
.ul_d3 > li{position:relative;width:100%;}
.ul_d3 > li a{
    display:block;position:relative;
    width:100%;
    padding:0 0 0.8rem 2.2rem;}
.ul_d3 > li.on a, .ul_d3 > li a:hover{font-weight:bold;text-decoration:underline;}

.ul_d3{display:none;}
.li_snb_d2.on .ul_d3{display:block;}
/* -------------------- 퀵메뉴 -------------------- */
.sect_quickMenu{
    position:relative;width:100%;
    margin-top:1.5rem;}
.sect_quickMenu .quickMenu{
    display:block;position:relative;width:100%;
    margin-bottom:1rem;
    color:#444;}
.sect_quickMenu .quickMenu:hover{text-decoration:underline;}
.quickMenu .img_qm{
    display:inline-block;position:relative;overflow:hidden;
    width:3.6rem;height:3.6rem;
    margin-right:0.5rem;
    background-color:#f8f9fb;
    border:1px solid #d2d2d2;border-radius:100%;
    text-align:center;vertical-align:middle;}


/* =============================== 오른쪽 내용 =============================== */
.subTitle {
	width:100%;
	padding-top:2rem;margin-bottom:3rem;
	display:flex;align-items:center;}
.subTitle .depth_now {
	text-indent:-34px;font-size:2.2rem;font-family: 'GmarketSans', sans-serif;font-weight:500;line-height:160%;
	padding-left:34px !important;}
.subTitle .depth_now * {text-indent:0;}
.subTitle .depth_now:before {
	content:url(../../images/img_gres/sub/u-tit01.svg);
	width:2.4rem;height:2.4rem;margin-right:10px;margin-bottom:0.6rem;
	vertical-align:middle;
	display:inline-block;
	text-indent:0;}

.sect_scon {
	flex:1;
	min-height:calc(100dvh - 38.7rem);
	padding:4rem 0 6rem;
}
.sect_subContent{
    position:relative; z-index:10;}
/* -------------------- depth4 탭메뉴 -------------------- */
.tabMenu_d4{
    display:-webkit-box;display:-ms-flexbox;display:flex;gap: 0.5rem;
    position:relative;width:100%;
    margin-bottom:3rem;
    }
.tabMenu_d4 .tab_d4{
	min-height:5rem;padding: 1rem 2.5rem; 
	display:flex;align-items:center;justify-content:center;
	border: 1px solid #e1e4e8;border-radius: 4px 4px 0 0;
	background: var(--bg-gray);
	font-weight: 600;line-height:140%;
    cursor:pointer;}
.tabMenu_d4 .tab_d4 .name {font-size:1.6rem;}
.tabMenu_d4 .tab_d4.on{
		background: #4769f8;border-color: #4769f8;
		color:#fff; position:relative;}
.tabMenu_d4 .tab_d4.on:after{
	content:"";display:block;
	position:absolute;top:50%;right: 2.5rem;
	background:url(../../images/img_gres/sub/tab_arrow.png) no-repeat right / 8px;
	width: 8px;height: 5px;margin-top: -3px;}
.tabMenu_d4 .tab_d4.on .name{padding-right:3.5rem;}
.tabMenu_d4 .tab_d4:focus{outline:none;}


/* -------------------- depth5 탭메뉴 -------------------- */
.tabMenu_d5{
    position:relative;width:100%;
    margin-bottom:2em; padding:0.8em 0;
    background-color:#f5f5f5;
    text-align:center;}
.tab_d5{
    display:inline-block;position:relative;
    padding:0.5em 2em; margin:0.5em 0;
    background:transparent;border:none; border-radius:10rem;
    font-family:inherit;font-size:1em;color:#888;
    cursor:pointer;}
.tab_d5.on{
    background-color:#fff;border:1px solid #d2d2d2;
    box-shadow:5px 5px 0 #d2d2d2;
    font-weight:500;color:#444;}
.tab_d5:focus{outline:none;}
/* -------------------- 문단 제목 -------------------- */
.title_prgph {
		padding-left:30px !important;margin-bottom:1em;
		text-indent:-30px;font-size:2rem;font-weight:600;line-height:160%;}
.title_prgph * {text-indent:0;}
.title_prgph p {display:inline-block;margin-bottom:0;}
.title_prgph:before {
		display:inline-block;
		content:url(../../images/img_gres/sub/u-tit02.svg);
		width:1.8rem;height:1.8rem;
		margin-right:10px;margin-bottom:0.2rem;margin-top:0.5rem;
		vertical-align:top;text-indent:0;}


/* -------------------- 일반 문단(텍스트) -------------------- */
.txt_content{
    position:relative;width:100%;
    margin:0 0 6.5rem 0;
    line-height:1.7em;}
.txt_content > p{position:relative;margin:0.5rem 0;}
/* -------------------- 본문 ul -------------------- */
/* 일반 ul */
.ul_content{
    position:relative;width:98%;
    margin:1rem auto;}
.ul_content > li{
    position:relative;width:100%;
    padding-left:0.8em; margin-bottom:0.6em;}
.ul_content > li:before{
    content:'';display:block;position:absolute;
    width:0.3em;height:0.3em; border-radius:100%;
    top:0.65em;left:0;
    background-color:#627bdf;
    box-shadow:2px 2px 0 rgba(0,0,0,0.1);}
/* inner ul */
.ul_inner_content{position:relative;width:100%;}
.ul_inner_content li{
    position:relative;width:100%;
    padding-left:1.2em;margin:0.3em 0;
    font-size:0.95em;}
.ul_inner_content li:before{
    content:'';display:block;position:absolute;
    width:0.75em;height:0.75em;
    top:0.45rem;left:0; transform:translateY(20%);
    background:url('../../images/img_gres/icon/ic_next_sq_on.svg') no-repeat center center;background-size:auto 100%;
    -webkit-filter: grayscale(100%);filter: grayscale(100%);
    opacity:0.6;}

/* -------------------- 본문 ol -------------------- */
.ol_content{position:relative;width:100%;}
.ol_content > li{
    position:relative;width:100%;
    padding-left:3.25rem; margin:1rem 0;}
.ol_content .num{
    display:block;position:absolute;
    top:0rem;left:0;
    padding:0.2rem 0.25rem;
    min-width:32px;
    background-color:#f1f1f1;
    text-align:center;font-weight:500;font-size:0.875rem;color:#999;}

.ol_inner_content, .ol_inner_content li{position:relative;width:100%;}
.ol_inner_content li{padding-left:1.8em;margin:0.5rem 0;font-size:0.9em;}
.ol_inner_content .num{
    width:2em; min-width:0; height:2em;line-height:2em;
    padding:0; transform:translateY(20%);
    background-color:#fff;border:1px solid #d2d2d2;
    font-size:0.7em;}
/* -------------------- FORM -------------------- */
.label_g{
    display:inline-block;position:relative;}
.label_table{margin:0;}
.str_label{
    display:block;position:relative;margin-bottom:0.8rem;
    font-size:0.9rem;}
.str_label.must:after{
    content:'*';display:inline;
    margin-left:0.25em;
    color:red;}
.info_form{
    position:relative; 
    margin-bottom:1.8em;
    line-height:1.6em;
    font-size:0.9rem;color:#999;}
/* 일반 텍스트 */
.label_g input[type=text],.label_g input[type=password]{
    display:inline-block;position:relative;
    padding:1rem;
    border:none;border-bottom:2px solid #d2d2d2;
    font-family:inherit;font-size:1em;font-weight:500;color:inherit;}
.label_g input[type=text]::placeholder,.label_g input[type=password]::placeholder{
    font-weight:400;color:#bbb;}
    /* 포커스 */
    .label_g input[type=text]:focus, .label_g input[type=password]:focus{
        outline:3px solid #627bdf;background-color:#fff;}
    /* 입력완료 */
    .label_g input[type=text]:placeholder-shown:not(:focus), .label_g input[type=password]:placeholder-shown:not(:focus){background-color:#f6f6f6;}
    /* 입력불가 */
    .label_g input:disabled{color:#999;}
/* 연락처 */
.label_tel input{width:calc(4ch + 2rem);}
/* 주소 */
.label_address{width:100%;max-width:32rem;}
.label_address input.zip{width:calc(10ch + 2rem);}
.label_address input.address{display:block;width:100%;margin-top:1rem;}

/* 라디오박스 */
.label_radio, .label_chk{
    display:inline-block;position:relative;
    padding-left:1.5em;margin:0 1.5rem 2rem 0;
    cursor:pointer;}
.label_radio input[type="radio"], .label_chk input[type="checkbox"]{display:none;}
.label_radio input[type="radio"] + .ic_radio, .label_chk input[type="checkbox"] + .ic_chk{
    display:block;position:absolute;
    width:1em;height:1em;
    top:0;left:0;transform:translateY(25%);
    background-size:100% 100%; background-position:center center; background-repeat:no-repeat;}
.label_radio input[type="radio"] + .ic_radio{background-image:url('../../images/img_gres/icon/f_radio.svg')}
.label_radio input[type="radio"]:checked + .ic_radio{background-image:url('../../images/img_gres/icon/f_radio_on.svg');}
/* 체크박스 */
.label_chk input[type="checkbox"] + .ic_chk{background-image:url('../../images/img_gres/icon/f_chk.svg')}
.label_chk input[type="checkbox"]:checked + .ic_chk{background-image:url('../../images/img_gres/icon/f_chk_on.svg');}
/* 버튼 */
.btn_form{
    display:inline-block;position:relative;
    padding:1rem 2rem; margin-left:0.5rem;
    background-color:#405ed3;
    border:none;border-radius:5px;
    font-family:inherit;font-size:inherit;color:#fff;
    cursor:pointer;}
.btn_confirm,.btn_cancle{
    display:inline-block;position:relative;
    padding:1rem; margin-left:0.5rem;
    background-color:#405ed3;
    border:none;border-radius:5px;
    font-family:inherit;font-size:inherit;
    cursor:pointer;}
.btn_confirm{
    padding:1rem 4rem; 
    font-weight:500;color:#fff;}
.btn_cancle{
    padding:1rem 2rem;
    background-color:#eee;color:#999;
}

/* 셀렉트 */
.label_select{display:inline-block;position:relative;}
.label_select select{
    -webkit-appearance: none;-moz-appearance: none;appearance: none;
    display:inline-block;position:relative;
    padding:1rem;padding-right:3rem;
    background:#fff url('../../images/img_gres/icon/ic_arrow_down.svg') no-repeat 90% center;background-size:auto 25%;
    border:1px solid #d2d2d2;
    font-family:inherit;font-size:inherit;color:inherit;}

/* -------------------- 본문 테이블 -------------------- */   
.table_g {
	width:100%;margin-bottom:20px;
	border: 1px solid #e2e5ea !important;border-left:none; border-top: 2px solid #333 !important; 
	table-layout:fixed;border-collapse: collapse;border-spacing: 0px;}
.table_g caption{ position: absolute; width: 0px; height: 0px; overflow: hidden;}
.table_g th, 
.table_g td {padding:10px; border-top: 1px solid #e2e5ea; border-bottom: 1px solid #e2e5ea;border-left: 1px solid #e2e5ea;}
.table_g th {line-height:160%;background:#f8f9fb;font-weight: 600;}
.table_g .l-line {border-left: 1px solid #e2e5ea !important;}
.table_g td {line-height:160%;}
.table_g td * {line-height:160%;}
.table_g .l-none {border-left:none;}
.table_g td.bg_tc {background:#f8f9fb; text-align:center;}
.table_g thead th {background:var(--bg-gray);}
.table_g td input[type="text"], 
.table_g td input[type="password"],
.table_g td input[type="tel"], 
.table_g td select {max-width:100%;height: 4.2rem; padding:0 1.5rem;  border: 1px solid var(--border-gray); border-radius: 3px;font-weight: 200;color: #333;}

/* -------------------- (본문) 탭메뉴 관련 -------------------- */
.sect_tabs{position:relative;width:100%;}

.area_tabs{
    display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;
    position:relative;width:100%;
    border-left:1px solid #d2d2d2;}
.area_tabs button{
    position:relative;
    padding:1.25rem 2rem;
    background-color:#f5f5f5;
    border:1px solid #d2d2d2;border-left-color:transparent;
    font-family:inherit;font-size:1.143rem;color:#999;
    cursor:pointer;}
.area_tabs button.on{
    background-color:#fff;
    border-bottom-color:transparent;
    font-weight:500;color:#142d83;}
.area_tabs button:focus{outline:none;}

.content_tabs{
    position:relative;width:100%;
    padding:3em;
    border:1px solid #d2d2d2;border-top-color:transparent;
    display:none;}
.content_tabs.on{display:block;}

.dl_tabs{
    position:relative;width:100%;
    margin:1rem 0;}
.dl_tabs dt{position:relative;font-weight:bold;font-size:1rem;color:#405ed3;}
.dl_tabs dd{
    position:relative;
    margin:0.25rem 0;padding-left:0.25em;}
.dl_tabs dd:before{
    content:'-';display:inline-block;
    margin-right:0.5em;}

/* [[[[[[[[[[[[[[[[[[[[[[[[[[[ 상세페이지 관련 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* =============================== (00) 본인인증 =============================== */
.sect_cert{
    position:relative;width:100%;
    padding:4.5rem 5rem;
    background-color:#f8f8f8;}

.box_cert{
    position:relative;width:48%;
    margin:0 auto; /* 20200701 */
    padding:3rem 0;
    background-color:#fff;
    border:1px solid #d2d2d2; border-radius:5px;
    box-shadow:5px 5px 0 rgba(0,0,0,0.05);
    text-align:center;}

.box_cert .title{font-size:1rem;font-weight:bold;color:#2747ae;}
.box_cert strong{font-size:1rem;}

.box_cert .btn_g{margin-top:1.5rem;}
/* .box_cert.ipin .btn_g{background:linear-gradient(-45deg,#379ba8,#1d646d,#379ba8);background-size:200%;}
.box_cert.ipin .btn_g:hover{background-position:right;} */

.area_about_ipin{
    position:relative;width:100%;
    margin-top:2rem;
    border:1px solid #d2d2d2;border-radius:5px;
    background-color:rgba(255,255,255,0.5);}
.box_about_ipin{
    position:relative;
    padding:2rem;
    font-size:0.9rem;}
.box_about_ipin:nth-child(1){width:60%; border-right:1px solid #d2d2d2;}
.box_about_ipin:nth-child(2){width:40%;}
.box_about_ipin a{
    display:inline-block;position:relative;
    margin-top:0.5rem; padding:0.25rem 1rem; padding-right:1.8rem;
    background:#fff url('../../images/img_gres/icon/ic_plus.svg') no-repeat 96% center;background-size:auto 60%;
    border:1px solid #aaa; border-radius:2px;
    font-weight:500;color:#666;}

/* =============================== (00) 로그인 =============================== */
#sect_login_g{
    position:relative;
    width:100%;max-width:500px;
    margin:0 auto; padding:6rem 5rem;
    border:1px solid #d2d2d2;border-radius:5px;
    box-shadow:3px 3px 0 #f5f5f5,6px 6px 0 #f5f5f5;}

.label_login_g{
    display:block;position:relative;width:100%;
    margin:1.5rem 0;}
.label_login_g strong{
    display:block;position:relative;width:100%;
    margin-bottom:0.4rem;
    font-size:0.875rem;}
.label_login_g input{
    display:block;width:100%;
    padding:1em;
    border:1px solid #d2d2d2;
    font-family:inherit;font-size:1em;}
.txt_login_g{
    position:relative;width:100%;
    font-size:0.9rem;color:#888;}
.txt_login_g a{color:#bb3e68;}
#btn_login_g{
    display:block;position:relative;width:100%;
    margin:2rem 0 3rem 0;padding:1em 0;
    border:none;border-radius:5px;
    background-color:#4265ff;
    font-family:inherit;font-size:1em;font-weight:500;color:#fff;
    cursor:pointer;}
/* =============================== (00) 회원가입 =============================== */
/* 20200702 */
.sect_terms{
    position:relative;
    width:100%;
    margin-top:2rem;}
.text_terms{
    position:relative;overflow-y:auto;
    width:100%;height:18rem;
    padding:2rem;
    border:1px solid #d2d2d2;
    line-height:1.8rem; font-size:1rem; color:#666;}
.text_terms h4{position:relative;font-size:1.2rem;color:#2848b0;}
.text_terms h5{position:relative;margin-top:1rem;color:#222;}
.text_terms p{position:relative;margin-bottom:0.5rem;}

.forms_terms{
    position:relative;
    width:100%; padding:1rem 1.5rem; padding-right:2rem;
    background-color:#f5f5f5;
    border:1px solid #d2d2d2;border-top-color:transparent;}
.forms_terms label{margin:0;}
/* =============================== (00) 사이트맵 =============================== */
#sect_siteMap{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
    -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
    -webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;
    position:relative;width:100%;}
.ul_siteMap{
    position:relative;width:30%;
    margin-bottom:2rem;
    border:1px solid var(--border-gray); border-radius:5px;}
.ul_siteMap li{position:relative;width:100%;}
.ul_siteMap .d1{
    padding:1.5rem 0;
    background:var(--point-color);
    letter-spacing:-0.01em;
    text-align:center; font-size:1.1em; font-weight:500; color:#fff;}
.ul_siteMap .d2{border-top:1px solid var(--border-gray);}
.ul_siteMap .d2 a{
    display:block;position:relative;
    width:100%;
    padding:1em 1.5em;
    font-weight:500;color:#000;}
.ul_siteMap .d2 a:hover{color:#4963d1;text-decoration:underline;}

.ul_siteMap .ul_inner_siteMap{
    position:relative;
    background-color:#f8f8f8;
    font-size:1rem;}
.ul_siteMap .d3{border-top:dashed 1px #d2d2d2;}
.ul_siteMap .d3 a{padding:1rem 2.2rem;color:#444;}

.ul_siteMap .d4{padding-bottom:1rem;}
.ul_siteMap .d4 a{padding:0.25rem 3rem;font-size:0.875rem;color:#777;}
.ul_siteMap .d4 a:before{content:'· ';display:inline;}

/* [[[[[[[[[[[[[[[[[[[[[[[[[[[ 01 시스템소개 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* --------- 순서 도표 ul ------ */
.td_progress{
    position:relative;
    width:95%;
    padding:1em; margin:0 auto;
    border:1px solid #d2d2d2;}
    
.td_progress.title{
    padding:1.25em 0; margin-bottom:0;
    border:none; background:#142d83;
    font-size:1.25em;color:#fafafa;}
.td_progress.title + .td_progress{margin-top:0;}
.td_progress.noBorder{border:none;}
.td_progress.grayBox{
    background-color:#f5f5f5;border-color:transparent;
    color:#999;}

/* --------- 정비사업 추진절차(기본) --------- */
.table_b_proceed{
    position:relative;width:100%;
    padding:1em 0;
    background-color:#fcfcfc;
    border:1px dotted #d2d2d2;
    text-align:center;}
.table_b_proceed td{position:relative;vertical-align:top;}

.ul_b_proceed{
    position:relative;width:85%;
    margin:0 auto 3rem auto;
    background-color:#fff;}
.ul_b_proceed li{
    position:relative;width:100%;
    margin-bottom:1rem;
    border:1px solid #d2d2d2; border-radius:5px;
    box-shadow:5px 5px 0 rgba(0,0,0,0.04);
    font-size:1rem;color:#666;}
.ul_b_proceed li:nth-child(1):after{
    content:'';display:block;position:absolute;
    top:2.5rem;
    width:15%;height:3px;
    background-color:#d2d2d2;}
    .table_b_proceed td:nth-child(1) .ul_b_proceed li:nth-child(1):after{left:100%;}
    .table_b_proceed td:nth-child(3) .ul_b_proceed li:nth-child(1):after{right:100%;}

.ul_b_proceed li .title, .ul_b_proceed li .txt{position:relative;width:100%;}
.ul_b_proceed li .title{
    padding:1em 0;
    border-bottom:1px solid #d2d2d2;
    font-weight:500;color:#444;}
.ul_b_proceed li .txt{text-align:left; padding:1em 1.25em;}
    .ul_b_proceed li .txt p{
        position:relative;width:100%;
        padding:0.25em 0;padding-left:0.65em;}
    .ul_b_proceed li .txt p:before{
        content:'·';display:block;position:absolute;
        left:0;top:0.25em;
        font-weight:bold;color:#627bdf;}

.table_b_proceed .step_main{
    position:relative;width:90%;z-index:50;
    padding:1.5em 0;margin:0 auto 2rem auto;
    background-color:#fafafa;
    border:0.5rem solid transparent;
    border-image:url('../../images/img_gres/icon/pt_check.jpg') 9 round;
    font-weight:500;color:#0853a6;}

.table_b_proceed td:nth-child(2):before{
    content:'';display:block;position:absolute;
    width:4px;height:100%;
    bottom:0; left:50%; transform:translateX(-50%);
    background-color:#f5f5f5;}
.table_b_proceed td:nth-child(2):after{
    content:'';display:block;position:absolute;z-index:51;
    width:1rem;height:1rem;
    bottom:0; left:50%; transform:translate(-50%,50%);
    background-color:#d2d2d2;border-radius:100%;}

.table_b_proceed tr:last-child td:nth-child(2):before, 
.table_b_proceed tr:last-child td:nth-child(2):after,
.table_b_proceed:last-child td:nth-child(2):before, 
.table_b_proceed:last-child td:nth-child(2):after,
.table_b_proceed:last-child .ul_b_proceed li:nth-child(1):after{display:none;}
/* 선 관련 */
/* --------- 정비사업 추진절차(상세) --------- */
.prcd_detail{
    position:relative;width:100%;
    padding:1rem 2rem;margin:1rem 0 2rem 0;
    background-color:#fcfcfc;}
.prcd_detail .box{
    position:relative;width:31%;
    margin:1rem 0 2rem 0;
    background-color:#fff;
    border:1px solid #d2d2d2;
    box-shadow:5px 5px 1rem rgba(0,0,0,0.05);
    border-radius:15px;}
.prcd_detail .box2{width:65.5%;}
.prcd_detail .box:before{
    content:'';display:block;position:absolute; z-index:10;
    width:1rem;height:3rem;
    right:100%;top:45%;transform:translateX(-65%);
    background:url('../../images/img_gres/icon/ic_next_pixel.svg') no-repeat center center;background-size:cover;
    opacity:0.5;}
.prcd_detail .box:nth-child(1):before, 
.prcd_detail.noArrow .box:before,
.prcd_detail .box.noArrow:before
{display:none;}
    
.prcd_detail .title{
    position:relative;width:100%;
    padding:1em;
    border-radius:15px 15px 0 0;
    text-align:center;font-size:1.1em;font-weight:500;color:#fff;}
.prcd_detail .title span{font-size:1rem;font-weight:400;}
    /* 색상 */
    .prcd_detail.type1 .title{background-color:#f7e9ed;color:#492b35;}
    .prcd_detail.type1_2 .title{background-color:#ece6dd;color:#4d4232}
    .prcd_detail.type1_3 .title{background-color:#dfe3f3;color:#323c66}
    .prcd_detail.type1_4 .title{background-color:#d7e4e2;color:#3c524e}
    .prcd_detail.type2 .title{background-color:#87a9af;}

    .prcd_detail .box:nth-child(1){border:1px solid #999;border-radius:5px;}
    .prcd_detail .box:nth-child(1) .title{background-color:#fff;border-bottom:1px dashed #d2d2d2;color:#666;}

.prcd_detail .txt{position:relative;width:100%;}
.prcd_detail .box:nth-child(1) .txt{padding:1rem;}

.prcd_detail dl,.prcd_detail dt, .prcd_detail dd{position:relative;width:100%;font-size:1rem;}
.prcd_detail dt{
    padding:0.8rem 1rem;
    background-color:#fafafa;
    border-bottom:1px dotted #d2d2d2;
    font-weight:500;font-size:0.9em;}
.prcd_detail dt:before{
    content:'▶';display:inline-block;position:relative;
    margin-right:1em;transform:translateY(-18%);
    font-size:0.5em;color:#627bdf;}

.prcd_detail dd{ /* 20200629 */
    padding:0.6rem 2rem; padding-left:1.8rem;
    border-bottom:1px solid #eee;
    letter-spacing:0;}
.prcd_detail dd:before{
    content:'-';display:inline-block;position:absolute;
    left:1.25rem;
    margin-right:0.25em;}

/* [[[[[[[[[[[[[[[[[[[[[[[[[[[ 03 정비사업 추진현황 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* ========= 03-01. 지역검색 (시·군) ========== */
/* ---------- (지역별검색 페이지) 우측 지역 선택 관련 ---------- */
#choose_local{
    position:relative; overflow-y:auto;
    width:calc(100% - 550px); height:565px;
    padding:2em;
    background-color:#fff;
    border:1px solid #d2d2d2;}
#choose_local .title{
    position:relative;width:100%;
    padding-bottom:0.8rem;margin-bottom:0.5rem;
    border-bottom:1px solid #d2d2d2;
    font-size:1.2em;font-weight:bold;color:#42446e;}
#choose_local .title:before{
    content:'';display:inline-block;position:relative;
    width:1em;height:1.25em; transform:rotate(180deg) translateY(-18%);
    margin-right:0.2em;
    background:url('../../images/img_gres/icon/bd_arrow_next.svg') no-repeat center center;background-size:auto 100%;
    opacity:0.5;}
#choose_local button{
    display:inline-block;position:relative;
    padding:0.3em 1em;margin:0.5em;
    background-color:#f5f5f5;
    border:none; border-radius:10em;
    font-family:inherit;font-size:1em;font-weight:500;color:#888;
    cursor:pointer;}
#choose_local button.on{background-color:#405ed3;color:#fff;}
/* ========= 03-03. 정비사업 추진현황 (주거환경~재건축) ========== */
.sect_sch_status{
    position:relative;
    padding:1em; margin-bottom:2em;
    background-color:#f8f8f8;
    text-align:center;font-size:1em;}
.sect_sch_status select{
    display:inline-block;position:relative;
    padding:0.8em 1em;padding-right:3em;}
/* [[[[[[[[[[[[[[[[[[[[[[[[[[[ 04 공공지원제도 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* 20200707 */
#ul_choose_local{position:relative;width:100%;}
#ul_choose_local li{
    display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;
    -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center;
    position:relative;width:100%;
    padding:0.25rem 0;padding-left:1.8rem;
    border-bottom:1px dashed #eee;}
#ul_choose_local li:before{
    content:'';display:block;position:absolute;
    width:1.5em;height:1.5em;
    top:50%;left:0;transform:translateY(-50%);
    background:url('../img_gres/icon/ic_marker.svg') no-repeat center center;background-size:100% 100%;}
/* ========= 03-03. 정비사업 추진현황 (주거환경~재건축) ========== */
.sect_sch_status{
    position:relative;
    padding:1em; margin-bottom:2em;
    background-color:#f8f8f8;
    text-align:center;font-size:1em;}
.sect_sch_status select{
    display:inline-block;position:relative;
    padding:0.8em 1em;padding-right:3em;}
/* [[[[[[[[[[[[[[[[[[[[[[[[[[[ 04 공공지원제도 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* [[[[[[[[[[[[[[[[[[[[[[[[[[[ 05 정비사업 전문관리업 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* [[[[[[[[[[[[[[[[[[[[[[[[[[[ 06 알림마당 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* =============================== 자주묻는질문 =============================== */
.ul_faq, .li_faq, .q_faq, .a_faq, .txt_faq{position:relative;width:100%;}
.li_faq{margin-bottom:1rem;}
/* 질문 */
.q_faq{
    padding:2rem 3.5rem 2rem 7rem;
    border:1px solid #d2d2d2;border-radius:5px;
    font-weight:500;font-size:1.15em;
    cursor:pointer;}
.q_faq:after{
    content:'';display:block;position:absolute;
    width:1rem;height:1rem;
    top:50%;right:2.25rem; transform:rotate(45deg) translateY(-100%);
    border:3px solid #d2d2d2;border-top-color:transparent;border-left-color:transparent;
    transition:all 0.3s;}
.num_faq{
    position:absolute;
    width:4rem;height:4rem;line-height:4rem;
    top:1rem;left:1.5rem;
    background-color:#f5f5f5;border-radius:100%;
    text-align:center;font-size:1rem;color:#999;}
.q_faq:hover .txt_faq{text-decoration:underline}

.li_faq.on .q_faq{border:2px solid #627bdf;color:#222;}
.li_faq.on .q_faq:after{
    top:58%;
    border-color:#627bdf;border-bottom-color:transparent;border-right-color:transparent;}
.li_faq.on .num_faq{background-color:#627bdf;color:#fff;}
/* 답변 */
.a_faq{
    padding:1.5rem 3rem 2rem 3rem;
    background-color:#fafafa;
    border:1px solid #d2d2d2;border-top-color:transparent;
    line-height:170%; font-size:0.95em;
    display:none;}
.a_faq p{margin:1rem 0;}

/* =============================== 본문 요소 추가 =============================== */
.sgrayFont {font-size:1.2rem;color:var(--font-gray);}

.arrowbox {margin-top:2rem;}
.arrowbox li {
	display:flex;gap:2rem;align-items:stretch;
}
.arrowbox li > div {border-radius:5px;}
.arrowbox li + li {margin-top:1.5rem;}
.arrowbox .arrow {
	width:10px;
	background:url(../../images/img_gres/icon/ic_next.svg) no-repeat center center /100% 100%;}
.arrowbox .title {
	display:flex;align-items:center;justify-content:center;
	width:20%;padding:2rem;
	background:var(--point-color);
	color:#fff;text-align:center;}
.arrowbox .cont {
	flex:1;
	padding:2rem;
	border:1px solid var(--border-gray);}

/* 스탭 박스 */
.step-listBox {width:100%; position:relative; margin-bottom:40px;}
.step-listBox .join-step-list {width:100%; position:relative;display:flex;flex-wrap:wrap;}
.step-listBox .join-step-list:after {content:''; display:block; clear:both;}
.step-listBox .join-step-list li {flex:1; height:4.8rem;display:flex;align-items:center; border:1px solid var(--border-gray); padding:0 3rem;border-left:none;border-radius:4px 4px 0 0;background:var(--bg-gray);}
.step-listBox .join-step-list li:first-child {border-left:1px solid var(--border-gray);}
.step-listBox .join-step-list li p {margin:0;position:relative;width:100%;font-weight:600;}
.step-listBox .join-step-list li p:before,
.step-listBox .join-step-list li p:after {display:none;content:"";position:absolute;top:50%;margin-top:-1px;width:5px;height:1px;background:#fff;border-radius:10px;}
.step-listBox .join-step-list li p:before {right:0;transform:rotate(-45deg);}
.step-listBox .join-step-list li p:after {right:3px;transform:rotate(45deg);}
.step-listBox .join-step-list li.active {background:var(--point-color); border:1px solid var(--point-color); border-left:none;}
.step-listBox .join-step-list li:first-child.active {border-left:1px solid var(--point-color);}
.step-listBox .join-step-list li.active p {color:#fff;padding-right:1rem;}
.step-listBox .join-step-list li.active p:before,
.step-listBox .join-step-list li.active p:after {display:block;}

	@media screen and (max-width:640px)
	{
		.step-listBox .join-step-list li {flex:auto;width:100%;border-left:1px solid var(--border-gray);}
		.step-listBox .join-step-list li:not(:first-child) {border-radius:0px;border-top:none;}
	}

/* 타이틀 플렉스 */
.title_prgph_flex {display:flex;align-items:center;flex-wrap:wrap;margin-bottom:1rem;}
.title_prgph_flex .title_prgph {margin-bottom:0;}
.title_prgph_flex .r {margin-left:auto;}

/* 분양가격 인근사례 추가버튼 */
.addBtns {display:flex;gap:1rem;margin-bottom:6rem;}
.addBtns button {
	display:flex;align-items:center;
	padding:0 2rem;
	height:8rem;flex:1;border-radius:5px;background:var(--bg-gray);border:none;cursor:pointer;transition:all .3s;font-size:1.6rem;
}
.addBtns .icon {margin-left:auto;display:block;width:3rem;height:3rem;background:#fff;border-radius:50%;position:relative;transition:all .3s;}
.addBtns .icon:before,
.addBtns .icon:after {
	content:"";
	display:block;width:10px;height:2px;
	position:absolute;top:50%;left:50%;margin:-1px 0 0 -5px;
	background:#222;border-radius:10px;
	transition:all .3s;}
.addBtns .icon:after {transform:rotate(90deg);}
.addBtns button:hover,
.addBtns button:focus {color:var(--point-color);}
.addBtns button:hover .icon,
.addBtns button:focus .icon {background:var(--point-color);}
.addBtns button:hover .icon:before,
.addBtns button:focus .icon:before,
.addBtns button:hover .icon:after,
.addBtns button:focus .icon:after {background:#fff;}


/* 사업개요 인풋 플렉스박스 */
.bizinfoIPFlexbox {display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;}
.bizinfoIPFlexbox .nowrapItem {flex:1;}
.mw500 {max-width:50rem;}

/* =========================== 반응형 =========================== */
@media screen and (max-width:1200px)
{
	#sect_subWrap {padding-top:11rem;}
	
	.tabMenu_d4 {flex-wrap:wrap;}
	.tabMenu_d4 .tab_d4 {width:calc(50% - 0.25rem);}
	
	.arrowbox .title {word-break:break-all;}
}

@media screen and (max-width:600px)
{
	/* 사업개요 인풋 플렉스박스 */
	.bizinfoIPFlexbox .nowrapItem {flex:auto;width:100%;}
	
	/* 분양가격 인근사례 추가버튼 */
	.addBtns {flex-wrap:wrap;}
	.addBtns button {flex:auto;width:100%;}
	
}


/* =========================== 이용약관 팝업 =========================== */
#warp:has(.pop) {width:100%;}
body:has(.pop) {font-size:12px;padding:0;margin:0;}
.pop ul, 
.pop li {padding:0;margin:0;text-decoration:none;}
.pop {padding:2rem;width:100%;}
.pop .text{position:relative; overflow:auto;height:33rem;border:1px solid var(--border-gray);background:var(--bg-gray);border-radius:5px;}
.pop .text .tt {padding:2rem; line-height:20px; color:#606060;}
.pop .btn {position:relative;clear:both;}
.pop .title_prgph {margin-bottom:0.6em;}