/*서브페이지 공통*/

/*리스트영역 대출업체리스트 + 실시간대출상담*/
.sub .list_area {background:#fff;}
.sub .list_area .title .basic01 .more {display:none;}
.sub .list_area .th {border-top:2px solid #333333; border-bottom:1px solid #dddddd;}
.sub .list_area .th1 {min-width:8%;}
.sub .list_area .th li {font-weight:bold; color:#333333; font-size:15px; text-align:center; padding:15px 10px;}
.sub .list_area .td1 {min-width:8%;}
.sub .list_area .article .title > h2 em { display:inline-block; font-size:13px; color:#888888; vertical-align:middle;}
.sub .list_area .article .title > h2 em::before {content:""; display:inline-block; width:1px; height:11px; background-color:#ccc; margin:0 15px; }
.sub .list_area .article .title > h2 b {font-weight:bold; color:#dd2a26;}

/*대출업체리스트*/
.sub .list_area .p_03 .th2 {min-width:60%}
.sub .list_area .p_03 .th3 {min-width:15%}
.sub .list_area .p_03 .th4 {min-width:17%}

.sub .list_area .p_03 .td2 {min-width:60%}
.sub .list_area .p_03 .td3 {min-width:15%}
.sub .list_area .p_03 .td4 {min-width:17%}

/*실시간 대출상담*/
.sub .list_area .inquiry .write a {background-color:#454545; border-color:#454545; border-radius:3px; color:#fff; padding:12px 15px; font-size:15px;}
.sub .list_area .inquiry .write a:hover {background-color:#2a2a2a;}
.sub .list_area .inquiry .write a i {font-size:14px; margin-right:5px;}

.sub .list_area .inquiry .th2 {min-width:7%}
.sub .list_area .inquiry .th3 {min-width:50%}
.sub .list_area .inquiry .th4 {min-width:16%}
.sub .list_area .inquiry .th5 {min-width:9%}
.sub .list_area .inquiry .th6 {min-width:10%}

.sub .list_area .inquiry .td2 {min-width:7%}
.sub .list_area .inquiry .td3 {min-width:50%}
.sub .list_area .inquiry .td4 {min-width:16%}
.sub .list_area .inquiry .td5 {min-width:9%}
.sub .list_area .inquiry .td5 em {display:none;}
.sub .list_area .inquiry .td6 {min-width:10%}



/*페이지별 검색 공통*/
.search_product_wrap {padding:30px 0;}
.search_product {border:1px solid #e5e5e5; background-color:#fff; border-radius:10px; overflow:hidden;}
.search_product .top {justify-content:space-between; gap:0 10px; border-bottom:1px solid #e5e5e5;}
.search_product .top .tab {width:35%;}
.search_product .top .tab li {width:50%;}
.search_product .top .tab i {font-size:28px; }
.search_product .top .tab a {position:relative; justify-content:space-between; padding:16px 30px; border-right:1px solid #e5e5e5; border-radius:0 10px 0 0; border-left:1px solid #fff; font-size:18px; font-weight:bold; color:#474747;}
.search_product .top .tab li:last-child.on a {}
.search_product .top .tab .on a {color:var(--pick-color);}
.search_product .top .tab .on a::after {position:absolute; bottom:-1px; left:-1px; content:""; display:block; width:calc(100% + 1px); height:1px; background:#fff;}
.search_product .top .keyword_search {gap:10px; width:30%; margin:0 30px 0 0;}
.search_product .top .keyword_search i {display:inline-block; width:20px; color:#222; font-size:20px;}
.search_product .top .keyword_search input {width:calc(100% - 20px - 85px - 20px); font-size:16px; color:#555;}
.search_product .top .keyword_search input::placeholder {color:#bcbcbc;}
.search_product .top .keyword_search button {width:85px; height:30px; text-align:center; background-color:#eff1f4; border-radius:3px; color:#555555; font-size:14px;}
.search_product .middle {display:grid; gap:8px;  grid-template-columns:repeat(9, 1fr); padding:20px 30px;}
.search_product .middle li button {width:100%; height:100%; word-break:keep-all; border:1px solid #eaecef; line-height:1.1; background-color:#fafafa; text-align:center; font-size:15px; color:#333333; padding:8px 5px; border-radius:3px;}
.search_product .middle li button:hover {background-color:var(--bg5); border-color:var(--bg10); }
.search_product .middle li.on button {background-color:#fff; color:var(--pick-color); border-color:var(--pick-color); }
.search_product .bottom {flex-wrap:wrap; justify-content:space-between; gap:10px; padding:15px 30px; border-top:1px solid #eeeeee;}
.search_product .bottom .choice {display:flex; gap:8px; flex-wrap:wrap;}
.search_product .bottom .choice li {gap:10px; justify-content:space-between; min-width:100px; font-size:14px; font-weight:450; color:#555555; border:1px solid #e5e5e5; border-radius:100px; padding:5px 8px 5px 12px;}
.search_product .bottom .choice button {font-size:10px; padding:5px;}
.search_product .bottom .result_btn {gap:8px;}
.search_product .bottom .result_btn button {width:130px; border-radius:3px; border:1px solid; font-size:15px; padding:10px;}
.search_product .bottom .result_btn button:first-child {gap:3px; justify-content:center; background-color:#fff; border-color:#dddddd; color:#747474;}
.search_product .bottom .result_btn button:last-child {background-color:var(--pick-color); border-color:var(--pick-color); color:var(--bg-txt-color);}

/*실시간대출문의 검색*/
.search_product.inquiry_s .classify {width:35%; gap:0 30px;}
.search_product.inquiry_s .classify .tab {width:100%; }
.search_product.inquiry_s .top .tab li {width:auto;}
.search_product.inquiry_s .top .tab a {position:initial; justify-content:start; gap:6px; border-radius:0; font-size:16px; padding:16px 30px 16px 30px; border-left:none; border-right-color:#eee; color:#757575; font-weight:500;}
.search_product.inquiry_s .top .tab a:hover, 
.search_product.inquiry_s .top .tab a:hover i {color:var(--bg80)}
.search_product.inquiry_s .top .tab li:last-child a {border-left:0;}
.search_product.inquiry_s .top .tab i {position:relative; top:-1px; font-size:22px; color:#999;}
.search_product.inquiry_s .top .tab .on a,
.search_product.inquiry_s .top .tab .on i {color:var(--pick-color); font-weight:bold;}
.search_product.inquiry_s .top .tab .on a:hover,
.search_product.inquiry_s .top .tab .on a:hover i {color:var(--pick-color); }

/*상품 상세페이지 공통*/
.p_detail  {margin:30px 0 50px 0;}
.p_detail .pp {position:relative; margin-bottom:30px; display:inline-block; }
.p_detail .pp::before {content:""; display:block; position:absolute; left:0; bottom:0; height:50%; width:100%; background-color:var(--bg20);}
.p_detail .pp span {position:relative; color:#111111; font-size:16px; font-weight:800; z-index:1;}
.p_detail .left .pp span {font-size:20px;}
.p_detail .left .left_con {background:#fff; border:1px solid #e5e5e5; padding:40px 40px;}
.p_detail .left .category {justify-content:space-between;}
.p_detail .left .category p:first-child {color:#ee427f; font-weight:bold; font-size:18px;}
.p_detail .left .category p:last-child {color:#999999; font-size:13px;}
.p_detail .left .category .util {gap:3px;}
.p_detail .left .category .util button {justify-content:center; width:30px; height:30px; border:1px solid #e8e8e8; color:#2b2d31; border-radius:100px; font-size:14px;}
.p_detail .left .top_wrap { border-bottom:1px solid #e5e5e5;}
.p_detail .left .title {color:#111111; font-size:34px; font-weight:800; line-height:1.3; padding:25px 0;}
.p_detail .left .pp {margin-bottom:30px;}
.p_detail .left .detail_info {padding:25px 0 50px 0; }
.p_detail .left .detail_info > div {font-size:16px; color:#444444; line-height:1.6;}
.p_detail .left .detail_info > div ul {list-style:initial;}
.p_detail .left .detail_info > div li {list-style:initial;  margin-left:20px;}
.p_detail .left .detail_info > div strong {font-weight:800;}
.p_detail .right .right_con {border:1px solid #e5e5e5; padding:40px 25px; background:#fff; }
.p_detail .right .pp {margin-bottom:20px;}
.p_detail .right .pp span { font-size:16px; }
.p_detail .right .dl_wrap {display:flex; flex-direction:column; gap:15px;}
.p_detail .right .dl_wrap>dl {display:flex; gap:10px;}
.p_detail .right .dl_wrap>dl>dt {width:80px; font-size:15px; font-weight:bold; color:#333333; line-height:1.2;}
.p_detail .right .dl_wrap>dl>dd {width:calc(100% - 80px - 10px); font-size:15px; color:#555555;  line-height:1.2;}
.p_detail .right dd b {color:var(--pick-color); font-weight:bold;}
.p_detail .right .call {align-items:center;}
.p_detail .right .call dd {gap:10px; flex-wrap:wrap;}
.p_detail .right .inquiry_open {display:inline-block; background-color:var(--pick-color); color:var(--bg-txt-color); border-radius:3px; padding:8px; font-size:13px; font-weight:bold; letter-spacing:-0.3px;}
.p_detail .right dd.no_open a {text-decoration:underline !important;}
/*
.p_detail .right .in_dl {gap:0 8px;}
.p_detail .right .in_dl dt {display:flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:8px;}
.p_detail .right .in_dl dt img {width:14px;}
.p_detail .right .in_dl dt.sns_navertalk img {width:12px;}
.p_detail .right .in_dl dt.sns_facebook img {width:7px;}
.p_detail .right .in_dl dt.sns_telegram img {width:12px;}
.p_detail .right .in_dl dt.sns_twitter img {width:12px;}
.p_detail .right .in_dl dt.sns_kakaostory img {width:7px;}
.p_detail .right .in_dl dt.sns_naver img {width:10px;}
.p_detail .right .in_dl dt.sns_naverband img {width:10px;}
.p_detail .right .in_dl dd {width:calc(100% - 22px - 8px);}
*/
.p_detail .mobile_fix {display:none; position:fixed; bottom:0; left:0; width:100%; z-index:1;}
.p_detail .mobile_fix ul {width:100%; background-color:var(--pick-color); }
.p_detail .mobile_fix ul li {display:block;}
.p_detail .mobile_fix ul li:first-child {width:40%;}
.p_detail .mobile_fix ul li:last-child {width:60%; border-left:1px solid rgba(255,255,255,0.1);}
.p_detail .mobile_fix ul a {gap:6px; justify-content:center; padding:15px 10px; font-size:15px; color:var(--bg-txt-color);}
.p_detail .mobile_fix ul i {font-size:15px;}

/*실시간 대출상담 상세페이지*/
.inquiry_detail .wrap_width {display:flex; flex-wrap:wrap;}
.inquiry_detail .left {width:calc(100% - 360px); }
.inquiry_detail .left .left_con {height:100%; border-radius:10px 0 0 10px;}
.inquiry_detail .left .edit {gap:5px;}
.inquiry_detail .left .edit button {color:#555555; font-size:14px; padding:10px 12px; border:1px solid #e5e5e5; border-radius:3px;}
.inquiry_detail .right {width:360px; }
.inquiry_detail .right .right_con {height:100%; border-radius:0 10px 10px 0px; border-left:0;}

.inquiry_detail .matching {width:100%; margin-top:40px;}
.inquiry_detail .matching .title {gap:15px 10px; justify-content:space-between; margin-bottom:25px;}
.inquiry_detail .matching .title p {font-size:24px; font-weight:800; }
.inquiry_detail .matching .title span {font-size:13px; color:#888888; vertical-align:baseline; line-height:1.2; word-break:keep-all;}
.inquiry_detail .matching .title span::before {content:""; display:inline-block; width:1px; height:6px; margin:0 10px; background-color:#a7a7a7;}
.inquiry_detail .matching .title b {color:var(--pick-color); font-weight:800; }
.inquiry_detail .matching .title a {gap:5px; justify-content:center; background-color:#454545; border-radius:3px; padding:10px; color:#fff; font-size:15px;}
.inquiry_detail .matching .company {display:flex; gap:20px; flex-wrap:wrap;}
.inquiry_detail .matching .company>li {position:relative; width:calc((100% - 60px) / 4); background:#fff; border:1px solid; border-radius:10px; }
.inquiry_detail .matching .company .badge {position:absolute; left:-4px; top:-4px;}
.inquiry_detail .matching .company a {display:block; padding:28px 25px;}
.inquiry_detail .matching .company .name {display:inline-block; color:var(--pick-color); background-color:var(--bg10); border-radius:3px; padding:6px; font-size:13px;}
.inquiry_detail .matching .company .word_wrap {padding:15px 0 20px 0; border-bottom:1px solid #e5e5e5;}
.inquiry_detail .matching .company .word_wrap span {display:block; font-weight:bold;}
.inquiry_detail .matching .company .word1 {color:var(--pick-color); font-size:15px; font-weight:bold; margin-bottom:12px;}
.inquiry_detail .matching .company .word2 {color:#111111; font-size:18px; }
.inquiry_detail .matching .company .bottom {justify-content:space-between; gap:10px; padding-top:20px;}
.inquiry_detail .matching .company .bottom li {gap:3px;}
.inquiry_detail .matching .company .bottom li:first-child {font-size:13px; font-weight:bold; color:#555555;}
.inquiry_detail .matching .company .bottom li:last-child {font-size:13px; font-weight:bold; color:#333333;}
.inquiry_detail .matching .company .bottom li:last-child i {color:var(--pick-color); }



/*대출 상세페이지*/
.product_detail .a_wrap {display:flex; gap:0px 30px; flex-wrap:wrap;}
.product_detail .left {position:sticky; position: -webkit-sticky; left:0; top:85px; width:calc(100% - 30px - 330px); align-self:flex-start; }
.product_detail .left .left_con { border-radius:10px;}
.product_detail .left .area_info {gap:5px; flex-wrap:wrap; margin-bottom:25px;}
.product_detail .left .area_info li {background-color:#f5f5f5; font-size:14px; color:#666666; font-weight:normal; border-radius:100px; padding:8px 12px;}
.product_detail .left .roan_info {display:flex; gap:20px 15px; flex-wrap:wrap; border-bottom:1px solid #f1f1f1; padding:35px 0; }
.product_detail .left .roan_info dl {display:flex; gap:10px; width:calc((100% - 45px) / 4); font-size:16px; line-height:1.2;}
.product_detail .left .roan_info dt {width:60px; font-weight:800; color:#111111; line-height:1.2;}
.product_detail .left .roan_info dd {width:calc(100% - 60px - 15px); color:#555555;}
.product_detail .left .area_info .first {background-color:var(--bg10); color:var(--pick-color); }
.product_detail .left .precautions {gap:15px 25px; background-color:#ebedf0; border-radius:5px; padding:20px; }
.product_detail .left .precautions .em {flex-shrink:0; gap:5px; background-color:#444444; border-radius:3px; color:#fff; font-size:16px; padding:15px;}
.product_detail .left .precautions li {font-size:13px; color:#555555; line-height:1.3;}
.product_detail .right {position:sticky; position: -webkit-sticky; left:0; top:85px; width:330px; align-self:flex-start;}
.product_detail .right .right_con { border-radius:10px;}
.product_detail .right .call_info {background-color:var(--bg10); color:var(--pick-color); padding:15px; border-radius:3px; margin-top:30px; font-size:13px; line-height:1.3; text-align:center; word-break:keep-all;}
.product_detail .right .call_info b {font-weight:bold;}
.product_detail .left .detail_info {padding:25px 0 100px 0;}
.product_detail .left .detail_info {border-bottom:1px solid #e1e1e1; margin-bottom:30px;}


/*등록페이지 공통*/
.p_regist {padding:30px 0;}
.p_regist .box_wrap {width:100%;}
.p_regist .box_wrap .box {margin:50px 0;}
.p_regist .box_wrap>div.box:nth-of-type(1) {margin-top:0;}
.p_regist .box {background:#fff; border-radius:10px; padding:30px; border:1px solid #e5e5e5;}
.p_regist .box h2 {font-size:22px; color:#222222; font-weight:bold; border-bottom:2px solid #404040; padding-bottom:15px;}
.p_regist .box h2.no_border {border-bottom:0;}
.p_regist .box input.title[type="text"] {width:100%; border:3px solid var(--bg80); padding:20px; text-align:center; font-size:20px; font-weight:bold; border-radius:5px; color:#222;}
.p_regist .box input.title[type="text"]::placeholder {color:var(--pick-color);}
.p_regist .box .editor_wrap {border-bottom:1px solid #ddd; padding:10px 0;}


/*로그인*/
.login { padding:20px 0 50px 0}
.login h2 { color:#333; font-size:32px; font-weight:800; margin-bottom:30px; text-align:center;}
.login .login_wrap {background:#fff; padding:50px 20px;}
.login .box {width:500px; margin:0 auto; }
.login .logininput {display:flex; flex-wrap:wrap; flex-direction:column; gap:8px;}
.login .logininput input {width:100%; background-color:#f5f5f5; border-radius:5px; height:55px; line-height:55px; padding:0 15px;}
.login .log_btn {width:100%; background-color:var(--pick-color); color:var(--bg-txt-color); font-size:22px;  height:55px; line-height:55px; padding:0 10px; border-radius:5px;}
.login .uitl {justify-content:space-between; margin:15px 0 25px 0; }
.login .uitl label,
.login .uitl a {display:inline-block; font-size:14px; color:#777;}
.login .uitl p input {width:20px; height:20px; margin-right:5px;}
.login .loginlink li:before {content:""; display:inline-block; width:1px; height:10px; background:#ccc; margin:0 15px;}
.login .loginlink li:first-child:before {display:none;}
.login .snslogin p {position:relative; margin:40px 0 20px 0; text-align:center;}
.login .snslogin p::before {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); content:""; display:inline-block; width:100%; height:1px; background-color:#ddd;}
.login .snslogin p span {position:relative; background:#fff; z-index:1; padding:0 15px; font-size:15px; font-weight:600; color:#888;}
.login .snslogin ul {flex-wrap:wrap; justify-content:center; gap:10px;}
.login .snslogin ul li {border-radius:100px; width:50px; height:50px;}
.login .snslogin ul img {width:22px;}
.login .snslogin ul a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.login .snslogin ul .sns_naver img {width:16px;}

/*아이디패스워드찾기*/
.login .tab li {width:50%; padding:20px; text-align:center; border:1px solid #f3f3f3; background:#f3f3f3; font-size:18px; cursor:pointer; border-bottom:none; font-weight:bold; color:#999}
.login .tab li.on {color:var(--pick-color); border-color:var(--pick-color); background:#fff;}
.login .find_info {background-color:var(--bg3); padding:15px; line-height:1.4; font-size:13px; margin:20px 0;}
.login .input_wrap dl {display:flex; gap:10px; margin-bottom:10px;}
.login .input_wrap dt {width:100px; line-height:50px; height:50px; font-size:16px; background:#f9f9f9; border:1px solid #ddd; text-align:center; border-radius:5px 0 0 5px;}
.login .input_wrap dd {width:calc(100% - 5px - 100px);}
.login .input_wrap dd input {width:100%; border:1px solid #ddd; border-radius:0 5px 5px 0;  line-height:50px; height:50px; padding:0 20px;}
.login .input_wrap dd input::placeholder {color:#999;}
.login .find_id .id_view {font-size:16px; text-align:center; width:100%; padding:20px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#777;}
.login .find_id .id_view b {color:#f1540e; font-weight:bold;}
.login .find_id .next_btn {gap:10px;}
.login .find_id .next_btn button {width:calc((100% - 10px) / 2); }

/*약관 동의*/
.agree_wrap {padding:30px; border-radius:5px; border:1px solid #d0d0d0; background:#f5f7fa; margin-top:40px;}
.agree_wrap .tit {gap:10px; justify-content:space-between; border-bottom:1px solid #dddddd; padding-bottom:15px;}
.agree_wrap .tit p {font-size:18px; font-weight:bold; color:#222222;}
.agree_wrap .tit label {font-weight:bold; font-size:18px; color:#222222;}
.agree_wrap dl {justify-content:space-between; gap:10px; padding:10px 0; border-bottom:1px dashed #e5e5e5;}
.agree_wrap dl a {display:inline-block; background:#222222; color:#ffffff; font-size:13px; text-align:center; padding:10px; border-radius:3px;}
.agree_wrap dl .essential {color:#ff0000;}
.agree_wrap dl dd {font-size:15px; color:#222222; text-align:right;}
/*공통페이지 + 개인정보처리*/
.basics { padding:20px 0 50px 0}
.basics .box_wrap {background:#fff; padding:30px 30px 50px 30px ;}
.basics h2 {font-size:22px; font-weight:bold; margin-bottom:20px; color:#222;}

.terms h2 {font-size:20px;}
.terms .terms_box {padding:20px; max-height:200px; overflow-y:auto; background:#fafafa; border:1px solid #ddd; padding:15px;  margin-bottom:20px; font-size:14px; line-height:1.5; }
.terms .agree_check {text-align:right;}
.terms .agree_check label {font-size:15px; cursor:pointer;}
.terms .agree_check input {width:20px; height:20px; margin-right:8px;}

/*기타 페이지 + 마이페이지 좌측메뉴*/
.left_box {width:230px;}
.left_nav {background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.03);}
.left_nav > li {border-bottom:1px solid #ececec;}
.left_nav > li:hover i {display:block;}
.left_nav > li i {font-size:12px;}
.left_nav .depth1 {justify-content:space-between; padding:20px 20px; font-size:16px; color:#111111; }
.left_nav .depth1 i {display:none;}
.left_nav .on .depth1 {font-weight:900; }
.left_nav .on .depth1 i {display:block; }
.left_nav .depth2 {padding:12px 0; border-top:1px dashed #eee; background:#fbfbfb}
.left_nav .depth2 a {position:relative; gap:3px; font-size:14px; color:#555; font-weight:450; padding:7px 20px 7px 30px;}
.left_nav .depth2 a:hover {color:#222; font-weight:500; text-decoration:underline !important;}
.left_nav .depth2 a::before {position:absolute; left:20px; top:13px; border-radius:100px;  content:""; display:inline-block; width:3px; height:3px; background:#222;}
.left_nav .depth2 .on a {color:#222222; font-weight:bold;}
.left_nav .depth2 p {font-size:13px; color:#0bbdcd; padding:4px 20px; line-height:1.4;}


/*기타 페이지*/
.etc .wrap_width {display:flex; gap:20px;}
.etc .con {width:calc(100% - 230px - 20px); background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.03); padding:30px 30px 40px 30px;}
.etc .con_in {border-top:1px solid #949494; padding-top:20px; font-size:16px; line-height:1.5;}
.etc table.style2 {border-top:1px solid #ddd;}

/*기타 페이지 에디터 스타일 적용*/
/*.etc .cheditor-container iframe {height:200px !important;}*/
/*.etc .con_in ul {list-style-type:initial !important;}*/
/*.etc .con_in ul li {list-style: initial !important;}*/
.etc .con_in strong {font-weight:bold;}
.etc .con_in em {font-style:italic;}

/*기타 페이지 모바일 상단 메뉴*/
.etc .etc_m_menu {display:none; flex-wrap:wrap; margin-bottom:10px; border-top:1px solid #ddd; border-left:1px solid #ccc;}
.etc .etc_m_menu li {position:relative; flex:1 1 33.333%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.etc .etc_m_menu li a{display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:13px; line-height:18px; padding:8px; text-align:center;  letter-spacing:-0.3px; color:#777; word-break:keep-all;}
.etc .etc_m_menu li.on {position:relative;    z-index:1;    border-color: var(--pick-color);}
.etc .etc_m_menu li.on::after{ content:''; position:absolute; inset:-1px; border:1px solid var(--pick-color); pointer-events:none;}
.etc .etc_m_menu li.on a {color:var(--pick-color);}
/*
.etc .etc_m_menu li:nth-child(-n+3) {border-top:1px solid #ddd;}
.etc .etc_m_menu li:nth-child(3n) {border-right:1px solid #ddd;}
.etc .etc_m_menu li:last-child {border-right:1px solid #ddd;}
*/

/*사기번호 검색*/
.fraud_number .fraud_number_info {text-align:center; padding:20px 0 30px 0;}
.fraud_number .fraud_number_info b {font-weight:bold;}
.fraud_number .fraud_number_info .col {color:var(--pick-color); }
.fraud_number .total {border:10px solid #f5f7fa; padding:30px; margin-bottom:35px;}
.fraud_number .total .t_wrap dl {width:50%; text-align:center;}
.fraud_number .total .t_wrap dl:last-child {border-left:1px solid #e2e4e7;}
.fraud_number .total dt {font-weight:450; color:#333333; font-size:14px;}
.fraud_number .total dd {display:inline-block; position:relative; font-size:20px; font-weight:450; color:#111111; }
.fraud_number .total dd::before {position:absolute; left:0; bottom:0; content:""; display:inline-block; width:100%; height:40%; background-color:var(--bg10); }
.fraud_number .total dd b {font-weight:800; font-size:30px; vertical-align:baseline; margin-right:5px;}
.fraud_number .total .number {gap:10px; margin-top:40px;}
.fraud_number .total .number p {width:100px; font-size:15px; text-align:center; font-weight:bold; color:#111111;}
.fraud_number .total .number div {width:calc(100% - 100px - 10px); gap:10px;}
.fraud_number .total input {width:calc((100% - 80px - 40px - 50px) / 3); height:50px; border-radius:3px; background-color:#fbfbfb; border:1px solid #dedede; padding:0 10px;}
.fraud_number .total button {width:80px; height:50px; text-align:center; background-color:var(--pick-color); color:var(--bg-txt-color); font-size:16px; font-weight:450; border-radius:3px;}
.fraud_number .top {justify-content:space-between; margin-bottom:15px;}
.fraud_number .top p {font-size:24px; color:#111111; font-weight:bold; }
.fraud_number .top p em {display:inline-block; font-size:13px; color:#888; vertical-align:middle;}
.fraud_number .top p em::before {content:""; display:inline-block; width:1px; height:11px; background-color:#ccc; margin:0 15px;}
.fraud_number .top b {font-weight:bold; color:#dd2a26;}
.fraud_number .top a {gap:5px; justify-content:center; color:#fff; font-size:15px; padding:10px 15px; border-radius:3px; background-color:#454545;}
.fraud_number .top a i {font-size:14px;}
.fraud_number .th {border-top:2px solid #404040; text-align:center; border-bottom:1px solid #dddddd;}
.fraud_number .th li {padding:10px 10px; font-size:15px; color:#333333; font-weight:bold; }
.fraud_number .td li {padding:15px; font-size:15px; color:#666666; text-align:center; border-bottom:1px solid #e5e5e5;}
.fraud_number .td a {display:block; color:#0e8ee8;}
.fraud_number .th1,
.fraud_number .td1 {width:15%;}
.fraud_number .th2,
.fraud_number .td2 {width:15%;}
.fraud_number .th3,
.fraud_number .td3 {width:55%;}
.fraud_number .th4,
.fraud_number .td4 {width:15%;}
.fraud_number .open_con {background-color:#f9f9f9; padding:15px; font-size:15px; color:#444444; line-height:1.4; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.fraud_number .open_con button {float:right; display:block;  background:#fff; color:#888888; font-size:13px; border:1px solid #aaaaaa; padding:6px 8px; border-radius:3px; margin-top:15px; }
.fraud_number .open_con ul {width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ddd; font-size:13px; color:#666;}
.fraud_number .open_con ul li::before {content:""; display:inline-block; width:1px; height:5px; background-color:#ddd; margin:0 10px;}
.fraud_number .open_con ul li:first-child::before {display:none;}
.fraud_number .no_info {background-color:#f9f9f9; font-size:15px; color:#888888; text-align:center; padding:20px 10px;}

/*피해 신고하기*/
.fraud_report .help_text b {font-weight:bold; color:#f30e0e;}
.fraud_report h3 {font-size:18px; color:#111111; font-weight:800; margin-bottom:10px;}
.fraud_report h3::before {content:""; display:inline-block; width:4px; height:15px; background-color:var(--pick-color); margin-right:10px;}
.fraud_report .box:nth-of-type(2) {margin-top:50px;}
.fraud_report table.style2 textarea {height:150px;}


/*회원가입*/
.join .order {justify-content:center; margin-bottom:40px; background:#fff url('../images/comn/diagonal_bg.png') left top; padding:20px 10px;}
.join .order li {display:flex; align-items:center; gap:10px; font-size:18px; color:#999; font-weight:bold;}
.join .order li::before {content:""; display:inline-block; width:50px; height:1px; background-color:#ccc; margin:0 20px;}
.join .order li:first-child::before {display:none;}
.join .order span {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:100px; font-size:16px; font-weight:bold; border:3px solid #ddd; background:#fcfcfc; color:#bbb;}
.join .order li.on {color:var(--pick-color); font-weight:800;}
.join .order li.on span {background-color:var(--pick-color); color:var(--bg-txt-color); border-color:var(--pick-color);}
.join .allagree {justify-content:space-between; gap:15px; background:#fafafa; border:1px solid #ddd; padding:30px;  margin-bottom:30px;}
.join .allagree label {font-size:20px; font-weight:bold; cursor:pointer;}
.join .allagree input[type="checkbox"] {width:25px; height:25px; margin-right:10px;}
.join .terms_wrap {display:flex; justify-content:space-between; gap:30px;}
.join .terms_wrap .terms {width:calc((100% - 30px) / 2);}
.join h2 span, 
.join h2 span b {font-size:14px; vertical-align:baseline;color:#0466df;}
.join h2 span b {font-weight:bold;}
.join h2 span::before {content:""; display:inline-block; width:1px; height:10px; background-color:#aaa; margin:0 10px; }
.join h2:nth-of-type(2) {margin-top:50px;}
.join table.style2 {border-top:1px solid #ddd;}
.join input[type="text"],
.join input[type="password"] {width:30%;}

/*회원가입 - 회원정보입력*/
.join .my_img .bojo3 {width:100%; margin-bottom:10px;}

/*회원가입 - 가입완료*/
.join .join_complet {text-align:center;padding:50px 0; font-size:18px; line-height:1.5;}
.join .join_complet .col {font-weight:bold; color:var(--pick-coolr);}
.join .join_complet b {font-weight:bold; color:#222;}
.join .join_complet h2 {font-size:28px; font-weight:bold; margin-bottom:20px;}
.join .join_complet h2 strong {color:var(--pick-color); font-weight:bold;}
.join .join_complet ul {width:75%; justify-content:center; gap:10px 50px; margin:30px auto 0 auto; padding-top:30px; border-top:1px solid #eee;}
.join .join_complet ul li {position:relative;}
.join .join_complet ul li p {justify-content:center; margin:0 auto 15px auto; width:100px; height:100px; background-color:var(--bg5);}
.join .join_complet ul li p img {width:40px; /*filter: opacity(0.5) drop-shadow(0 0 0 var(--pick-color)) /*filter:invert(37%) sepia(100%) saturate(2021%) hue-rotate(210deg) brightness(97%) contrast(91%);*/}
.join .join_complet ul li p span {background:#fff; border-radius:100px; }
.join .join_complet ul li .join_01 img {width:55px}
.join .join_complet ul li .join_02 img {width:50px}
.join .join_complet ul li .join_03 img {width:50px;}
.join .join_complet ul li .join_04 img {width:45px}
.join .join_complet ul li .join_05 img {width:50px;}
.join .join_complet ul li:first-child::before {display:none;}
.join .join_complet ul li::before {position:absolute; left:-35px; top:30%; transform:translate(0%, -30%); content:""; display:inline-block; width:20px; height:20px; background:url('../images/icon/join_arrow.svg') center center no-repeat;  filter: opacity(0.5) drop-shadow(0 0 0 var(--pick-color))}
.join .join_complet ul dt {font-size:13px; color:var(--pick-color); font-weight:bold;}
.join .join_complet ul dd {font-size:18px; word-break:keep-all;}

/*본인인증*/
.identification h2 {width:100%;}
.identification .box_wrap2 {display:flex; gap:0 20px; justify-content:center; flex-wrap:wrap;}
.identification .box_wrap2 p {justify-content:center; width:100px; height:100px; border:1px solid var(--bg30); border-radius:100px; color:var(--pick-color); font-size:40px; margin:0px auto 30px auto; background-color:var(--bg3);}
.identification .box_wrap2 button {width:100%; border-radius:5px; text-align:center; padding:20px 30px; font-weight:600; color:var(--bg-txt-color); background-color:var(--pick-color); font-size:20px;}
.identification .box {border:1px solid var(--bg50); padding:30px; text-align:center;}

/*광고안내 + 광고등록 상품 선택영역 공통*/
.service {}
.service .box_wrap {background:#fff; border:1px solid #e5e5e5; padding:30px; margin:20px 0 50px 0; border-radius:10px;}
.service .box {margin:45px 0;}
.service .box:first-child {margin-top:0;}
.service .box:last-child {margin-bottom:0;}
.service .box .title {gap:15px; padding-bottom:15px; }
.service .box .title h2 {font-size:22px; font-weight:bold; font-weight:bold;}
.service .box .title ul {gap:5px;}
.service .box .title .essential {display:none; background-color:#ffe5e6; color:#e4372e; border-radius:100px; padding:8px 12px; font-size:13px; border:1px solid #ffe5e6;}
.service .box .title a {display:flex; gap:3px; align-items:center; background-color:var(--bg10); color:var(--pick-color);  border-radius:100px; padding:8px 12px; font-size:13px; border:1px solid var(--bg10); }
.service .prodcut_check {display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.service .prodcut_check label {position:relative; }
.service .prodcut_check .p_con {display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%; border:1px solid #e5e5e5; border-radius:10px; padding:30px 20px 20px 20px; box-shadow:0 5px 0 rgba(0,0,0,0.03); }
.service .prodcut_check .p_title {font-size:20px; font-weight:650; color:#000000; text-align:center;}
.service .prodcut_check .price {display:flex; gap:0 10px; justify-content:center; align-items:baseline; margin:20px 0; letter-spacing:-1px;}
.service .prodcut_check .price dt {font-weight:800; color:#e4372e; font-size:26px;}
.service .prodcut_check .price dd {font-size:20px; font-weight:bold; color:#afafaf; }
.service .prodcut_check .p_info01 {border-top:1px solid #efefef; padding:20px 0 15px 0;}
.service .prodcut_check .p_info01 dl {display:flex; gap:0 5px;}
.service .prodcut_check .p_info01 dt {color:#acacac; line-height:1.3;}
.service .prodcut_check .p_info01 dd {color:#555555; font-size:15px; line-height:1.3;}
.service .prodcut_check .p_info02 {border-radius:3px; padding:12px; font-size:13px; line-height:1.4; color:#666666; background-color:#f8f8f8;}
.service .prodcut_check .p_info02 ul,
.service .prodcut_check .p_info02 ul li {list-style:initial;}
.service .prodcut_check .p_info02 ul {padding-left:15px;}
.service .sub_option_inc .p_info01 dd ul {padding-left:20px;} /*부가,강조서비스 영역*/
.service .sub_option_inc .p_info01 dd ul li {list-style:initial;} /*부가,강조서비스 영역*/

.service .step {display:flex; justify-content:center; width:100%; background:#fff; border-radius:10px; border:1px solid #e5e5e5; padding:30px 10px; margin:30px 0;}
.service .step li {gap:0 8px;}
.service .step li::before {content:""; display:inline-block; width:38px; height:2px; background-color:#eaeaea;  margin:0 20px;}
.service .step li:first-child::before {display:none;}
.service .step li.on em {background-color:var(--pick-color); }
.service .step li.on em::before {border-color:var(--pick-color); }
.service .step li.on p,
.service .step li.on span {color:var(--pick-color); }
.service .step em {position:relative; display:flex; align-items:center; justify-content:center;  min-width:38px; min-height:38px;  width:38px; height:38px; background-color:#d9d9d9; color:#fff; border-radius:100px;}
.service .step em::before {position:absolute; top:-3px; left:-3px; content:""; display:inline-block; min-width:44px; min-height:44px;  width:44px; height:44px; border:1px dashed #d9d9d9; border-radius:100px;}
.service .step p {font-size:18px; color:#c0c0c0; font-weight:900; line-height:1.1; word-break:keep-all;}
.service .step p span {font-size:15px; color:#c0c0c0; font-weight:900; line-height:1.1;}

/*광고안내 페이지*/
.service_info .prodcut_check input {position:absolute; z-index:-1;}

/*광고안내 안내 레이어창*/
.service_pop > button.white {position:absolute; right:25px; top:20px; font-size:20px;}
.add_service_pop {max-height:600px; overflow-y:auto;}
.add_service_pop .add {text-align:left;}
.add_service_pop .add p {display:inline-block; font-size:15px; font-weight:bold; padding:13px; border-bottom:1px solid #ddd; margin-bottom:10px; text-align:left; background-color:#2a2a2a; color:#fff}
.add_service_pop > div {margin-bottom:10px;}
.add_service_pop > div:nth-last-of {margin-bottom:0;}
.add_service_pop .scroll {padding:0; }
.emphasis_pop .service_box {display:flex; flex-wrap:wrap; align-items:center; gap:3%;}
.emphasis_pop .service_box > div {flex:1 1 44%;}
.emphasis_pop .service_box > i {font-size:26px;}
.emphasis_pop .badge {position:absolute; left:-4px; top:-3px;}
.emphasis_pop .p_01 .p_wrap>li {position:relative;}
.emphasis_pop .p_01 .p_wrap>li a {cursor:auto;}
.emphasis_pop .p_01 .ex {position:absolute; }
.emphasis_pop .p_01 .ex img {position:relative; top:4px; width:15px;}
.emphasis_pop .p_01 .ex span {display:inline-block; color:#fff; padding:5px; font-size:13px; font-weight:800; line-height:1.2;}
.emphasis_pop .p_01 .ex_badge { left:30%; top:0px;  color:#3a26fc; text-align:left;}
.emphasis_pop .p_01 .ex_badge span {background-color:#3a26fc; }
.emphasis_pop .p_01 .ex_badge img {left:-20px; top:-10px; transform: scaleX(-1);}
.emphasis_pop .p_01 .ex_bcol {left:10px; top:50%; color:#fc7d0c;  text-align:left;}
.emphasis_pop .p_01 .ex_bcol span { background-color:#fc7d0c}
.emphasis_pop .p_01 .ex_bcol img {transform: scaleX(-1);}
.emphasis_pop .p_01 .ex_blink {left:-8px; top:22%; color:#fc2e50;  text-align:right;}
.emphasis_pop .p_01 .ex_blink span {background-color:#fc2e50; }
.emphasis_pop .phrase_02 {position:relative;}
.emphasis_pop .p_wrap .phrase_02 .ex_blink span {height:auto; font-size:13px; }

/*상품구매페이지 (상품선택)*/
.product_choice .title a {display:none;}
.product_choice .choice {display:table-cell;}
.product_choice table .li_input  {display:flex;}
.product_choice .next_btn.payment_no {display:none;}
.product_choice .preview_btn {display:block; font-size:13px; color: #fff; line-height:1.1; border-radius: 5px; padding:8px; transition: all 0.3s ease; position: relative;background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);}

.product_choice .wrap_width {display:flex; gap:0 30px; flex-wrap:wrap; margin:0 auto 50px auto;}
.product_choice .box_wrap {position:sticky; position: -webkit-sticky; left:0; top:0; align-self:flex-start; width:calc(100% - 300px - 30px); top:65px; margin:0;}
.product_choice .box .title .essential {display:inline-block; }
.product_choice .prodcut_check label {cursor:pointer;}
.product_choice .prodcut_check label:hover .p_con {border-color:#42c2a2;}
.product_choice .prodcut_check label:hover .p_con .p_info01 dt {color:#42c2a2;}
.product_choice .prodcut_check input {position:absolute; left:0; top:0; opacity:0; width:100%; height:100%;}
.product_choice .prodcut_check input:checked + .p_con {background:#42c2a2; border-color:#42c2a2;}
.product_choice .prodcut_check input:checked + .p_con .p_title,
.product_choice .prodcut_check input:checked + .p_con dt,
.product_choice .prodcut_check input:checked + .p_con dd,
.product_choice .prodcut_check input:checked + .p_con .p_info02 {color:#fff;}
.product_choice .prodcut_check input:checked + .p_con .p_info02 {background-color:rgba(255,255,255,0.15)}
.product_choice .prodcut_check label:hover input:checked + .p_con .p_info01 dt {color:#fff;}
.product_choice .service_addup {position:sticky; position: -webkit-sticky; left:0; top:0; align-self:flex-start; width:300px; top:85px; background:#fff; border:1px solid #aaa; padding:20px; }
.product_choice .service_addup dl {margin-bottom:20px;}
.product_choice .service_addup dt {font-weight:800; font-size:15px; margin-bottom:10px;}
.product_choice .service_addup dd.scroll_wrap {background:#f7f8fa; padding:3px;}
.product_choice .service_addup dd.scroll_wrap .scroll {max-height:200px; overflow-y:auto;}
.product_choice .service_addup .price {justify-content:space-between; background-color:#f7f8fa; padding:15px; border-radius:3px;}
.product_choice .service_addup .price dt {margin-bottom:0; }
.product_choice .service_addup .price dd {font-size:13px; color:#555;}
.product_choice .service_addup .price dd b {color:#fa5f0a; font-weight:bold; font-size:15px; margin-right:3px;}
.product_choice .service_addup .b_arrow {background-color:var(--pick-color); color:var(--bg-txt-color); text-align:center; font-size:16px; padding:15px 10px; border-radius:3px;}

.product_choice .table_flex table:nth-child(1) {width:10%; }
.product_choice .table_flex table:nth-child(1) td img {display:none;}
.product_choice .table_flex table:nth-child(2) {width:90%;}
.product_choice .option table tr th:nth-child(1) {min-width:80px;}
.product_choice .option2 table tr th:nth-child(1) {width:10%; min-width:80px;}
.product_choice .option2 .preview {display:none;}
.product_choice .jump table tr th:nth-child(1) {min-width:80px;}

/*상품정보 입력*/
.product_input {margin-bottom:30px;}
.product_input .box {border:1px solid #e5e5e5; border-radius:10px; background-color:#fff; padding:30px; margin:30px 0;}
.product_input .box .title {justify-content:space-between; flex-wrap:wrap; gap:0 20px;padding-bottom:15px; border-bottom:2px solid #404040;}
.product_input .box .title h2 {font-size:22px; font-weight:bold; color:#222222; }
.product_input .box .title h2 span {font-size:14px; letter-spacing:-0.5px; color:#959595; vertical-align:baseline; margin-left:10px; font-weight:400;}
.product_input .box .title h2 span i {text-decoration:underline;  vertical-align:baseline; font-style:normal; font-weight:400;}
.product_input .box .title ul {width:auto; gap:20px;}
.product_input .box .title select {border:1px solid var(--pick-color); color:var(--pick-color); font-size:14px; border-radius:3px; background-color:var(--bg10); padding:8px;}
.product_input .l_r_wrap {display:flex; gap:0 30px; flex-wrap:wrap; margin-top:20px;}
.product_input .left {position:sticky; position: -webkit-sticky; left:0; top:0; align-self:flex-start; width:305px;}
.product_input .left .preview_p_wrap {display:flex; gap:15px; flex-direction:column; flex-wrap:wrap; }
.product_input .left .l_title button { gap:5px; justify-content:center; width:100%; background-color:var(--bg10); color:var(--pick-color); padding:15px 10px; font-size:15px; text-align:center; cursor:default; margin-bottom:15px;}
.product_input .left .l_title button i {display:none;}
.product_input .left .badge {position:absolute; left:-4px; top:-4px; }
.product_input .left .p_wrap>li {position:relative; }
.product_input .left .list_area a.li_list:hover li span {font-weight:500;}
.product_input .left .list_area .p_03 .td {border-top:1px solid;}
.product_input .left .list_area .p_03 .td1 span {word-break:keep-all;}
.product_input .left .list_area .p_03 .td2 {width:60%; padding:0; line-height:1.2; text-align:left;}
.product_input .left .list_area .p_03 .td4 {width:40%;}
.product_input .right {position:sticky; position: -webkit-sticky; left:0; top:0; align-self:flex-start; width:calc(100% - 305px - 30px); background:#fff; border:1px solid #e5e5e5; border-radius:5px; padding:0 20px;}
.product_input .right th {width:100px; min-width:100px; padding-left:0; }
.product_input .right .p_02_bg_choice {display:inline-block; padding:10px; border-radius:3px; border:1px solid #e5e5e5; background:linear-gradient(360deg,rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, 1) 100%); color:#444444; font-size:14px; margin-top:10px;}
.product_input .box2 {padding:30px 30px 0 30px;}
.product_input .box2 .check_style01 {display:grid; grid-template-columns:repeat(9, 1fr);}
.product_input .box2 .check_style01 label {width:100%;}
.product_input table.style2 {border-bottom:none;}
.product_input table.style2 tr:last-child {border-bottom:none;}
.product_input .style2 th {padding-right:0;}
.product_input .style2 td {padding-right:0;}
.product_input .input_type01 {flex-wrap:wrap; gap:10px 30px;}
.product_input .input_type01 > div.flex {gap:10px;}
.product_input .input_type01 .inter_rate_input {width:80px; background-color:#fafafa; border:1px solid #eaecef; border-radius:3px; color:#555555; font-size:15px;}
.product_input .input_type01 div input {width:50px; background-color:transparent; border:none;}
.product_input .input_type02 {gap:10px 30px;}
.product_input .input_type02 .flex {gap:10px;}
.product_input .input_type02 .flex input {width:100px;}
.product_input .box3 .check_style01 label {width:auto; padding:10px 20px;}
.product_input .input_type03 {gap:10px 30px;}
.product_input .input_type03 .flex {gap:10px;}
.product_input .input_type03 .flex input {width:100px;}
.product_input .input_type03 .flex select {width:80px;}

/*업체 정보 입력*/


/*결제페이지*/
.product_payment .box1 {display:flex; gap:25px; flex-direction:column; align-items:center; border-bottom:1px solid #ddd; padding:0 0 40px 0;}
.product_payment .box1 i {color:var(--pick-color); font-size:80px;}
.product_payment .box1 .tit {font-size:30px; color:#222222; font-weight:bold; line-height:1.2;}
.product_payment h2 {font-size:22px; font-weight:bold; color:#222; margin-bottom:15px;}
.product_payment .box_wrap {border:1px solid #e5e5e5; border-radius:10px; background-color:#fff; padding:30px; margin-bottom:50px;}
.product_payment .box {margin:50px 0;}
.product_payment div.box:first-child {margin-top:0;}
.product_payment .price b {font-weight:bold; color:#fa5f0a; margin-right:4px;}
.product_payment .price2 b {font-weight:bold; color:#f92503; margin-right:4px; font-size:18px; vertical-align:bottom;}
.product_payment table.style5.full tr:first-child th {width:20%; min-width:90px;}

/****마이페이지*****/
.my_page {padding:20px 0;}
.my_page .wrap_width {display:flex; gap:15px 20px; flex-wrap:wrap;}
.my_page .in_info {background:#fbfbfb; border:2px solid #eeeeee; padding:18px 18px; margin-top:10px;}
.my_page .in_info li {color:#555555; font-size:13px; margin-bottom:4px; line-height:1.4;}
.my_page .in_info li:last-child {margin-bottom:0;}
.my_page .in_info li::before {position:relative; top:-2px; content:""; display:inline-block; width:2px; height:2px; background-color:#575757; margin-right:5px;}
.my_page .mypage_m_btn {display:none;}

/*좌측*/
.my_page .my_info {background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.03); padding:20px 20px 15px 20px; margin-bottom:15px;}
.my_page .my_info div {gap:0 15px; margin-bottom:15px;}
.my_page .my_info dt {font-size:13px; color:#888888; margin-bottom:15px;}
.my_page .my_info dd {font-size:13px; color:#444444; }
.my_page .my_info dd b {font-size:18px; color:#333333; font-weight:bold;vertical-align:bottom;}
.my_page .my_info dd em {font-size:13px; color:#888888; font-weight:normal; vertical-align:baseline;  margin-right:3px; }
.my_page .my_info ul {gap:5px;}
.my_page .my_info li {width:100%;}
.my_page .my_info li a {color:#fff; font-size:13px; padding:7px 5px; text-align:center; font-weight:400;}
.my_page .my_info li:first-child a {background-color:#616161}
.my_page .my_info li:last-child a {background-color:#353535}

/*우측*/
.my_page .con {width:calc(100% - 230px - 20px); background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.03); padding:30px 30px 40px 30px;}
.my_page .con .title {flex-wrap:wrap; gap:10px; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid #949494;}
.my_page .con .title .tab {gap:5px;}
.my_page .con .title .tab a {background-color:var(--pick-color); color:var(--bg-txt-color); font-size:15px; padding:10px 14px;}
.my_page .con .title .tab button {border:1px solid var(--pick-color); color:var(--pick-color); font-size:15px; padding:10px 14px;}
.my_page .con .title .tab button:hover {background-color:var(--bg5);}
.my_page .con .title .tab .on button {background-color:var(--pick-color); color:var(--bg-txt-color); }
.my_page .con .title .tab button i {display:none;}
.my_page .con .title .tab .on button i {display:inline-block; margin-right:5px;}
.my_page .con h2 {font-size:24px; font-weight:bold; color:#111111;}
.my_page .con .middle {justify-content:space-between; flex-wrap:wrap; gap:10px; border-bottom:1px solid #e0e0e0; padding:10px 0;}
.my_page .con .middle .btn {gap:5px;}
.my_page .con .middle .btn button {display:flex; align-items:center; justify-content:center; gap:5px; border:1px solid #e0e0e0; border-radius:3px; font-size:13px; line-height:33px; height:33px; padding:0 10px; color:#555555}
.my_page .con .middle .btn .on button {background-color:var(--pick-color); color:var(--bg-txt-color); border-color:var(--pick-color);}
.my_page .con .middle .btn.em button {border-color:#7c7c7c; color:#2d2d2d;}
.my_page .con .middle .btn .emphasis button {border-color:var(--bg30); color:#333333; background:var(--bg3); color:var(--bg90);}
.my_page .con .middle .in_search {margin:0 0 0 auto;}
.my_page .con .middle .in_search > div {border:1px solid #e0e0e0; border-radius:3px; overflow:hidden; font-size:13px; color:#444;}
.my_page .con .middle .in_search input {line-height:31px; height:31px; padding:0 5px 0 15px;}
.my_page .con .middle .in_search button {color:#111; font-size:15px; width:31px; height:31px;}
.my_page .con .list > li {flex-wrap:wrap; border-bottom:1px solid #ebecf0;}
.my_page .con .list input[type="checkbox"] {width:15px; height:15px;}
.my_page .con .list .top { width:100%; padding:25px 0; gap:15px; }
.my_page .con .list .bottom {justify-content:space-between; gap:10px; flex-wrap:wrap; width:100%; background-color:#f8f9f9; padding:10px 12px;}
.my_page .con .list .bottom li:first-child::before {display:none;}
.my_page .con .list .bottom li {font-size:14px; color:#555555;}
.my_page .con .list .bottom li input[type="radio"] {width:15px; height:15px; margin-right:5px;}
.my_page .con .list .bottom .dt {margin-right:10px;}
.my_page .con .list .bottom .dt b {font-weight:bold; color:var(--pick-color);}
.my_page .con .list .bottom label {display:flex; align-items:center; margin-right:10px;}
.my_page .con .list .bottom button {border:1px solid #ccc; font-size:13px; border-radius:3px;  background:#fff; padding:4px 6px; color:#777;}
.my_page .con .list .bottom .right {flex-wrap:wrap; margin:0 0 0 auto;}
.my_page .con .list .bottom .right ul:last-child::before {content:""; display:inline-block; width:1px; height:11px; background:#aaaaaa; margin:0 15px; }
.my_page .con .list .bottom .right .jump2 button {border-color:#ccc; color:#777;}
.my_page .con .list .bottom .right .btn li {gap:3px;}
.my_page .con .list .bottom .right .btn button {border-color:#ccc; color:#777}
.my_page .con .list .bottom .right .pc_no {display:none;}
.my_page .con .list .bottom .right select {border:1px solid #ccc; font-size:13px; color:#777; border-radius:3px; background-color:#fff; height:23px; line-height:23px;}
.my_page .con .box.no_list {width:100%; padding:15px 10px; background:#fafafa; text-align:center; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; font-size:15px; color:#555;}


/*마이페이지 대출상품관리*/
.my_page .product_list .list .top {justify-content:space-between;}
.my_page .product_list .list .top .left {gap:15px; width:calc(100% - 120px - 15px);}
.my_page .product_list .list .top .left a {gap:20px; flex-wrap:wrap; width:calc(100% - 15px - 15px);  /*input값, gap값*/}
.my_page .product_list .list .top .left a:hover .tit {text-decoration:underline !important;}
.my_page .product_list .list .top .left .text_wrap {width:100%;}
.my_page .product_list .list .top .left .tit {font-size:18px; color:#111111;}
.my_page .product_list .list .top .left .tit b {font-weight:bold; }
.my_page .product_list .list .top .left .ing {gap:0 10px; margin-bottom:15px;}
.my_page .product_list .list .top .left .ing li {font-size:13px; color:#666666; font-weight:450; }
.my_page .product_list .list .top .left .ing li:first-child {padding:6px 8px; border-radius:2px; font-size:12px; color:#fff; font-weight:500;}
.my_page .product_list .list .top .left .ing li:first-child.red {background-color:#e94208;}
.my_page .product_list .list .top .left .ing li:first-child.blue {background-color:#27bda8; }
.my_page .product_list .list .top .left .day {display:flex; text-align:right; font-size:12px; color:#999999; }
.my_page .product_list .list .top .left .day li::before {content:""; display:inline-block; width:1px; height:8px; background:#ddd; margin:0 8px;}
.my_page .product_list .list .top .left .day li:first-child::before {display:none;}
.my_page .product_list .list .top .right {flex-direction:column; gap:5px; width:120px; }
.my_page .product_list .list .top .right button {width:100%; border:1px solid var(--bg10); border-radius:3px; padding:8px 0; font-size:14px; color:#555; color:var(--pick-color); background-color:var(--bg3); }
.my_page .product_list .list .top .right > * {display:block; width:100%;}

.my_page .product_list .list .top .right .app_service {position:relative;}
.my_page .product_list .list .top .right .edit_btn {display:flex; gap:5px;}
.my_page .product_list .list .top .right .edit_btn > * {width:50%;}
.my_page .product_list .list .top .right .edit_btn button {border-color:#e5e5e5; background:#fff; color:#888; font-size:13px; padding:5px 0;}
.my_page .product_list .list .top .right .my_app_service {position:absolute; right:0; top:35px; width:320px; background:#fff; letter-spacing:-0.5px; border-radius:5px; border:1px solid #e8e8e8; box-shadow:0 5px 10px rgba(0,0,0,0.05); padding:20px; z-index:3;}
.my_page .product_list .list .top .right .my_app_service dl {gap:12px 10px; justify-content:space-between; flex-wrap:wrap; font-size:14px;}
.my_page .product_list .list .top .right .my_app_service dt {width:calc(100% - 140px - 10px);  color:#555555;}
.my_page .product_list .list .top .right .my_app_service dd {width:140px; color:#333333; font-weight:bold; text-align:right;}
.my_page .product_list .list .top .right .my_app_service button {width:100%; margin-top:15px; background-color:var(--pick-color); color:var(--bg-txt-color); border-radius:3px; padding:12px 10px; font-weight:450;}

/*마이페이지 업체관리*/
.my_page .company .list .top {gap:10px;}
.my_page .company .list .top .c_name {width:20%; text-align:center; line-height:1.2;}
.my_page .company .list .top .c_name p:first-child {font-size:17px; color:#333333; font-weight:bold; margin-bottom:10px;}
.my_page .company .list .top .c_name p:last-child {font-size:13px;}
.my_page .company .list .top .c_name p:last-child span {font-size:13px; color:var(--pick-color); font-weight:bold;}
.my_page .company .list .top .c_info {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; width:calc(100% - 20% - 10px - 10px - 15px); padding-left:20px; border-left:1px solid #ebecf0;}
.my_page .company .list .top .c_info dl {display:flex; align-items:center; gap:10px; font-size:14px; color:#555555;}
.my_page .company .list .top .c_info dl::before {content:""; display:inline-block; width:2px; height:2px; background-color:#616161;}
.my_page .company .list .top .c_info dl dt { line-height:1.2; font-weight:800;}
.my_page .company .list .top .c_info dl dd { line-height:1.2;}
.my_page .company .list .bottom .representative {display:inline-block; color:#e94208; border-color:#e94208; border:1px solid; border-radius:3px; background:#fff; padding:5px 8px; font-size:14px;}

/*마이페이지 업체등록*/
.my_page .company .product_input .box {padding:0; border:0; margin:0;}

/*마이페이지 열람한 대출문의*/
.my_page .open_list .list {width:100%;}
.my_page .open_list .list > li {width:100%; display:flex; align-items:center; padding:20px 0;}
.my_page .open_list .left {width:70%;}
.my_page .open_list .left a {display:block; }
.my_page .open_list .left a:hover .tit {text-decoration:underline !important;}
.my_page .open_list .left .tit {font-size:15px; color:#333; font-weight:bold; margin-bottom:15px; background:#f9f9f9; padding:15px; border-radius:3px;}
.my_page .open_list .left .dl_wrap {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
.my_page .open_list .left dl {display:flex; align-items:center; gap:10px;  font-size:14px; color:#555;}
.my_page .open_list .left dl::before {content:"";  display:inline-block; width:2px; height:2px; background-color:#616161;}
.my_page .open_list .left dt {font-weight:800; line-height:1.2;}
.my_page .open_list .left dd { line-height:1.2;}
.my_page .open_list .right {width:calc(100% - 70% - 20px); margin-left:20px; padding-left:20px;}
.my_page .open_list .right .dl_wrap {display:flex; flex-direction:column; gap:5px;}
.my_page .open_list .right dl {display:flex; align-items:center; gap:10px;font-size:13px; }
.my_page .open_list .right dt {padding:5px 0; min-width:80px; width:80px; background-color:var(--bg10); border:1px solid var(--bg50); text-align:center; border-radius:100px; color:var(--pick-color); }
.my_page .open_list .right dd {color:#666;}
.my_page .open_list .right dl.gray dt {border-color:#e5e5e5; background-color:#f9f9f9; color:#666666;}

/*마이페이지 테이블 스타일*/
.my_page .th {display:flex; flex-wrap:wrap; width:100%; background:#fafafa; border-bottom:1px solid #e0e0e0; }
.my_page .th li {font-size:14px; color:#555555; font-weight:bold; padding:15px;  text-align:center; line-height:1.4;}
.my_page .td {display:flex; flex-wrap:wrap; width:100%; background:#fff;}
.my_page .td li {font-size:15px; color:#2d2d2d; padding:20px 15px; text-align:center; border-bottom:1px solid #ebebeb; letter-spacing:-0.2px;}
.my_page .td span.blue {color:#24abf8;}
.my_page .td span.red {color:#f8550d;}
.my_page .td span.green {color:#1b9a9c;}



/*마이페이지 포인트내역*/
.my_page .point_list .title li {display:flex; align-items:center; font-size:14px; color:#444444; }
.my_page .point_list .title li b {font-weight:900; color:#ff910f; margin:0 4px;}
.my_page .point_list .title li span {display:inline-block; width:18px; height:18px; background-color:#ff910f; border-radius:100px; color:#fff; text-align:center; line-height:18px; font-size:12px;}
.my_page .point_list .th .th1 {width:30%;}
.my_page .point_list .th .th2 {width:40%;}
.my_page .point_list .th .th3 {width:30%;}
.my_page .point_list .td .td1 {width:30%;}
.my_page .point_list .td .td2 {width:40%;}
.my_page .point_list .td .td3 {width:30%;}

/*마이페이지 결제내역*/
.my_page .pay_list .middle > div {flex-wrap:wrap; gap:5px 10px;}
.my_page .pay_list .middle .search_pay {gap:5px;}
.my_page .pay_list .middle .search_pay input {gap:5px;width:100px; border:1px solid #e0e0e0; border-radius:3px; font-size:13px; line-height:33px; height:33px; color:#555;  padding:0 10px;}
.my_page .pay_list .middle .search_pay button { height:33px; background-color:#62708c; color:#fff; border-radius:3px; width:33px;}
.my_page .pay_list .th .th1 {width:40%;}
.my_page .pay_list .th .th2 {width:20%;}
.my_page .pay_list .th .th3 {width:20%;}
.my_page .pay_list .th .th4 {width:20%;}
.my_page .pay_list .td li {display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.my_page .pay_list .td li p {line-height:1.4; }
.my_page .pay_list .td em  {display:none;}
.my_page .pay_list .td .td1 {width:40%; }
.my_page .pay_list .td .td1 p {width:100%; margin-bottom:5px; text-align:left;}
.my_page .pay_list .td .td1 p:last-child {margin-bottom:0;}
.my_page .pay_list .td .td1 p span {color:#868686;}
.my_page .pay_list .td .td2 {width:20%;}
.my_page .pay_list .td .td3 {width:20%;}
.my_page .pay_list .td .td4 {width:20%;}
.my_page .pay_list .td .td5 {justify-content:space-between; width:100%; color:#777777; font-size:13px; background-color:#f6f7f9; padding:15px;}

/*마이페이지 세금계산서 신청*/
.my_page .tax table.style2 {border-top:1px solid #ddd; margin-top:10px;}

/*마이페이지 점프,열람권 서비스*/
.my_page .my_service .box_wrap {margin-top:20px; border:2px solid #eeeeee; overflow:hidden;}
.my_page .my_service .box_wrap dl {justify-content:space-between; padding:15px 20px; border-bottom:2px solid #eeeeee; background:#fbfbfb;}
.my_page .my_service .box_wrap dl:last-child {border-bottom:0;}
.my_page .my_service .box_wrap dt {font-weight:600; font-size:17px;}
.my_page .my_service .box_wrap dd {font-size:13px;}
.my_page .my_service .box_wrap a {padding:10px; border:1px solid var(--bg50); color:var(--pick-color); border-radius:3px; margin-left:20px; background-color:#fff; font-size:14px;}
.my_page .my_service .box_wrap b {font-weight:800; color:#f8550d; font-size:17px; margin:0 3px;}

/*마이페이지 정보수정*/
.my_page .join table.style2 {margin-top:10px;}
.my_page .join form h2:nth-of-type(1) {margin-top:40px;}

/*커뮤니티 왼쪽메뉴*/
.board_leftmenu {width:250px; background:#fff; padding:20px; border-radius:10px;}
.board_leftmenu li {position:relative; border-bottom:1px dotted #e5e5e5}
.board_leftmenu li:last-child {border-bottom:0}
.board_leftmenu h2 {background:var(--pick-color); color:#fff; font-size:20px; text-align:center; border-radius:5px; padding:20px 10px;}
.board_leftmenu h2  a {display:block; color:#fff; }
.board_leftmenu dt {border:1px solid #ddd; border-radius:5px; text-align:center; padding:13px 0; margin-top:10px; font-weight:500; background:#f8f8f8; font-size:16px;}
.board_leftmenu dd ul li a {display:block; font-size:16px; line-height:50px; height:50px; color:#444; padding-left:10px;}
.board_leftmenu dd ul li:hover a {background:url("../images/icon/nav_arrow2.png") right center no-repeat; color:#444; text-decoration:underline !important;}
.board_leftmenu dd ul li:hover:after {display:none;}
.board_leftmenu li.on a {background:none !important; color:var(--pick-color);}
.board_leftmenu li.on a:after {display:none;}
.board_leftmenu dd ul li a:hover {color:var(--pick-color);}
.board_leftmenu .notice {margin-bottom:20px;}
.board_leftmenu .notice h2 {border:1px solid #ddd; border-radius:5px; text-align:center; padding:10px 0; margin-top:10px; font-weight:500; background:#f8f8f8; color:#333; font-size:16px;}
.board_leftmenu .notice h2:hover {text-decoration:underline !important;}
.board_leftmenu .notice ul {margin-top:5px;}
.board_leftmenu .notice ul li a {font-size:14px; height:40px; line-height:40px; font-weight:normal; background:none; display:inline; padding-left:5px; color:#444}
.board_leftmenu .notice ul li::before {position:relative; top:2px;display:inline-block; clear:both; content:""; width:3px; height:3px; background:#333; vertical-align:super;}
.board_leftmenu .notice ul li:hover:after {display:none;}
.board_leftmenu .notice ul li:hover a {background:none; color:#444; text-decoration:underline !important;}



/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1700px 이하@@@@@@@@@@****************************/
@media all and (max-width:1700px) {
}



/****************************@@@@@@@@@@ 1500px 이하@@@@@@@@@@****************************/
@media all and (max-width:1500px) {


}



/****************************@@@@@@@@@@ 1300px 이하@@@@@@@@@@****************************/
@media all and (max-width:1300px) {



/*상품구매페이지 (상품선택)*/
.product_choice .wrap_width {gap:0 20px;}
.product_choice .box_wrap {width:calc(100% - 250px - 20px);}
.product_choice .prodcut_check {gap:20px;}
.product_choice .service_addup {width:250px;}

/****마이페이지*****/
/*우측*/
.my_page .con .list .top {flex-wrap:wrap; gap:10px;}


/*마이페이지 업체관리*/


}

/****************************@@@@@@@@@@ 1024px 이하@@@@@@@@@@****************************/
@media all and (max-width:1024px) {




/*페이지별 검색 공통*/
.search_product .top .tab {width:55%;}
.search_product .middle {grid-template-columns:repeat(8, 1fr);}

/*실시간대출문의 검색*/
.search_product.inquiry_s .classify {width:55%; }

/*상품 상세페이지 공통*/
.p_detail .mobile_fix {display:block;}
.p_detail .right .sns>dd {gap:10px; flex-direction:row; flex-wrap:wrap;}
/*.p_detail .right .in_dl {width:calc((100% - 10px) / 2);}*/
.p_detail .right .no_open {width:100%;}

/*대출 상세페이지*/
.product_detail .a_wrap {gap:20px;}
.product_detail .left {position:initial; width:100%;}
.product_detail .right {position:initial; width:100%;}

/*실시간 대출상담 상세페이지*/
.inquiry_detail .left {width:100%; height:100%;}
.inquiry_detail .right {width:100%; height:100%;}
.inquiry_detail .matching .company a {padding:20px 20px;}
.inquiry_detail .matching .company>li {width:calc((100% - 40px) / 3)}
.inquiry_detail .right .right_con {padding:40px; border-radius:10px; border-left:1px solid #e5e5e5; margin-top:20px;}

/*광고안내 공통*/

/*광고안내 + 광고등록 상품 선택영역 공통*/
.service .prodcut_check {gap:20px;}

/*상품구매페이지 (상품선택)*/
.product_choice .step {margin:20px 0;}
.product_choice .box_wrap {position:initial; width:100%;}
.product_choice .service_addup {position:initial; width:100%; margin:30px 0 0px 0;}

/*상품정보 입력*/
.product_input .box3 .check_style01 label {padding:10px;}

/*기타 페이지 + 마이페이지 좌측메뉴*/
.left_box {display:none;}

/*기타 페이지*/
.etc .con {width:100%;}

/*기타 페이지 모바일 상단 메뉴*/
.etc .etc_m_menu.on {display:flex;}
.etc .etc_m_menu {display:flex;}

/*등록페이지 공통*/
.p_regist {padding:20px 0;}


/*커뮤니티 왼쪽메뉴*/
.board_leftmenu {display:none;}

/****마이페이지*****/
.my_page .mypage_m_btn {display:flex; gap:5px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none;}
.my_page .mypage_m_btn a {border-radius:3px; padding:10px; font-size:14px; border:1px solid #ddd; color:#555; background:#fff;}
.my_page .mypage_m_btn .on a {background-color:var(--pick-color); color:var(--bg-txt-color); border-color:var(--pick-color); }

/*우측*/
.my_page .con {width:100%;}
.my_page .con .list > li {border-bottom:none;}
.my_page .con .list .bottom {border:1px solid #ebecf0;}
.my_page .con .list .bottom .left {width:100%; border-bottom:1px solid var(--bg10); padding:0 0 10px 0;}

/*마이페이지 업체관리*/
.my_page .con .list .bottom .left {width:auto; border-bottom:none; padding:0;}


/*마이페이지 열람한 대출문의*/
.my_page .open_list .list > li {border-bottom:1px solid #ebecf0;}

}

/****************************@@@@@@@@@@ 768px 이하@@@@@@@@@@****************************/
@media all and (max-width:768px) {

/*로그인*/
.login .login_wrap {padding:30px 20px;}
.login .box {width:100%;}
.login h2 {font-size:26px; margin-bottom:20px;}
.login .logininput input {height:40px; line-height:40px; padding:0 10px; font-size:15px;}
.login .log_btn {font-size:18px; height:45px; line-height:45px;}
.login .snslogin ul li {width:40px; height:40px;}
.login .uitl label, .login .uitl a {font-size:13px;}
.login .loginlink li:before {margin:0 10px;}




/*페이지별 검색 공통*/
.search_product_wrap {padding:10px 0 10px 0;}
.search_product .top {flex-wrap:wrap;}
.search_product .top .tab {width:100%; order:2;}
.search_product .top .tab i {font-size:18px;}
.search_product .top .tab a {font-size:14px; padding:13px 15px 13px 15px; border-radius:0;}
.search_product .top .tab li:last-child a {border-right:0;}
.search_product .top .keyword_search {gap:10px; width:100%; margin:0; padding:10px 15px; border-bottom:1px solid #e5e5e5; order:1;}
.search_product .top .keyword_search i {width:14px; font-size:14px;}
.search_product .top .keyword_search button {font-size:13px; width:75px; height:25px;}
.search_product .top .keyword_search input {width:calc(100% - 14px - 75px - 20px); font-size:13px;}
.search_product .top .keyword_search input::placeholder {font-size:13px;}
.search_product .middle {grid-template-columns:repeat(5, 1fr); gap:5px; padding:10px 15px;}
.search_product .middle li button {font-size:13px; padding:5px;}
.search_product .bottom {padding:10px 15px; }
.search_product .bottom .choice {gap:3px;}
.search_product .bottom .choice li {min-width:initial; font-size:12px; padding:3px 6px 3px 10px; }
.search_product .bottom .result_btn {width:100%; justify-content:center;}
.search_product .bottom .result_btn button {width:calc((100% - 8px) / 2); font-size:14px; }

/*실시간대출문의 검색*/
.search_product.inquiry_s .classify {width:100%; order:2;}
.search_product.inquiry_s .keyword_search {order:1;}
.search_product.inquiry_s .top .tab a {font-size:14px; padding:10px 15px;}
.search_product.inquiry_s .top .tab i {font-size:18px;}

/*리스트영역 대출업체리스트 + 실시간대출상담*/
.sub .list_area .article .title > h2 em {display:none;}
.sub .list_area .th {display:none;}
.sub .list_area .td li {padding:0; font-size:15px;}
.sub .list_area .td {flex-wrap:wrap; width:100%; border:1px solid;}
.sub .list_area .td1 {width:53px; min-width:53px; text-align:left;}
.sub .list_area .td {margin-bottom:10px; padding:15px 10px;}
.sub .list_area a:last-child .td {margin-bottom:0;}
.sub .list_area .td .badge {left:-3px; top:-3px;}

/*대출업체리스트*/
.sub .list_area .p_03 .td {gap:10px 0; }
.sub .list_area .p_03 .td2 {width:calc(100% - 53px) } 
.sub .list_area .p_03 .td3 {margin-right:10px;}
.sub .list_area .p_03 .td3,
.sub .list_area .p_03 .td4 {min-width:calc(50% - 10px / 2); font-size:13px; background-color:#fafafa; border-radius:3px; padding:8px 5px;}

/*실시간 대출상담*/
.sub .list_area .inquiry .td {gap:15px 0; }
.sub .list_area .inquiry .td1 {order:1;} 
.sub .list_area .inquiry .td2 {order:2; font-size:13px;} 
.sub .list_area .inquiry .td3 {order:4;} 
.sub .list_area .inquiry .td4 {order:5; margin-right:10px;} 
.sub .list_area .inquiry .td5 {order:3; font-size:13px;} 
.sub .list_area .inquiry .td5 em {display:inline-block; margin:0 5px;}
.sub .list_area .inquiry .td6 {order:6;} 
.sub .list_area .inquiry .td4,
.sub .list_area .inquiry .td6 {min-width:calc(50% - 10px / 2); font-size:13px; background-color:#fafafa; padding:8px 5px; border-radius:3px;}


/*상품 상세페이지 공통*/
.p_detail {margin:10px 0 50px 0;}
.p_detail .left .pp span {font-size:14px;}
.p_detail .left .category p:first-child {font-size:14px;}
.p_detail .left .category p:last-child {font-size:12px;}
.p_detail .left .title {font-size:18px; padding:18px 0;}
.p_detail .left .detail_info {padding:18px 0 30px 0;}
.p_detail .pp span {font-size:14px;}
.p_detail .left .pp {margin-bottom:15px;}
.p_detail .left .detail_info > div {font-size:14px;}
.inquiry_detail .left .edit button {font-size:12px; padding:7px 10px;}
.p_detail .right .pp span {font-size:14px;}
.p_detail .right .dl_wrap>dl>dt {width:70px; font-size:14px;}
.p_detail .right .dl_wrap>dl>dd {width:calc(100% - 70px - 10px); font-size:14px;}


/*대출 상세페이지*/
.product_detail .left .left_con {padding:20px;}
.product_detail .left .area_info {gap:3px;}
.product_detail .left .area_info li {font-size:12px; padding:5px 8px;}
.product_detail .left .roan_info {gap:10px 10px; padding:25px 0;}
.product_detail .left .roan_info dl {width:calc((100% - 10px) / 2); font-size:14px; }
.product_detail .left .roan_info dt {width:55px;}
.product_detail .left .precautions {flex-wrap:wrap; padding:15px;}
.product_detail .left .precautions .em {font-size:13px; padding:10px;}
.product_detail .left .precautions ul {width:100%;}
.product_detail .right .left_con  {padding:20px;}

/*실시간 대출상담 상세페이지*/
.inquiry_detail .left .left_con {border-radius:10px; padding:20px;}
.inquiry_detail .right .right_con {padding:20px; border-radius:10px; border-left:1px solid #e5e5e5; margin-top:20px;}
.inquiry_detail .matching .title {margin-bottom:20px;}
.inquiry_detail .matching .title p {font-size:20px;}
.inquiry_detail .matching .title span {display:block; font-size:12px; margin-top:10px;}
.inquiry_detail .matching .title span::before {display:none;}
.inquiry_detail .matching .title a {min-width:135px;}
.inquiry_detail .matching .company {gap:15px;}
.inquiry_detail .matching .company a {padding:15px 12px;}
.inquiry_detail .matching .company>li {width:calc((100% - 15px) / 2);}
.inquiry_detail .matching .company .word_wrap {padding:12px 0 12px 0;}
.inquiry_detail .matching .company .bottom {padding-top:12px;}
.inquiry_detail .matching .company .word1 {font-size:14px;}
.inquiry_detail .matching .company .word2 {font-size:16px;}
.inquiry_detail .matching .company .badge img {width:80%;}


/*등록페이지 공통*/
.p_regist {padding:10px 0 0 0;}
.p_regist .box {padding:20px 15px;}
.p_regist .box h2 {font-size:16px;}

/*실시간대출문의 등록페이지*/
.inquiry_regist .box .check_style01 {grid-template-columns:repeat(3, 1fr);}

/*약관 동의*/
.agree_wrap {padding:15px;}
.agree_wrap .tit p {font-size:16px;}
.agree_wrap .tit label {font-size:15px;}
.agree_wrap dl a {font-size:12px; padding:6px;}
.agree_wrap dl dd {font-size:13px;}

/*공통페이지 + 개인정보처리*/
.basics h2 {font-size:16px; margin-bottom:15px;}
.basics .box_wrap {padding:20px 15px 40px 15px;}

.terms .terms_box {font-size:13px;}


/*기타 페이지*/
.etc .con {padding:20px 15px;}
.etc .con_in {font-size:14px;}

/*사기번호 검색*/
.fraud_number .fraud_number_info {padding: 0 0 20px 0; text-align:left;}
.fraud_number .fraud_number_info br {display:none;}
.fraud_number .total {padding:20px 15px;}
.fraud_number .total dd {font-size:15px;}
.fraud_number .total dd b {font-size:22px;}
.fraud_number .total .number {flex-wrap:wrap; margin-top:20px;}
.fraud_number .total .number p {width:100%; font-size:14px;}
.fraud_number .total .number div {width:100%; gap:5px;}
.fraud_number .top p {font-size:20px}
.fraud_number .top p em {display:block; word-break:keep-all; font-size:12px; margin-top:2px;}
.fraud_number .top p em::before {display:none; }
.fraud_number .top a {width:115px; font-size:14px; padding:5px 0px;}
.fraud_number .top a i {font-size:13px;}
.fraud_number .th {display:none;}
.fraud_number .td {flex-wrap:wrap; justify-content:space-between; gap:5px 10px; border:1px solid #e5e5e5; padding:15px 15px; margin-bottom:10px;}
.fraud_number .total input {width:calc((100% - 25px - 40px) / 3); height:35px;}
.fraud_number .total button {font-size:13px; width:50px; height:35px;}
.fraud_number .td li {font-size:13px; padding:0; border-bottom:0;}
.fraud_number .td .td1 {width:calc((100% - 10px) / 2); text-align:left;}
.fraud_number .td .td2 {width:calc((100% - 10px) / 2);  text-align:right;}
.fraud_number .td .td3 {width:calc(100% - 75px - 10px);}
.fraud_number .td .td4 {width:75px; text-align:right; color:#888; letter-spacing:-0.5px;}
.fraud_number .open_con {font-size:14px;}
.fraud_number .open_con ul {display:none;}
.fraud_number .no_info {font-size:14px;}



/*회원가입*/
.join .order {gap:10px; padding:10px; margin-bottom:20px;}
.join .order li {font-size:13px; gap:5px;}
.join .order span {width:30px; height:30px; font-size:14px;}
.join .order li::before {display:none;}
.join .allagree {flex-wrap:wrap; padding:15px; font-size:15px;}
.join .allagree label {width:100%; text-align:right; font-size:16px;}
.join .allagree input[type="checkbox"] {width:20px; height:20px; margin-right:5px;}
.join .terms_wrap {flex-wrap:wrap;}
.join .terms_wrap .terms {width:100%;}
.join input[type="text"],
.join input[type="password"] {width:100%;}
.join h2 span,
.join h2 span b {display:block; width:100%; font-size:13px; margin-top:5px;}
.join h2 span::before {display:none;}
.join h2:nth-of-type(2) {margin-top:40px;}

/*회원가입 - 가입완료*/
.join .join_complet {padding:30px 0; font-size:16px;}
.join .join_complet h2 {font-size:22px;}
.join .join_complet ul {flex-wrap:wrap; width:100%; gap:10px 25px; padding-top:20px; margin:20px auto 0 auto;}
.join .join_complet ul li p {width:70px; height:70px; margin-bottom:10px;}
.join .join_complet ul li .join_01 img {width:30px;}
.join .join_complet ul li .join_02 img {width:30px;}
.join .join_complet ul li .join_03 img {width:30px;}
.join .join_complet ul li .join_04 img {width:30px;}
.join .join_complet ul li .join_05 img {width:30px;}
.join .join_complet ul li::before {width:15px; height:15px; left:-20px}
.join .join_complet ul dt {font-size:12px;}
.join .join_complet ul dd {font-size:14px; letter-spacing:-1px;}

/*본인인증*/
.identification .box {width:calc((100% - 10px) / 2); padding:20px 10px;}
.identification .box_wrap2 {gap:0 10px;}
.identification .box_wrap2 button {font-size:15px; padding:15px 15px;}
.identification .box_wrap2 p {width:60px; height:60px; font-size:30px; margin:0 auto 10px auto; }

/*아이디패스워드찾기*/
.login .find_info {margin:10px 0;}
.login .tab li {font-size:16px; padding:15px;}
.login .input_wrap dt {width:80px; font-size:15px; line-height:45px; height:45px;}
.login .input_wrap dd {width:calc(100% - 5px - 80px)}
.login .input_wrap dd input {font-size:15px; line-height:45px; height:45px; padding:0 15px;}


/*광고안내 안내 레이어창*/
.service_pop > button.white {right:16px; top:18px; font-size:15px;}
.add_service_pop {max-height:400px;}
.add_service_pop .add p {font-size:14px; padding:10px;}
.emphasis_pop .service_box > div:nth-child(1) {display:none;}
.emphasis_pop .service_box > i {display:none;}
.emphasis_pop .p_01 .ex_badge {left:75px;}
.emphasis_pop .p_01 .ex_blink {top:0; left:50%; transform:translate(-105px, 0px);}


/*이력서 상품안내*/
.service .read_open table tr th:nth-child(2) {width:65px}
.service .read_open table tr th:nth-child(3) {width:100px}
.service .read_open table tr th:nth-child(4) {width:45px}

/*분양광고 상품안내*/
.service .sale_product table tr th:nth-child(1) {}
.service .sale_product table tr th:nth-child(2) {width:65px}
.service .sale_product table tr th:nth-child(3) {width:100px}
.service .sale_product table tr th:nth-child(4) {width:45px}

/*강조옵션*/
.service .option table tr th:nth-child(1) {}
.service .option table tr th:nth-child(2) {width:65px}
.service .option table tr th:nth-child(3) {width:100px}
.service .option table tr th:nth-child(4) {width:45px}

.service .option2 table tr th:nth-child(1) {width:300px;}
.service .option2 table tr th:nth-child(2) {}
.service .option2 table tr th:nth-child(3) {width:65px}
.service .option2 table tr th:nth-child(4) {width:100px}
.service .option2 table tr th:nth-child(5) {width:45px}

/*점프서비스*/
.service .jump table tr th:nth-child(1) {}
.service .jump table tr th:nth-child(2) {width:65px}
.service .jump table tr th:nth-child(3) {width:100px}
.service .jump table tr th:nth-child(4) {width:45px}

/*광고안내 + 광고등록 상품 선택영역 공통*/
.service .box_wrap {padding:20px 15px; margin:10px 0 50px 0;}
.service .box .title h2 {font-size:16px;}
.product_input .box .title h2 span {display:block; font-size:13px; margin-left:0px; letter-spacing:-1px; margin-top:7px;}
.service .box .title .essential,
.service .box .title a {font-size:12px; padding:6px 8px;}
.service .prodcut_check {display:flex; flex-wrap:wrap;}
.service .prodcut_check li {width:100%; }
.service .prodcut_check .p_con {padding:20px 15px 15px 15px;}
.service .prodcut_check .p_title {font-size:17px;}
.service .prodcut_check .price {margin:15px 0;}
.service .prodcut_check .price dt {font-size:20px;}
.service .prodcut_check .price dd {font-size:15px;}
.service .prodcut_check .p_info01 {padding:15px 0 10px 0;}
.service .prodcut_check .p_info01 dt {font-size:13px;}
.service .prodcut_check .p_info01 dd {font-size:13px;}
.service .prodcut_check .p_info02 {padding:10px;}

.service .step {gap:15px; padding:20px 15px; margin:10px 0; }
.service .step em {min-width:28px; min-height:28px; width:28px; height:28px; font-size:12px;}
.service .step em::before {min-width:34px; min-height:34px; width:34px; height:34px;}
.service .step p {font-size:14px;}
.service .step p span {display:none; font-size:13px;}
.service .step p br {display:none;}
.service .step li::before {display:none; width:15px; margin:0 10px;}

/*상품구매페이지 (상품선택)*/
.product_choice .box_wrap {margin:0;} 
.product_input .box3 .check_style01 {display:flex;}
.product_input .input_type01 > div.flex {gap:5px;}
.product_input .input_type03 .flex {gap:5px;}
.product_input .input_type03 .flex select {width:60px;}


/*상품정보 입력*/
.product_input {margin-bottom:20px;}
.product_input .box {padding:20px 15px; margin:10px 0;}
.product_input .left {position:initial; width:100%; order:2;}
.product_input .l_r_wrap {margin-top:15px;}
.product_input .left .l_title button {cursor:pointer; border-radius:3px; border:1px solid var(--pick-color); margin:15px 0 0 0;}
.product_input .left .l_title button i {display:inline-block;}
.product_input .left .preview_p_wrap {display:none;}
.product_input .right {position:initial; width:100%; margin:0; padding:5px 15px; order:1;}
.product_input .box2 .check_style01 {grid-template-columns:repeat(3, 1fr); height:105px; overflow-y:auto;}
.product_input .box2 .check_style01 label {font-size:13px; padding:5px;}
.product_input .box .title ul {width:100%; gap:10px 15px; border-top:2px solid #404040; padding:15px 0 0 0; margin-top:15px; }
.product_input .box .title .select,
.product_input .box .title select {width:100%;}
.product_input .box3 .company_name input {width:100%;}

/*결제페이지*/
.product_payment .box_wrap {padding:20px 15px;}
.product_payment h2 {font-size:16px;}
.product_payment .box1 {gap:10px; margin:20px 0; padding:0 0 20px 0;}
.product_payment .box1 .tit {font-size:20px;}
.product_payment .box1 i {font-size:50px;}
.product_payment .box {margin:30px 0;}



/*등록페이지 공통*/


/****마이페이지*****/
.my_page .in_info {padding:12px;}

/*마이페이지 테이블 스타일*/
.my_page .th li {padding:10px; font-size:13px;}
.my_page .td li {padding:15px 10px; font-size:14px;}

/*우측*/
.my_page .con {padding:15px 15px;}
.my_page .con h2 {font-size:16px;}
.my_page .con .title {padding-bottom:10px;}
.my_page .con .title .tab {overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none;}
.my_page .con .title .tab a {font-size:13px; padding:8px 10px;}
.my_page .con .title .tab button {font-size:13px; padding:8px 10px;}
.my_page .con .middle .in_search {width:calc(100% - 140px - 10px);}
.my_page .con .middle .in_search > div {width:100%;}
.my_page .con .middle .in_search input {width:calc(100% - 31px);}
.my_page .con .middle .note_write {width:100%;}
.my_page .con .middle .note_write ul {width:100%;}
.my_page .con .middle .note_write li {width:calc((100% - 5px) / 2);}
.my_page .con .middle .note_write button {width:100%;}
.my_page .con .list > li {padding-bottom:15px;}
.my_page .con .list .top {gap:20px 10px; padding:10px 0;}
.my_page .con .list .top .right > * {width:50%;}
.my_page .con .list .bottom {gap:8px 0;}
.my_page .con .list .bottom .flex {flex-wrap:wrap; gap:5px 0;}
.my_page .con .list .bottom li {font-size:13px; }
.my_page .con .list .bottom li::before {display:none;}
.my_page .con .list .bottom .left {width:100%; padding-bottom:8px; border-bottom:1px solid #e5e5e5; }
.my_page .con .list .bottom .right {gap:0px 10px; width:100%;}
.my_page .con .list .bottom .right > ul {width:100%;}
.my_page .con .list .bottom .right ul:last-child::before {display:none;}
.my_page .con .list .bottom .right .jump {padding-bottom:8px; border-bottom:1px solid #e5e5e5; margin-bottom:8px;} 
.my_page .con .list .bottom button {font-size:12px; padding:4px 6px;}
.my_page .con .list .bottom .right .pc_no {display:block;}
.my_page .con .list .bottom .right select {font-size:12px; height:22px; }


.my_page .con .box.no_list {font-size:14px;}

/*마이페이지 대출상품관리*/
.my_page .product_list .list .top .left {flex-wrap:wrap; gap:10px; width:100%;}
.my_page .product_list .list .top .left a {gap:0 15px; width:100%;}
.my_page .product_list .list .top .left .tit {font-size:15px;}
.my_page .product_list .list .top .left .text_wrap {width:100%;}
.my_page .product_list .list .top .left .ing li:first-child {flex-shrink:0;}
.my_page .product_list .list .top .left .day {letter-spacing:-0.5px; margin-top:15px;}
.my_page .product_list .list .top .left .day li::before {margin:0 5px;}
.my_page .product_list .list .top .right {flex-direction:row; width:100%;}
.my_page .product_list .list .top .right button {font-size:13px;}
.my_page .product_list .list .top .right .edit_btn {width:35%;}
.my_page .product_list .list .top .right .edit_btn button {padding:8px 0;}


/*마이페이지 상품관리 개별 수정*/
.my_page .note_list .middle > div:first-child {order:2}
.my_page .note_list .middle > div:last-child {order:1;}

/*마이페이지 업체관리*/
.my_page .company .list .bottom .right {width:auto;}
.my_page .company .list .top {padding:20px 0;}
.my_page .company .list .top .c_name {display:flex; align-items:center; width:calc(100% - 10px - 10px - 15px); text-align:left; font-size:12px;}
.my_page .company .list .top .c_name p:last-child::before {content:""; display:inline-block; width:1px; height:10px; background-color:#ddd; margin:0 8px; }
.my_page .company .list .top .c_name p:first-child {margin-bottom:0; font-size:15px;}
.my_page .company .list .top .c_info dl {font-size:13px;}
.my_page .company .list .top .c_info {width:100%; grid-template-columns:repeat(2, 1fr); gap:7px; padding-left:0; border-left:0;} 


/*마이페이지 열람한 대출문의*/
.my_page .open_list .list > li {flex-wrap:wrap;}
.my_page .open_list .left {width:100%;}
.my_page .open_list .left .dl_wrap {grid-template-columns:repeat(2, 1fr)}
.my_page .open_list .left dl {font-size:13px;}
.my_page .open_list .left .tit {padding:12px;}
.my_page .open_list .right {width:100%; margin-left:0; padding-left:0; margin-top:15px; padding-top:15px; border-top:1px dashed #e5e5e5;}
.my_page .open_list .right .dl_wrap {flex-direction:row; flex-wrap:wrap; gap:7px 10px;}
.my_page .open_list .right dl {width:calc((100% - 10px) / 2); font-size:12px;}
.my_page .open_list .right dt {min-width:70px; width:70px;}

/*마이페이지 결제내역*/
.my_page .pay_list .middle .search_pay {}
.my_page .pay_list .th {display:none;} 
.my_page .pay_list .td {flex-wrap:wrap; }
.my_page .pay_list .td li {padding:15px 0;}
.my_page .pay_list .td em {display:block; width:100%; font-size:13px; color:#777; margin-bottom:4px;}
.my_page .pay_list .td .td1 {width:100%; border-bottom:1px dashed #ebebeb;}
.my_page .pay_list .td .td2 {width:33.33%;}
.my_page .pay_list .td .td3 {width:33.33%;}
.my_page .pay_list .td .td4 {width:33.33%;}
.my_page .pay_list .td .td5 {padding:10px; font-size:12px;}

/*마이페이지 점프,열람권 서비스*/
.my_page .my_service .box_wrap dl {padding:10px 15px;}
.my_page .my_service .box_wrap dt {font-size:15px;}
.my_page .my_service .box_wrap a {padding:8px; font-size:13px;}

/*마이페이지 정보수정*/
.my_page .join form h2:nth-of-type(1) {margin-top:30px;}
}



/****************************@@@@@@@@@@ 530px 이하@@@@@@@@@@****************************/
@media all and (max-width:530px) {


/*마이페이지 결제내역*/
.my_page .pay_list .middle .search_pay {width:100%;}
.my_page .pay_list .middle .search_pay input {width:calc((100% - 28px - 33px) / 2);}

/*실시간 대출상담 상세페이지*/
.inquiry_detail .matching .title a {font-size:14px;}
.inquiry_detail .matching .company>li {width:100%;}
}