@charset "utf-8"; /* CSS Document */

/* 페이지 비주얼 */
#page_visual { display: block; padding:var(--sec_pd) 0; 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: #DCE9FA;
    }

/* 페이지 비주얼 - 타이틀 */
#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) 0px; text-align: center; }

/* 페이지 내용 - 타이틀 */
#page_content .content_tit { display: flex; align-items: center; font-weight: bold; font-size: 1.65em; border-bottom: solid 2px var(--border_color); 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; line-height: 1.2; border-bottom: solid 1px var(--border_color);}
#page_content > .wrap > .prod_info > li {/* border-bottom: dotted 1px rgba(0,0,0,0.2) ;*/ padding:  2rem 2rem 3.5rem 3.5rem; width: 100%; position: relative;}
#page_content > .wrap > .prod_info > li:before { content: ""; display: inline-block; width: 1rem; height: 8px; border-radius: var(--br_02); background-color: var(--pink); position: relative; left: -1.5rem; top: 1.2rem; opacity: 0.6;}
#page_content > .wrap > .prod_info > li.half{ width: 50%; /*background-color: var(--light_greenbg);*/}
#page_content > .wrap > .prod_info > li.add_line{border-bottom: solid 1px var(--border_color);}
#page_content > .wrap > .prod_info > li > .tit { font-weight: 600; font-size: 1.1em; margin-bottom: 1rem;}
#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_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;  }

#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:0.5rem 1rem 1.5rem 1.85rem; }

	#page_content > .wrap > .prod_info > li:before {width: 0.8rem; height: 5px; left: -1.25rem; top:1rem;}
	#page_content > .wrap > .prod_info > li, #page_content > .wrap > .prod_info > li.half{ width: 100%; background-color:#FFFFFF;}
    #page_content > .wrap > .prod_info > li:nth-child(odd) { background-color: var(--light_gray)!important;}

}