@charset "utf-8";
/*damno*/
@media (min-width:320px) and (max-width:1040px) {
  #mobile_view{display:block;}
  #local_view{display:none;}
}

/*innercontentbox*/
@media (min-width:320px) and (max-width:1040px) {
  .innercontentbox{margin:30px 0 40px 0; width:100%; overflow:hidden;}

  .innernews h1,
  .infor h1,
  .innerfaq h1{font-size:14px; font-weight:600; letter-spacing:-2px; color:#303a3b; margin-bottom:25px;}

  .news{float:left; width:50%; background:url(../image/dot.jpg) repeat-y top right; height:auto; padding:10px 0}
  .innernews{width:93%; position:relative; margin:0 auto;}
  .innernews h1 img{width:80%;}

  .infor{float:left; width:25%; background:url(../image/dot.jpg) repeat-y top right; height:auto; padding:10px 0}
  .inner{width:83%; margin:0 auto; position:relative;}
  .inner span{position:absolute; right:-20px; top:70px;}
  .inner p a{display:inline-block; background:#11a3a2; color:#fff; padding:5px 10px; width:40%; margin-bottom:5px;}
  .inner p a:hover{background:#6e6e6e; color:#fff;}
  .inner p a:hover{color:#008584}
  .inner img{width:80%;}

  .faq{float:left; width:25%;}
  .innerfaq{width:80%; margin:0 auto; position:relative;}
  .innerfaq p{margin-bottom:15px;}
  .innerfaq span{position:absolute; right:-30px; top:100px;}
  .innerfaq img{width:70%;}

  /*footer*/
  footer{width:100%; background:#f0f0f0; padding:20px 0;}
  .innerfoter{width:90%; margin:0 auto; position:relative;}
  .copy p.copytxt{padding:5px 0 0 20px;}

  .familysite{position:relative; top:none; right:none; margin-top:5px;}
  .familysite select{border:1px solid #ececec; color:#666; height:30px; padding-left:5px;}
 }
@media (min-width:320px) and (max-width:900px) {
  .innercontentbox{margin:0; width:100%; overflow:hidden;}
  .news,.infor,.faq{width:100%; float:none; margin-bottom:20px; border-bottom:1px solid #ececec;}
  .innernews,.inner, .innerfaq{width:90%; position:relative; margin:0 auto; height:auto; padding:10px 0}
  .news{border-top:1px solid #ececec; padding-top:20px}
  .news,.infor{float:none; width:100%; background:none;}

  .inner p img{width:30%;}
  .inner span img{width:90%;}
  .inner span{position:absolute; right:10px; bottom:10px;}
  .innerfaq span{position:absolute; right:0px; top:55px;}
  .innerfaq p img{width:30%;}
  .innerfaq span img{width:90%;}

  /*footer*/
  footer{width:100%; background:#f0f0f0; padding:20px 0;}
  .innerfoter{width:90%; margin:0 auto; position:relative; text-align:center;}
  .innerfoter ul{overflow:hidden; width:100%; margin:0 auto;}
  .innerfoter li{float:left; font-size:10px; color:#666; height:25px; line-height:25px;}
  .innerfoter li a{display:block; color:#7d7d7d; font-size:11px; padding:0 2px;}
  .copy p{float:none; font-size:11px; color:#7d7d7d;}
  .copy p.copytxt{padding:0;}
}

@media (min-width:320px) and (max-width:410px) {
  .inner p img{width:60%;}
  .innerfaq p img{width:60%;}
}

/*����Ʈ��*/
@media (min-width:520px) and (max-width:850px) {
  .sitecontent li{float:left; margin:10px 13px; width:27%}
}
@media (min-width:320px) and (max-width:500px) {
  .sitecontent li{float:none; margin:10px 0; width:100%}
  .sitecontent li.clear{display:none;}
}

/************************************************************************************************************************/
@media (min-width:320px) and (max-width:1040px){
  .submenu{display:none}
  .subinnercontent{float:none; width:95%; margin:0 auto; min-height:auto;}

  .article div.subvisual{position:relative; width:100%; margin-bottom:20px;}
  .article div.subvisual img{width:100%;}

  .location{margin:0 auto 20px; float:none; color:#666; font-size:12px; width:95%;}
  .location img{vertical-align:middle}

}

/*ȸ��Ұ�:ȸ��Ұ�*/
@media (min-width:400px) and (max-width:810px){
  .aboutcontent img{width:70%;}
  .centercontent img{width:70%;}
  .aboutcontent ul.about_gp li{display: flex; color:#fff; overflow:hidden; margin-bottom:1px;}
  .aboutcontent ul.about_gp li span,
  .aboutcontent ul.about_gp li strong{display:block; padding:10px 0;}
  .aboutcontent ul.about_gp li strong{float:left; width:35%; padding-right: 10px; padding-left: 10px;background:#ec9baf; box-sizing: border-box;}
  .aboutcontent ul.about_gp li span{float:right; width:64.8%; padding-right: 10px; padding-left: 10px; background:#c3c3c3; box-sizing: border-box;}
  .aboutcontent ul.about_gp li strong.pd_strong{padding:31px 10px;}
}
@media (min-width:320px) and (max-width:360px){
  .aboutcontent img{width:100%;}
  .centercontent img{width:100%;}
  .aboutcontent ul.about_gp li strong{float:none; width:100%; background:#ec9baf;}
  .aboutcontent ul.about_gp li span{float:none; width:100%; background:#c3c3c3;}
  .aboutcontent ul.about_gp li strong.pd_strong{padding:10px;}
  .aboutcontent h3{background:url(../image/bullet3.jpg) no-repeat 0 70%; font-size:14px; color:#333; padding-left:15px; margin:30px 0 20px 0; letter-spacing:-1px;}
}

/*ȸ��Ұ�:����*/
@media (min-width:320px) and (max-width:460px){
  ul.history li strong{float:none; width:100%; border-top:1px solid #ec9baf; text-align:left; text-indent:10px;}
  ul.history li span{float:none; width:100%; border-top:1px solid #cecece; text-indent:10px;}
  ul.history > li + li + li + li + li + li + li + li strong{float:none; width:100%; border-bottom:none; text-align:left; text-indent:10px;}
  ul.history > li + li + li + li + li + li + li + li span{float:none; width:100%; border-bottom:1px solid #cecece; text-indent:10px;}
}

/*ȸ��Ұ�:Vision*/
@media (min-width:320px) and (max-width:860px){
   ul.vision_gp{display:none;}
  .mvision_gp{display:block;}
  .mvision_gp{width:95%; margin:0 auto; text-align:center;}
  .mvision_gp img{width:100%;}
}

/*ȸ��Ұ�:������*/
@media (min-width:320px) and (max-width:860px){
  .organization{width:95%; margin:0 auto; text-align:center;}
  .organization img{width:100%;}

  .aboutcontent p.ci > img{width:100%;}
  .aboutcontent table td img{width:19px;}
}

/*ȸ��Ұ�:map*/
@media (min-width:320px) and (max-width:540px) {
  .iframbox{height:300px; width:100%;}
}
/************************************************************************************************************************/

/*��ǰ�Ұ�*/
@media (min-width:320px) and (max-width:810px){
  .procontent img{width:100%;}
  .pro_gp{width:100%; margin:0 auto; text-align:center;}
  .pro_gp img{width:90%;}
}
@media (min-width:320px) and (max-width:360px){
  .procontent h3{font-size:14px;}
}
/************************************************************************************************************************/

/*��������*/
@media (min-width:320px) and (max-width:560px){
  .accordion .panel .icon_a img{width:60%;}
  .accordion .panel .icon_a span.arrow{display:none;}

  .ircontent span.won{position:absolute; top:75px; right:10px}
}


/************************************************************************************************************************/
/*������*/
@media (min-width:320px) and (max-width:1040px){
  #msg1{border:5px solid #26b7b7; background:#fff; width:90%; height:400px; padding:5px 0; position:fixed; top:50%; left:50%; z-index:999999999}
  #msg2{border:5px solid #26b7b7; background:#fff; width:90%; height:400px; padding:5px 0; position:fixed; top:50%; left:50%; z-index:999999999}
  #msg3{border:5px solid #26b7b7; background:#fff; width:90%; height:400px; padding:5px 0; position:fixed; top:50%; left:50%; z-index:999999999}  #msg4{border:5px solid #26b7b7; background:#fff; width:90%; height:400px; padding:5px 0; position:fixed; top:50%; left:50%; z-index:999999999}

  .innermsg{position:relative; width:100%; margin:0 auto; padding:20px 0;}
  .innermsg span.btn_close{position:absolute; right:10px; top:8px; cursor:pointer}
  .innermsg_con h1{font-size:16px; font-weight:600; letter-spacing:-1px; color:#303a3b; margin-bottom:15px; border-bottom:1px solid #ececec; padding:0 10px 10px 10px;}
  .innermsg_con p{padding:0 10px;}
}

/*2016.06.03추가*/
@media screen and (max-width:810px){
  .inner_about .inner_img{float:left; width:30%; text-align:center;}
  .inner_about .inner_img img{width:100%;}
  .inner_about .inner_about_msg{float:left; width:60%; margin-left:30px;}
}
@media screen and (max-width:560px){
  .inner_about .inner_img{float:none; width:100%; text-align:center;}
  .inner_about .inner_img img{width:50%;}
  .inner_about .inner_about_msg{float:none; width:100%; margin-left:0px;}
}
/*2016.06.03추가*/


/*******************************************************************************************************************/
/*[윤리경영]2016.09.30 추가제작*/
/*윤리헌장:inner_management1*/
@media (min-width:320px) and (max-width:810px){
  .inner_management1{width:100%;}
  .inner_management1 .inner_management1_txt{float:left; width:58%;}
  .inner_management1 .inner_management1_img{float:right; width:40%;}

  .inner_management2 .inner_management2_txt h4 img{width:auto;}
  .inner_management2 .inner_management2_txt p.img img{width:100%}
  .inner_management2 .inner_management2_section h2 img{width:auto;}

  .aboutcontent .titl_ect img{width:45%}
  .inner_management3 .inner_management3_section h2 img{width:auto;}
  .inner_management3 .inner_management3_section ul.list_style2 li > p > img{width:auto;}
}
@media (min-width:320px) and (max-width:740px){
  .inner_management1 .inner_management1_img{float:right; width:40%; margin-top:20px;}
  .inner_management1 .inner_management1_img img{width:90%;}
}
@media (min-width:320px) and (max-width:410px){
  .aboutcontent .titl_ect img{width:65%}
  .inner_management1 .inner_management1_txt{float:none; width:100%;}
  .inner_management1 .inner_management1_img{float:none; width:100%; text-align:center; margin-top:40px;}
  .inner_management1 .inner_management1_img img{width:50%;}

  .inner_management3 .inner_management3_section ul.list_style2{padding:15px 15px;}
  .inner_management3 .inner_management3_section ul.list_style2 li p{width:5%;}
  .inner_management3 .inner_management3_section ul.list_style2 li p + p{width:95%;}
}
/***********************************************************************************************************************/

/*
    NPL 담보물건
    2021. 10. ~
*/
/* 추천/유입물건 */
@media (min-width: 640px) {
  .nplcontent .view .pic span {display: inline-block; position: relative; padding-right: 20px; padding-left: 20px; vertical-align: top;}
  .nplcontent .view .pic span::before {position: absolute; top: calc(50% - 10px); left: 0; width: 1px; height: 20px; background: #dfdfdf; content: "";}
  .nplcontent .view .pic span:first-child {padding-left: 0;}
  .nplcontent .view .pic span:first-child::before {display: none;}
}
/* 인재/채용 */
@media (min-width:320px) and (max-width:810px){
  .recruitcontent .visual img{width:100%;}
  .recruitcontent .txt1{padding: 20px 0 0 0;}
  .recruitcontent .txt4{padding: 20px 0 0 0;}
  .recruitcontent .txt4 img {max-width: 100%;}
  .recruitcontent  .txt2 {padding: 35px 0 0 0;}
  .recruitcontent .txt2 strong {font-size: 16px;}
  .recruitcontent .txt2 span {font-size: 14px;}
  .recruitcontent .prolist_style {margin-top: 30px;}
  .recruitcontent .txt3 {margin-top: 30px;}
  .recruitcontent .txt3 dt {font-size: 16px;}
  .recruitcontent .txt3 dd {margin-top: 8px; font-size: 12px;}
  .recruitcontent .img {margin-top: 20px;}
  .recruitcontent .img img {width: 50%;}
  .recruitcontent .img + .txt3 {margin-top: 25px;}
  .recruitcontent .recruit_list li {margin-top: 25px; width: 33.33%;}
  .recruitcontent .recruit_list li:nth-child(4n + 1) {clear: none;}
  .recruitcontent .recruit_list li:nth-child(3n + 1) {clear: both;}
}
@media (min-width:320px) and (max-width:410px){
  .recruitcontent .img img {width: 70%;}
  .recruitcontent .recruit_list li {margin-top: 15px; width: 50%;}
  .recruitcontent .recruit_list li:nth-child(3n + 1) {clear: none;}
  .recruitcontent .recruit_list li:nth-child(2n + 1) {clear: both;}
}

/* NPL 담보물건 */
@media (min-width:320px) and (max-width:810px){
  .nplcontent .search dl > div {width: 100%;}
  .nplcontent .search .area {margin: 0 -5px;}
  .nplcontent .search .area > div {width: 50%; padding: 0 5px; box-sizing: border-box;}
  .nplcontent .search .area > div + div {margin-left: 0;}
  .nplcontent .bbs {margin: 40px 0;}
  .nplcontent .bbs th:nth-child(1),
  .nplcontent .bbs td:nth-child(1) {
    width: 100px;
  }

  .nplcontent .bbs td img {width: 100px;}

  .new_item {display: none;}
}
@media (min-width:320px) and (max-width:410px){
  .nplcontent .search dd {padding: 8px 7px 8px 10px;}
  .nplcontent .search .calculator input[type="text"] {width: calc(100% - 20px);}
  .nplcontent .search .calculator button {width: 29px; height: 30px;margin: 0; padding: 0; border: 0; background: #006766;}
  .nplcontent .search .calculator button span {padding-left: 0; background: none;}
}

/*
    메인
    2021. 11. ~
*/
@media (min-width: 320px) and (max-width: 1040px) {
  .main {
    padding-top: 0;
  }

  .main .hero .item > div {
    background: none !important;
  }

  .main .hero .item div div {
    height: 226px;
    padding: 26px 0 0 10px;
  }

  .main .hero .item h2 strong img {
    width: 182px;
  }

  .main .hero .item h2 span {
    padding-top: 24px;
  }

  .main .hero .item h2 span img {
    width: 123px;
  }

  .main .hero .item p {
    padding-top: 12px;
    font-size: 14px;
  }

  .main .hero .swiper-pagination {
    bottom: 20px;
    left: 10px;
    margin-left: 0;
  }

  .main .npl > div {
    padding: 30px 25px;
  }

  .main .npl > div > div:nth-child(2) {
    margin-top: 25px;
  }

  .main .npl .item {
    width: auto;
  }

  .main .npl .item p:nth-child(2) {
    padding-top: 12px;
    font-size: 14px;
  }

  .main .npl .item p:nth-child(3) {
    font-size: 12px;
  }

  .main .npl .item p:nth-child(3) span {
    font-size: 12px;
  }

  .main .npl .swiper-button-prev,
  .main .npl .swiper-button-next {
    width: 25px;
    height: 100%;
  }

  .main .npl .swiper-button-prev,
  .main .npl .swiper-container-rtl .swiper-button-next {
    left: -25px;
    background: url("/image/main/icon_prev.png") no-repeat center/auto 14px;
  }

  .main .npl .swiper-button-next,
  .main .npl .swiper-container-rtl .swiper-button-prev {
    right: -25px;
    background: url("/image/main/icon_next.png") no-repeat center/auto 14px;
  }

  .main .npl h3 {
    float: none;
    padding-top: 0;
    text-align: center;
  }

  .main .npl h3 img {
    width: 70px;
  }

  .main .npl h3 + p {
    float: none;
    padding: 10px 0 0;
    font-size: 14px;
    text-align: center;
  }

  .main .npl h3 + p + p {
    display: none;
  }

  .main .notice-faq-ir {
    padding: 0;
  }

  .main .notice,
  .main .faq-ir {
    position: relative;
    width: auto;
    margin: 0 10px;
  }

  .main .notice {
    float: none;
    padding: 30px 0;
  }

  .main .faq-ir {
    float: none;
  }

  .main .notice h3 img {
    width: 56px;
  }

  .main .notice ul {
    padding-top: 16px;
  }

  .main .notice li {
    padding-top: 8px;
    font-size: 14px;
  }

  .main .notice li a {
    max-width: calc(100% - 100px);
  }

  .main .notice li time {
    font-size: 12px;
  }

  .main .notice > a {
    top: 30px;
    padding-right: 18px;
    background: url("/image/main/icon_more.png") no-repeat 100% 50%/8px auto;
    font-size: 12px;
    line-height: 16px;
  }

  .main .faq-ir section {
    padding: 30px 0 30px 110px;
    border-top: 1px solid #e5e5e5;
  }

  .main .faq-ir h3 {
    margin-left: -110px;
  }

  .main .faq-ir p {
    font-size: 14px;
  }

  .main .faq-ir p br {
    display: none;
  }

  .main .faq-ir li + li {
    margin-left: 8px;
  }

  .main .faq-ir a {
    width: 90px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
  }

  .main .ir {
    padding-bottom: 50px;
  }

  .main .faq {
    border-bottom: 0;
    margin-bottom: 0;
  }

  .main .ir h3 img {
    width: 80px;
  }

  .main .faq h3 img {
    width: 28px;
  }

  .main-modal {
    left: 0;
  }
}