@charset "utf-8";

#bo_v_atc_title {display:none;}


input[type=file]::file-selector-button {
  width:auto; height: 30px; background: #5f5f5f; border: 1px solid #000; border-radius: 10px; cursor: pointer; color:white; font-weight:600;
  font-size:0.8rem; letter-spacing:-1px;
  &:hover {
    background: rgb(77,77,77);
    color: #fff;
  }
}


/*sub_wrap*/
.sub_wrap .container {}
/*.sub_wrap > div {font-size:15px; letter-spacing: -0.03em; display:block;  margin:30px auto 0;}*/


/*sub_menu*/
.sub_tab {width:200px; float:left; vertical-align: top; padding-bottom:30px;  font-size:0; word-spacing: 0;}
.sub_tab .container {width:100%;}
.sub_tab h3 {width:100%; height:60px; font-size:26px; font-weight:bold; line-height:27px; color:#222; border-bottom:3px solid #222; margin-bottom:10px;}
.sub_tab .tab_wrap a {display:block; font-size:16px; height:45px; text-align:left; line-height:45px; padding:0 15px; color:#888; border-bottom:1px solid #efefef;}
.sub_tab .tab_wrap a.active {position:relative; font-weight:bold; color:#fff; background:#5822e0;}
.sub_tab .tab_wrap a:hover {color:#fff; background:#5822e0;}
.sub_tab .tab_wrap a.active:after {display:block; position:absolute; content:''; border-top:2px solid #fff; border-right:2px solid #fff; right:15px; bottom:18px; color:#fff; width:6px; height:6px ;transform: rotate(45deg);}
.sub_tab .tab_wrap a.icon {display:none;}



/*sub_content*/
.ctt_admin{position:absolute; top:30%; right:0; z-index:1;}
.sub_wrap  {/*padding:30px 0 60px;*/ position:relative;}
.sub_content {padding:3rem 0 1rem; min-height:600px; position:relative;}
#typeOfShop.sub_content { padding-top:2rem; }
.sub_content.left_bar {width:calc(100% - 225px); display:inline-block; vertical-align: top; padding-left:5%; padding-top:0; }
.sub_title h3 {font-size:28px; color:#000; text-align: center; margin-bottom:25px; font-weight:500; letter-spacing: -0.06em; line-height:1;}
.sub_title b {font-size: 16px; display:block; margin-top:5px;}
/*.sub_title h3:before {content:''; width:1px; height:40px; background:#333; margin:0 auto 15px;  display:block;}*/
.sub_content.left_bar h3 {text-align: left;}

.top_banner .com_title {font-size: 23px; line-height: 1; width:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color:#000; font-weight: 500; text-align:center !important;}
.top_banner .com_about {font-size: 15px; color: rgb(153, 153, 153); font-weight:200;line-height: 18px; display: block; margin: 10px 0; height: 36px; overflow: hidden; text-align:center; }
.top_banner .com_about dd {width:100% ; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.top_banner .com_info {margin-top:10px !important;}
.top_banner .com_info span {font-weight: 400 !important;}
.top_banner .com_nm {color:#333; text-align:center; }




@media screen and (max-width: 960px) {
/*sub_menu*/
.sub_tab {border-bottom:0; position:relative; margin-bottom:70px; height:50px; display:inline-block;}
.sub_tab .container {padding:0;}
.sub_tab .tab_wrap {position:absolute; width:100%; overflow:hidden; background:#f8f8f8; border-bottom:1px solid #e5e5e5; }
.sub_tab .tab_wrap a {display:none; width:100% !important;  position:relative; font-size:15px; font-weight:400; height:50px;line-height:50px; margin:0; padding:0 20px; color:#767676; background:#fff;}
.sub_tab .tab_wrap a:hover {background-color: #f8f8f8; color:#1b1b1b;}
.sub_tab .tab_wrap a.active {display:block; position:relative; color:#1b1b1b; font-weight:500; height:50px; transition:0s; border:0; background:#fff; margin-bottom:0;}
.sub_tab .tab_wrap a.icon {position:absolute; z-index:999; display: block; width:50px !important; height:50px; line-height:50px; font-size:20px; right:0; top:0; border: 0; color:#222;font-weight:bold; }
.sub_tab .tab_wrap.responsive {width:100%; border:0; overflow:visible; z-index:99;}
.sub_tab .tab_wrap.responsive .icon {position: absolute; right: 0; top: 0;}
.sub_tab .tab_wrap.responsive a.active {height:51px;}
.sub_tab .tab_wrap.responsive a.active:after {display:none;}
.sub_tab .tab_wrap.responsive a {display: block; border:0; border-bottom:1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;background:#fff;}
.sub_tab .tab_wrap.responsive a.icon {background:#daad13; border-left:0; border-right:0; color:#fff;}

/*sub_tab*/
.sub_wrap > .container {padding:0;}
.sub_tab {width:100%; margin:0;border: 1px solid #e5e5e5; display:none;}
.sub_tab .tab_wrap {height:50px; }
.sub_content.left_bar {width:100%; padding:0 0 60px;}
.sub_tab h3 {height:auto; line-height: 50px; margin: 0; display:none;}
.sub_content.left_bar h3 {text-align: center; margin-bottom:10px;}

}


/* 대출광고 글쓰기 - 광고 */
.ad_box {float:left;}
.ex_img {float:right; padding:65px 15px; height:381px; background:#fbf7f1; border-bottom:1px dashed #eee; position:relative;}
.ex_num {position:relative;}
.ex_num span {position:absolute;}
span.ex_num_style{color:#fff; font-size:11px; background:#e60404; width:16px; height:16px; line-height:16px; display:inline-block; text-align:center; margin-left:3px;  -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;}
.ex_num span:nth-child(1) {top:15px; left:15px;}
.ex_num span:nth-child(2) {top:35px; left:15px;}
.ex_num span:nth-child(3) {top:105px; left:15px;}

@media screen and (max-width:960px) {
.ad_box {float:none;}
.ex_img {float:none; margin-left:0; margin-top:0; padding:20px 0; height:auto; text-align:center;}
.ex_num {position:absolute; left:50%; margin-left:-103px;}
}

/* 광고 신청 */
.loanStep {overflow:hidden;margin:10px 0 30px; border:1px solid #ddd;text-align:center;background-color:#fff;}
.loanStep li {display:inline-block;position:relative;width:33%;padding:20px 0;font-size:17px;color:#bbb;text-align: center;background-color:#fff; font-weight: 300;letter-spacing:-1px;border-left: 1px solid #ddd;}
.loanStep li:after {content:''; position:absolute; right:-14px; top:50px; width:12px; height:23px; background:#fff url('/theme/loan02/img/sub/step_arrow.png') no-repeat; z-index:2;}
.loanStep li:first-child {border-left:0;}
.loanStep li:last-child:after { display:none; }
.loanStep li .num {font-size:20px; margin-right: 5px; color: #bbb; font-weight:400; background: #eaeaea; width:50px; height:50px; display: inline-block; -webkit-border-radius: 100px;
-moz-border-radius: 100px; border-radius: 100px; line-height:50px; font-family:'Roboto',sans-serif;display: block; margin: 0 auto 5px;}
.loanStep li:last-child {margin-right:0;}
.loanStep li.on{color:#5822e0; font-weight: 500;}
.loanStep li.on .num{color:#fff; background:#5822e0;font-weight: 900;}

/* 광고 신청 - 01 광고상품 선택하기 */
.loan_ad {position:relative;width:100%;padding:0 0 30px;font-size: 15px;line-height:1.6;letter-spacing:-1px;color:#222;font-family:'Roboto' , 'Notokr', sans-serif;}
.loan_ad .loan_ad_box{width:100%;margin: 0 auto 20px; padding:40px; border:1px solid #ddd;display: table;}
.loan_ad .ad_box {position:relative; width:100%;}
.loan_ad .ad_box:after{display:block;visibility:hidden;clear:both;content:"";}
.loan_ad .ad_box.first {margin-top:0}
.loan_ad .ad_box > img {float:left;width:40%}
.loan_ad .ad_box .premium_bt{position:absolute;right:-10px;top:-41px}
.loan_ad .ad_box .badge {position:absolute;left:27px;top:33px;width:65px;}
.loan_ad .ad_box .loan_info {float:left;width:60%;padding:30px 0 0 50px;}
.loan_ad .ad_box .loan_info .free_b{font-size:14px;color:#777;}
.loan_ad .ad_box .loan_info .free_b span{display:inline-block;margin-bottom:5px;padding:2px 8px; font-size:13px;color:#333;background-color:#e0ded7; -webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.loan_ad .ad_box .loan_info .pay_b span{display:inline-block;margin-bottom:5px;padding:2px 8px; font-size:13px;color:#fff;background-color:#5822e0; -webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}

.loan_ad .ad_box .loan_info .num_color {color:#5822e0;font-family:'Roboto' , 'Notokr', sans-serif; font-weight: bold; font-size: 27px;}
.loan_ad .ad_box .loan_info .color_br {color:#5822e0;}
.loan_ad .ad_box .loan_info h3 {font-size:30px;line-height: 1.5;letter-spacing:-1px; color:#333;}
.loan_ad .ad_box .loan_info h3 img {display:inline-block;padding-left:15px;}
.loan_ad .ad_box .loan_info .price {margin:10px 0;padding-bottom:11px;border-bottom:1px dotted #999;font-size: 20px;line-height:25px;letter-spacing:-1px;}
.loan_ad .ad_box .loan_info .price .small{font-size:17px;}
.loan_ad .ad_box .loan_info .price.sort {font-size:19px;}
.loan_ad .ad_box .loan_info .price.sort2 {font-size:18px;}
.loan_ad .ad_box .loan_info dl{margin-top:10px;}
.loan_ad .ad_box .loan_info dl dt{display:inline-block;margin-bottom:5px;font-size:14px; padding:2px 10px;color:#524d3d;border: 1px solid #a8a088;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} 
.loan_ad .ad_box .loan_info dl dd {color:#555;font-size:14px;letter-spacing:-1px; font-weight: 300;}
.loan_ad .ad_box .loan_info dl dd strong {font-weight:normal;color:#222;}
.loan_ad .ad_box .loan_info dl dd .org{color:#5822e0; font-weight:400;}
.loan_ad .ad_box .loan_info dl dd .gray{color:#888;}
.loan_ad .ad_box .loan_info dl dd .small{font-size:13px;}
.loan_ad .ad_box .loan_info dl dd label { display:block; }
.loan_ad .ad_box .loan_info dl dd label > input { margin-left:0.7rem; }

.loan_ad .ad_select {width:100%;margin-top:10px;padding:15px 0;border:1px solid #ddd; color:#222; background:#f7f7f7;font-size:17px;text-align:center;-ms-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;cursor:pointer;}
.loan_ad .ad_select i{font-size:15px; color:#bbb; margin-left:5px;}
.loan_ad .ad_select:hover {border-color:#5822e0;background-color:#5822e0; color:#fff;}
.loan_ad .ad_select.select {border-color:#5822e0;background-color:#5822e0; color:#fff;}
.loan_ad .ad_select.select i,
.loan_ad .ad_select:hover i{color:#fff;}

/* 체크박스 숨기기 */
.loan_ad input[type=checkbox] {display:none}
.loan_ad .ad_select {display: inline-block; width: 100%;}
/* 선택한 상품 */
.loan_ad .total_product {padding:20px 45px;border:5px solid rgb(168 160 136 / 20%); background:rgba(255,255,255,0.8);}
.loan_ad .total_product h4 {margin-bottom:10px;font-size:18px;color:#222;}
.loan_ad .total_product ul {overflow:hidden}
.loan_ad .total_product ul li {float:left;margin:0 5px 5px 0;padding:8px 12px;font-size:14px;color:#fff;background-color:#5822e0;}

/* 따라다니는 선택 */
/*
#t_box {position:sticky; position: -webkit-sticky; width:100%; left:0; bottom:0; z-index:1;}
*/
#t_box {position:fixed; width:100%; left:0; bottom:0; z-index:1;}
#t_box.on {  position: relative;}
.total_product { max-width: 1200px; width:100%; margin: 0 auto;}

#ad_pro_submit {text-align:center; margin:30px auto 0; color:#fff; background: #333; width:120px; height:42px; }
#ad_pro_submit input {background:none; border:0; color:#fff; line-height: 32px;}


/* 광고신청 - 02 문구 작성하기 */
.ad_info{display: table;margin: 0 auto 20px;font-size:16px;color: #666;text-align:center; padding:20px 0; font-weight:400; }
.loan_ad_info {background:#f5f5f5;}
.ad_info i{margin-right: 5px; border-radius: 30px;  font-size: 14px; border: 2px solid #bbb; color: #999;width: 25px;  height: 25px;  display: inline-block;  line-height: 20px; font-style:normal; }
.ad_box05 {padding:15px 0;}
.tbl_wrap table {border-color:#333;}
.tbl_head01 thead th {border-color:#d5d5d5;background-color:#f9f9f9;font-size:14px;}
.tbl_head01 tbody td {padding:5px 0;font-size:14px;text-align:center;}
.tbl_head01 td.td_area {width:130px;text-align:center;}
.tbl_head01 td.td_limit {width:156px;text-align:center;}
.tbl_head01 td.td_name {width:130px;text-align:center;}
.loan_write {float:left;width:50%;}
.loan_w100 {clear:both;width:100%;}
.loan_write li:first-child,.loan_write li:nth-child(10), .loan_write li:last-child {width:100%;}
.loan_product li:nth-child(3) select{width:144px;}
.ad_content label{display:inline-block;width:auto;}
.ad_content .con_box {margin-top:0 !important;}
.loan_product{overflow:hidden;}
.loan_product li input{width:270px;}
.loan_product li select{width:144px;}
.loan_product li .plus{display:inline-block;border-radius:3px;padding:0 10px;font-size:14px;line-height:30px;color:#fff;cursor:pointer;background:#ff4e00;}
.loan_product li select{margin:0 !important;}
.loan_product li textarea {width:789px;height:100px;margin-left:5px;border:1px solid #ddd;}
.ad_price {padding-left:10px;color:#ff4e00;}
.ad_content .tit{margin:30px 0 10px;font-size:20px;color:#222;letter-spacing:-1px;}

.keyword_area li:after{display:block;content:"";clear:both;}
.keyword_area label{float:left;height:100%;width:78px;line-height:30px;}
.keyword_area .key_select{float:left;width:919px;}
.keyword_area .key_select>div{margin-bottom:10px;}
.keyword_area .key_select>div:last-child{margin-bottom:0;}
#key_select{width:100%;}
#key_select>div:after{display:block;content:"";clear:both;}
#key_select>div>div{float:left;}
#key_select>div>.key_area{width:170px;}
#key_select>div>.key_prd{width:649px;}
.loan_ad_write_form .form2 {margin-top:0;}
.form2 .plus {display: inline-block; padding: 0 10px; height: 40px; border: 0; border: 1px solid #666; color: #666; background: #fff; text-decoration: none; vertical-align: top;    line-height: 40px;}


.ad_sample .spcBtm.pc { display:flex; }
.ad_sample .spcBtm.mo { display:none; }

/* 프리미엄 배너 */
.ad_box01 { line-height:1.5; }
/*.add01 { float: right;  position: relative;  left: -50%;}*/
/*.add01 > div {position: relative; left: 50%; float: left;}*/
.loan_ad_write_form .border {border:1px solid #ececec; width:100%; height:100%;}
.ad_sample { padding: 3rem 0; display:grid; grid-template-columns: repeat(3, 27%); justify-items: center; justify-content: center; }
.add02 {border:1px solid #ececec;}
.ad_box01 > h4, .ad_box02 > h4 {font-weight:400; font-size:18px; margin: 1rem 0 2rem; text-align:center; }
.ad_box01 .pr_bnr {position:absolute;left:0;top:0;}
.ad_box01 .ad_wrap {position:relative; font-size:13px;}
.ad_box01 .ad_wrap .ad_banner { position:relative; }
.ad_box01 .ad_wrap .ad_banner > .contWrap { height:200px; display:block; padding:2.5rem 2.0rem 0; }
.ad_box01 .ad_wrap .ad_banner b { display: block; font-size: 1.3rem; font-weight: bold; line-height: 1; width: 100%; color: #000; text-align: left !important; }
.ad_box01 .ad_wrap .ad_tit {font-size: 15px;line-height: 22px;color: #222;font-family: notokr-bold; }
.ad_box01 .ad_wrap .ad_tit span {font-size: 15px; color: rgb(153, 153, 153); font-weight: 200; line-height: 18px; display: block;
    margin: 10px 0; overflow: hidden;}
.ad_box01 .ad_wrap .more {color:#00aba1; font-size:14px; font-weight:300; position: absolute; right: 24px; bottom: 13px;}
.ad_box01 .ad_wrap .ad_txt {font-size: 14px; overflow: hidden; padding: 12px 0; border-top: 1px solid #e2e2e2; width: 80%; margin: 13px auto 0;}
.ad_box01 .ad_wrap .ad_txt .lo{display:inline-block;float:left;margin-left:-27px;height:22px;padding-left: 28px;color:#777;letter-spacing:0;font-weight:300;}
.ad_box01 .ad_wrap .ad_txt .more{float:right;color:#666;}
.ad_box01 .ad_wrap .ad_txt .more i{padding-right:3px;color:#d3b568;}
.ad_sample .spcBtm { display:flex; justify-content:space-between; font-size: 0.8rem; padding: 0.6rem 1rem; position: absolute; width: 100%; bottom: 0; letter-spacing: normal; }
.float_left {float:left; width:50%;}
.ad_box01.adPremium .spcBtm {  background-color:#fff3e0; }
.ad_box01.adSpecial .spcBtm {  background-color:#f7f2ff; }
.adPremium .call i, .adPremium .region i, .adPremium .text i { color:#ff8900; }
.adSpecial .call i, .adSpecial .region i, .adSpecial .text i { color:#5822e0; }
.ad_sample .com_nm { font-size:16px; }
.ad_box01 .ad_wrap .ad_slider { background-size: contain; width: 229px; border: 4px solid transparent; }
.ad_box01.adPremium .ad_wrap .ad_slider { background-image:url('/theme/loan02/img/badge_premium.png') !important; border-image: linear-gradient(90deg, rgb(255 138 4) 0%, rgb(255 176 53) 100%); border-image-slice: 1;}
.ad_box01.adSpecial .ad_wrap .ad_slider { background-image: url('/theme/loan02/img/badge_special.png') !important; border-image: linear-gradient(90deg, rgb(88 34 224) 0%, rgb(133 41 242) 100%); border-image-slice: 1; }
.ad_box02 .com_nm { margin:1rem 0; padding: 0 10px; font-weight: 500; color: #003661; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ad_box02 .com_nm .fa-phone { color: #5822e0; }

/* 메인/지역/상품별 배너 */
.ad_box02{ text-align: center; }
.ad_box02 .ad_d_bnr .bnr_cont {padding: 0 10px; font-weight:300;margin-top:5px;font-size:14px;line-height:20px;color:rgb(153, 153, 153);position:relative;}
.ad_box02 #ad_hot{margin-bottom:0;}

.ad_box02 #ad_hot .ad_d_bnr { display:grid; border:1px solid #ddd; }
.ad_box02 #ad_hot .ad_d_bnr>li {position:relative;float:left;width:100%; text-align:center;position:relative;}
.ad_box02 #ad_hot .ad_d_bnr>li .top{position:absolute;left:3px;top:0;}
.ad_box02 #ad_hot .ad_d_bnr>li .bnr_tit{margin-bottom:20px;font-size:16px;line-height:22px;color:#222;padding:30px 0; background: #f5f7fa;}
.ad_box02 #ad_hot .ad_d_bnr>li .bnr_tit .org {display:block;color:#5822e0 !important;}
.ad_box02 #ad_hot .ad_d_bnr>li .btn01{position:absolute;font-size:14px; color:#777; bottom: 14px; left: 19px;}
.ad_box02 #ad_hot .ad_d_bnr>li .more {color:#00aba1; font-size:14px; font-weight:400; position: absolute; right:20px; bottom: 13px;}
.ad_box02 #ad_hot .ad_d_bnr>li .cont_txt{margin-top:5px;font-size:13px;line-height:20px;color:#777;white-space:pre-line;}
.ad_box02 #ad_hot .ad_d_bnr>li .cont_tit{font-weight: 500; color: #003661; padding-top:10px; font-size:15px;}
.ad_box02 .btmWrap { width:100%; height:40px; }
.ad_box02 .btmWrap .btm { display:flex; justify-content: space-between; padding: 0 15px; width: 100%; line-height: 38px; font-size: 14px; }
.ad_box02 .btmWrap:hover { background: #f7f7f7; }
.ad_box02 .btmWrap .btm span.location { color: #777; }
.ad_box02 .btmWrap .btm span.location i { color: #07074c; }
.ad_box02 .btmWrap .btm.mo { display:none; }

/* 탑 배너 */
/*.ad_box03{float:left;position:relative;width:230px;margin-right:30px;}*/
.ad_box03 {overflow:hidden; margin:0 -1% 0 -0.4%}
.ad_box03 li {width:19%; min-height:220px; margin:0.5%; float:left; position:relative; background:#fff; border:1px solid #ddd;}
.ad_box03 li.nothing {width:99%;}
.ad_box03 li .top {display:block; text-align:center;}
.ad_box03 li .top .s_tit {padding:10px; background:#f7f7f7;}
.ad_box03 li .top .s_tit span {line-height:22px; display:block; font-weight:600; font-size:16px; letter-spacing:-1px; }
.ad_box03 li .top .s_tit span.t1 {color:#5822e0;}
.ad_box03 li .top .s_tit span.t2 {color:#333;}
.ad_box03 li .top .com_nm {padding:0 10px; font-weight:500; color:#003661; font-size:15px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ad_box03 li .top .about_com {margin:20px 0 10px; padding:0px 20px;}
.ad_box03 li .top .about_com dd {font-size:14px; color:#666; letter-spacing:-0.04span; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ad_box03 li .btm {display:block; padding:0 15px; width:100%; position:absolute; overflow:hidden; height:43px; line-height:38px; bottom:0; left:0; font-size:13px;}
.ad_box03 li .btm:before {content:''; display:block; width:100%; height:1px; border-top:1px dashed #ddd;}
.ad_box03 li .btm span {font-size:14px; color:#666; font-weight:500;}
.ad_box03 li .btm span.location {float:left; color:#777;}
.ad_box03 li .btm span.location i {color:#999;}
.ad_box03 li .btm span.more_btn {float:right; color:#00aba1;  font-weight:500; }
.ad_box03 li .btm span.more_btn i {display:inline-block; vertical-align:baseline; font-size:10px; margin-left:3px;}
.ad_box03 li .btm.mo {display:none;}
.ad_box03 .com_list { width: 210px; margin:0 auto; }


/* 제휴업체광고 예시 */
.banner {width:178px; text-align: center; line-height: 16px;}
/*.banner h2 {font-size:12px; border-top:0; padding:15px 0 15px; background:#f7f6f3; color:#333; letter-spacing:-1px;}*/
.banner ul {padding:10px; display:inline-block; width: 100%;}
.banner ul.bg_full  {background:#fffbeb;}
.banner ul.pd {padding:5px 10px;}
.banner ul li {color:#777; text-align: left; letter-spacing:0; width:145px;display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 13px;}
.banner ul li.title {color:#333; font-size: 13px; margin-bottom: 2px;}
.banner ul li.name {float:left; margin-top: 5px;width:100px;}
.banner ul li.btn01 {float:right;text-align: center; background:#c79615; color:#fff; -webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;font-weight: 300; line-height: 20px; width: 40px;  font-size: 11px;  height: 20px;}
.banner ul li a:hover {background:#ce9f00; color:#fff;}


/* 이미지 배너 */
.ad_sample .ad_wrap:after{display:none;}
.conts{overflow:hidden;font-size:14px;}
.conts .box{display:block;position:relative;width:165px;margin-bottom:5px;border-top:solid 2px #fad_wrap06;border-left:solid 1px #e1e1e1;border-right:solid 1px #e1e1e1;border-bottom:solid 1px #e1e1e1;}
.conts .box .tit{padding:10px 0;font-size:14px;color:#222;text-align:center;}
.conts div.cke_sc{display:none;}
.conts div span.filewrap{overflow:hidden;position:absolute;left:0;top:0;z-index:-99;width:1px;height:1px;}
.conts div span.filedel{position:absolute;left:5px;top:5px}
.conts div label.imgwrap{display:block;overflow:hidden;position:relative;width:100%;height:132px;border:1px solid #bbb;cursor:pointer;background:#414141;}
.conts div label.imgwrap img{width:100%;height:100%;}
.conts div label.imgwrap p.bgimg{position:absolute;left:0;top:0;width:100%;height:100%;padding-top:30px;color:#fff;text-align:center;font-size:14px;line-height:22px;opacity:.6;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.conts div label.imgwrap p.bgimg:hover{opacity:1;}
.conts div input[type=file]{width:146px;}

.loan_product.keyword_area label{width:auto;margin-right:5px;}

/* 배너 기간 및 문구 */
.ad_content {width:100%;padding:0 0 25px;font-size:15px;line-height:1;color:#22;2}
.ad_content > ul > li {position:relative;padding:12px 0 12px 15px;border-bottom:1px dotted #ccc;}
.ad_content ul li select, .ad_content ul li input {height:30px; /*margin:0 5px;*/}
.ad_content .txt{padding-top:10px; font-weight: 300; font-size: 14px;  line-height: 18px;}

/* 광고신청 - 03 신청완료 */
.ad_notice {background: #f8f4f0; text-align: center; padding:50px 20px;}
.ad_notice h3{font-size:25px; line-height:1; padding-top:30px;}
.ad_notice h3 span.ad_name {color:#5822e0;}
.ad_notice p {color:#666; font-weight:300; line-height:22px; margin-top:15px; font-size: 16px;}
.ad_notice p span {color:#bb7a09; font-weight:400;}
.check_icon_box {border:3px solid #5822e0; width:70px; height:70px; line-height:70px; -webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px; margin: 0 auto; }
.check_icon_box i {color:#5822e0; text-align:center; font-size:22px; margin-bottom:30px;}
.ad_notice .btn_confirm {margin-top:30px;}


.call_wrap { max-width:500px;left: 50% !important; transform:translateX(-50%); margin-left:auto !important; }
.sub_call { border: 1px solid #5822e0 !important; color: #5822e0 !important; }


@media screen and (max-width:1200px) {
	/* 지역별업체등록 */
	.board_company .com_list .s_title { min-height:62px; display:flex; justify-content: center; align-items: center; }
	.board_company .com_list li { width:24%; }
}


@media screen and (max-width:960px) {
	/* 광고등록 */
	.float_left{float:none; width:100%;}

	/* 서브 프리미엄 */
	.sub_content .spc_premium {margin-bottom:15px; margin-right:0;}
	.loan_ad .ad_box .premium_bt {text-align:right; right:-10px; top:-20px;}
	.loan_ad .ad_box .premium_bt img {width:70%;}
	.loan_ad .loan_ad_box {padding:20px;}

	.loan_ad .ad_box .loan_info h3 {font-size:22px; line-height:1; letter-spacing:-2px;}
	.loan_ad .ad_box .loan_info dl dt {font-size:13px;}
	.loan_ad .ad_box .loan_info dl dd {font-size:12px;}
	.loan_ad .ad_box .loan_info .num_color {font-size:22px;}
	.loan_ad .ad_box .loan_info .price {font-size:16px; margin:5px 0;}
	.loan_ad .ad_box .loan_info .price .small,
	.loan_ad .ad_box .loan_info .price.sort2 {font-size:15px; line-height:22px;}
	.loan_ad .ad_select {font-size:14px; padding:10px 0;}	
	.loan_ad .ad_box .loan_info .free_b {margin-top:8px;}
	.loan_ad .total_product {padding:20px;}
	.loan_ad .total_product h4{font-size:15px;}
	.loan_ad .total_product ul li {font-size:12px; padding:4px 8px;}
	.ad_box05 {padding:0;}
	.ad_sample {padding:15px; padding-bottom: 3rem; grid-template-columns:100%; }

	/* 광고등록 - 02 문구작성하기 */
	.ad_content .text_info {display:inline-block;}
	.ad_info {font-size:14px;}
	.ad_hot .sub_content .hot_icon {width:20px; height:19px; background:contain;}
	.ad_sample h4 {padding-top:20px;}
	.add01 {float:none; left:0;}
	.add01 > div {left:0; float:none;}
	.banner, .ad_box01, .ad_box02, .ad_box03 {margin:0 auto; float:none;}
	.ad_notice h3 {font-size:20px; line-height: 27px; padding-top:15px; letter-spacing:-2px;}
	.ad_notice p {font-size:14px;}
	.tbl_head01 td.td_area {width:63px;}
	.tbl_head01 tbody td {padding:5px;}
	.tbl_head01 td.td_limit {width:92px;}
	.tbl_head01 td.td_name {width:55px;}
	.ad_content .txt {font-size:12px;}

	/* 지역별업체등록 */
	.board_company .com_list li { width:32%; }
}




/* 서브 상단 프리미엄 - 지역별 업체/상품별 업체 */ 
.sub_content .left_banner {float:left; width:30%; height:340px;}
.sub_content .left_banner h2 {color: white; text-align:center;line-height:1;  letter-spacing:-1px; font-size:18px; padding:13px 18px; background: linear-gradient(90deg, rgba(242,124,4,1) 0%, rgba(235,92,3,1) 100%); }
.sub_content .spc_premium {background:#f5f7fa; position:relative;}
.sub_content .premium_icon {position:absolute; width:63px; height:61px; left:0; top:0; background:url('/theme/loan02/img/premium_icon.png') no-repeat;}
.sub_content .spc_premium h5:after {display:none;}
.sub_content .spc_premium .spc_label  {display:none;}
.sub_content .spc_premium .com_title {text-align:center; margin-top: 20px;}
.sub_content .hot_icon {position:absolute; width:35px; height:45px; left:-8px; top:-15px; /*background:url('/theme/loan02/img/hot_icon.png') no-repeat;*/ background:url('/theme/loan02/img/badge01_hot.png') no-repeat !important;}

.sub_content .spc_premium {width:100%; height:100%; overflow:hidden; margin-right:1%; float:left; padding:20px;border:1px solid #ddd; }
.sub_content .spc_premium .spc_label {position:relative; font-size:17px; font-weight:400; padding:2px 10px 4px; margin-bottom:20px; color:#fff; background:#dbae13;}
.sub_content .spc_premium h5:after {position:absolute; right:-7px; top:6px;content:"";height:0;z-index:0;border-bottom:19px solid;border-left:16px solid rgba(0, 0, 0, 0);border-right:16px solid rgba(0, 0, 0, 0);color:#fff;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);}

.sub_content .spc_premium .com_title .com_about {display:block; font-size:15px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;letter-spacing:-1px; }
.sub_content .spc_premium .com_title .com_about em {color:#b6941e; font-size:inherit;}
.sub_content .spc_premium .com_title .com_nm {display:block; font-size:22px; letter-spacing:-1px; color:#333; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_content .spc_premium .com_info {margin-top:25px; border-top:1px solid #e2e2e2; padding-top:10px;}
.sub_content .spc_premium .com_info span {font-size:14px; color:#00aba1; font-weight:300;}
.sub_content .spc_premium .com_info span.location {float:left; color:#777;}
.sub_content .spc_premium .com_info span.location i {margin-right:4px; color:#666;}
.sub_content .spc_premium .com_info span.more_btn {float:right;}
.sub_content .spc_premium .com_info span.more_btn  i {padding-left:5px;}
.sub_content .spc_premium .com_info .btm.mo {display:none;}
.sub_content .spc_premium .com_info span.more_btn svg {display:inline-block; vertical-align:baseline; font-size:10px; margin-left:3px;}
.sub_content .spc_premium .no_data {background-img:url('../img/default.png'); background-repeat:no-repeat; background-size:50px; background-position:center 0px;}
.sub_content .spc_premium .no_data p {text-align:center; padding-top:80px; font-size:14px; font-weight:400; color:#b6941e; }
/*.sub_content .area_list .list_box {border:1px solid #ddd;width:69.5%; float:right;}*/
/*.sub_content .area_list .list_box .map {width:40%;float:left; margin-top:28px;text-align:center;}*/
/*.srctab { max-width:754px; float:left; }*/

.sub_content .spc_premium .swiper-slide { border:1px solid #ddd; }

.sub_content #topWrapper.topSect_wrap { margin-bottom: 4em; grid-template-columns:45% 54%; }


/* 실시간 대출문의 */
.rt_wrap { overflow:hidden; }
#reatime .realtime { width: 100%; margin-bottom: 2em; margin-bottom:2em; }
#realtime .sub_title { margin-bottom:1rem; }
.realtime .list_box { padding:0; margin:0 0 2rem; border:1px solid #ddd; min-height:auto !important; flex-wrap:wrap; }
.realtime .list_box .list_txt { width:100%; margin:0; display:flex; column-gap:0.5rem; align-items:center; border:none; background-color:transparent; }
.realtime .list_box .list_txt h6 { font-size:1.1rem; color: #000080; }
.realtime .list_box .list_txt span { text-align:left; }
.realtime .list_box ul.num {  min-height: 120px; float:none; margin:0; display:grid; grid-template-columns: repeat(9, 1fr); grid-gap: 0.5rem; 
	padding: 1rem; background-color:#f9f9f9; border:1px solid #ddd; margin-bottom:3rem; }
.realtime .list_box ul.num > li { border-radius:0.5rem; background-color:#fff; }
.wishAmount input[name=wr_price] { min-width:120px; }
.wishAmount label[for="wr_hope_1"] { line-height:3; padding-left:0; }
.write_div .btn_frmline { margin-top:0.5rem; }
#realtime .writeBtn.bottomBtn a { margin:1.5rem 0 0; }
#realtime .topWrap01.mbshow { display:none; }




/*area_list*/
.list_txt { font-size:18px; letter-spacing:-1px; background:rgb(247 242 255); padding:12px 18px; margin:-10px; border-bottom:1px dashed #ddd;}
.list_txt span {font-size:13px; color:#777; font-weight:300; display:inline; margin-left:10px;}

/*.category.area_list.srctab > .srctabTitle { height:45px; }*/
.category.area_list.srctab > .srctabTitle > h2 { display:none; font-size:1.3rem; letter-spacing:-1px; } 
.category.area_list.srctab > .srctabTitle > div { letter-spacing:-1px; display:none; }
.category.area_list.srctab > .srctabTitle > div > span { color:#5822e0; }
.category.area_list.srctab > .srctabTitle > div > i { color:#a183d1; }
.area_list .list_box {border:0; background:transparent;  margin:0 -0.5% 25px; }
.area_list .list_box li {border:1px solid #e1e1e1;  text-align:center; margin:0.5%; border-radius:1rem; }
.area_list .list_box li a {display:block; height:44px; line-height:42px; font-size:0.8rem;}
.area_list .list_box li.on {border-color:#07074c; background:#07074c; }
.area_list .list_box li.on p { color:white; }
.area_list .list_box li:hover {border-color:#07074c; color:#07074c; background:#fdfdfd;}
.area_list .list_box li:first-child:hover a figure.mapIcons { background: url(/theme/loan02/img/mapIcons/map00_all.png) no-repeat; }
.area_list .list_box li:hover a p { color:#07074c; }
.area_list .list_box li.on a {color:navy;}
.area_list .list_box li a {color:#666;}

.sub_wrap .com_list {margin:0 -1.5%;}

.list_box {border:1px solid #ecf1f7; padding:10px; margin-bottom:30px; background:#f9fafb; min-height: 384px;}
.list_box ul {word-spacing:0; font-size:0; margin-top:18px; float:left; width:59%;}
.product_list ul{width:100% !important; display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:0.5rem; padding:0.5rem 0;}
.list_box li {display:inline-block; margin:6px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.list_box li a {color:#6c7c92;}
.list_box li.on a {font-weight:600; color:#354052;}

/* provision */
#ctt h1{display:none;}
.provision{font-size:14px; font-weight:300;}
.provision p {line-height:22px; color:#555; margin-top:5px;}
.provision h4 {font-size:18px; font-weight:500; margin-top:20px; margin-bottom:5px; color:#9e9082;}
.provision h5 {font-size:15px; color:#333; font-weight:500; margin-top:20px;}
.provision h4:first-child,
.provision h5:first-child,
.provision p:first-child {margin-top:0;}
.provision .pl_10 {padding-left:10px;}
.provision .info_box {padding:20px 30px; background:#fafafa;}



/*register*/
.agree_yes p {text-align:right; position:relative; color:#333:}
.agree_yes:after {display:block; clear:both; content:"";}
.agree_yes .cont_radio {color:#333; font-weight:500;}
.agree_yes input[type="checkbox"],
.members .last_chk input[type="checkbox"]{ width:17px; height:17px; } 
.btn_confirm span input {border-radius:2rem; width:120px; background:#333; border-color:#333; color:#fff; height:42px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.btn_confirm span input:hover {background:navy;border:1px solid navy; color:#fff;cursor:pointer;}

.agency_call select{ background:none;} 
.agency_call p {float:left; margin-left:15px; height:25px;}
.agency_call p:first-child{margin-left:0;}
.price_name {width:170px;}

.ctt_ad header h1 {display:none;}

.bo_w_info {margin-top:30px !important;}

/*register_form*/
.members {margin-top:30px;}
.members .form2 .note{text-align:right; color:#5822e0; font-size:14px;}

.members .last_chk {text-align:center; width:100%; display:block;  font-size:16px;  color:#222;  font-weight:500;  letter-spacing:-1px;  border-top:1px dashed #ddd;  padding-top:20px;  margin-bottom:20px; }
.form_title {margin:0; background:transparent; padding:15px 0 10px; margin-top:20px; border:0; font-size:18px; color:#313131;}
.form_title svg {display:none;}
.form2 {margin-top:-30px; letter-spacing:-1px;}
.form2 .con_box { border-top: 2px solid #ccc1e1; margin-top:20px;display:inline-block;width: 100%;}
.form2 div > dl {background:#f5f7fa;display:inline-block;  border-bottom:1px dashed #ddd; width:100%;height:100%;}
.form2 dt {display:inline-block; float:left; width:150px; min-height:37px;  padding:19px 15px; vertical-align: top; line-height: 1;}
.form2 dt label { top:-1px; position:relative;}
.form2 dd {display:inline-block; float: right; height:100%;background:transparent; width:calc(100% - 153px); min-height:56px; line-height:20px; padding:8px 10px; background:#fff; line-height:29px;font-size:13px;}
.form2 .time_box {display:inline-block; margin-left:10px;}
.form2 dd > div {display:block; font-size:13px; color:#666; /* margin-left:10px; */ color:#5822e0 !important;clear:both;}
.form2 dd div + div {margin-top:5px;}
.form2 dd label {color:#444; font-size:13px; font-weight:500; line-height: 10px;}
.form2 dd table { margin-top:3px;}
.form2 dd table td p {font-size:14px;}
.form2 .dl_height dt {padding:5px 15px; line-height:21px;}

.members dd input + #text {margin-right:5px;}
/* .members dd input + input {margin-left:5px;}
.members dd input + button {margin-left:5px;} */
.form2 dd input:first-child {margin-left:0;}
.form2 dt label {color:#313131;}
.form2 dd .bank_copy {font-size:15px;color:#635949; position:relative; z-index:1;}
.form2 dd .bank_copy:after{content:''; position:absolute; left:0; bottom:3px; width:100%; height:5px;background:#fff5ac; z-index:-1;}
.form2 dd .bank_copy_info {margin-left:5x;color:#797979;font-weight:300;font-size:13px;display:inline;}
.form2 dd.lo #mb_addr2{margin-left:3px; width:41.19%;}
/* #mb_regist_edate {margin-left:3px;}*/
.form2 dd.lo #mb_addr3 {width:82%;  margin-top:5px;}
.form2 dl {border-bottom:1px dashed #eee; display: inline-block; width: 100%;}
.form2 dl ul li {height:30px; float:left; /*width:20%;*/ margin: 0 5px; }
.form2 dl ul li p {font-size:13px;}
.form2 dl table td {height:30px; }
.form2 dl table td p {font-size:13px;}
.form2 form {border-top:1px solid #e2e2e2; border-bottom:1px solid #e5e5e5;}
.form2 .note {margin:0;}
.form2 .cont_radio, .form2 .cont_check {margin:5px 5px 5px 0;}
.form2 textarea {margin-bottom:0;}
.form2 .cont_radio .checkmark, .form2 .cont_check .checkmark {top:0;}
/*.form2 .con_box, .form2.con_box {border-top:1px solid #eee; border-bottom:1px solid #eee;}*/

.form2 dl iframe {border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
.form_title,
.form_title2 {margin:0; border:0; padding:10px 0; border-bottom:1px solid #e2e2e2;}
.form2 form {border:0;}
.agree_wrap .agree_text {background:#f6f6f6;}
.agree_wrap .agree_q h5 {color:#254c88;}
.agree_wrap .agree_q {border-top:0; padding:15px 0;}
.form2 dl dd #addr_search {width:100%;}
.nec {display:none; color:#e03f32;}
#fwrite .nec {display:inline-block;}

.form2 .agency_call input[type=checkbox] {margin-left:10px;}
.form2 .agency_call input[type=checkbox]:first-child {margin-left:0;}
.form2 #wr_month_interest, #wr_limit, #wr_period{margin-left:10px;}
.form2 #month_interest_side, #wr_year_check, #wr_late_check{margin-left:5px;}
.form2 dd #wr_summary {font-size:14px !important;}
.form2 .agency_call input[type=radio] {margin-left:10px;}
.form2 .agency_call input[type=radio]:first-child{margin-left:0;}

.form2 .agency_call textarea {padding:10px;}
.dl_height .agency_call  textarea #wr_content {height:300px;}
.form2 dl.stress{ background:#f3f3f3; }


/*common*/
span.new {display:inline-block; vertical-align:middle; color:#fff; font-size:8px; font-weight:200; width:16px !important; line-height:16px; text-align:center; background:#2ebbb2 !important; border-radius:1px;}
.note h4 {font-size:18px; font-weight:400; margin-bottom:15px; }
.note h4 svg {margin-right:10px;}
.note h4 span {font-size:18px; color:#ed384b;}
.note p {color:#333;}
.note p.password {margin-top:20px;}
.note p span {color:#333; font-weight:500;}
.codeBox {background:#ce4242; color:#fff; padding:0px 12px 0px 10px; height:29px; line-height:29px; text-align:center; display:inline-block; vertical-align:middle; margin-left:5px;}
.nothing {height:250px; line-height:250px; color:#888; font-size:14px; text-align:center; width:100%; border:1px dotted #ccc; border-radius:5px; background:#fff;}
.m_txt {display:none;}

/* form basic */
input, textlocation {border:1px solid #ccc; font-family:'Noto Sans Kr'; padding:4px 10px; background:#fff; font-weight:300; font-size:14px; color:#666; transition:0s;}
textlocation {padding:10px;}
input:focus, textlocation:focus{outline:0 !important; outline-offset:0px; border:1px solid #ccc;}
input:hover {border:1px solid #ccc; }
label {font-size:14px; color:#596b7a; vertical-align:middle;}
/* select */
select {height:40px; padding-left:10px; padding-right:35px; font-size:13px; border:1px solid #ccc; border-radius:2px; background:#fff; color:#393939; font-weight:300; outline:none; -webkit-appearance:none;
/* 네이티브 외형 감추기 */ -moz-appearance:none; appearance:none;
background:url('../img/sub/arrow.gif') calc(100% - 10px) no-repeat ;
/* 화살표 모양의 이미지 */ } /* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { display:none; }
input:disabled {opacity:0.7; background:#f3f3f3;}
textlocation:disabled {opacity:0.7; background:#f3f3f3;}
select option {padding:5px ;  display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  width:100%;}


/* form common */
.hide {display:none;}
.form_title {position:relative; font-weight:400; font-size:15px; padding:15px 25px; margin:20px 20px -20px 20px; color:#607687; background:#f3f5f6; border:1px solid #e2e2e2; border-bottom:0; background-image:linear-gradient(180deg, #fdfbfb 0%, #eaf0f3 100%); border-bottom:1px solid #efefef;}
.form_title svg {margin-right:5px; color:#009999;}
.form_title .btn.title_right {position:absolute; right:15px; top:15px; background:transparent; border:0;}
.form_title .btn.title_right a {color:#596b7a; font-size:14px;}
.form_title .btn.title_right svg {font-size:10px; vertical-align:baseline;}

.form_title2 {position:relative; font-weight:400; font-size:18px; padding:15px 25px; margin:0px 20px -25px 0px; color:#465561; }
.form_title2 svg {margin-right:5px; color:#009999;}

.view_title {position:relative;}
.view_title svg {margin-right:5px; color:#009999;}
.view_title .btn.title_right {position:absolute; right:15px; top:15px; background:transparent; border:0;}
.view_title .btn.title_right a {color:#596b7a; font-size:14px;}
.view_title .btn.title_right svg {font-size:10px; vertical-align:baseline;}
.form .color_box,
.form2 .color_box {padding:15px; background:#f3f5f6; line-height:1span;}
.form .color_box p,
.form2 .color_box p {display:inline-block; margin-right:10px; vertical-align:middle;}
.form #category_location p,
.form2 #category_location p {margin-bottom:10px;}
.form .category_option,
.form2 .category_option {margin-bottom:10px;}
.form .category_option .btn a,
.form2 .category_option .btn a {height:26px; padding:7px 15px;}
.form .write_in,`
.form2 .write_in {}
.form .write_in input,
.form2 .write_in input {padding-right:10px; /*vertical-align:top;*/ margin:0 -9px 2px 0; font-size:13px;}
.form .write_in .del_btn,
.form2 .write_in .del_btn {font-size:12px; height:10px; right:10px; top:0px; position:relative; left:-12px; opacity:0.4;}
.form .write_in .del_btn:hover,
.form2 .write_in .del_btn:hover {opacity:0.7;}
.form .color_box .cont_radio .checkmark,
.form2 .color_box .cont_radio .checkmark {top:1px;}
.form .switch,
.form2 .switch {margin-right:3px;}
.text_info {color:#5822e0; vertical-align:middle; padding:0 5px; font-size:14px;}
.text_info.red {color:red;}
.form textlocation,
.form2 textlocation {margin-bottom:-8px;}

.form2 dl dd #addr_search {display:none;border:1px solid;width:500px;height:300px;margin-top:12px;margin-bottom:5px;position:relative}
/*.form2 dl.stress:nth-child(2) {height:56px;}*/
/*.form2 dl.stress:nth-child(5) dt {height: 90px !important;}*/
.form2 dl.stress dt {background:#ffeec7; }
.form2 dl dd.price_name input {width:20%;}

.form2 dd label[for="mb_zip"] { display:none; }

span.btn.chk_num { display:inline-block; }
span.btn.chk_num button { /*visibility:hidden;*/ height:40px; display: block; color: black; border: 1px solid #ccc; padding: 0; line-height: 40px; text-align: center; position: relative; top: 3px; }

/* 실시간 대출문의 */
input[name="pil01"],
input[name="pil02"], 
input[name="wr_8"] { width:auto !important; display:inline-block; }
dl.form_BtmSect { overflow:hidden; }
dl.form_BtmSect dt { width:30%; padding:15px; }
dl.form_BtmSect dd { width:70%; padding:1em 1.5em; min-height: 61px; }
dl.form_BtmSect dt li { width:auto; display:inline-block; line-height: 2; }
dl.form_BtmSect button { display:inline-block; float:right; padding:5px 10px; background-color:#fff; border-radius:5px; 
	border: 1px solid #aaa; cursor:pointer; }
.area_list .sel_box.area_sel { display:none; }

#realtime #specialSect { margin-top:3rem; }
#realtime .mainTop_btm { padding-top:3rem; }
#realtime #bo_v_top { padding-bottom:2rem; }



/* list board*/
.sub_wrap .sub_content .subject {font-size:20px; letter-spacing:-1px;  padding:20px 0px; border-bottom:1px solid #e6eaee; border-top:1px solid #55534e; font-weight:600;}
.sub_wrap .sub_content #bo_v_con {padding:15px 0; border-bottom:1px solid #ddd; font-weight:normal; color:#666;line-height:28px;}
.loan_view {font-family:'NotoKr',sans-serif; border-top:1px solid #55534e;}
.bo_w_select {float:left; margin-bottom:10px; width:100%;}
/*.frm_input {clear:both;width:calc(100% - 130px);}*/
#write_div{clear:both; width:100%;}
#btn_autosave{float:right;}
#autosave_pop{display:none; margin:15px; height:30px;}
#autosave_pop ul, #autosave_pop strong {float:left;}
.autosave_close {float:right;}
.write_board form input{margin-bottom:15px;}
.write_div{display:inline;}
.write_div input, write_div label {width:100%;}

.cont_radio input {width:auto; }
#fwrite .cont_radio:first-child {padding-left:0;}
#job_yn1 {top:-1px; position:relative;}
#fwrite .cont_radio {margin:0;}

.sub_wrap form textarea { margin-bottom:15px;  font-size:14px;  color:#666;  font-weight:300;  line-height:23px;  padding:10px;}
.bo_w_link label {width:35px; display:inline-block; text-align:center; line-height:40px; float:left; background:#333;
color:#fff;}
.bo_w_link input {width:calc(100% - 35px);}
.btn_confirm{width:100%;display:block; text-align:center; margin-top:50px;}
 .view_page {display:inline-block;width:100%;text-align:center; }
.view_page li{ display:inline-block;}

/* category */
/*.category .sel_box {display:none;}*/


.agree_wrap {font-size:15px;}
.agree_wrap .agree_text {padding:20px; font-size:initial;}
.agree_wrap .cont_check .checkmark {top:4px !important;}
.agree_wrap .agree_q {padding-bottom:15px; text-align:center; /*border-top:1px dotted #dfdfdf;*/}
.agree_wrap .agree_q h5 {font-weight:400; font-size:17px; color:#607687; margin-bottom:5px;}

/* info */
.color_pic {margin-right:10px;}
.color_pic .minicolors {display:inline-block; vertical-align:middle;}
/*.color_pic .minicolors-thspane-bootstrap .minicolors-swatch {top:6px;}*/

/* edit_agree */
.edit_agree .con_box {padding:0;}
.edit_agree .con_box textlocation {margin:0; padding:20px; height:200px; border:0;}
.warn_box {padding:0 20px;}
.warn_box p {font-size:15px; color:rgba(0,0,0,0.7); margin:5px 0;}

/* btn_wrap */
.btn_wrap {float:left; width:100%;}



/* list_common */
.total {font-size:15px; text-align:left;}
.total span {font-size:15px; color:#f05757; font-weight:bold;}
.page_info .total { float:left; color:#8c8c8c; font-weight:200;}
.page_info .category {position:absolute; right:0; top:5px;}
.board_wrap .nothing {font-size:15px; text-align:center; color:#596b7a; opacity:0.7; border:0;}
.cmt_num {display:inline-block; vertical-align:middle; font-size:12px; margin-left:5px; font-weight:500; color:#6c7c92; opacity:0.8;}

/* list */
.list.con_box, .list .con_box {padding:0;}
.list table {width:100%; table-layout:fixed;}
.list table thead {background:#f5f7fa;}
.list table th {color:#55534e; padding:12px 15px; border-top:2px solid #000;}
.list table td {padding:14px 2px; border-bottom:1px solid #e6eaee; text-align:center; color:#4e4a43; }
.list table td.left {text-align:left;}
.list td div.mspanoCont {text-align:left;vertical-align:top;padding:10px 10px;background:#f7f7f7; color:#4b4b4b; border:solid 1px #DDD; margin:2px 0 }
.list table td.tit {text-align:left; color:#354052;}
.list table td.tit svg {color:#6c7c92; width:10px; vertical-align:middle;}
.list table td.tit a {display:inline-block; vertical-align:middle; max-width:calc(100% - 40px);}
.list table td a:hover {text-decoration:underline;}
.list table td.tit a, .list table td.user_nm {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.list table td.user_nm, .list table td.view, .list table td.date {color:#666;}
.list table td.file img {width:15px;}
.list table td.id {color:#354052;}
.list table tr:last-child td {border-bottom:0;}
.list table tr.rspanark {background:#f7fafc;}
.list table tr.rspanark .tit a {font-weight:500;}
.list table tr.rspanark .notice svg {color: #a91f17;}
.list table .nothing {border:0}
.list td.backColor span{color:#FFF; display:inline-block; height:auto; margin:1px;padding:3px 0;text-align:center;line-height:19px;font-size:13px;width:65px;}
.list td.backColor span.ready{background:#8c7664;}
.list td.backColor span.end{background:#3d4aa9;}
/*검색바*/
.list_search .container {width:auto; padding:0; margin:0 !important; text-align:right;}

#realtime .page_info { display:grid; grid-template-columns:113px auto 121px; align-items: center; padding: 1.5rem 0; }
#realtime .seeker fieldset { justify-content: flex-start; }



/* card_list */
.card_list {margin:20px;}
.card_list ul {font-size:0; word-spacing:0;}
.card_list .con_box {padding:0;}
.card_list .board_thum {display:block; padding:30px 0; text-align:center; color:#fff; text-shadow:0px 0px 5px rgba(0,0,0,0.1); font-size:80px;}
.card_list .list .board_thum {background-color:#b2d6e6;}
.card_list .photo .board_thum {background-color:#eac867;}
.card_list .calendar .board_thum {background-color:#ecb2a1;}
.card_list .faq .board_thum {background-color:#a3d6a2;}
.card_list .board_info {padding:15px 20px;}
.card_list .board_title {display:block; overflow:hidden;}
.card_list .board_title .board_type {display:block; float:left; text-align:center; width:40px; margin-right:5px; color:#607687; font-size:12px; padding:1px 0px; font-weight:400; border:1px solid #afbdc7; border-radius:50px;}
.card_list .board_title h2 {float:left; width:calc(100% - 45px); font-weight:500; font-size:16px; line-height:1.3span; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.card_list .board_title h3 {display:inline-block; max-width:calc(100% - 22px); vertical-align:middle; font-weight:500; font-size:16px; line-height:1span; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.card_list .board_title h3 a:hover {text-decoration:underline;}
.card_list .board_comb {display:block; font-size:13px; font-weight:400; color:#607687; margin-top:5px;}
.card_list .board_comb a {display:block;  width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.card_list .board_comb span {display:inline-block; margin-right:4px; margin-left:3px;}
.card_list .board_comb span:after {content:''; width:5px; height:5px; display:inline-block; border-width:1px 1px 0 0; border-color:#595959; border-style:solid; transform:rotate(45deg) translate(1px, -3px);}
.card_list .board_comb span:last-child:after {display:none;}
.card_list .board_btn {padding:10px 20px; border-top:1px solid #eee; text-align:center;}
.card_list .board_btn span {display:inline-block; width:30%;font-weight:400; color:#607687; font-size:13px; }
.card_list .board_btn span a {display:block; padding:5px 0; font-size:13px; }
.card_list .board_btn span a:hover {text-decoration:underline;}
.card_list .board_btn svg {margin-right:5px;}
.card_list .status span  {font-size:13px; color:#f05757; margin-left:2px;}
.card_list .icon_btn {}
.card_list .thum_img {display:block; height:150px; background-position:center center; background-size:cover; }
.card_list .board_btn strong {font-weight:400; font-size:13px;}
.card_list .board_btn b.show {color:#33a333; font-size:12px; margin-right:3px;}
.card_list .board_btn b.noshow {color:#ce4242; font-size:12px; margin-right:3px;}
.month_location .event {display:none;}

/* photo_list */
.photo_list {}
.photo_list ul {overflow:hidden;}
.photo_list li {width:21%; float:left; margin:20px 2%;}
.photo_list li .thum {display:block; width:100%; height:150px; background-position:center !important; background-size:cover; background-color:#dde6e9;}
.photo_list li .tit {position:relative; margin:15px 0 0; font-weight:500; font-size:15px; line-height:1.3span; color:#354052; }
.photo_list li .tit span {display:inline-block; vertical-align:middle; max-width:calc(100% - 30px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.photo_list li .tit:hover span {text-decoration:underline;}
.photo_list li .tit:hover span.new {text-decoration:none;}
.photo_list li .when {font-size:12px;color:#607687; }
.photo_list li.nothing {width:100%; margin:0;border:0}

/* cal_list */
.cal_list {background:#fff; overflow:hidden; }
.cal_list.con_box {padding:0;}
.cal_pager { text-align:center; padding:10px; background:#f6f6f6; border-bottom:1px solid #efefef;}
.cal_pager ul { display:inline; padding:0 }
.cal_pager li { display:inline-block; background:transparent; vertical-align:middle; margin:0 2px; text-align:center; font-family:arial, sans-serif; font-size:15px; list-style:none;}
.cal_pager li a {color:#555; display:block;  width:30px; height:30px; line-height:30px;}
.cal_pager li a:hover { }
.cal_pager li#present,
.cal_pager li#present:hover {width:calc(100% - 180px); border:0; color:#fff; font-size:20px; background:transparent;}
.cal_pager li img { margin-top:-3px; }
.cal_pager li#present span,
.cal_pager li#present:hover span { border:0; color:#333; font-size:20px !important; letter-spacing:0.02span;  font-weight:400; padding:2px 12px;  height:auto; position:relative}
.cal_pager span {font-size:17px; font-weight:300;}

.month_location { position:relative; margin:0 auto; }

.month_location table.month_table {width:100%; border-collapse:collapse; table-layout:fixed;}
.month_location table.month_table td, table.month_table th {border:0;  padding:0; font-size:12px; }
.month_location table.month_table thead th { background:#f6f6f6; padding:12px 0; text-align:center; width:14.285714%;  border-bottom:1px solid #efefef ; font-size:15px;}
.month_location table.month_table thead th b {font-size:13px; font-weight:300; text-transform:uppercase; letter-spacing:1px;}
.month_location table.month_table tbody td { vertical-align:top; height:130px; position:relative; border-bottom:1px solid #efefef; border-right:1px solid #efefef; }
.month_location table.month_table tbody td:last-child {border-right:0;}
.month_location table.month_table tbody td.nomal{ padding:8px;}
.month_location table.month_table tbody td .num { display:block; padding:0; font-weight:300; color:#000; line-height:normal; font-size:16px !important; margin-bottom:4px; }
.month_location table.month_table tbody td .num b {font-size:12.5px ; margin-top:-4px; display:inline-block; vertical-align:middle;}
.month_location table.month_table tbody td svg {color:#666;}
.month_location table.month_table tbody td .sunD { color:#ff6868; }
.month_location table.month_table tbody td.nomal a.list {display:block; font-size:13.5px; padding:2px 5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.month_location table.month_table span.sunD {color:#ff4e07 }

.month_location table.month_table a.addJob {position:absolute; top:7px; right:9px; display:block; width:22px;height:22px; padding:0;}
.month_location table.month_table a.addJob:after {content:'+'; width:100%; height:100%; display:block;  color:#888; padding:0; text-align:center; line-height:21px; font-size:14px; font-weight:400; border:1px solid #ddd;  transition:0.3s ease; border-radius:50%;}
.month_location table.month_table a.addJob:hover:after {background:#685C4E; color:#fff;}
.month_location .m_list {display:none;}

/* paging */
.paging {text-align:center;}
.paging ul { height:30px; width:100%; display:flex; gap:0.5rem; justify-content:center; align-items:center; }
.paging ul li { width:30px; height: 100%; line-height: 30px; background:#fff; border:1px solid #ddd; border-radius:0.5rem; font-size:12px; }
.paging ul li a {display:block; color:#333; opacity:0.7; font-size:12px;}
.paging ul li#present { background-color:#5822e0; border:none; color:#fff; font-weight:500; }
.paging ul li:hover a {opacity:1; font-weight:500;}
.paging ul li img {margin-top:-5px; opacity:0.5;}
.paging ul li a img {opacity:1;}
.paging ul .arrow_btn {background:#f9f9f9; }

.paging_st2 .paging ul {border:0;}
.paging_st2 .paging ul li {margin:0 1px; border:1px solid #e2e2e2;}
.paging_st2 .paging ul li#present {background-color:#191f27;}
.paging_st2 .paging ul li img {opacity:0.5;}
.paging_st2 .paging ul li a img {opacity:0.8;}

/* seeker */
.seeker {padding:2rem 0 1rem; text-align:center;}
.seeker .search_input {display:inline-block; width:150px; height:35px; }
.seeker fieldset { display:flex; gap: 0.5rem; justify-content: flex-end; align-items: center; }
.seeker select {height:35px; line-height:32px; }
.seeker .btn {margin-left:4px;  vertical-align:middle; display:inline-block;}
.seeker .btn.xs input {height:35px; font-size:14px; font-weight:500; font-family:'NotoKr',sans-serif; border:1px solid #ccc; background:#fff;}
.seeker .btn.xs input:hover {border:1px solid #ddd !important; cursor:pointer;}


/*view*/
.view {}
.view .view_title {font-size:22px; padding:0 0 20px; font-weight:400; text-align:left; color:#354052; border-bottom:1px solid #e2e2e2;}
.view .view_title svg {font-size:18px; color:#6c7c92; opacity:0.5;}
.view .view_detail {position:relative; padding:10px 0;}
.view .view_detail dl {display:inline-block; margin-right:15px;}
.view .view_detail dl:last-child {margin-right:0px;}
.view .view_detail dt {font-size:0; display:none; margin-right:5px;}
.view .view_detail dd {font-size:15px; color:#546479; display:inline-block;}
.view .view_detail .right {position:absolute; top:10px; right:0;}
.view .view_detail .right dt {font-size:15px; display:inline-block; vertical-align:middle;}
.view .file a {color:#ee4f4b;}
.view .file a:hover {text-decoration:underline;}
.view .view_body {padding:40px 0px; font-size:initial;}
.view .view_body img {max-width:100%;}

.view_detail.con_box {padding:0; }
.view_detail{display:table !important; width:100%;}
.view_detail .view_title {font-size:18px; padding:15px 20px; font-weight:400; text-align:left; color:#545f6d; border-bottom:1px solid #e2e2e2;}
.view_title_m {font-size:16px; padding:0; margin:0 20px -10px; font-weight:400; text-align:left; color:#545f6d; }
.view_detail .view_title svg {font-size:18px; color:#6c7c92; opacity:0.5;}
.view_detail .view_detail {font-size:0; word-spacing:0;}
.view_detail dl { border-bottom:1px dashed #ddd; font-size:0; word-spacing:0;}
.view_detail dt {display:inline-block; width:135px; padding:13px 20px; min-height:48px; vertical-align:top; padding:11px 10px; font-size:15px; letter-spacing:-1px; text-align:left; color:#666;  font-weight:500; }
.view_detail dd {display:inline-block; width:calc(100% - 135px); padding:8px 15px; font-size:15px; line-height:30px; min-height:48px; background:#fff;}
.view_detail #bo_v_con{border-bottom:0 !important; padding:0 !important; margin:0;} 
.view_detail .col_2 {width:50%; float:left; display:inline-block; vertical-align:middle;}
.view_detail .col_3 {width:33.333%; display:inline-block; vertical-align:middle;}
.view_detail .col_4 {width:25%; display:inline-block; vertical-align:middle;}
.view_detail .file a {color:#ee4f4b;}
.view_detail .file a:hover {text-decoration:underline;}
.view_detail .view_body {padding:40px 20px; font-size:initial;}
.view_detail .view_bottom {padding:20px;}
.view_detail table {background:#fafbfc; border-bottom:1px solid #eee; width:100%;}
.view_detail th {padding:13px 20px; border-bottom:1px solid #eee; min-height:48px; vertical-align:top; font-size:14px; color:#607687;}
.view_detail td {text-align:center; padding:8px 15px; font-size:15px; line-height:30px; min-height:48px; background:#fff;}
.view_detail .rep_list {padding:0 /*20px;*/}

/* 대출문의 업체 상세보기 팝업*/
/* (background) */
.modal {display:none; /* Hidden by default */
position:fixed; /* Stay in place */
z-index:9999999; /* Sit on top */
left:0;top:0;width:100%; height:100%; /* Enable scroll if needed */
background-color:rgb(0,0,0); /* Fallback color */
background-color:rgba(0,0,0,0.4); /* Black w/ opacity */ }
.modal_content {background-color:#fefefe;margin:15% auto ; /* 15% from the top and centered */
padding:20px;border:1px solid #888; max-width:450px;  height:auto; /* Could be more or less, depending on screen size */ position:relative;z-index:1;}
/* .modal_content:after {content:''; position:absolute; top:0; left:0; height:50px; background:#e5750a;z-index:-1; width:100%;} */
.modal_content .close {float:right; margin:-20px; padding:18px 20px;}
.modal_content .close img {width:19px; height:17px;}
.modal_content .close:hover, 
.modal_content .close:focus {color:black;text-decoration:none;cursor:pointer; }
.modal_content .notice {padding-top:10px; display:block; letter-spacing:-1px; line-height:1; font-size:13px;font-weight:300;color:#5822e0;}

.myModal .modal_content h4 {font-size:23px; text-align: left; margin: -20px -20px 30px -20px; padding:15px 20px; color:#222; font-weight:500; border-bottom: 1px dashed #d8d8d8; background:#fff;}
.myModal .modal_content table {margin-bottom:10px; border-top:1px solid #222; width:100%;}
.myModal .modal_content table th {background:#f7f5ef;border-bottom:1px solid #ddd;padding:15px; font-size:15px; text-align:center; width:30%;}
.myModal .modal_content table td {border-bottom:1px solid #ddd; padding:12px 15px; font-size:15px; font-weight:normal; text-align:left; color:#333; letter-spacing:0;}
.myBtn {background: #5822e0;display: inline-block; min-height: 30px;  min-width: 70px; font-weight: normal; border:0; font-size:12px; color:#fff;}
.myBtn:hover {cursor:pointer;}

.loan_more #myBtn, .loan_more button {width:130px; height:42px; line-height:40px; font-size:14px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.loan_more button:nth-child(1) {background:#fff; border:1px solid #333; color:#333; }
.loan_more button:nth-child(2) {background:#333 !important; border:1px solid #333; margin-left:5px;}
.loan_more button:hover {background:#5822e0 !important; border-color:#5822e0; color:#fff; cursor:pointer;}

.modal_content .caution_box {padding-right:10px;color:#333; text-align:left; font-size:15px; font-weight:300; height:300px; overflow-y:scroll;}
.modal_content .caution_box p {line-height:22px; margin-top:12px;}
.modal_content .caution_box p:first-child {margin-top:0;}
.modal_content .caution_box span.caution_num {font-size:11px; font-weight:bold; font-family:'Roboto',sans-serif; background:#5822e0; width:18px; height:18px; line-height:20px;text-align:center;  margin-right:5px; display:inline-block;color:#fff;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.modal_content .caution_box span.gray {color:#999; font-size:14px;display:block;}


/* view_bottom */
.view_bottom h2,
.rep_list h2 {font-size:16px; padding:10px 0; font-weight:500; color:#354052;}
.view_bottom h2 .num
.rep_list h2 .num {display:inline-block; vertical-align:middle; font-size:12px; margin-left:5px; margin-top:-4px; font-weight:500; color:#ee4f4b;}


/*linked_com*/
.linked_com {margin:50px 0 !important; }
/*.linked_com * {font-size:initial; letter-spacing:-1px;}*/
.linked_com .link_tit {font-size:23px; text-align:center; font-weight:500; margin-bottom:15px; color:#4e483b; letter-spacing:-2px; }
.linked_com .link_tit span {color:#5822e0; font-size:23px; font-weight:bold; font-family:'Roboto',sans-serif;}
.linked_com .link_list { display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid #333; border-bottom:1px solid #e2e2e2; border-left:1px solid #ddd;}
.linked_com .link_list li { text-align:center; padding:20px 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.linked_com .link_list .no_link {padding:30px 10px; background:#fbfbfb;}
.linked_com .link_list .btn {display:inline-block;height:30px; width:70px; font-weight:normal;}
.linked_com .link_list .no_link p {font-size:13px; color:#666; word-break:keep-all; margin:0px 0 17px; font-weight:300;}
.linked_com .link_list .has_link .com_label {font-size:14px; color:#777; font-weight:300; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.linked_com .link_list .has_link .com_nm {font-size:17px; color:#222; font-weight:500; margin-bottom:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.linked_com .link_list .has_link .btn {background:#5822e0 ; border-color:#5822e0;}
.linked_com .link_list .no_link .btn {background:#999; border-color:#999;}
#bo_v_top{margin-top:50px;}


/* repeat list */
.file_list {padding-bottom:30px;}
.file_list a {display:block; padding:3px 3px; color:#6c7c92; /* border-bottom:1px dotted #ddd;*/ font-size:14px; opacity:0.9; }
.file_list a:last-child {border-bottom:0;}
.file_list svg {margin-left:10px; opacity:0.6;}
.file_list a:hover {opacity:1;}
.file_list a img {display:none;}

/* comment */
.rep_list { padding:10px 0px; margin-top:10px;}
.rep_list label {font-size:15px; height:28px; line-height:28px; margin-right:5px; }
.rep_list input {height:28px; line-height:28px; margin-right:12px;}
.rep_list .rep_user{color:#6c7c92;}
.rep_list .rep_user img { vertical-align:middle; margin:0 5px 5px 0 }
.rep_list .rep_user .date {font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#bbb; padding-left:5px }
.rep_list .rep_user span { font-weight:500; font-size:15px;  font-style:normal;  }
.rep_list span.new {margin-top:-3px;}
.rep_list li {position:relative; border-bottom:1px dotted #ddd ; font-size:15px; color:#585858; line-height:1.6span; padding:10px 0px; letter-spacing:-0.02span;}
.rep_list li:last-child { border:0; padding-bottom:30px;}
.rep_list .rep_btn {position:absolute; top:10px; right:0;padding:0 4px;}
.rep_list .rep_btn a{width:25px;height:25px; line-height:22px; padding:0; font-size:15px; display:inline-block; text-align:center; color:#888;}
.rep_list .rep_btn a:hover {background:#dfdfdf;}
.rep_list .user_input {padding:10px; border-bottom:1px solid #eee;}
.rep_list .rep_cont .rep { overflow:hidden; background:#f6f6f6; padding:15px 15px 10px 15px; margin-bottom:5px; color:#595959;}
.rep_list .rep_cont .rep .rep_content textlocation {  }

.rep .rep_content{position:relative; width:auto;float:none; display:block; margin-top:10px; background:#fff; border:1px solid #ccc; padding:0px;}
.rep .rep_content textlocation {width:calc( 100% - 130px ); margin-right:0px; float:none; height:75px;  vertical-align:bottom; border-radius:0; border-width:0;}
.rep .rep_content img.rep_btn{position:absolute;top:0px;right:0;margin:0}

/* file_upload */
.file_upload label {display:inline-block;padding:.3span .75span;color:#666;font-size:13px;line-height:normal;vertical-align:middle;border:1px solid #dfdfdf; cursor:pointer;border-bottom-color:#e2e2e2;border-radius:.25span;}
.file_upload input[type="file"] {position:absolute;width:1px;height:1px; padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.file_upload .upload-name { display:inline-block; width:290px; padding:3px 10px; font-size:15px; /* label의 패딩값과 일치 */ font-family:inherit; line-height:normal; vertical-align:middle; background-color:#f5f5f5; border:1px solid #ddd; border-radius:.25span; -webkit-appearance:none; /* 네이티브 외형 감추기 */ -moz-appearance:none; appearance:none; }


/*faq*/
.faq.con_box {padding:0;}
.faq .faq_li {position:relative; padding:0; border-bottom:1px solid #e5e5e5;}
.faq .heading {color:#1b1b1b; font-size:15px; font-weight:400; padding:7px 20px 12px 50px; width:calc(100% - 75px); cursor:pointer; position:relative;}
.faq .heading:before {display:inline-block; content:'Q.'; margin-left:-30px; margin-right:5px; color:#254c88; font-weight:400; font-size:22px;}
/*.faq .heading .open_btn  {float:right; margin:18px 15px 0;}*/
/*.faq .heading .open_btn b {display:block; width:17px; height:2px; background:#686868; border-radius:2px; transition:0.3s ease;}*/
/*.faq .heading .open_btn b:nth-child(2) {transform:rotate(-90deg); margin-top:-2px;transition:0.3s ease;}*/
/*.faq .heading .open_btn.close b:nth-child(1) {opacity:0;}*/
/*.faq .heading .open_btn.close b:nth-child(2) {transform:rotate(0deg);}*/
.faq .faq_btn {position:absolute; right:10px; top:11px;}
.faq .edit_btn, .faq .del_btn  { width:20px; height:20px; line-height:20px; display:inline-block; margin:7px 10px 0; font-size:15px; outline:0;}
.faq .answer {padding:20px 20px; border-top:1px solid #e5e5e5; font-weight:300; color:#383838; font-size:15px;}

.area_list .list_box li.on:hover a{color:navy;}
/*
.com_list {overflow:hidden; padding: 10px; border:0px!important;}
.com_list li {width:19%; min-height:270px; margin:0.5% 0.5%; float:left; position:relative; background:#fff; border:none!important;;}
.com_list li > div{width:100%;height:100%;border:1px solid #ddd;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);}
.com_list li > div:hover{width:calc(100% + 20px);height:calc(100% + 10px);background:#fff;border:1px solid #5822e0;padding:10px;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;box-shadow: 0 5px 10px  #0600017a;z-index:4;}
.com_list li > div:hover .btm{background:#fff!important;}
.com_list li > div:hover .customksw_230405 {padding:0 20px;}
.com_list li.nothing {width:99%;}
.com_list li .top {display:block; text-align:center;}
.com_list li .top .s_tit {padding:2.5rem 0 1.5rem; background:#f5f7fa;}
.com_list li .top .s_tit span {line-height:1.3em; display:block; font-weight:500; font-size:16px; letter-spacing: -1px;}
.com_list li .top .s_tit span.t1 {color:#5822e0;}
.com_list li .top .s_tit span.t2 {color:#333;}
.com_list li .top .com_nm {padding:0 10px; font-weight:500; color:#003661; font-size:15px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.com_list li .top .com_nm.pc {}
.com_list li .top .com_nm.mo { display:none; }
.com_list li .top .com_nm .fa-phone { color:#5822e0; }
.com_list li .top .about_com {margin:20px 0 10px; padding:0px 20px;}
.com_list li .top .about_com dd {font-size:14px; color: rgb(153, 153, 153); letter-spacing:-0.04span; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:300; }
.com_list li .btm {display:block; padding:0 12px; width:100%; position:absolute; overflow:hidden; height:43px; line-height:38px; bottom:0; left:0; font-size:13px;}
.com_list li .btm span {font-size:14px; color:#666; font-weight:500;}
.com_list li .btm span.location {float:left; color:#777;}
.com_list li .btm span.location i {color:#5822e0;}
.com_list li .btm span.more_btn {float:right; color:#000;  font-weight:500; }
.com_list li .btm span.more_btn i {display:inline-block; vertical-align:baseline; margin-left:3px;}
.com_list li .btm.mo {display:none;}
.com_list li .btm.mo .fa { color:#5822e0; }
.com_list li.data:hover {border-width:1px; border-color:#5822e0;}
.com_list li.data:hover .s_tit {background:#5822e0;}
.com_list li.data:hover .s_tit span {color:#fff; }
.com_list li.data:hover .s_tit:before {display:none;}
.com_list li.data:hover .btm {background:#f7f7f7;}
*/

/* loan_view (업체 상세보기) */
.loan_view h4 {font-size:20px; letter-spacing:-1px;  background: #fbfbfa; text-align: center; padding: 15px 5px; border-bottom: 1px dashed #ddd; font-weight: 600;}
.loan_view h5 {font-size:20px; letter-spacing:-1px; color:#5822e0; margin-bottom:15px;margin-top:30px; position:relative;}
.loan_view h5:after {content:''; position:absolute; left:0; bottom:-6px; background:#5822e0; width:70px; height:2px;}
.loan_view table {width:100%; }
.loan_view th {padding:11px 10px; font-size:15px; letter-spacing:-1px; text-align:left; color:#666; font-weight:500; border-bottom:1px dashed #ddd;}
.loan_view td {padding:11px 10px; height:45px; border-bottom:1px dashed #ddd; line-height: 21px; }
.loan_view div { font-size: 14px;}
.loan_view .loan_detail table{float:left; width:calc(100% - 32%); }
.loan_view .product_detail{clear:both; display:table; width:100%;}
.loan_view .product_detail table {float:left; width:48%;}
.loan_view .ex_deatil p {padding-top:10px;}
.loan_view .right_img {float:right; width:30%; }
.loan_view .right_img img {width:100%; height:225px; overflow:hidden;}
.loan_view .loan_img {width:48%; margin-right:2%; float:right; overflow:hidden;border:1px solid #ddd; position:relative;}
.loan_view .busi_img {width:50%; float:right; overflow:hidden;border:1px solid #ddd; position:relative;}
.loan_view .loan_more {clear:both; width:100%; text-align:center; margin-top:30px;display:inline-block;}
.loan_view .loan_more span {display:block; font-weight:400;letter-spacing:-1px; margin-top:10px; color: #a380fd;}
.loan_view .loan_more li {display:inline-block; text-align: center;}
.loan_view .loan_more li:first-child a{color:#222; border:1px solid #666; background:#fff; margin-right:5px;}
.loan_view .loan_more li a{float:left;padding:10px 0; color:#fff; border:1px solid #222; background:#222; display: block; width: 140px; letter-spacing: -1px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} 
.loan_view .loan_more li a:hover {background:#5822e0; border-color:#5822e0; color:#fff;}

.loan_view .right_img .more {position:absolute; bottom:0; padding:9px 0; width:100%; text-align:center; background:url('../img/sub/loan_view_more.png') repeat; color:#fff; font-size:13px;} 
.loan_view .right_img .more i {font-size:12px;}


.ad_box03 .com_list li {min-height:0; height:auto; border:0; min-width:210px;}
.ad_box03 .com_list li .top .s_title {background:#755f42}
.ad_box03 .com_list li .top .s_title span {font-size:15px;}
.ad_box03 .com_list li .top .s_title span.t1 {color:#fff; font-weight:300;}
.ad_box03 .com_list li .btm {position:relative; border: 1px solid #ddd; border-top:0;}
.ad_box03 .com_list li .btm:before {display:none;}
.ad_box03 .top .s_title {padding: 10px;}





/* sub visual */
.sub_visual .sub_opacity {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);zoom:1;opacity:0.8; background:#3c3f47; width:100%; height:146px;
	position:absolute; top:194px; z-index:-1; box-shadow: inset 0 0 10px rgb(0 0 0 / 10%);}
.main_visual { overflow:hidden; position:relative; background:#545047; border-top:1px solid #65625b; }

.sub_visual {padding-top:170px;}
.sub_visual .main_txt{color:#fff; text-align:center; padding:44px 0;}
.sub_visual .main_txt dt {font-size:25px; font-weight:200;letter-spacing:-3px; line-height:1;}
.sub_visual .main_txt dd {font-size:15px; font-weight:200; color:#ddd; margin-top:10px; word-break:keep-all;}


/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {float:left;margin-right:10px}
#bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_vc article .cm_wrap {float:left;max-width:870px;width:90%}
#bo_vc header {position:relative;width:100%}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:600; font-size: 14px; color: #755e10;}
.bo_vc_hdinfo {color:#999; font-size:12px; font-weight:300;}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px; font-size: 14px; font-weight: 300;}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}

.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

.bo_vc_w {position:relative;margin:10px 0;display:block}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)}
#wr_secret {}
.bo_vc_w_info {}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;margin-right:5px}
.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm {clear:both;margin-top:10px}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center}
.bo_vc_w .btn_submit {height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left}

#bo_vc_send_sns {display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
#bo_vc_sns input {margin:0 5px 0 0}
.comment_btn {float:right;}
.comment_btn .btn_submit {border-radius:0; font-size: 14px; font-weight: 300;}
.bo_vc_w_wr {background:#f9f9f9; padding:20px;}
.comment_btn .btn_submit {background: #615e5a; margin-left:20px;}
.comment_btn .btn_submit:hover {border:0 !important;}





/* 검색페이지 추가 */
.src_head { border:1px solid #ddd; padding:2em; }
.src_page .src_select { min-width:150px; }
.src_body { margin-top:3em; }
.src_page dl { overflow:hidden; margin: 10px auto; display:table; }
.src_page dl dt, .src_page dl dd { float:left; }
.src_page dl dt { padding: 10px 0; margin-right: 20px; }
.src_page dl dd {  }

/*Search bar*/
/*
.search-container { float: right; }
.search-container input[type=text] { padding: 6px; margin-top: 8px; font-size: 15px; }
.search-container button { float: right; padding: 6px 10px; margin-top: 8px; margin-right: 16px; background: #ddd;
    font-size: 16px; border: none; cursor: pointer; }
.search-container button:hover { background: #ccc; }

@media screen and (max-width: 600px) {
  .search-container { float: none; }
  .search-container a, .search-container input[type=text], .search-container button {
    float: none; display: block; text-align: left; width: 100%; margin: 0; padding: 14px; }
  .search-container input[type=text] { border: 1px solid #ccc; }
}
*/



/* modal popup */
.modal-content { width:50%; top: 50%; transform: translateY(-57%); margin: 0 auto; position:relative; }
.modal-content .pop_bt { position:absolute; right:20px; top:11px; font-size:24px; }
.modal-content .content { width:100%; height:500px;	text-align: center; background-color: white; padding: 3em; }
.plustextarea{ width:100%; height:100%; padding:1em; background-color:#f9f9f9; border:none; font-size: 15px; }
.sub_wrap .sub_content .subject { width:100%; }


/*
.main_board {margin: 0 0 60px 0;}
.main_board .container {overflow:hidden;}
.main_board h3 { font-size:23px; font-weight:500; letter-spacing:-2px;margin-bottom:20px; overflow: hidden;}
.main_board h3 .more {display:inline-block; font-size:24px; width:30px; text-align:right; float:right; padding-right: 2px;}
*/

/* 메인등록업체 타이틀 */
.sub_title h6.caption { font-size:0.8rem; font-weight:200; margin-bottom:1rem; color:#666; }
.sub_title h6.caption small { color:red; font-size:1.5rem; transform: translateY(9px); display: inline-block; }


/* 전국대출업체등록현황 */
.main_board { padding-bottom:3rem; }
.main_board .new {background:#00aba1; font-size:8px !important;}
.main_board .board_box { min-height: 200px; border-right:1px solid #e5e5e5; width:32%; float:left; font-family:'Roboto',sans-serif;}
.main_board .board_box:nth-child(1) {padding-right:30px;}
.main_board .board_box:nth-child(3) {border-right:0;padding-left:30px;}
.main_board .board_box .info_btn {text-align:center; border:1px solid #ddd; line-height:36px; display:inline-block; width:160px; font-size:13px; margin-top:15px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.main_board .board_box .info_btn:hover {border:1px solid #5822e0; color:#ea5a03;}
.main_board .board_box .info_btn i {color:#5822e0; padding-left:5px; font-size:12px; }
.main_board .board_box .time_box li:first-child { font-size: 28px; color: #333; font-weight: bold; line-height:1; font-family:'Roboto',sans-serif;}
.main_board .board_box .time_box li:nth-child(2) {color:#666; font-size: 14px; height: 25px; margin-top:10px;}
.main_board .board_box .time_box li:nth-child(3),
.main_board .board_box .time_box li:nth-child(4){color:#999; font-size: 13px; height: 20px; letter-spacing: 1px}
.main_board .board_box .board_list {}
.main_board .board_box .board_list li {overflow:hidden; font-size:14px; line-height:28px;}
.main_board .board_box .board_list li span {font-size:inherit;}
.main_board .board_box .board_list li .board_title {width:calc(100% - 90px); font-size:14px; float:left; font-weight: 300;  color: #666;}
.main_board .board_box .board_list li .board_title .title_text {display:inline-block; vertical-align: middle; max-width:calc(100% - 18px); overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.main_board .board_box .board_list li:hover .board_title .title_text {color:#eb5903;}
.main_board .board_box .board_list li .date {width:90px; float:left; color:#999; text-align: right;}
.main_board .board_box .board_list li.nothing {line-height:100px; height:100px;}
.main_board .board_wrap, .main_board .board_qna {margin:50px 0; width:49%; padding:30px 25px;float:left; border:1px solid #e7e7e7;}
.main_board .board_wrap .nothing , .main_board .board_qna .nothing {border:0;}
.main_board .board_qna {margin-left:2%;}
.main_board table {width:100%; table-layout: fixed; }
.main_board table th {font-size:15px; font-weight:500; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; padding:5px;}
.main_board table td { font-weight:300; padding:7px 2px; border-top:1px solid #e2e2e2; letter-spacing: -1px; }
.main_board table td.no_border {border-top:0;}
/*.main_board table td a:hover {text-decoration: underline; color:#5822e0;}*/
.main_board table td .title {display: inline-block; vertical-align:middle; max-width:calc(100% - 20px); overflow:hidden; text-overflow:ellipsis; white-space: nowrap; color:#666;}
.main_board table td .title:hover {color:#5822e0!important;}
.main_board table td.gray {color:#999; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; font-size:14px;}
.main_board table .location {display:inline-block; line-height:17px; width:40px; color:#5822e0; text-align: center; font-size:13px; 
	padding:3px 0px; background:#fff; border-radius:40px; letter-spacing:-1px; border: 1px solid #5822e0; }
.main_board .board_wrap td:nth-child(1){width:50px; text-align: center;}
.main_board .board_wrap td:nth-child(3){width:120px}
.main_board .board_qna td:nth-child(1){width:50px;}
.main_board .board_qna td:nth-child(3){width:84px;font-size:14px;}
.main_board .board_qna td:nth-child(4){width:100px;font-size:14px;}
.main_board .nothing {height: 150px;line-height: 150px;font-size: 14px;text-align: center;color: #999;  font-weight: 200;}




/*about page */
#ctt_con {letter-spacing:-1px;}
.ctt_company header h1{  padding-top:40px;  font-size:32px;color:#4e483b;text-align:center;margin-bottom:50px;font-weight:500;letter-spacing:-0.06em;line-height:1;}
.wwd{text-align:center;}
.wwd div h2 {font-size:30px; letter-spacing:-2px;  font-weight:200; color:#222; padding-bottom:0; border-bottom:0;}
h2.tf{font-size:25px; font-weight:500; letter-spacing:-2px; color:#bb9100;border-bottom:1px dashed #ddd;
padding-bottom:10px;}
.wwd div p {color:#666; font-weight:200; line-height:28px; font-size:16px; letter-spacing:-1px;}
.wrapar > #about-page-contain { margin:0 0 70px; }
.wwd .tf, .skill .tf, .experiences .tf, .work .tf, .team .tf { margin:50px 0 15px; }
.wwd .col-md-6 > p, .exp-detail > p, .team .col-md-3 > p { line-height:26px;  font-size:15px; color:#333;  font-weight:300;    letter-spacing:0;}
.skill span { background:#000 none repeat scroll 0 0; color:#fff; float:left; height:45px; padding:10px; width:45px; }
.skill li { list-style:outside none none; margin-bottom:15px; }
.exp-detail > h5 { color:#000; font-weight:600; line-height:24px; }
.work li { list-style:outside none none; margin-bottom:90px; line-height:26px; font-size:15px;color:#333; font-weight:300;}
.work li > h5 {font-weight:600;padding:0; text-transform:uppercase; font-size:18px;   color:#333; }
.work li > span {float:left; height:36px; margin-right:10px; padding:8px 25px 0 0; height:65px; position:relative; left:10px;  z-index:0;color:#fff; font-family:'Roboto'; font-weight:bold;}
.work li > span:after{ content:'';position:absolute;left:-8px;top:9px;width:25px;height:25px;background:#d1a50f;z-index:-1;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.work li p {float:left;}
.photo > h5 { color:#ff7200; padding:14px 0; }
.photo:hover { transition:all 0.4s ease-in-out 0s; }

.photo:hover .name > a { display:block; }
.name > a { bottom:20px; color:#000; font-weight:bold; left:20px; position:absolute; text-transform:uppercase; }
.team-social { position:absolute; left:20px; bottom:45px; display:none; }
.photo:hover .team-social { display:block; }
.imageblock { position:relative; overflow:hidden; }
.hoverblock { top:0; display:block; height:100%; top:30px; left:10px; position:absolute; width:100%; padding:0; color:red; }

.row_ad1  {left:20px;padding:0;color:#000;margin-bottom:5px;margin-top:40px}
.row_ad2  {left:20px;padding:0;color:#000;margin-bottom:5px;}
.row_ad3  {left:20px;padding:0;color:#000;margin-bottom:5px;}

.img-responsive {width:100%; }

.mobile_hidden{display:block !important;}
.pc_hidden{display:none !important;}
.pc_hidden2{display:none !important;}
#pay_price{width:auto;height:40px; width:170px;font-size:16px;}




/* 상단 서치필터 Top Search Section */
.topSect_wrap { overflow:hidden; margin-bottom:2em; }
.topSect_wrap .left_banner { margin-right:1em; }

/* 지역별 업체 & 상품별 업체 */
/*.area_list { overflow:hidden; }*/
#typeOfShop .area_list .list_box { /*min-height: 422px !important;*/ margin:0; margin-top: 0.3rem; display: flex; align-items: center; }
.area_list ul.num { width:100%; }
.page_info { overflow:hidden; padding:10px 0; width:100%; }
.area_cont { overflow:hidden; }
	/*.area_cont .map { float:left; }*/
.area_cont .num { display:grid; grid-template-columns:repeat(6, 1fr); grid-auto-rows:7.5rem; grid-gap:0.5rem; padding: 0.5rem; margin: 0; }
.area_cont .num li { min-height:80px; }
.area_cont .num li a { height: 100%; display: grid !important; justify-items: center; grid-auto-rows:40% 25%; align-items: center; align-content: center; }
.area_cont .num li a > p { line-height: 1.8; color: #a183d1; font-size: 0.8rem;}
.area_list .list_box li.area0 .mapIcons { background:url('/theme/loan02/img/mapIcons/map00_all_on.png') no-repeat; }
.area_list .list_box li.area1 .mapIcons { background:url('/theme/loan02/img/mapIcons/map01_seoul.png') no-repeat; }
.area_list .list_box li.area2 .mapIcons { background:url('/theme/loan02/img/mapIcons/map02_gyeonggi.png') no-repeat; }
.area_list .list_box li.area3 .mapIcons { background:url('/theme/loan02/img/mapIcons/map03_incheon.png') no-repeat; }
.area_list .list_box li.area4 .mapIcons { background:url('/theme/loan02/img/mapIcons/map04_daejeon.png') no-repeat; }
.area_list .list_box li.area5 .mapIcons { background:url('/theme/loan02/img/mapIcons/map05_daegu.png') no-repeat; }
.area_list .list_box li.area6 .mapIcons { background:url('/theme/loan02/img/mapIcons/map06_busan.png') no-repeat; }
.area_list .list_box li.area7 .mapIcons { background:url('/theme/loan02/img/mapIcons/map07_gwangju.png') no-repeat; }
.area_list .list_box li.area8 .mapIcons { background:url('/theme/loan02/img/mapIcons/map08_ulsan.png') no-repeat; }
.area_list .list_box li.area9 .mapIcons { background:url('/theme/loan02/img/mapIcons/map09_sejong.png') no-repeat; }
.area_list .list_box li.area10 .mapIcons { background:url('/theme/loan02/img/mapIcons/map10_gangwon.png') no-repeat; }
.area_list .list_box li.area11 .mapIcons { background:url('/theme/loan02/img/mapIcons/map11_chungbuk.png') no-repeat; }
.area_list .list_box li.area12 .mapIcons { background:url('/theme/loan02/img/mapIcons/map12_chungnam.png') no-repeat; }
.area_list .list_box li.area13 .mapIcons { background:url('/theme/loan02/img/mapIcons/map13_jeonbuk.png') no-repeat; }
.area_list .list_box li.area14 .mapIcons { background:url('/theme/loan02/img/mapIcons/map14_jeonnam.png') no-repeat; }
.area_list .list_box li.area15 .mapIcons { background:url('/theme/loan02/img/mapIcons/map15_gyeongbuk.png') no-repeat; }
.area_list .list_box li.area16 .mapIcons { background:url('/theme/loan02/img/mapIcons/map16_gyeongnam.png') no-repeat; }
.area_list .list_box li.area17 .mapIcons { background:url('/theme/loan02/img/mapIcons/map17_jeju.png') no-repeat; }
.area_cont .num li a .mapIcons { background:url('/theme/loan02/img/mapIcons/map00_all.png') no-repeat; display:block; width:50px; height:50px; background-size:contain !important;}

.product_list .num { display:grid; grid-template-columns:repeat(6, 1fr); grid-auto-rows: 7.5rem; grid-gap:0.5rem; padding: 0.5rem; margin: 0; }
.product_list .num li { min-height:80px; }
.product_list .num li a { height: 100%; display: grid !important; justify-items: center; grid-auto-rows:30% 25%; align-items: center; align-content: center; }
.product_list .num li a > p { line-height: 1.8; color: #a183d1; font-size: 0.8rem;}
.product_list .num li a .prodIcons { display:block; width:50px; height:50px; background-size:contain; background-repeat: no-repeat;}

.area_list .list_box li.on.items0:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item00_all.png'); }
.area_list .list_box li.on.items0 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item00_all_on.png'); }
.area_list .list_box li.on.items1 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item01_on.png'); }
.area_list .list_box li.on.items2 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item02_on.png'); }
.area_list .list_box li.on.items3 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item03_on.png'); }
.area_list .list_box li.on.items4 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item04_on.png'); }
.area_list .list_box li.on.items5 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item05_on.png'); }
.area_list .list_box li.on.items6 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item06_on.png'); }
.area_list .list_box li.on.items7 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item07_on.png'); }
.area_list .list_box li.on.items8 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item08_on.png'); }
.area_list .list_box li.on.items9 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item09_on.png'); }
.area_list .list_box li.on.items10 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item10_on.png'); }
.area_list .list_box li.on.items11 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item11_on.png'); }
.area_list .list_box li.on.items12 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item12_on.png'); }
.area_list .list_box li.on.items13 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item13_on.png'); }
.area_list .list_box li.on.items14 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item14_on.png'); }
.area_list .list_box li.on.items15 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item15_on.png'); }
.area_list .list_box li.on.items16 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item16_on.png'); }
.area_list .list_box li.on.items17 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item17_on.png'); }

.area_list .list_box li.items0 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item00_all.png'); }
.area_list .list_box li:first-child .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item00_all.png'); }
.area_list .list_box li.items1 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item01_off.png'); }
.area_list .list_box li.items2 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item02_off.png'); }
.area_list .list_box li.items3 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item03_off.png'); }
.area_list .list_box li.items4 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item04_off.png'); }
.area_list .list_box li.items5 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item05_off.png'); }
.area_list .list_box li.items6 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item06_off.png'); }
.area_list .list_box li.items7 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item07_off.png'); }
.area_list .list_box li.items8 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item08_off.png'); }
.area_list .list_box li.items9 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item09_off.png'); }
.area_list .list_box li.items10 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item10_off.png'); }
.area_list .list_box li.items11 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item11_off.png'); }
.area_list .list_box li.items12 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item12_off.png'); }
.area_list .list_box li.items13 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item13_off.png'); }
.area_list .list_box li.items14 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item14_off.png'); }
.area_list .list_box li.items15 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item15_off.png'); }
.area_list .list_box li.items16 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item16_off.png'); }
.area_list .list_box li.items17 .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item17_off.png'); }

.area_list .list_box li.on.items1:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item01_off.png'); }
.area_list .list_box li.on.items2:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item02_off.png'); }
.area_list .list_box li.on.items3:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item03_off.png'); }
.area_list .list_box li.on.items4:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item04_off.png'); }
.area_list .list_box li.on.items5:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item05_off.png'); }
.area_list .list_box li.on.items6:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item06_off.png'); }
.area_list .list_box li.on.items7:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item07_off.png'); }
.area_list .list_box li.on.items8:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item08_off.png'); }
.area_list .list_box li.on.items9:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item09_off.png'); }
.area_list .list_box li.on.items10:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item10_off.png'); }
.area_list .list_box li.on.items11:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item11_off.png'); }
.area_list .list_box li.on.items12:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item12_off.png'); }
.area_list .list_box li.on.items13:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item13_off.png'); }
.area_list .list_box li.on.items14:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item14_off.png'); }
.area_list .list_box li.on.items15:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item15_off.png'); }
.area_list .list_box li.on.items16:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item16_off.png'); }
.area_list .list_box li.on.items17:hover .prodIcons { background-image:url('/theme/loan02/img/mapIcons/item17_off.png'); }

.product_list { min-height: 421px !important; }


/* TOP 슬라이드 광고 영역 & 지역별 버튼 */
#specialSect .swiper-slide { padding:0; height:auto; }
#typeOfShop .topWrap01 { grid-auto-rows: 13.45rem 13rem !important; }
.topWrap01 > h2 { padding-left:0.5rem; visibility: hidden; }
#premiumSect .top_banner .swiper-slide { padding:0; height:auto; } 


/* 이용시 주의사항 */
#sub_caution.container { padding: 75px 0 100px !important; }
.in_title2{margin: 0 0 35px;}
.in_title2 > h3{text-align: left; font-size: 22px; border-bottom: 1px solid #000; padding: 0 0 15px; font-weight: 600}
.customer_box ul li{display: flex;margin:0 0 20px; font-weight: 300;}
.customer_box ul li:last-child{margin:0;}
.customer_box ul li>span{display:inline-block;border-radius: 50%;background-color:rgb(88 34 224);color:#fff;;min-width:26px;max-width:26px;min-height:26px;max-height:26px;margin:6px 10px 0 0; line-height: 25px; font-weight: 500; text-align: center;font-size: 13px}
.customer_box ul li>div{margin:4px 0 0 }
#sub_caution .highlight { color: #1463b5; }


/* 회사소개 (company) */
.ctt_company #ctt_con { padding:0; }
#company h1 { display:block; }
#intro01 > h1, #intro02 > h1, #intro03 > h1 { font-size:2rem; text-align:center; margin-bottom:2rem; }
#intro01, #intro02, #intro03 { padding:7rem 0; font-weight:300; }
#intro01_top, #intro02_top, #intro03_top { width:100%; height:4rem; }
#intro01_top { background-color:#f9f9f9; }

#company .sub_content { padding:0; }
#company .grey-bg { background-color:#f9f9f9; }
.introWrap { width:1200px; margin:0 auto; }

#company .contTopnav { width:100%; z-index:2; padding-top: 2rem; background-color:transparent; }
#company .contTopnav .navWrap { display:grid; grid-template-columns:repeat(3, 1fr); justify-content:center; max-width: 1200px; margin:0 auto; background-color:white; box-shadow: 0 0 0.5rem rgb(0 0 0 / 10%); }
#company .contTopnav a { text-align:center; background-color:white; padding:1rem 2rem; font-size:1.2rem; border-right:1px solid #eee; }
#company .contTopnav a:last-child { border-right:none; }
#company .contTopnav a:hover { background-color:#eee; }

#intro01 { padding-top:4rem; }
#intro01 .introWrap { background-color:white; padding:1rem; box-shadow:0 0 0.5rem rgba(0,0,0,0.1); display: grid; grid-template-columns: 55% 40%;  grid-gap: 4%; }
#intro01 dl dd { font-weight:300; }
#intro01 .listWrap { padding: 1.5rem 0px; }
#intro01 .listWrap dl dt { font-weight:bold; }
#intro01 .listWrap dl { display:grid; grid-template-columns: 25% 75%; grid-gap:2rem; margin-bottom:1rem; }
#intro01 figure { position:relative; display:flex; justify-content:center; align-items:center; background-color:black; }
#intro01 figure span.bg-img { position:absolute; top:0; left:0; opacity:0.7; display:block; width:100%; height:100%; background:url('/theme/loan02/img/intro_img.jpg') center center no-repeat; background-size:cover; }
#intro01 figure img { max-width: 350px; width:50%; position: absolute; z-index: 1; }

#intro02 { text-align:center; font-size:1.2rem; }
#intro02 .introPhrase > h2 { font-size:2.5rem; font-weight:300; margin-bottom:1rem; }
#intro02 .introPhrase > p { width:50%; margin:0 auto; }
#intro02 ul.introDiscs { display:grid; grid-template-columns:repeat(3, 1fr); margin-top:3rem; font-size:1rem; }
#intro02 ul.introDiscs li { display: grid; align-items:center; justify-items: center; grid-auto-rows:7.5rem 3rem 4.5rem; background-color:rgb(192 171 217 / 25%); padding:3rem; padding-top: 3rem;
	border-radius:50%; width:360px; height:360px; }
#intro02 ul.introDiscs li:first-child { grid-auto-rows:7.5rem 3rem 6rem; }
#intro02 ul.introDiscs li:first-child { transform:translateX(30px); }
#intro02 ul.introDiscs li:last-child { transform:translateX(-30px); }
#intro02 ul.introDiscs h4 { width:100%; font-size:1.4rem; font-weight:400; line-height:1.2; letter-spacing:-3px; }
#intro02 ul.introDiscs p { font-size:0.9rem; width:80%; margin:0 auto; }
#intro02 ul.introDiscs img { width:6rem; }

#company .grey-bg.intro03 { position: relative; z-index: -1; padding-top:0; }
#company .grey-bg.intro03 > h1.introWrap { padding-top:5rem; font-size:2rem; margin-bottom:3rem; letter-spacing:-3px; }
.intro03_sect { position: relative; padding-top:0; padding-bottom:8rem; }
.intro03_sect .introWrap { text-shadow: 1px 1px 2px #fff, 0 0 1em #fff, 0 0 0.2em #fff; box-shadow:0 0 1rem rgba(0,0,0,0.1); position: relative; 
	background-color: rgba(255,255,255,0.7); padding: 3rem 3rem; }
.intro03_sect .introWrap h2 { font-size:2.2rem; font-weight:300; margin-bottom:1rem; letter-spacing:-4px; }
.intro03_sect .introWrap p { font-size:1.2rem; color:#555; }
.intro03_sect .introWrap p .caption { font-size:1.0rem; color:cornflowerblue; }
.intro03 figure { display:block; width:65%; height:100%; position:absolute; right:0; z-index: -1; }
.intro03 figure span { display:block; width:100%; height:100%; background:url('/theme/loan02/img/sub/building_bg2.jpg') center center no-repeat; background-size: cover; }

/* 이용안내 > 대출역 안내 (guide) */
#guidePage .sub_content { padding:0; }
#guidePage .guidePage_img { display:flex; justify-content:center; }
#guidePage .guidePage_img .guideImg_pc { display:block; }
#guidePage .guidePage_img .guideImg_mb { display:none; }

/* 사이트 이용 매뉴얼 */
#manualPage .sub_content { display:flex; align-items:center; }
#manualPage .sub_title { margin-bottom:3rem; }
#manualPage .phrasing { text-align:center; }
#manualPage .form2 { margin-top:2rem; }
#manualPage input[type="submit"] { height:40px; }
#manualPage input[type="submit"]:hover { border:none; background-color:#5822e0; }
#manualPage .frm_input { max-width:350px; }


.call_wrap a { background-color:#5822e0 !important; }


/* Sub Search bar */
.srcbar_wrap.subSrc { display: flex; justify-content: flex-start; }
.srcbar_wrap.subSrc .scr_inner { width:350px; grid-template-columns:30% 57% 13%; padding: 0.2rem; }
.scr_inner #sfl { border:none; background: url('../img/sub/selectArrow.png') calc(100% - 20px) no-repeat; background-size: 0.6rem; font-size: 0.9rem;
    font-weight: 400; padding-left: 1rem; width:120px;}

.area_list_ksw, .product_list_ksw{min-height:unset!important;border:0px!important;padding:0px!important;}
.area_list_ksw .num { display:grid; grid-template-columns:repeat(9, 1fr); grid-auto-rows:48px; grid-gap:0.2rem; padding: 0.2rem; margin: 0; }
.area_list_ksw img {width:30px;vertical-align:middle}
.area_list_ksw .on{background:#07074c;border:1px solid #07074c;}

.area_list_ksw span{display:inline-block;position:relative;margin-left:33px;}
.area_list_ksw span:after{position:absolute;top:5px;left:-33px;content: " ";width:30px;height:30px;background-size:100% ;}

.area_list_ksw .area0 span:after{ background-image:url('/theme/loan02/img/mapIcons/map00_all.png') }
.area_list_ksw .area1 span:after{ background-image:url('/theme/loan02/img/mapIcons/map01_seoul.png')  }
.area_list_ksw .area2 span:after{ background-image:url('/theme/loan02/img/mapIcons/map02_gyeonggi.png')  }
.area_list_ksw .area3 span:after{ background-image:url('/theme/loan02/img/mapIcons/map03_incheon.png') }
.area_list_ksw .area4 span:after{ background-image:url('/theme/loan02/img/mapIcons/map04_daejeon.png') }
.area_list_ksw .area5 span:after{ background-image:url('/theme/loan02/img/mapIcons/map05_daegu.png') }
.area_list_ksw .area6 span:after{ background-image:url('/theme/loan02/img/mapIcons/map06_busan.png') }
.area_list_ksw .area7 span:after{ background-image:url('/theme/loan02/img/mapIcons/map07_gwangju.png') }
.area_list_ksw .area8 span:after{ background-image:url('/theme/loan02/img/mapIcons/map08_ulsan.png') }
.area_list_ksw .area9 span:after{ background-image:url('/theme/loan02/img/mapIcons/map09_sejong.png') }
.area_list_ksw .area10 span:after{ background-image:url('/theme/loan02/img/mapIcons/map10_gangwon.png') }
.area_list_ksw .area11 span:after{ background-image:url('/theme/loan02/img/mapIcons/map11_chungbuk.png') }
.area_list_ksw .area12 span:after{ background-image:url('/theme/loan02/img/mapIcons/map12_chungnam.png') }
.area_list_ksw .area13 span:after{ background-image:url('/theme/loan02/img/mapIcons/map13_jeonbuk.png') }
.area_list_ksw .area14 span:after{ background-image:url('/theme/loan02/img/mapIcons/map14_jeonnam.png') }
.area_list_ksw .area15 span:after{ background-image:url('/theme/loan02/img/mapIcons/map15_gyeongbuk.png') }
.area_list_ksw .area16 span:after{ background-image:url('/theme/loan02/img/mapIcons/map16_gyeongnam.png') }
.area_list_ksw .area17 span:after{ background-image:url('/theme/loan02/img/mapIcons/map17_jeju.png') }

.area_list_ksw .area0.on span:after{ background-image:url('/theme/loan02/img/mapIcons/map00_all_on.png') }
.area_list_ksw .area0.on:hover span:after{ background-image:url('/theme/loan02/img/mapIcons/map00_all.png') }


.product_list_ksw .num { display:grid; grid-template-columns:repeat(10, 1fr); grid-auto-rows: 48px; grid-gap:0.2rem; padding: 0.2rem; margin: 0; }
.product_list_ksw .num li {}
.product_list_ksw .num li a {  }
.product_list_ksw .num li a span{display:inline-block;position:relative;margin-left:33px;}
.product_list_ksw .num li a span i{position:absolute;top:10px;left:-33px;width:25px;height:25px;content:" ";background-size:100% ;}

.product_list_ksw li.on.items0:hover i { background-image:url('/theme/loan02/img/mapIcon/1.png'); }
.product_list_ksw li.on.items0 i { background-image:url('/theme/loan02/img/mapIcon/1_on.png'); }
.product_list_ksw li.on.items1 i { background-image:url('/theme/loan02/img/mapIcon/2_on.png'); }
.product_list_ksw li.on.items2 i { background-image:url('/theme/loan02/img/mapIcon/3_on.png'); }
.product_list_ksw li.on.items3 i { background-image:url('/theme/loan02/img/mapIcon/4_on.png'); }
.product_list_ksw li.on.items4 i { background-image:url('/theme/loan02/img/mapIcon/5_on.png'); }
.product_list_ksw li.on.items5 i { background-image:url('/theme/loan02/img/mapIcon/6_on.png'); }
.product_list_ksw li.on.items6 i { background-image:url('/theme/loan02/img/mapIcon/7_on.png'); }
.product_list_ksw li.on.items7 i { background-image:url('/theme/loan02/img/mapIcon/8_on.png'); }
.product_list_ksw li.on.items8 i { background-image:url('/theme/loan02/img/mapIcon/9_on.png'); }
.product_list_ksw li.on.items9 i { background-image:url('/theme/loan02/img/mapIcon/10_on.png'); }
.product_list_ksw li.on.items10 i { background-image:url('/theme/loan02/img/mapIcon/11_on.png'); }
.product_list_ksw li.on.items11 i { background-image:url('/theme/loan02/img/mapIcon/12_on.png'); }
.product_list_ksw li.on.items12 i { background-image:url('/theme/loan02/img/mapIcon/13_on.png'); }
.product_list_ksw li.on.items13 i { background-image:url('/theme/loan02/img/mapIcon/14_on.png'); }
.product_list_ksw li.on.items14 i { background-image:url('/theme/loan02/img/mapIcon/15_on.png'); }
.product_list_ksw li.on.items15 i { background-image:url('/theme/loan02/img/mapIcon/16_on.png'); }
.product_list_ksw li.on.items16 i { background-image:url('/theme/loan02/img/mapIcon/17_on.png'); }
.product_list_ksw li.on.items17 i { background-image:url('/theme/loan02/img/mapIcon/18_on.png'); }
.product_list_ksw li.on.items18 i { background-image:url('/theme/loan02/img/mapIcon/19_on.png'); }
.product_list_ksw li.on.items19 i { background-image:url('/theme/loan02/img/mapIcon/20_on.png'); }
.product_list_ksw li.on.items20 i { background-image:url('/theme/loan02/img/mapIcon/21_on.png'); }
.product_list_ksw li.on.items21 i { background-image:url('/theme/loan02/img/mapIcon/22_on.png'); }
.product_list_ksw li.on.items22 i { background-image:url('/theme/loan02/img/mapIcon/23_on.png'); }
.product_list_ksw li.on.items23 i { background-image:url('/theme/loan02/img/mapIcon/24_on.png'); }
.product_list_ksw li.on.items24 i { background-image:url('/theme/loan02/img/mapIcon/25_on.png'); }
.product_list_ksw li.on.items25 i { background-image:url('/theme/loan02/img/mapIcon/26_on.png'); }
.product_list_ksw li.on.items26 i { background-image:url('/theme/loan02/img/mapIcon/27_on.png'); }
.product_list_ksw li.on.items27 i { background-image:url('/theme/loan02/img/mapIcon/28_on.png'); }
.product_list_ksw li.on.items28 i { background-image:url('/theme/loan02/img/mapIcon/29_on.png'); }
.product_list_ksw li.on.items29 i { background-image:url('/theme/loan02/img/mapIcon/30_on.png'); }

.product_list_ksw li.items0 i { background-image:url('/theme/loan02/img/mapIcon/1.png'); }
.product_list_ksw li:first-child i { background-image:url('/theme/loan02/img/mapIcon/1.png'); }
.product_list_ksw li.items1 i { background-image:url('/theme/loan02/img/mapIcon/2.png'); }
.product_list_ksw li.items2 i { background-image:url('/theme/loan02/img/mapIcon/3.png'); }
.product_list_ksw li.items3 i { background-image:url('/theme/loan02/img/mapIcon/4.png'); }
.product_list_ksw li.items4 i { background-image:url('/theme/loan02/img/mapIcon/5.png'); }
.product_list_ksw li.items5 i { background-image:url('/theme/loan02/img/mapIcon/6.png'); }
.product_list_ksw li.items6 i { background-image:url('/theme/loan02/img/mapIcon/7.png'); }
.product_list_ksw li.items7 i { background-image:url('/theme/loan02/img/mapIcon/8.png'); }
.product_list_ksw li.items8 i { background-image:url('/theme/loan02/img/mapIcon/9.png'); }
.product_list_ksw li.items9 i { background-image:url('/theme/loan02/img/mapIcon/10.png'); }
.product_list_ksw li.items10 i { background-image:url('/theme/loan02/img/mapIcon/11.png'); }
.product_list_ksw li.items11 i { background-image:url('/theme/loan02/img/mapIcon/12.png'); }
.product_list_ksw li.items12 i { background-image:url('/theme/loan02/img/mapIcon/13.png'); }
.product_list_ksw li.items13 i { background-image:url('/theme/loan02/img/mapIcon/14.png'); }
.product_list_ksw li.items14 i { background-image:url('/theme/loan02/img/mapIcon/15.png'); }
.product_list_ksw li.items15 i { background-image:url('/theme/loan02/img/mapIcon/16.png'); }
.product_list_ksw li.items16 i { background-image:url('/theme/loan02/img/mapIcon/17.png'); }
.product_list_ksw li.items17 i { background-image:url('/theme/loan02/img/mapIcon/18.png'); }
.product_list_ksw li.items18 i { background-image:url('/theme/loan02/img/mapIcon/19.png'); }
.product_list_ksw li.items19 i { background-image:url('/theme/loan02/img/mapIcon/20.png'); }
.product_list_ksw li.items20 i { background-image:url('/theme/loan02/img/mapIcon/21.png'); }
.product_list_ksw li.items21 i { background-image:url('/theme/loan02/img/mapIcon/22.png'); }
.product_list_ksw li.items22 i { background-image:url('/theme/loan02/img/mapIcon/23.png'); }
.product_list_ksw li.items23 i { background-image:url('/theme/loan02/img/mapIcon/24.png'); }
.product_list_ksw li.items24 i { background-image:url('/theme/loan02/img/mapIcon/25.png'); }
.product_list_ksw li.items25 i { background-image:url('/theme/loan02/img/mapIcon/26.png'); }
.product_list_ksw li.items26 i { background-image:url('/theme/loan02/img/mapIcon/27.png'); }
.product_list_ksw li.items27 i { background-image:url('/theme/loan02/img/mapIcon/28.png'); }
.product_list_ksw li.items28 i { background-image:url('/theme/loan02/img/mapIcon/29.png'); }
.product_list_ksw li.items29 i { background-image:url('/theme/loan02/img/mapIcon/30.png'); }

.product_list_ksw li.on.items1:hover i { background-image:url('/theme/loan02/img/mapIcon/2.png'); }
.product_list_ksw li.on.items2:hover i { background-image:url('/theme/loan02/img/mapIcon/3.png'); }
.product_list_ksw li.on.items3:hover i { background-image:url('/theme/loan02/img/mapIcon/4.png'); }
.product_list_ksw li.on.items4:hover i { background-image:url('/theme/loan02/img/mapIcon/5.png'); }
.product_list_ksw li.on.items5:hover i { background-image:url('/theme/loan02/img/mapIcon/6.png'); }
.product_list_ksw li.on.items6:hover i { background-image:url('/theme/loan02/img/mapIcon/7.png'); }
.product_list_ksw li.on.items7:hover i { background-image:url('/theme/loan02/img/mapIcon/8.png'); }
.product_list_ksw li.on.items8:hover i { background-image:url('/theme/loan02/img/mapIcon/9.png'); }
.product_list_ksw li.on.items9:hover i { background-image:url('/theme/loan02/img/mapIcon/10.png'); }
.product_list_ksw li.on.items10:hover i { background-image:url('/theme/loan02/img/mapIcon/11.png'); }
.product_list_ksw li.on.items11:hover i { background-image:url('/theme/loan02/img/mapIcon/12.png'); }
.product_list_ksw li.on.items12:hover i { background-image:url('/theme/loan02/img/mapIcon/13.png'); }
.product_list_ksw li.on.items13:hover i { background-image:url('/theme/loan02/img/mapIcon/14.png'); }
.product_list_ksw li.on.items14:hover i { background-image:url('/theme/loan02/img/mapIcon/15.png'); }
.product_list_ksw li.on.items15:hover i { background-image:url('/theme/loan02/img/mapIcon/16.png'); }
.product_list_ksw li.on.items16:hover i { background-image:url('/theme/loan02/img/mapIcon/17.png'); }
.product_list_ksw li.on.items17:hover i { background-image:url('/theme/loan02/img/mapIcon/18.png'); }
.product_list_ksw li.on.items18:hover i { background-image:url('/theme/loan02/img/mapIcon/19.png'); }
.product_list_ksw li.on.items19:hover i { background-image:url('/theme/loan02/img/mapIcon/20.png'); }
.product_list_ksw li.on.items20:hover i { background-image:url('/theme/loan02/img/mapIcon/21.png'); }
.product_list_ksw li.on.items21:hover i { background-image:url('/theme/loan02/img/mapIcon/22.png'); }
.product_list_ksw li.on.items22:hover i { background-image:url('/theme/loan02/img/mapIcon/23.png'); }
.product_list_ksw li.on.items23:hover i { background-image:url('/theme/loan02/img/mapIcon/24.png'); }
.product_list_ksw li.on.items24:hover i { background-image:url('/theme/loan02/img/mapIcon/25.png'); }
.product_list_ksw li.on.items25:hover i { background-image:url('/theme/loan02/img/mapIcon/26.png'); }
.product_list_ksw li.on.items26:hover i { background-image:url('/theme/loan02/img/mapIcon/27.png'); }
.product_list_ksw li.on.items27:hover i { background-image:url('/theme/loan02/img/mapIcon/28.png'); }
.product_list_ksw li.on.items28:hover i { background-image:url('/theme/loan02/img/mapIcon/29.png'); }
.product_list_ksw li.on.items29:hover i { background-image:url('/theme/loan02/img/mapIcon/30.png'); }



#aaaa{margin: 1.5rem 4px;}
@media screen and (max-width:900px) {
	.area_list_ksw .num { grid-template-columns:repeat(6, 1fr);  }
	.product_list_ksw .num{grid-template-columns:repeat(5, 1fr);} 
}

@media screen and (max-width:600px) {
	.area_list_ksw .num { grid-template-columns:repeat(3, 1fr);grid-auto-rows:30px;   }
	.product_list_ksw .num{grid-template-columns:repeat(3, 1fr);grid-auto-rows:30px;} 
	
	.area_list_ksw li a { height:24px!important;line-height:24px!important;}
	.product_list_ksw  li a	{ height:24px!important;line-height:24px!important;}
	.area_list_ksw span{display:inline-block;position:relative;margin-left:0px;}
	.area_list_ksw span:after{display:none;}

	.product_list_ksw .num li a span{display:inline-block;position:relative;margin-left:0px;}
	.product_list_ksw .num li a span i{display:none;}
	

	#topWrapperKsw{order:3}
	#aaaa{order:1;margin:0 0 0rem 0!important;}
	#bbbb{order:2;padding:0rem 0px 5px 0}
}

@media screen and (max-width:1280px) {

    .linked_com .link_list {border-bottom:0;}

	/* 회사소개 */
	.introWrap { width:100%; grid-template-columns:100% !important; grid-auto-rows: 20rem 2.5rem; grid-gap:1% !important; }
	#intro01 { max-width:1100px; width:90%; margin:0 auto; }
	#intro01 .listWrap { padding: 1.5rem 1.0rem; }
	#intro02 .introPhrase > p { width:85%; }
	#intro02 ul.introDiscs { max-width: 1100px; margin: 3rem auto 0; }
	#intro02 ul.introDiscs li { max-width: 360px; width: 100%; }
	#intro02 ul.introDiscs img { width:5rem; }
	#intro03 { width:90%; max-width:1100px; margin:0 auto; }
	#company .grey-bg.intro03 > h1.introWrap { text-align:center; }


}


@media screen and (max-width:960px) {

	.area_list .list_box { min-height:auto; }

	 /* category */
	/*.category .list_box, .category .tab {display:none;}*/

	.com_list {margin:-0.5%;}

	.sub_content { padding-top:3rem; padding-bottom: 2rem; }
	#typeOfShop.sub_content { padding:1rem 0 60px; }
	.sub_content .area_list .list_box,
	.sub_content .left_banner {width:100%; float:none;}

	/*sub visual*/
	.sub_visual .sub_bg,.sub_visual .sub_opacity {display:none;}
	.sub_visual {height:113px; padding-top:0;}
	.main_txt {display:none;}
	.loan_view .product_detail table {width:100%;}

	.com_list li {width:32.333%;}
	.com_list li.nothing {line-height:180px;}

	 #wr_name, #wr_password, #wr_email, #wr_homepage {width:100%; }
	 #wr_password, #wr_homepage{float:right;}

	/*loan_view*/
	.loan_view .loan_detail table {width:100%;}
	.loan_view .right_img{float:none; margin-top:30px; width:100%; height:auto;display: inline-block; padding:0 5%;}
	.loan_view .right_img img {height: 275px;height: auto;}

	/* form */
	.fl_left {float:left !important;width:70px !important;}
	.fl_left label {top:6px !important;}
	.fl_right {float:right !important;width:62% !important; padding:0 !important; text-align:right;}
	.fl_right #pay_price {border:0; font-size:18px; padding:0; margin-top:-5px;}

	#mb_name {width:100%;}
	.form_title {margin-top:0; padding-top:0;}
	.form2 .time_box {margin-left:0;}
	.form2 > dl {padding:10px 0;}

	select option {padding:9px 5px; display:block;}

	.form2 dt.price_dt {float:left; width:22%; line-height: 36px;}
	.form2 dd.price_tt {width:78%; float:right; text-align: right; padding:0; line-height: 38px;}
	.form2 dd.price_tt input {border:0; text-align:right; height: auto; font-size:18px !important; padding: 0; margin-top: -4px;}
	.members .form2 dl {margin:10px 0;}
	.members .form2 dl + dl {margin-top:10px;}
	.form2 div > dl {padding:10px 0; background:transparent;}
	.form2 dt {display:block; width:100%; padding:0; min-height:0; line-height:18px;}
	/*.form2 dl.stress dt {background:#fff;}*/
	.form2 dd.price_mo {background: #fbf9f3; padding: 10px; margin-top: 5px;}
	.form2 dd {display:block; width:100%; border-left:0; padding:5px 0 0; min-height:0; line-height:1.3em; background:transparent;}
	.form2 dd .bank_copy {font-size:17px; margin-top:5px; margin-bottom:5px;display:inline-block;}
	.form2 dd .bank_copy:after{display:none;}
	.price_name {width:100%;}
	.mo_bg {background:#fffdf5 !important; text-align:center; padding:15px !important;}

	.form2 .cont_radio .checkmark, .form2 .cont_check .checkmark {top:1px;}
	.file_upload .upload-name {width:calc(100% - 70px) !important;}
	/* .form2 dd input {width:100% !important;} */
	.form2 dd input.chk_input {width:100px !important;}
	.form2 dd input.age_input {width:50px !important;}
	.form2 dd input.money_input {width:140px !important;}
	.form2 dd input#security_no {width:130px !important;}
	select#category {width:100%; margin-bottom:7px;}
	#s_date, #e_date {display:inline-block; width:120px !important;}
	.form2 .col_2 {width:100%; display:block;}
	.m_mt30 {margin-top:30px;}
	.form2 .dl_height dt {padding:0;}
	/* form width */
	.form2 dd.id input[type=text] {width:calc(100% - 73px); }
	#reg_mb_password, #reg_mb_password_re, #mb_hp, #mb_nick, #mb_number, #mb_tel, #mb_feed, #mb_agency, #mb_agency_tel, .form2 dd.lo #mb_addr3 {width:100%;}
	#mb_regist_sdate, #mb_regist_edate{width:49%;}
	/*#mb_hp, #reg_mb_id {width:calc(100% - 85px); }*/
	.form2 dd.lo #mb_addr2{width:48%;}
	#mb_addr1, #mb_addr2{width:49.7%;}
	.form2 dd > div{display:block; margin-left:0; line-height:20px;margin-top:5px;}
	.form2 select {height:40px !important;}
	#captcha #captcha_info {padding-left:0;}
	#captcha.m_captcha #captcha_key{height:40px;}
	#captcha.m_captcha #captcha_img {display:inline-block; width:120px; height:40px; margin-top:0;}

	.agency_call select{ background:url('../img/sub/arrow.gif') #fff no-repeat calc(100% - 10px) 50%;} 

	.cont_radio{padding-right:5px;}
	.list_con dd select {width:100% !important;}
	.text_info {display:block; margin-top:5px;}
	#chk_no { width:calc(100% - 130px) !important;}
	.list_con dd input[type="tel"] {width:30% !important;}
	#wr_age, #wr_price {width:30% !important;}

	.loan_view h5{font-size:18px;}
	.loan_view td, .loan_view th {font-size:13px;}
	.loan_view td {padding:5px; height:42px;line-height:18px;}
	
	/* 광고 상품 선택 */
	.loan_ad .ad_select {margin-top:30px;}

	/* 실시간대출문의 폼 하단 스타일 추가(2021-11-04) */
	dl.form_BtmSect button { float:none; }
	dl.form_BtmSect dt li { width:100%; }
	dl.form_BtmSect dt { padding:0; width:40%; }
	dl.form_BtmSect dd { width:60%; } 

	/* 지역별&상품별 업체등록 */
	#typeOfShop .topTitle { display:none; }
	#typeOfShop .topWrap01 { grid-auto-rows: 13.45rem 13rem !important; }
	#typeOfShop .srctab { margin-top:1rem; }
	.sub_district .container { border:none !important; }
	.board_company .com_list li { width:49%; }
	.srctab { max-width:100%; width:100%; }
	.realtime { width:100%; margin-bottom:0; }
	.page_info { overflow:initial; float: left; width: 100%; }
	.rt_wrap .list { float:left; }
	.rt_wrap .list.con_box { float:left; margin-top:1em; width:100%; }
	.rt_wrap .btn_wrap { float:right; margin-top:1em; }
	.rt_wrap .paging { width:100%; float:left; }
	
	/* 상품별 업체 */
	.product_list { min-height: 425px !important; }

	.mobile_hidden{display:none !important;}
	.pc_hidden{display:grid !important;}
	.pc_hidden2{display:block !important;}

	.wwd div h2{font-size:26px;}
	h2.tf{font-size:22px;}
	.work li > h5{font-size:16px;}
	.wwd div p{display:inline;}
	.wwd div p.no_inline{display:block;}
	#ctt_con {overflow:hidden; }
	#ctt_con .company .img-responsive { display:inline-block;}
	/* list_detail */
	/*.linked_com .link_list li {width:50%;}*/
	.view_detail .col_2 {width:100%;}
	.view_detail .col_3 {width:100%;}
	.view_detail .block {display:inline-block; width:100%; }
	.view_detail .w100 {width:100%;}
	.form2 dl.stress{background:transparent; overflow:hidden; }
	.form2 .bg_color { border:2px solid #f9d2ad; padding:5px 15px;}
	.form2 .bg_color fieldset dl:nth-child(5) {border-bottom:0;}
	.frm_input {margin-left:0;}

	.category.area_list.srctab > h2 { padding-top:1rem; height:4rem; }
	.category.area_list.srctab > .srctabTitle { height:4rem; text-align: center; margin-bottom: 0.5rem; }
	.category.area_list.srctab > .srctabTitle > h2 { display:block; }
	.category.area_list.srctab > .srctabTitle > div { display:block; }

	 /* modal 레이어 팝업 */
	/*.modal_content {margin:15% 2%;}*/
	.modal_content .caution_box {font-size:13px;}
	.modal_content .caution_box p{line-height:20px;}
	.modal_content .caution_box span.gray {font-size:13px;}
	.modal_content .caution_box span.caution_num {line-height:18px;}

	/* form */
	.form2 input[type=text], .form2 input[type=file] {width:100%;}
	.form2 #wr_zip {width:calc(100% - 80px);}
	.form2 #mb_zip {width:calc(100% - 81px)}
	.form2 #wr_addr1{width:48.5%;}
	.form2 #wr_addr2 {width:calc(100% - 51%);}
	.form2 #wr_regist_sdate{margin-right:5px;}
	.form2 #wr_regist_sdate, .form2 #wr_regist_edate {width:47%;}
	.form2 dl table td.w_37 {width:37%;}
	.form2 dl table tbody{width:100%; display:table;}
	.form2 dd label {font-size:13px; /*margin-left:-2px;*/}
	.form2 .time_chk {width:100%; clear:both;}
	.form2 .wr_time{width:23.5%; margin-top:5px;}
	.form2 #wr_holyday{margin-left:10px;}
	.agency_call p {margin-left:15px; }
	.dl_height .agency_call #wr_content {height:150px !important;}
	.form2 dd .bank_copy_info {margin-left:0;display:block;}
	.font_size_up p , .font_size_up{font-size:15px; line-height:22px;}

	/* 실시간대출업체등록현황 */
	.main_board .board_wrap, .main_board .board_qna { width:100% !important; padding:0; }
	.main_board .board_qna { margin-left:0 !important; }

	/* 실시간 대출문의 */
	#realtime .sub_title { margin-bottom:0; }
	.realtime .list_box ul.num { grid-template-columns: repeat(6, 1fr); margin-bottom: 2rem; }
	#realtime .sub_title h3 { margin-bottom:1rem; }
	#realtime .seeker fieldset { justify-content:center; }
	#realtime .topWrap01.mbshow { display:block; }
	#realtime #bo_v_top { padding-bottom:0; }
	#realtime .mainTop_btm { padding-top:1rem; }

	/* 회사소개 */
	#intro02 ul.introDiscs { grid-template-columns:100%; justify-items: center; }
	#intro02 ul.introDiscs li:first-child { transform: translateX(auto); transform: translateY(30px); }
	#intro02 ul.introDiscs li:last-child { transform: translateX(auto); transform: translateY(-30px); }

	.mobileScrollMenu{height:56px;overflow-x:scroll;}
	.mobileScrollMenu::-webkit-scrollbar{display:none;}
}

@media screen and (max-width:770px) {
	 #mb_regist_sdate, #mb_regist_edate{width:47%; }

	 /* 광고 상품 선택 */
	 .loan_ad .ad_box > img {float:none; width:70%; margin:0 auto 10px; display: table;}
	.loan_ad .ad_box .loan_info {float:none; width:100%; padding:0;}
}
@media screen and (max-width:535px) {
	 /* 광고 상품 선택 */
	.loanStep li {width:32%;}
	.loanStep li {font-size:13px;}
	.loanStep li .num {width:35px; height:35px; line-height:35px; font-size:16px;}
	.loanStep li:after {top:45px; background-size: 8px; height: 13px;}
}
@media screen and (max-width:600px) {
	#typeOfShop .sub_title { padding-bottom:1rem; }
	.form2 {margin-top:0px;}

	.top_banner .com_title { font-size:1.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
		-webkit-box-orient: vertical; white-space:inherit; line-height: 1.2; }


	/* iphone input reset */
	input:checked[type="checkbox"] {background-color:#fff;-webkit-appearance:checkbox;}
	input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"],input[type="tel"], textarea {-webkit-appearance:none;-webkit-border-radius:0;}

	 /*company
	.category .sel_box.area_sel {display:block;width:100%; margin:20px 0 1.5% 0; height:35px; border:1px solid #999; font-weight:400; border-radius:0;}
	*/

	.seeker .btn.xs input {-webkit-border-radius:0;-webkit-appearance:none; padding:0 15px;}
	/*
	.com_list li {width:49%; min-height: 268px; } 
	.com_list li .top .s_tit span {font-size:14px; padding:0 7px;}
	.com_list li .top .com_nm {font-size:13px;}
	.com_list li .top .about_com {margin:15px 0 10px;}
	.com_list li .top .about_com dd {font-size:12px; }
	.com_list li .btm {height:35px; line-height:32px;}
	.com_list li .btm.pc {display:none;}
	.com_list li .btm span {font-size:13px;}
	.com_info .btm.pc {display:none !important;}
	.com_info .btm.mo {display:block !important;}
	.com_list li .btm.pc {display:none !important;}
	.com_list li .btm.pc {display:none !important;}
	.com_list li .btm.mo {display:grid !important; grid-template-columns:repeat(2,minmax(45%,auto)); justify-content:space-between; align-items: center; justify-items: center; background-color:#f7f2ff; grid-gap:3%; padding:0;height:40px;}
	.com_list li .top .com_nm.pc { display:none; }
	.com_list li .top .com_nm.mo { display:block; }
	.com_list li .btm.mo a{display:block;width:100%;text-align:center;background:#2ebbb2;border-radius:5px;}
	.com_list li .btm.mo a span{float:unset!important;color:#fff;}
	.com_list li .btm.mo a span i {color:#fff!important;}
	*/
	.sub_content .com_list { background-color:transparent; border:none; }
	.sub_content .container { padding: 0 2%; overflow:hidden; }
	.sub_content .com_list li {width:49%; height:200px; margin: 4.5% 0.5% !important; position:relative; }
	.sub_content .board_company .com_list li { height:auto; }

	.seeker .btn.xs input {font-size:13px;}
	/* .seeker .btn {width:65px;} */
	#realtime .sub_title { margin-bottom:2rem; }
	#realtime .page_info { grid-template-columns:100%; padding-top:0; }
	#realtime .page_info > h4 { text-align:center; }
	#realtime .seeker fieldset { justify-content: center; margin-top:0; }
	#realtime .seeker.container { margin-top:0 !important; }
	#realtime .page_info .writeBtn { width:95%; margin:0 auto; }
	#realtime .area_list .list_box { margin-bottom:0; }
	.realtime .list_box .list_txt { display:none; flex-wrap:wrap; justify-content: center; padding:0; }
	.realtime .list_box .list_txt > span { margin-left:0; text-align:center; }
	#realtime .sel_box.area_sel { width: 95%; margin: 1.5% auto; margin-bottom:1rem; border:none;  background: url('../img/sub/selectArrow.png') calc(100% - 20px) no-repeat; background-color:#eee; border-radius:2rem; height:auto; padding:0.8rem 1.2rem; }
	#realtime .container { margin-bottom:1rem; }
	/* 검색바 */
	#realtime .page_info { border:none; }
	.srcbar_wrap form.srcbar01 { grid-template-columns:100%; }
	.srcbar_wrap.subSrc { display:block; }
	.srcbar_wrap.subSrc .scr_inner { width:100%; }
	#realtime .btn_wrap .btn a { border-radius:2rem; margin-top:1rem; }
	#realtime .list table tbody tr:first-child { border-top:1px solid #ddd; }
	#realtime .list table td.user_nm, .list table td.date { display:inline-block; }
	#realtime .writeBtn.bottomBtn { margin:0 auto; }
	#realtime .writeBtn.bottomBtn a { margin:2rem auto 0; }
	#realtime .mainTop_btm { padding:1rem 0 2rem; }
	
	/*qna*/
	.agree_wrap .agree_q {padding-bottom:10px;}

	.tab ul li a {font-size:0.85em; margin:8px 15px 8px 0; padding:0 18px 0 0;}
	/*.list_box li {width:33.333%;}*/
	.list_box li a {font-size:13px;}

	/* 지역별업체, 상품별업체 icons navigation */
	.topWrap01 > h2 { display:none; }
	.area_cont .num li, .product_list .num li { width:auto; min-height:auto; padding:0; }
	.area_cont .num, .product_list .num { grid-template-columns: repeat(3, 1fr); grid-auto-rows:auto; }
	.area_cont .num li a .mapIcons { width: 2rem; height: 2rem; }
	.product_list .num li a .prodIcons { width:2rem; height:2rem; min-width: 32px; min-height: 32px; }
	.area_cont .num li a, .product_list .num li a { display:flex !important; justify-content:center; gap:0.5rem; }
	.area_list .list_box { min-height:auto !important; }
	#typeOfShop .area_list .list_box { min-height:auto !important; }
	#typeOfShop .sub_title h3 { margin-bottom:0; }
	#typeOfShop .topWrap01 { grid-auto-rows: minmax(15rem, auto) !important; }

	
	/* 실시간 대출문의 */
	.realtime .list_box ul.num { display:none; grid-template-columns: repeat(3, 1fr); }
	#realtime .link_tit { width:50%; margin:0 auto 1rem; min-width: 190px; }
	.page_info {background:#fff; padding:20px 0; border:1px solid #ddd;}
	.page_info .total {text-align:center; float:none; }
	.list_search {position:static; width:100%;}
	.list_search .seeker.container {margin-top:20px !important; text-align:center;}
	.list_search .seeker .search_input {max-width:110px;}
	.subsrc_title { display:none; }
	.category .sel_box {display:block; width:100%; margin-bottom:10px;}


	.product_list { padding:0; min-height: 318px !important; }
	.linked_com .link_list { grid-template-columns: repeat(2, 1fr); }

	 /* list */
	.list {border-bottom:1px solid #ddd;}
	.list table {display:block; border-bottom:0; }
	.list table tbody {display:block;}
	.list table tbody tr {display:block; position:relative; padding:10px 0; border-bottom:1px solid #e5e5e5;}
	.list table td {display:block; padding:0 0 0 3px; border-bottom:0;}
	.list table td.tit {width:100%; font-size:15px;}
	.list table td.notice, .list table td.num, .list table td.file, .list table td.view, .list table td.category {display:none;}
	.list table td.user_nm,
	.list table td.date {display:inline-block; margin-right:10px;  font-size:14px;  color:#999; /*display:none;*/ }
	.list table td.status {position:absolute; right:0; bottom:4px;}

	.list table th {display:none;}

	.main_board { margin:0; }
	.main_board table { background-color:white; border: 1px solid #ccc; padding:0.5rem; }
	.main_board .board_box { padding:1.5em !important; background-color:white; margin-top:1em; border: 1px solid #ccc; }

	/* 메인등록업체 타이틀 */
	.sub_title h6.caption { margin-bottom:0; text-align:center; }

	/* 20211020 추가 input */
	.form2 dl ul li { margin: 0 3px; }
	.form2 dd label { margin-left:2px !important; }

	/* modal popup */
	.modal-content { width:90% !important; top: 50%; transform: translateY(-50%); }
	.modal-content .content { padding:1.5em; }

	/* 신청완료 */
	.members { margin-top:10px; }

	/* list_detail */
	.linked_com .link_list li {width:100%;}

	/* 회사소개 */
	#intro01, #intro02, #intro03 { padding: 3rem 0; }
	#intro02, #intro03 .introWrap p { font-size:1rem; }
	#intro02 .introPhrase > h2 { line-height: 1.2; font-size:2rem; max-width: 16rem; margin: 0 auto 1rem; }
	#intro02 ul.introDiscs { margin: 1rem auto 0; }
	#intro02 ul.introDiscs li:first-child { grid-auto-rows: 3rem 5rem 3rem; padding-top: 4rem; }
	#intro02 ul.introDiscs li { max-width: 310px; width: 100%; min-height: 310px; height: 100%; padding: 0; grid-auto-rows: 3rem 5rem 3rem; padding-top: 4rem; }
	#intro03 .introWrap h2 { font-size: 1.3rem; letter-spacing: -2px; }
	#intro03 .introWrap { padding: 2.5rem 1.5rem; text-align: center; }
	#intro03 { width:100%; }
	#intro03 .introWrap p .caption { font-size: 0.8rem; line-height:1.2; }
	#company .grey-bg.intro03 > h1.introWrap { margin-bottom:0; }
	#company .contTopnav { top: 119px !important; padding:0 !important; }

	/* 대출역안내 (guide) */
	#guidePage .guidePage_img .guideImg_pc { display:none; }
	#guidePage .guidePage_img .guideImg_mb { display:block; width: 100%; }

	.ad_sample .spcBtm.pc { display:none; }
	.ad_sample .spcBtm.mo { display:flex; }
	.ad_box01 .com_nm { padding-top:0; }

	.btm_srcBar { display:none; }
	.writeBtn { width:95%; margin:0rem auto; float:inherit; }
	.list.con_box { float:left; width:100%; }
	.seeker fieldset { justify-content:center; margin:1rem 0; }
	.seeker fieldset .search_input { width:50%; max-width:100% !important; }

	.area_list .sel_box.area_sel { display:block; }
	#typeOfShop .area_list .sel_box.area_sel { display:none; }

	.main_wrap .cscenter { padding:0; }
}


@media screen and (max-width:500px) {
	.agency_call p:nth-child(4){padding-right:3%;}
	.agency_call p:nth-child(5) {margin-left:0;}
}
@media screen and (max-width:412px) {
	.agency_call p:nth-child(5) {margin-left:15px;}
	.agency_call p:nth-child(4) {clear:both;margin-left:0 ;padding-right:0;}
}
@media screen and (max-width:350px) {
	/* 회사소개 */
	#intro02 ul.introDiscs li:first-child { grid-auto-rows: 3rem 5rem 3rem; padding-top: 4rem; }
	#intro02 ul.introDiscs li { max-width: 310px; width: 100%; min-height: 310px; height: 100%; padding: 0; grid-auto-rows: 3rem 5rem 3rem; padding-top: 4rem; }

	/* 상품별업체 */
	.area_cont .num li a, .product_list .num li a { flex-wrap:wrap; gap:0; padding:0.2rem 0; }
	.area_cont .num li a > figure, .area_cont .num li a > p,
	.product_list .num li a > figure, .product_list .num li a > p { width:100%; }
	.product_list { min-height: 472px !important; }

	.com_list li .btm span { font-size:0.7rem; }

}







/* 마이페이지 - 나의광고 */
.mypage_myAd {  }
.mypage_myAd table tr { overflow:hidden; }
@media screen and (max-width:1200px) { 
	.mypage_myAd table tr td.jump_nums { text-align:left; max-width:100px; }
}
@media screen and (max-width:600px) {
	.mypage_myAd table td.tit { width:auto !important; }
	.mypage_myAd table td { padding:0; }
}



/*공지사항 아이콘*/
.bo_notice .notice_icon:before { content:'공지'; background-color:#5822e0; color:white; border-radius:2rem; padding:0.2rem 0.5rem; font-size:0.8rem; }

@media screen and (max-width: 960px) { 
	#noticePage .btn_wrap.right { margin-top:2rem; }
}


@media screen and (max-width: 600px) {
	
	#noticePage .sub_content.left_bar h3 { margin-bottom:2rem; }
	#noticePage tr { display:grid; grid-template-columns:3.5rem auto; grid-column-gap: 0.5rem; }
	#noticePage tr > .num { display:inline-block; }
	#noticePage tr.bo_notice { background-color:#f9f9f9; }
	#noticePage table { margin:2rem 0; border-top: 1px solid #eee; }
	#noticePage .list { border:none; }
	#noticePage .btn_wrap.right { margin:0; }
}