@charset "utf-8"; /* 서브 디자인 요소 등 강제 수정 */ .sub_tab .tab_wrap a:hover{color:#111 !important;background:none !important;} .sub_tab .tab_wrap a.active,.sub_tab .tab_wrap a.active:hover,.linked_com .link_list .no_link .btn,.loan_ad .total_product ul li {color:#fff !important;background:var(--color_limeMedium) !important;} .linked_com .link_list .no_link .btn{line-height:30px !important;border-radius:10px !important;} .linked_com .link_list .no_link .btn a{font-size:12px !important;font-weight:600 !important;} .agree_step h4{font-weight:500;color:#555 !important;} .agreeTxt{color:#555 !important;font-weight:350 !important;} /* 글자색 변경 */ .members .form2 .note,.form2 dd > div,.info h4 b,.li_bar li b,.info .contact dd,.call_num,.cs .cs_info h4,.linked_com .link_tit span,.loanStep li.on,.loan_ad .ad_box .loan_info .num_color, .loan_ad .ad_box .loan_info dl dd .org,.loan_ad .ad_box .loan_info .color_br,.text_info,.form2 dd.price_tt input,.form2 dd > div,#infoModal .notice, #faqPage .ui-tabs-active a {color:var(--color_limeMedium) !important;} .realtime .list_box ul.num,.info p,.cs .cs_tit{background:#00ab9d16 !important;border-radius:10px !important;border:none !important;} .form2{margin-top:-35px !important} .form2 .con_box{border-color:#111;} a.btn_frmline, button.btn_frmline {padding:0 1.5em;border-radius:8px;border:1px solid var(--color_limeMedium) !important;background:var(--color_limeMedium) !important;;} .btn_confirm span input{width:200px !important;height:52px !important;font-size:1.3rem !important;font-weight:600;background:var(--color_limeMedium) !important;} .member .login_btn input{line-height:40px !important;font-size:1.1rem !important;font-weight:600 !important;border-radius:8px;border:none !important;background:var(--color_limeMedium) !important;} .new_win #win_title,.cs .cs_info dt,.loanStep li.on .num,.btn_confirm .btn{background:var(--color_limeMedium) !important;} .btn_confirm .btn{width:200px !important;height:50px !important;line-height:50px !important;font-size:18px;color:#fff !important;border:none !important;font-weight:600;border-radius:8px !important;} .btn_confirm2 .btn{width:200px !important;height:50px !important;line-height:50px !important;font-size:18px;color:#fff !important;border:none !important;font-weight:600;border-radius:8px !important;padding:0 !important} .btn_confirm .btn:hover{border:none !important} .btn_submit,.btn_b02,.bo_notice .notice_icon:before{background:var(--color_limeMedium) !important;} .sub_title h3{display:flex !important;align-items:center !important;justify-content:center !important;font-weight:700 !important;letter-spacing:-0.02em !important;font-size:20px !important;color:#fff !important;padding:0.5em 1em !important;margin:0 !important} .realtime .list_box .list_txt{padding-left:0 !important} .realtime .list_box .list_txt span{font-weight:450 !important;} .realtime .list_box .list_txt h6,.subsrc_title{font-size:1.1rem !important;color:#333 !important;font-weight:600 !important;} .area_list .list_box li{border-color:#fff !important;} .area_list .list_box li:hover{border-color:var(--color_limeMedium) !important;transition: border 0.6s !important;} .area_list .list_box li a{font-size:0.9rem !important;} .area_list .list_box li:hover a{color:var(--color_limeMedium) !important} .area_list .list_box li:hover,.area_list .list_box li.on,.btn_confirm .btn_b02.btn,.btn_confirm .btn{border-color:var(--color_limeMedium) !important} .area_list .list_box li.on a{color:#fff !important;background:var(--color_limeMedium) !important;} .srcbar_wrap .scr_inner{background:#fff !important;border:1px solid var(--color_limeLight);} .srcbar_wrap form.srcbar01 button[type=submit]{color:var(--color_limeMedium) !important;background:none !important} .btn_wrap .btn a{font-size:1rem !important;font-weight:600 !important;background:var(--gradient_left) !important;} .list table{border-bottom:1px solid #e6eaee} .list table th{color:#111 !important;font-weight:500;border:none !important} .btn_confirm a.btn{font-weight:600;border-radius:10px !important} .loan_ad .ad_select {display: inline-block; width: 100%;} .loan_ad .ad_select:hover,.loan_ad .ad_select.select{border-color:var(--color_limeMedium) !important;background-color:var(--color_limeMedium) !important;} .linked_com .link_list .has_link .com_nm{color:var(--color_limeMedium) !important} .myBtn{height:30px !important;line-height:30px !important;background:var(--color_limeMedium) !important;font-weight:600 !important;font-size:12px !important;border-radius:10px !important;text-align:center !important} .linked_com .link_list .no_link .btn.xs{background:#999 !important} #infoModal td{display:flex;justify-content:space-between;align-items:center;} #infoModal table th{padding:14px;background:var(--color_limeBright) !important} #infoModal table *{border:none !important} #infoModal table tr{border-bottom:1px solid #ddd !important;} /* 기타 페이지 */ .sub_wrap{width:100% !important;padding:0 1.5em !important;} .sub_content.left_bar{width:100% !important;padding:0 !important} .form2 .con_box{border-color:var(--color_limeMediumLight2) !important;} .form2 *{background:#fff !important} .btn_confirm{position:relative;display:flex !important;align-items:center !important;justify-content:center !important;gap:0.5em;text-align:center !important;} .btn_confirm input{font-size:16px;font-weight:600;padding:0.7em 1.6em;border-radius:7px;color:#fff !important;border:1px solid var(--color_limeMedium) !important;background:var(--color_limeMedium) !important;} .btn_confirm input:first-child{color:var(--color_limeMedium) !important;background:#fff !important;} .btn_confirm #btn_submit{text-align:center !important;color:#fff !important;background:var(--color_limeMedium) !important} .sub_tab{width:100% !important;} .sub_tab h3{border:none !important;height:auto !important;font-size:28px !important;text-align:center;padding:0 0 0.5em 0 !important;border-bottom:2px solid #333 !important;} .sub_tab .tab_wrap{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:center !important;gap:0 15px;background:none !important;padding:1.5em 1em !important;} .sub_tab .tab_wrap a{border:none !important;font-size:14px !important;height:26px !important;line-height:26px !important; padding:0 !important;} .sub_tab .tab_wrap a.active{background:none !important;color:#888 !important;font-weight:400 !important} .bg td,.tbl_head01 tbody tr:nth-child(even),.tbl_head01 .bg{background:#fff !important} .tbl_head01{background:#fff !important} .tbl_head01 th.col_w08,.list table th.col_w12{width:86px !important;} .tbl_head01 th:nth-child(4),.tbl_head01 th:nth-child(5){width:70px;} .tbl_head01 td.tit a{font-weight:600 !important;color:#111;} .tbl_head01 td .btn *{line-height:1 !important;font-size:13px !important;padding:5px 10px !important; border-radius:50px !important;color:#fff;background:var(--color_limeMedium) !important;} .user_nm .btn_wrap .btn a{font-size:13px !important;color:#fff !important;border-radius:50px !important;padding:0 10px !important;} /* 나의광고 - 적용중인 광고 리스트 */ .service_list{position:relative;display:block;width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;} .service_list li{font-size:0.85rem !important} #mb_confirm{text-align:center;} #mb_confirm fieldset{display:flex;flex-direction:column; } #mb_confirm fieldset div{display:flex;justify-content:space-between;gap:5px} #mb_confirm fieldset div input{line-height:36px;height:36px;padding:0 10px !important} #mb_confirm fieldset div input[type="password"]{flex:1} #mb_confirm fieldset div input[type="submit"]{width:100px;color:#fff;border:none;} @media screen and (max-width:600px){ .my_style td{text-align:left !important;} .my_style td p{line-height:26px;} .my_style .jump_nums{max-width:100% !important;padding-bottom:7px;} .my_style .btn2{line-height:1;color:#fff;background:#999;padding:2px 10px;border-radius:50px;} } #company{padding:0 !important} .intro03_sect,.cs,.provision{margin:0 1.2em} #ctt_con .sub_wrap{padding:0 !important} #ctt_con .sub_tab .tab_wrap a.active{background:none !important;color: #888 !important;font-size: 14px !important;font-weight:400 !important;} .sub_tab .tab_wrap a.active:after{display:none !important;} #ctt_con .info{margin:1.2em !important;} #ctt_con .info .con_box *{line-height:1.4 !important;} #ctt_con .info .con_box .call_num a{font-weight:600;} #ctt_con .info .con_box h4{margin:2em 0 0.7em !important;font-size:1.1rem !important;font-weight:800 !important;} #ctt_con .info .con_box h4 *{font-weight:800 !important;} #ctt_con .info .con_box p{font-size:0.9rem !important;padding:1em !important;} #ctt_con .info .li_bar{margin-top:2em !important} #ctt_con .info .li_bar li{font-size:0.95rem !important;margin-bottom:10px;} #ctt_con .info .li_bar li::before{content:'- '} .info .contact {overflow: hidden;} .info .contact dl {width:50%; float:left; text-align: center; background: transparent; padding:30px; border:1px solid #e2e2e2; margin:30px 0;} .info .contact dl:first-child {border-right:0;} .info .contact dt {font-size:17px; font-weight:500;} .info .contact dd {font-size:20px; font-weight:300;} .info .contact dd.call_num {color:var(--color_limeMedium); font-weight:600;} /*cs*/ .cs {} .cs .cs_tit {font-size:16px; font-weight:400; color:#777; background:#f5f7fa; padding:30px 0;letter-spacing: -0.05em; text-align: center; letter-spacing:-1px; margin-bottom: 15px;} .cs .cs_tit b {font-size:28px;font-weight:400; color:#333; display: block; letter-spacing:-3px;} .cs .cs_info {font-size:0; word-spacing:0; padding: 0 20px;} .cs .cs_info dl {width:50%; display:inline-block; vertical-align: top; text-align: center;} .cs .cs_info dd.float {display:flex;align-items:center;padding:3px 0 30px 0;} .cs .cs_info dl .cs_call01 {font-size:14px; color:#666; padding:0 10px 0 0; float:left; font-weight:500; letter-spacing:-1px; color:#888;} .cs .cs_info dl .cs_call02 {float:left; } .cs .cs_info dl .cs_call02 h4 {font-size:18px;line-height: 21px; color:#666;padding:0; font-weight:normal; } .cs .cs_info dl .pd_none {padding:5px 0 0;} .cs .cs_info dl:nth-child(1) dt, .cs .cs_info dl:nth-child(2) dt {border-top:0;} .cs .cs_info dl:nth-child(1), .cs .cs_info dl:nth-child(3) {} .cs .cs_info dt {font-weight:500; background:#5f5852; color:#fff; width:100px; line-height:30px; font-size:15px; letter-spacing: -1px; -webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px; margin-bottom:10px; margin-top:20px;} .cs .cs_info dt i { display:none;} .cs .cs_info dt svg {color:#0c6578;} .cs .cs_info dd {font-size:17px; word-break: keep-all; text-align: left;} .cs .cs_info dd .act_num {font-size:24px; font-weight:500; margin:0; padding:0;color:#444;} .cs .cs_info dd .name {font-size:15px; color:#666; margin-left:10px;} .cs .cs_info dd .phon_num {line-height:1; font-size:33px; color:var(--color_limeMedium); margin:0; padding:0;} .cs .cs_info dl .cs_call02 a{font-size:17px;} .cs .cs_info dd table {width:100%; max-width:260px; } .cs .cs_info dd table th, .cs .cs_info dd table td {font-size:17px; padding:0; vertical-align: top;} .cs .cs_info dd table td.small {font-size:14px; color:#999;padding-left:0; } .cs .cs_info dd table th {text-align: LEFT; color:#777;} .cs .cs_info dd table td {text-align: left; padding-left:10px;} .cs .cs_info dd .bank_img {padding-top: 4px; width:120px; display: block; margin-bottom:5px;} .provision h4{color:#111 !important} #ad_hot .pro_list.type2 .bg{height:100px !important} #ad_hot .pro_list.type2 li .cont{gap:0 !important} #realtime{position:relative !important;width:100% !important;padding:3em 1.5em !important} .realtime .list_box{position:relative !important;width:100% !important;margin:0 !important} .realtime .list_box ul.num{grid-template-columns: repeat(6, 1fr) !important;} .realtime .list_box ul.num li a{height:36px !important;line-height:36px !important;font-size:13px !important;} #realtime .srcbar01 .scr_inner,#realtime .sel_box.area_sel{font-size:13px !important;width:100% !important;margin:0 !important;border-radius: 2rem !important;border:none !important;background-color: #00ab9d16 !important;} #realtime .srcbar01 .scr_inner *,#realtime .sel_box.area_sel *{font-size:13px !important;} #realtime .sel_box.area_sel{margin-bottom:0.5em !important;} #realtime .srcbar01 .scr_inner{display:flex !important;justify-content:flex-start !important;align-items:center !important;} #realtime .srcbar01 .scr_inner select{width:120px !important;} #realtime .srcbar01 .scr_inner input{flex:1 !important;border:none !important;padding:0 !important;background:none !important;} #realtime .srcbar01 .scr_inner button{width:35px !important;height:35px !important;border:none !important;} #realtime .srcbar01 .scr_inner button i{font-size:16px !important;} #realtime .btn_wrap.right.mt30.writeBtn{text-align:right;} #realtime .btn_wrap.right.mt30.writeBtn .btn{display:flex;justify-content:right !important;width:100% !important;height:42px !important;} #realtime .btn_wrap.right.mt30.writeBtn .btn a{width:90% !important;height:42px !important;line-height:42px !important;text-align:center !important;border-radius:8px;color:#fff !important;background:var(--color_limeMedium) !important;} #realtime .btn_wrap.right.mt30.writeBtn.bottomBtn{} #realtime .btn_wrap.right.mt30.writeBtn.bottomBtn a{position:relative !important;width:100% !important;} #realtime .paging{margin-top:100px !important} .real_w,.real_w #fwrite{margin:0 !important;padding:0 !important;} .real_w .bo_w_info input,.real_w .bo_w_info select{height:36px !important;line-height:36px !important;} .real_w .bo_w_info button{height:36px !important;line-height:36px;color:#fff !important;font-weight:600;} .real_w .bo_w_info .tel{height:36px !important;line-height:36px;display:flex;align-items:center;gap:5px;} .real_w .bo_w_info .tel input[type="tel"]{width:24% !important} .real_w .bo_w_info .tel .btn_frmline{margin:0 !important} .real_w .bo_w_info .tel .btn_frmline button{width:100% !important;} .real_w .bo_w_info .form_BtmSect button{height:26px !important;line-height:26px;font-size:12px !important;color:#333 !important;padding:0 10px !important} .real_w .btn_confirm.write_div *{display:flex;justify-content:center;align-items:center;height: 50px !important;line-height: 50px !important;padding:0 !important;text-align:center;margin:1em 0 5em 0 !important;} .btn_confirm.bo_v_com .btn_submit22{padding:0 !important} .m_button input{padding:0 !important;margin-top:30px;} @media screen and (max-width:600px){ .sub_wrap{width:100% !important;padding:0 1.2em !important;} /*cs*/ .cs .cs_tit {font-size:14px; padding: 30px;} .cs .cs_tit b {display: block; font-size:20px; letter-spacing:-1px;} .cs .cs_info dd {font-size:15px; text-align: center;} .cs .cs_info dl .pd_none {padding:10px 0 0 0;} .cs .cs_info dd.float {display: inline-block; padding:0;} .cs .cs_info dd table {max-width:180px; margin: 0 auto;} .cs .cs_info dd table td.small {text-align: center;} .cs .cs_info dd table th, .cs .cs_info dd table td {font-size:15px;text-align: left;} .cs .cs_info dd .phon_num {font-size:25px;padding-bottom: 5px;} .cs .cs_info dd .act_num {display:block;} .cs .cs_info dd .bank_img {margin:0 auto;padding-bottom: 5px;} .cs .cs_info dl {width:100%;} .cs .cs_info dl dt {margin: 0 auto;} .cs .cs_info dl:nth-child(2) dt, .cs .cs_info dl:nth-child(3) dt, .cs .cs_info dl:nth-child(4) dt{border-top:1px solid #e2e2e2; margin-top:20px; margin-bottom:10px;} .cs .cs_info dl:nth-child(1), .cs .cs_info dl:nth-child(3) {border-right:0;} .cs .cs_info dd .act_num {font-size:20px;} .my_style td{text-align:left !important;} .my_style td p{line-height:26px;} .my_style .jump_nums{max-width:100% !important;padding-bottom:7px;} .my_style .btn2{line-height:1;color:#fff;background:#999;padding:2px 10px;border-radius:50px;} .info h4 {font-size:20px; word-break: keep-all;} .info p {font-size:14px;} .info .contact dl {width:100%; float:none; margin:10px 0;} .info .contact dl:first-child {border-right:1px solid #e2e2e2;} .realtime .list_box .list_txt{margin-bottom:1em !important;} .realtime .list_box ul.num{grid-template-columns: repeat(4, 1fr) !important;} #realtime .btn_wrap.right.mt30.writeBtn,#realtime .btn_wrap.right.mt30.writeBtn .btn a{width:100% !important;margin:0 !important} #realtime .list{margin-bottom:1em !important;} #realtime .list table td.tit a{font-weight:600 !important} #realtime .paging{margin-top:30px !important} .real_w .bo_w_info .tel input[type="tel"]{width:20% !important} .members {margin-top:30px !important;} .list.con_box td.date{text-align:left !important} .page_info{border:none !important} #bo_v_top{margin:1em 0 !important} #bo_v_top .bo_v_left{display:flex;align-self:flex-end;gap:10px} } @media screen and (max-width:478px){ .sub_wrap{width:100% !important;padding:0 1em !important;} #realtime .sub_title h3{font-size:1.2rem !important} #realtime{padding:3em 0 !important} #realtime.rtm{padding:0 1em !important;} .realtime .list_box ul.num{padding: 0.7rem !important;grid-gap:3px !important;grid-template-columns: repeat(3, 1fr) !important;} .realtime .list_box ul.num li a{height:30px !important;line-height:30px !important;font-size:12px !important;} .real_w .bo_w_info .tel input[type="tel"]{width:18% !important} .real_w .bo_w_info .tel .btn_frmline button{padding:0 0.3em !important;} } /* 검색결과 */ .board_list_title{position:relative;width:100%;font-size:1.2rem;margin:3em 0 1em 0;text-align:center;} .search_result{position:relative;width:100%;padding:0 1em;margin-bottom:8em;} .search_result thead{background:var(--gradient_left) !important} .search_result thead th{color:#fff !important;} .pg_wrap {clear:both;margin:30px 0 ;text-align:center} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} .pg {display:flex;justify-content:center;align-items:center;gap:5px;margin-top:20px;width:100%;} .pg a,.pg_current {display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;font-size:13px;text-align:center;background:#eee;border-radius:4px;color:#333;text-decoration:none;transition:all .3s} .pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;} .pg_page:hover{background-color:#ddd} .pg_start {text-indent:-999px;overflow:hidden;width:30px !important;height:30px !important;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee !important;} .pg_prev {text-indent:-999px;overflow:hidden;width:30px !important;height:30px !important;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee !important;} .pg_end {text-indent:-999px;overflow:hidden;width:30px !important;height:30px !important;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee !important;} .pg_next {text-indent:-999px;overflow:hidden;width:30px !important;height:30px !important;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee !important} .pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa} .pg_current {background:var(--color_limeMedium) !important;color:#fff;border-color:var(--color_limeMedium) !important} .sound_only{display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 내지역 대출찾기, 상품별 대출찾기 상단 */ #pro_top_list{position:relative;padding:1.2em 1em;background:rgba(104, 141, 137, 0.06)} #pro_top_list h5{font-size:16px;font-weight:700;color:#222;margin-bottom:10px;} #pro_top_list h5 i{color:var(--color_limeMedium);margin-right:5px;} #pro_top_list ul{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:6px;} #pro_top_list ul.r4{grid-template-columns:repeat(4, 1fr);} #pro_top_list ul li a{display:flex;justify-content:center;align-items:center;width:100%;line-height:34px;font-size:13px;font-weight:600;color:#555;border-radius:10px;border:1px solid #eee;background:#fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);} #pro_top_list ul li a.active{display:inline-flex;font-weight:700;color:#fff;background:var(--color_limeMedium);border:1px solid var(--color_limeMedium);animation:shaking 2s infinite ease-in-out;} @keyframes shaking { /* 연한색으로 커졌다작아짐 */ 0% {box-shadow:0 0 0 0 var(--color_limeMediumLight2);} 70% {box-shadow:0 0 0 4px var(--color_limeMediumLight2)} 100% {box-shadow:0 0 0 0 var(--color_limeMediumLight2)} } .area_step2{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);background:#fff;border-radius:5px;margin-top:1em;overflow:hidden;display:none;} .area_step2.active {display:block;} .area_step2 .step_title{display:flex;justify-content:space-between;align-items:center;padding:0.7em;background:#fafafa;border-bottom:1px solid #eee;} .area_step2 .step_title dl{display:flex;align-items:center;} .area_step2 .step_title dl *{line-height:1;font-size:0.9rem;font-weight:600;} .area_step2 .step_title dl dt{padding:4px 10px;border-radius:50px;color:var(--color_limeMedium);background:var(--color_limeBright);} .area_step2 .step_title dl dd{position:relative;color:#666;padding-left:14px;margin-left:10px;} .area_step2 .step_title dl dd::before{position:absolute;left:0;top:-2px;content:"\f105";font-family:"FontAwesome";font-size:18px;font-weight:1000 !important;color:#aaa;} .area_step2 .step_title span{font-size:0.9rem;color:#999;} .area_step2 ol{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:0.7em;padding:1.2em;max-height:230px;overflow-y:auto;} .area_step2 ol li{text-align:center} .area_step2 ol li a{display:block;width:100%;line-height:1;font-size:0.85rem;font-weight:500;padding:0.7em;color:#555;background:#fafafa;border:2px solid #eee;border-radius:6px;} .area_step2 ol li a.active{color:#fff;background:var(--color_limeMedium);border:2px solid var(--color_limeMedium);} .area_step2 ol li a.active::before{content:"\f058";font-family:"FontAwesome";margin-right:6px} /* 업체 정보 페이지 */ #detail{position:relative;padding:1.2em 1em;} #dtl_top{position:relative;width:100%;padding-bottom:0.9em;border-bottom:1px solid #eee} #dtl_top h1{display:block;width:80%;line-height:32px;font-size:18px;font-weight:500;text-align:center;margin:0 10%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .dtl_top_btn{position:absolute;top:0;right:0;} .dtl_top_btn a.btn_manage{display:inline-block;width:32px;height:32px;line-height:32px;font-size:14px;font-weight:600;text-align:center;border-radius:100px;color:#fff;background:var(--color_limeMedium);z-index:10;} .dtl_top_btn a.btn_manage i{} .dtl_top_btn ul{display:none;position:absolute;right:0;top:34px;width:120px;box-shadow:0 2px 4px -1px #0003;background:#fff;border:1px solid #e5e5e5;border-radius:8px;z-index:100} .dtl_top_btn ul li{} .dtl_top_btn ul li + li{border-top:1px solid #e5e5e5} .dtl_top_btn ul li a{display:flex;justify-content:space-between;font-size:13px;color:#222;padding:0.7em 1em;color:#333} .dtl_top_btn ul li a i{width:13px;text-align:center;} #dtl_mid .title{position:relative;width:100%;display:inline-flex;align-items:center;line-height:28px;font-size:1.2rem;font-weight:700;padding-bottom:0.8em;margin:1.5em 0 0;} #dtl_mid .title ~ .title{border-bottom:1px solid #ddd} #dtl_mid .title i{display:flex;justify-content:center;align-items:center;width:28px;height:28px;font-size:0.8rem;text-align:center;margin-right:8px;color:#888;background:#eee;border-radius:100px} #dtl_mid .title span{font-size:1.1rem;font-weight:700;color:#111;} #dtl_mid .dtl_tbl table{width:100%;border-top:2px solid #222;} #dtl_mid .dtl_tbl th{width:20%;color:#444;background:#f5f5f5;} #dtl_mid .dtl_tbl td{color:#222;} #dtl_mid .dtl_tbl th,#dtl_mid .dtl_tbl td{font-size:14px;text-align:left;border:1px solid #e6e6e6;padding:0.5em 1em} .tbl_txt{display:flex;align-items:center;font-weight:600;} .tbl_txt a{display:flex;justify-content:center;align-items:center;gap:7px;min-width:200px;text-align:center;margin-left:auto;font-size:15px;font-weight:600;padding:0.6em 1.2em;border-radius:6px;color:#fff;background:var(--gradient_m_mint);} .tbl_txt a i{width:13px;} .tbl_txt a.tel i{transform: scaleX(-1);} .tbl_txt a.sms i{font-size:12px;} .dtl_exp{display:grid;grid-template-columns:repeat(4, 1fr);background:#fff;box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.1);padding:0.4em 0;} .dtl_exp li{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0.3em;line-height:1;padding:0.6em 0;} .dtl_exp li .img{width:40px;height:40px;background:#f0f0f0;padding:10px;border-radius:100px;margin-bottom:0.5em;} .dtl_exp li .img img{width:100%;height:auto;object-fit:contain;opacity:0.6;} .dtl_exp li b{font-size:0.9rem;font-weight:700;color:#222;} .dtl_exp li p{font-size:0.75rem;color:#888;} .dtl_tel_sms{display:flex;justify-content:space-between;gap:10px;margin-top:10px;} .dtl_tel_sms a{display:flex;justify-content:center;align-items:center;gap:7px;flex:1;text-align:center;margin-left:auto;font-size:15px;font-weight:600;padding:1em 1.2em;border-radius:6px; /* background:var(--gradient_m_mint); */ background: #111; border: 1px solid #111; color: #fff;} .dtl_tel_sms a + a{background-color: #fff; color: #111;} #dtl_cont{position:relative;width:100%;min-height:300px;} #dtl_cont img{width:100% !important} .dtl_btn{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:center;} .dtl_btn a{flex:1;position:relative;display:inline-block;line-height:58px;font-size:20px;font-weight:700;color:#fff;padding:0 10px;background:var(--gradient_m_mint2);border-radius:10px;overflow:hidden;} .dtl_btn a:before{content:'';position:absolute;top:0;left:-50%;width:40%;height:100%;background:linear-gradient(90deg,#fff0 0%,#fff9 50%,#fff0 100%);transform:skewX(-25deg);opacity:.8;animation:shine 4s infinite} .dtl_btn a i{margin-right:6px;} /* 업체정보 상세보기 모달창 */ #modal3 .dtl_tbl{margin-bottom:1em;} #modal3 .dtl_tbl th{width:25%;} #modal3 .dtl_tbl th,#modal3 .dtl_tbl td{font-size:13px;text-align:left;border:1px solid #e6e6e6;padding:0.5em 1em} #modal3 .key_txt{margin:0;} #modal3 .p_num_point{border-radius:0 0 10px 0;} /* 대출 시 주의사항 모달창 */ #modal4 ul.modal_caution{display:flex;flex-direction:column;gap:0;margin:0;} #modal4 ul.modal_caution li{display:flex;gap:10px;line-height:1.3;font-size:14px;font-weight:450;color:#111;padding-left:0;} #modal4 ul.modal_caution li::before{content:'';margin:0;padding:0;} #modal4 ul.modal_caution li + li{margin-top:10px;padding-top:10px;border-top:1px solid #eee;} #modal4 ul.modal_caution li i{line-height:1.6;font-size:13px;color:var(--color_limeMedium);} #modal4 .key_txt{margin:0.5em 0 0 0;} /* 하단 대출다연 저작권 문구 */ .dtl_info{display:flex;flex-direction:column;gap:10px;position:relative;width:100%;text-align:center;letter-spacing:-1px;border-radius:10px;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.07);border:1px solid #eee;background:#f9f9f9;padding:1.5em 1.2em;margin-top:1.5em;} .dtl_info img{width:auto;height:40px;object-fit:contain;} .dtl_info p{line-height:1.4;font-size:13px;font-weight:350;color:#333;} .dtl_info p:first-of-type{margin-top:1em} .dtl_info .key_txt{margin:1em 0 0} /* 하단 이전글, 다음글 */ #dtl_direction{position:relative;width:100%;margin-top:2em;} #dtl_direction ul{display:flex;flex-direction:column;border-top:1px solid #ddd;} #dtl_direction ul li{display:flex;align-items:center;gap:10px;font-weight:450;border-bottom:1px solid #ddd;overflow:hidden;} #dtl_direction ul li a{display:flex;align-items:center;line-height:40px;width:100%;padding:0 1em;} #dtl_direction ul li a *{font-size:0.85rem;color:#aaa;} #dtl_direction ul li a b{font-weight:600;padding-right:1em;margin-right:1em;} #dtl_direction ul li a b i{margin-right:5px} #dtl_direction ul li a p{flex:1;color:#111;max-width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #dtl_direction ul li a span{text-align:right;margin-left:auto;} /* 뷰페이지 버튼 고정 */ #dtl_fix_btn{position: fixed; bottom: 0; left: 0; right: 0; display: flex; gap: 10px; padding: 0.6em 1em; background-color: rgba(256,256,256,0.9); z-index: 100; box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1); opacity: 0; pointer-events: none; transform: translateY(100%); transition: all 300ms ease; font-size: 1.2rem;} #dtl_fix_btn > a{flex: 1; display: flex; justify-content: center; align-items: center; gap: 10px; text-align: center; margin-left: auto; font-weight: 600; padding: 1em 1.2em; border-radius: 6px; background: #111; border: 1px solid #111; color: #fff; line-height: 1;} #dtl_fix_btn > a + a{background-color: #fff; color: #111;} #dtl_fix_btn.active { opacity: 1; pointer-events: auto; transform: translateY(0); } /* 광고문의 */ .sub_title2{position:relative;width:100%;line-height:1.3;font-size:1.3rem;font-weight:700;text-align:center;color:#111;margin:0.6em 0;} #ad_inquiry{position:relative;padding:1.2em 1em;} #ad_iqy_top{display:flex;justify-content:center;flex-direction:column;gap:0;position:relative;width:100%;padding:1.2em;margin:0 0 1.5em;border-radius:14px;background:var(--gradient_right);box-shadow:0 4px 10px rgba(0, 165, 158, 0.3);} #ad_iqy_top .left{position:relative;width:auto;height:100%;} #ad_iqy_top .left *{line-height:1;color:#fff;opacity:0.8;} #ad_iqy_top .left h5{font-size:1rem;margin-bottom:0.2em;} #ad_iqy_top .left strong{display:block;width:100%;padding:0.2em 0 0.5em 40px;opacity:1;background:url(../img/icon_iqy_top.png) no-repeat center left;background-size:30px;} #ad_iqy_top .left strong + h5{margin-top: 1em;} #ad_iqy_top .left strong.small{padding-left: 0; background: initial; font-size: 0.9em;} #ad_iqy_top .left strong a{font-size:1.8em;font-weight:700;opacity:1;} #ad_iqy_top .left p{line-height:1.4;font-weight:350;font-size:0.8rem;} #ad_iqy_top .right{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:0.4em;width:100%;margin-top:1em;} #ad_iqy_top .right a{display:flex;justify-content:space-between;align-items:center;position:relative;line-height:16px;padding:1em;border-radius:6px;background:#fff;} #ad_iqy_top .right a b{font-size:0.95rem;font-weight:600;color:var(--color_limeMedium);} #ad_iqy_top .right a i{font-size:0.9rem;color:rgba(0, 0, 0, 0.5)} @media screen and (max-width:360px){ #ad_iqy_top .left strong a{font-size:1.7em;} #ad_iqy_top .right a{padding:0.6em;} #ad_iqy_top .right a b{font-size:0.85rem;} #ad_iqy_top .right a i{font-size:0.9rem;} } #ad_iqy_mid{display:flex;flex-direction:column;position:relative;width:100%;text-align:center;color:#fff;padding:1.2em 1em;border-radius:14px;background:var(--color_limeMedium);box-shadow:0 4px 10px #00a59e4d;overflow:hidden} #ad_iqy_mid::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/ad_iqy_bg.gif) no-repeat center/cover;z-index:0;opacity:.2} #ad_iqy_mid *{position:relative;z-index:1;display:block;width:100%;line-height:1.6;font-weight:600;color:#fff;} #ad_iqy_mid h5{font-size:1.4rem;letter-spacing:-0.04em;} #ad_iqy_mid p{font-weight:450;font-size:0.95rem;} #ad_iqy_mid p:nth-of-type(1){margin:0.2em 0;opacity:0.8;} #ad_iqy_mid p:nth-of-type(2){margin:0.3em 0 0;opacity:0.5;} #ad_iqy_mid strong{font-size:1.2rem;} #ad_iqy_mid strong a{display:inline-block;width:auto;} #ad_iqy_mid b{font-size:1.3rem;color:var(--color_lime);} @media screen and (max-width:360px){ #ad_iqy_mid h5{font-size:1.15rem;letter-spacing:-0.02em;} #ad_iqy_mid p{font-size:0.8em;} } #ad_iqy_list{position:relative;width:100%;margin-top:3em;} #ad_iqy_list ul{display:grid;grid-template-columns:repeat(1, 1fr);align-items:center;grid-gap:0.5em;} #ad_iqy_list ul li{display:flex;align-items:center;width:100%;height:100%;padding:1.5em 1em;border-radius:8px;border:2px solid var(--color_limeMedium);box-shadow:0 4px 10px rgba(0, 165, 158, 0.1);} #ad_iqy_list ul li a{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;width:100%;} #ad_iqy_list .left{width:200px;} #ad_iqy_list .left img{border:1px solid #e9e9e9;width:100%;height:auto;object-fit:contain;} #ad_iqy_list .right{width:100%;flex:none;} #ad_iqy_list .right .top{text-align:center;border-bottom:2px solid var(--color_limeLight);padding-bottom:0.6em;margin-bottom:1em;} #ad_iqy_list .right .top h4{font-size:1.2rem;font-weight:700;color:var(--color_limeMedium);margin-bottom:0.2em;} #ad_iqy_list .right .top span{display:inline-block;line-height:1;font-size:0.9rem;} #ad_iqy_list .right .top span:nth-of-type(1){color:#444} #ad_iqy_list .right .top span:nth-of-type(2){padding-left:0.4em;margin-left:0.4em;border-left:1px solid #ddd;font-weight:600;color:var(--color_limeMedium);} #ad_iqy_list .right .top p{font-size:0.85rem;color:#555;} #ad_iqy_list .right .top p b{color:var(--color_limeMedium);} #ad_iqy_list .right .mid{} #ad_iqy_list .right .mid h5{line-height:1;font-size:0.85rem;color:#666;margin-bottom:0.6em;} #ad_iqy_list .right .mid h5 i{margin-right:4px;} #ad_iqy_list .right .mid dl{padding:0.6em;border-radius:8px;border:1px solid var(--color_limeLight);background:var(--color_limeBright2);} #ad_iqy_list .right .mid dl *{line-height:18px;font-size:0.75rem;margin-top:0.1em;} #ad_iqy_list .right .mid dl dt{clear:left;float:left;display:inline-block;width:15%;height:18px;font-weight:600;font-size:0.7rem;text-align:center;color:#fff;padding:0 0.4em;border-radius:3px;background:var(--color_limeMedium)} #ad_iqy_list .right .mid dl dd{color:#666;padding-left:18%;} #ad_iqy_list .right .mid dl dd::after{content:"";display:table;clear:both;} #ad_iqy_list .right .btm{word-break:break-all;line-height:1.3;font-size:0.85rem;font-weight:600;color:var(--color_limeMedium);margin-top:0.8em;} #ad_iqy_btm{position:relative;width:100%;text-align:center;padding:1.2em 0.8em;margin-top:2em;border-radius:8px;border:2px solid var(--color_limeMedium);box-shadow:0 6px 14px rgba(0, 165, 158, 0.1);background:var(--color_limeBright);overflow:hidden;} #ad_iqy_btm::before{content:'';position:absolute;left:0;top:0;width:100%;height:2px;background:var(--color_limeMedium);} #ad_iqy_btm strong{display:block;width:100%;line-height:1;font-size:1.2rem;font-weight:700;color:var(--color_limeMedium);margin-bottom:0.6em;} #ad_iqy_btm strong::before{content:'';display:inline-block;width:24px;height:24px;vertical-align:-4px;background:url(../img/icon_iqy_btm.png) no-repeat 50% 0;background-size:contain;margin-right:6px;} #ad_iqy_btm p{line-height:1.3;font-size:0.75rem;color:#555;} /* 광고상품선택, 광고신청 등 */ #serviceSelFrm,#fwrite{position:relative;width:100%;text-align:center;padding:1.2em 0.8em;} .ad_content .tit{float:left !important;} .sub_content .container{width:100% !important;padding:0 !important} .ad_content *{text-align:left !important} /* 로그인 login, 회원가입 */ #mb_login{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;width:100%;text-align:center;margin:5em 0 8em;} #mb_login h1,.mbskin h1,#fregisterform h1{position:relative;width:100%;font-size:2rem;font-weight:600;text-align:center;margin-bottom:0.5em;} #flogin{position:relative;width:40%;margin:0 auto;} #login_frm{display:flex;flex-direction:column;gap:8px;width:100%;} #login_frm input[type="text"],#login_frm input[type="password"]{flex:1;line-height:1;padding:0.7em;background:#fff;border:1px solid #e5e5e5;border-radius:5px;} #login_frm input[type="submit"]{line-height:1;font-size:1.2rem;font-weight:700;padding:0.8em 0;color:#fff;background:var(--color_limeMedium);border:none;border-radius:5px;} .mb_login_join{display:flex;justify-content:center;align-items:center;margin-top:0.8em;} .mb_login_join a{line-height:1;font-size:0.85rem;color:#666;} .mb_login_join a + a{padding-left:8px;margin-left:8px;border-left:1px solid #ddd} #login_auto_login{display:none;}/* 자동로그인 숨김 */ .mbskin{position:relative;width:100%;padding:0 1em;margin:5em 0 8em} #fregister{position:relative;width:100%;} .chk_all,.fregister_agree{display:flex;align-items:center;gap:5px;line-height:1;margin-top:0.5em;} .chk_all input,.fregister_agree input{width:16px;height:16px;} .chk_all label,.fregister_agree label{font-size:1rem;font-weight:450;color:#555;} .chk_all label{font-weight:600;color:#000;} #fregister h2{font-size:1.4rem;font-weight:500;margin-bottom:0.5em;} #fregister_private h2{margin-top:1em} #fregister_private table{width:100%} #fregister_private table *{line-height:1.2;font-size:0.85rem;padding:0.5em;border:1px solid #ddd;background:#fff;} #fregister_private table th{background:#f5f5f5;} #fregister textarea{position:relative;width:100%;min-height:200px;line-height:1.3;font-size:0.85rem;font-weight:350;color:#888;padding:0.7em;} #fregister .btn_submit{width:100%;line-height:1;font-size:1.2rem;font-weight:700;padding:0.8em 0;color:#fff;background:var(--color_limeMedium);border:none;border-radius:5px;margin-top:1em;} #fregisterform{position:relative;width:100%;padding:0 1em;margin:5em 0 8em;} #fregisterform .f01_required{position:relative;width:100%;font-size:0.85rem;margin-bottom:0.5em;} #fregisterform .f01_required i,.form_01 li label i,.form_01 li .frm_label i{font-style:normal;color:#ef3737} .form_01{display:flex;flex-direction:column} .form_01 li{display:flex;align-items:stretch;border-top:1px solid #ddd} .form_01 li label,.form_01 li.add .frm_label{width:20%;font-size:.9rem;font-weight:450;padding-left:10px;color:#111;background:#f5f5f5;display:flex;align-items:center} .form_01 input{width:100%;line-height:1;font-size:0.85rem;padding:0.7em;background:#fff;border:1px solid #e5e5e5;border-radius:5px;} .form_01 .frm_info,#captcha_info{display:block;width:100%;line-height:1.3;font-size:0.8rem;font-weight:350;color:#888;margin-top:6px;} .form_01 .right{flex:1;display:inline-flex;align-items:center;flex-direction:column;padding:10px} .form_01 .right.i2{flex-direction:row;gap:7px;} .form_01 .right.i2 input{} .form_01 .right .check{display:flex;align-items:center;gap:5px;position:relative;width:100%;font-size:0.85rem;} .form_01 .right .check input[type="checkbox"]{width:14px !important;height:14px !important;} .form_01 li.add label{background:none;width:auto;} .form_01 .right2{flex:1;padding:10px} .form_01 .right2 div{display:flex;align-items:center;font-size:0.85rem;} .form_01 .right2 div + div{margin-top:5px;} .form_01 .right2 div label{width:12% !important;display:none;} .form_01 .right2 div button{width:20%;line-height:1;font-weight:600;font-size:0.85rem;padding:0.8em;border:none;color:#fff;border-radius:5px;background:#999;} .form_01 .right2 div input{width:100%;} .form_01 .right2 div:first-child input{width:79%;margin-right:1%;} .is_captcha_use{border-bottom:1px solid #ddd} #captcha{position:relative;float:left;width:100%;} #captcha *{float:left;} #captcha img{width:auto !important;height:36px !important;object-fit:contain;} #captcha input{width:40% !important;height:36px !important;line-height:36px !important;font-size:0.85rem !important;padding:0 0.7em !important;background:#fff !important;border:1px solid #e5e5e5 !important;border-radius:5px !important;} #captcha button{width:36px;height:36px;margin-left:5px !important;text-indent:-999px;border:none;overflow:hidden;} #captcha #captcha_mp3 {background:url("../img/sub/captcha2.png") no-repeat 0 -2px;} #captcha #captcha_reload {background:url("../img/sub/captcha2.png") no-repeat 0 -42px;} #captcha_audio{position:relative;float:left;width:100%;margin-bottom:10px;} #fregisterform .btn_top{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:1.5em;} #fregisterform .btn_top *{line-height:50px !important;font-size:1.1rem;font-weight:600;text-align:center;padding:0 !important;width:33% !important;border-radius:8px !important;} #fregisterform a.btn_cancel{color:#666;background:#fff;border:1px solid #ddd;} #fregisterform .btn_submit{color:#fff;background:var(--color_limeMedium);border:1px solid var(--color_limeMedium)} .loan_ad_box{padding:1em !important;border:1px solid #eee !important} .loan_ad .ad_box > img{width:45% !important;margin:0 5% 0 0 !important;} .loan_ad .ad_box .loan_info{width:50% !important;text-align:left !important} .form2 *{text-align:left !important} /* 회사소개 */ #company .sub_content{margin-bottom:5em !important} #intro01, #intro02, #intro03 {padding:5% 0 !important} #intro_ad_wrap{position:relative;width:100%;padding:1rem;} #intro01{padding-top:0 !important} #intro01 .introWrap{grid-auto-rows:300px !important;} #intro01 figure img{width:auto !important;height:80px !important;object-fit:contain !important;} .introWrap {width:100% !important;margin:0;grid-template-columns:100% !important;grid-gap:0;grid-auto-rows: 352px;} #intro02 ul.introDiscs{display:flex !important;justify-content:center !important;align-items:center;flex-direction:column;flex-wrap:wrap;padding:0 !important;} #intro02 ul li{display:flex !important;justify-content:center !important;align-items:center;flex-direction:column;padding:0 !important;transform: translateX(0) !important;} #intro02 ul li *,.intro03_sect .introWrap *{letter-spacing:0 !important;} .intro03 figure{width:100% !important} #intro02 ul.introDiscs h4{font-weight:800 !important;margin:10px 0;} #intro02 ul.introDiscs p{font-size:16px !important;} #intro01 dl dd{max-width:92% !important} #company .grey-bg{background:none !important} #intro04{width:100% !important;margin:2em 0 !important;padding-bottom:0 !important} #intro04 .wrap{grid-template-columns:repeat(1, 1fr) !important;padding:0 3%} #intro04 dl{padding:2.5em 1.5em;} #intro04 dl dt{display:inline-block;font-size:1.3rem;font-weight:700;text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);color:#fff;padding:0.3em 0.8em;border-radius:10px;background:var(--gradient_right);margin-bottom:0.8em} #intro04 dl dd{display:block;width:100%;line-height:1.4;font-size:1.1rem;color:#333;} #intro05{width:100% !important;margin:0 !important;padding-bottom:400px !important;overflow:hidden !important;} #intro05::after{content:'';position:absolute;left:50%;bottom:-80px;width:900px !important;height:300px;margin-left:-450px !important;} #intro05 .i5_txt{} #intro05 .i5_txt strong{display:inline-block;font-size:3rem;letter-spacing:-0.03em;font-weight:800;padding:0 10px;margin:0.8em 0 0.5em;color:var(--color_limeMedium);background: linear-gradient(transparent 60%, var(--color_limeBright) 60%);} #intro05 .i5_txt p{font-size:1.2rem;color:#555;} /* 회사소개 25-11-06 */ #intro_company,#intro_org{width:100% !important;padding:1.5em !important} #intro_company ul{gap:1em !important;} #intro_company ul li{padding:1em !important;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) !important;} #intro_company ul li img{width:100%;height:auto;object-fit:contain;} #intro_company ul li b{font-size:1.2rem !important;} #intro_company ul li p{font-size:0.9rem !important;} #intro_company .txt{width:90% !important;margin-bottom:3em;} #intro_company .txt b{font-size:2rem !important;} #intro_company .txt p{font-size:1rem;} #intro_org .wrap{display:grid;grid-template-columns:repeat(2, 1fr);} #intro_org .circle ul{gap:2% !important;width:100% !important;} #intro_org .circle ul li{width:90% !important;} /* 이용안내 */ #ctt_con .info .con_box h4 i{display:inline-block;font-style:normal;width:30px;height:30px;line-height:30px !important;font-size:18px;text-align:center;border-radius:100%;font-weight:600;color:#fff;background:var(--color_limeMedium);} /* 고객센터 */ #cs_btm_btn{position:relative !important;width:96% !important;margin:5% 2% 0 2% !important;grid-template-columns:repeat(3, 1fr);} #cs_btm_btn a{font-size:1rem !important;padding:1.5em !important} @media screen and (max-width:768px){ #flogin{width:60%;} .mbskin{padding:0.6em;} /* 광고등록 */ .loan_ad .ad_box{display:flex;justify-content:flex-start;flex-direction:column;} .loan_ad .ad_box > img{width:60% !important} .loan_ad_write_form .form2{margin-bottom:40px !important} .loanStep li{width:32% !important} .btn_confirm{margin:0 !important} .loan_ad .ad_box .loan_info{width:94% !important;margin-top:2em !important} .form2 dd .wr_time{min-width:0 !important;width:15% !important} #wr_period_unit,#wr_month_interest,#wr_year_interest,#wr_late_interest{min-width:0 !important;width:22% !important} /* 회사소개 */ #intro01 .listWrap{padding:1.5em 0 !important;} #intro05{width:100% !important;margin:0 !important;padding-bottom:300px !important;overflow:hidden !important;} #intro05::after{bottom:-80px;width:800px !important;height:400px !important;margin-left:-400px !important;} #intro05 .i5_txt strong{font-size:2rem !important;padding:0 6px !important;} #intro05 .i5_txt p{font-size:1rem !important;} #intro_company ul{grid-template-columns:repeat(1, 1fr) !important;} #intro_org .circle ul{grid-template-columns:repeat(2, 1fr) !important;gap:2% !important;width:100% !important;} #intro_org .circle ul::before{display:none} #intro_org .circle ul li{width:80% !important;} /* 고객센터 */ #cs_btm_btn{position:relative !important;width:95% !important;margin:5% 2% 0 2% !important;grid-template-columns:repeat(1, 1fr) !important;} #cs_btm_btn a{font-size:1rem !important;padding:1.5em !important} #cs_btm_btn a + a{border-top:1px solid var(--color_limeMedium) !important;border-left:none !important} } @media screen and (max-width:500px){ .modal_contents .dtl_tbl th{width:28% !important} #pro_top_list{position:relative;padding:1em 0.6em;} #dtl_top{padding-bottom:6px;} #dtl_top h1{line-height:26px;font-size:1rem;width:92%;margin:0 8% 0 0;} .dtl_top_btn a.btn_manage{width:26px;height:26px;line-height:26px;font-size:0.75rem;} #dtl_mid .dtl_tbl th{width:24%;text-align:center;} #dtl_mid .dtl_tbl th,#dtl_mid .dtl_tbl td{font-size:0.75rem;padding:0.4em 0.6em} #dtl_mid .title{line-height:20px;font-size:1rem;padding-bottom:0.5em;margin:1.2em 0 0;} #dtl_mid .title i{width:20px;height:20px;font-size:0.6rem;margin-right:5px;} #dtl_mid .title span{font-size:1rem;} .dtl_btn a{line-height:44px;font-size:1rem;} .dtl_exp{grid-template-columns:repeat(4, 1fr);} .dtl_exp li{flex-direction:row;flex-wrap:wrap;gap:3px;padding:8px 0;} .dtl_exp li .img{display:inline-block;font-size:0;width:12px;height:12px;padding:0;margin:0 4px 0 0;background:none;border-radius:0} .dtl_exp li b{display:inline-block;font-size:.75rem;white-space:nowrap} .dtl_exp li p{flex-basis:100%;width:100%;text-align:center;font-size:.66rem;margin-top:3px} .tbl_txt{flex-direction:column;gap:10px;} .tbl_txt a{min-width:100%;gap:5px;margin:auto;font-size:0.9rem;padding:0.5em 0;border-radius:4px;} .dtl_tel_sms{justify-content:center;flex-direction:column;gap:4px;} .dtl_tel_sms a{width:100%;margin:0;padding:1em 0;} #dtl_fix_btn{gap: 4px;} #dtl_fix_btn > a{font-size: 1.1rem;} .area_step2 ol{grid-gap:0.4em;padding:0.8em;max-height:180px;} .area_step2 ol li a{font-size:0.8rem;padding:0.5em} .area_step2 ol li a.active::before{margin-right:4px} .price_name input{width:100% !important} .sel_colors{display:block !important;margin:5px 0 0 0 !important} .form2 dd .wr_time{width:20% !important} /* 로그인, 회원가입 */ #flogin{width:80%;} .form_01 li label,.form_01 li.add .frm_label{width:30%;} .form_01 .right2 div button{width:34%;} .form_01 .right2 div:first-child input{width:65%;} #captcha img{height:50px !important;} #captcha input{width:52% !important;} #fregisterform .btn_top{gap:5px;} #fregisterform .btn_top *{line-height:42px !important;font-size:1rem;width:49% !important;} /* 회사소개 */ #intro01 .listWrap dl *{font-size:0.85rem !important} #intro05{padding-bottom:260px !important;} #intro05::after{bottom:-80px;width:600px !important;margin-left:-300px !important;} #intro05 .i5_txt strong{font-size:1.8rem !important;padding:0 6px !important;} #intro05 .i5_txt p{padding:0 5%;font-size:0.9rem !important;} #intro_company .txt{width:100% !important;margin-bottom:3em;} #intro_company .txt b{font-size:1.4rem !important} #intro_company .txt p{font-size:0.9rem !important} #intro_company ul{grid-template-columns:repeat(1, 1fr) !important;} #intro_org .wrap{grid-template-columns:repeat(1, 1fr) !important} #intro_org .circle ul li i{margin-bottom:0.5em !important} #intro_org .circle ul li i,#intro_org .circle ul li b{font-size:1.2rem !important;} #intro_org .wrap dl{padding:1.2em !important} #intro_org .wrap dl dt{font-size:1.1rem !important;font-weight:700;} #intro_org .wrap dl dd{font-size:0.9rem !important;} } @media screen and (max-width:360px){ #pro_top_list ul{grid-template-columns:repeat(4, 1fr);} #pro_top_list ul.r4{grid-template-columns:repeat(3, 1fr);} #pro_top_list ul li a{line-height:30px;font-size:12px;} .form2 dd .wr_time{width:23% !important} /* 로그인, 회원가입 */ #flogin{width:90%;} .form_01 .right2 div button{width:37%;} .form_01 .right2 div:first-child input{width:62%;} .form_01 li label,.form_01 li.add .frm_label{width:35%;} #intro05 .i5_txt strong{font-size:1.4rem !important;} }