@charset "utf-8"; /* CSS Document */

/* 페이지 비주얼 */
#page_visual { display: block; padding: 230px 0 var(--sec_pd); text-align: center; position: relative; }
#page_visual * { position: relative; }
#page_visual::before { content: ''; position: absolute; width: 100%; height: 450px; bottom: 0; left: 0; background-color: #edf3ff; }

/* 페이지 비주얼 - 타이틀 */
#page_visual .sec_tit { margin-bottom: 2rem; }

/* 페이지 비주얼 - 텍스트 */
#page_visual .prod_rate { color: var(--blue_01); font-weight: 700; font-size: 2.4rem; margin-top: 2.5rem; }

/* 페이지 비주얼 - 포인트 */
#page_visual .point { display: flex; justify-content: space-between; align-items: center; margin: 2rem auto 3rem; width: 100%; max-width: 840px;  }
#page_visual .point li { width: 33.3%; }
#page_visual .point li .num { opacity: 0.6; margin-bottom: 0.3rem; }
#page_visual .point li .info_txt { font-weight: 700; font-size: 1.4em; }
#page_visual .point li .info_txt span { color: var(--blue_01); }

/* 페이지 비주얼 - 대출한도 조회 버튼*/
#page_visual .btn { background-color: var(--blue_02); }
#page_visual .btn:hover { background-color: var(--blue_02_hover); }

/* 페이지 내용 */
#page_content { display: block; padding: var(--sec_pd) 0; text-align: center; }

/* 페이지 내용 - 타이틀 */
#page_content .content_tit { display: flex; align-items: center; font-weight: bold; font-size: 1.65em; border-bottom: solid 3px #111; padding-bottom: 0.5rem; width: 90%; margin-left: 5%;}
#page_content .content_tit .iconer { margin-right: 0.5rem; font-size: 0.85em; }

/* 페이지 내용 - 상품 정보 */
#page_content > .wrap > .prod_info { text-align: left; font-size: 1.2em; width: 90%; margin:0 5%; display: inline-flex; flex-wrap: wrap;}
#page_content > .wrap > .prod_info > li { border-bottom: dotted 1px rgba(0,0,0,0.2) ; padding: 3rem 2rem; width: 100%;}
#page_content > .wrap > .prod_info > li:nth-child(n+1):nth-child(-n+8){ width: 50%; background-color: var(--light_gray);}
#page_content > .wrap > .prod_info > li:nth-child(n+7):nth-child(-n+8),
#page_content > .wrap > .prod_info > li.add_line{border-bottom: dotted 1px #B5B5B5;}
#page_content > .wrap > .prod_info > li > .tit { font-weight: bold; font-size: 1.1em; margin-bottom: 1rem;  }
#page_content .wrap .prod_info .info_txt ~ ul, #page_content .wrap .prod_info .info_txt ~ ol{ margin-top: 0.75rem; font-size: 0.9em;line-height: 1.3 }
#page_content .wrap .prod_info .info_txt ~ ul li.d-flex.gap-sm span:first-child{ white-space: nowrap;}
#page_content .wrap .prod_info .ul_01 li, #page_content .wrap .prod_info .ul_02 li, #page_content .wrap .prod_info .ul_03 li { position: relative; padding-left: 1rem; margin-bottom: 0.4rem; }
#page_content .wrap .prod_info .ul_01 li:last-of-type, #page_content .wrap .prod_info .ul_02 li:last-of-type, #page_content .wrap .prod_info .ul_03 li:last-of-type { margin-bottom: 0;}
#page_content .wrap .prod_info .ul_01 li > p { white-space:nowrap; padding-left:77px;}
#page_content .wrap .prod_info .ul_02 li, #page_content .wrap .prod_info .ul_03 li { font-size: 0.9em; }
#page_content .wrap .prod_info .ul_01 li:before { content: '·'; position: absolute; left: 0; }
#page_content .wrap .prod_info .ul_02 { padding-left: 1rem; margin-top: 1rem; opacity: 0.75; }
#page_content .wrap .prod_info .ul_02 li:before { content: '-';  position: absolute; left: 0; }
#page_content .wrap .prod_info .ul_03 li:before { content: '※';  position: absolute; left: 0; }
#page_content .wrap .prod_info li.censorship_num { font-weight: 600; font-style: italic; opacity: 0.75; border-bottom: solid 1px #111; }

#page_content .wrap .prod_info li .add_txt { font-size: 0.9em; opacity: 0.75; margin-top: 1rem; }
#page_content .wrap .prod_info li a { color: inherit; font-weight: 700; }
#page_content .wrap .prod_info li .btn_style_02 { background-color: var(--slate_gray); color: #fff; cursor: pointer; margin-top: 2rem; }
#page_content .wrap .prod_info li .btn_style_02:hover { background-color: var(--slate_gray_hover); }

#page_content .wrap .prod_info li ol li {display: flex; align-items: center;}
#page_content .wrap .prod_info li ol span{font-size: 0.8em!important; margin-right: 5px; }
/* ==================== 모바일 레이아웃 ==================== */

@media ( max-width: 900px ) {
    /* 페이지 비주얼 */
    #page_visual { padding: 154px 0 var(--sec_pd); }
    #page_visual::before { height: 340px; }

    /* 페이지 비주얼 - 타이틀 */
    #page_visual .sec_tit { margin-bottom: 2rem; }

    /* 페이지 비주얼 - 오브젝트 */
    #page_visual .obj { width: 160px; }

    /* 페이지 비주얼 - 텍스트 */
    #page_visual .prod_rate { font-size: 1.8em; margin-top: 2rem; }

    /* 페이지 비주얼 - 포인트 */
    #page_visual .point { align-items: flex-start; margin: 2rem auto 2.5rem; }
    #page_visual .point li .num { font-size: 0.9em; margin-bottom: 0.5rem; }
    #page_visual .point li .info_txt { font-size: 1.2em; line-height: 1.35; }

    /* 페이지 내용 - 타이틀 */
    #page_content .content_tit { font-size: 1.4em; width: 100%; margin-left: 0;}

    /* 페이지 내용 - 상품 정보 */
    #page_content > .wrap > .prod_info { font-size: 1em; width: 100%; margin: 0;}
    #page_content > .wrap > .prod_info > li { padding: 2rem 1rem; }
    #page_content .wrap .prod_info li .btn_style_02 { margin-top: 1.5rem; margin-left: 50%; transform: translateX(-55%); }
	
	#page_content > .wrap > .prod_info > li:nth-child(n+1):nth-child(-n+8){ width: 100%; background-color:#FFFFFF;}
	#page_content > .wrap > .prod_info > li:nth-child(n+7):nth-child(-n+8),
	#page_content > .wrap > .prod_info > li.add_line{border-bottom: dotted 1px #ddd;}
    #page_content > .wrap > .prod_info > li:nth-child(odd) { background-color: var(--light_gray)!important;}
	
	#page_content .wrap .prod_info .ul_01 li > p { white-space:pre-wrap; padding-left:57px;}


}