@charset "utf-8";

.blackcrft{ color:#000000; }
.graycrft{ color:#666666; }
.redcrft{ color:#fa6600; }
.whitecrft{ color:#ffffff; }
.pgbigfont{ font-size:1.4em; }
.pgmidfont{ font-size:1.2em; }
.pgsmafont{ font-size:1.0em; }
.pgmorfont{ font-size:0.8em; }

.tbgcr_7f7f7f{ background-color:#7f7f7f; }
.tbgcr_3eb6b4{ background-color:#3eb6b4; }
.tbgcr_39bfda{ background-color:#39bfda; }
.tbgcr_558ed5{ background-color:#558ed5; }
.tbgcr_a3abfe{ background-color:#a3abfe; }

/*--------PC--------*/
@media (min-width: 1400px){
  .padlr20 { padding:0 20px 0 20px; }

.floatpm{float:left;}
.stwidth20{width:20%;}
.stwidth80{width:80%;}
.pgphoto{}
/*정관및조례 tab css*/
.tab{float:none; width:100%; height:auto; padding:0 0 0 0; clear:both;}
.tabnav{font-size:0; width:100%; border-bottom:1px solid #ddd;}
.tabnav li{display: inline-block;  height:50px; text-align:center; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:4px; }
.tabnav li a.active:before{background:#0081cc;}
.tabnav li a.active{border-bottom:1px solid #fff;}
.tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 120px; line-height:50px; text-decoration:none; font-size:16px;}
.tabnav li a:hover,
.tabnav li a.active{background:#fff; color:#000000; }
.tabcontent{padding:30px 0 0 0; height:auto;}
/*정관및조례 tab css*/
/*조직도 css*/
.system_rap { float:none; width: 100%; height:600px; margin:0 auto; background: url(../imgs/bg_system.png) no-repeat center 30px;clear:both; }
.system { float:none; width: 100%;  height:auto; clear:both; }
.sys_a { float:left; width: 100%; }
.sys_b { float:left; width: 50%; }
.sys_c { float:left; width: 100%; }
.sys_d { float:left; width: 25%; }
.system ul{ width: 160px; padding:30px 0; margin:0 auto;  }
.system li{ padding:10px 20px; text-align:center; background-color:#ffffff; border:1px solid #e1e1e1; border-top:2px solid #0081cc;}


.table_system {
      width:100%;
      border-collapse: collapse;
      font-size:0.9em;
    }
    .table_system th {
      color: #000000;
      text-align: center;
    }
    .table_system th, .table_system td {
      height:36px;
      padding: 10px;
      border: 1px solid #ddd;
    }
    .table_system th:first-child, .table_system td:first-child {
      border-left: 0;
    }
    .table_system th:last-child, .table_system td:last-child {
      border-right: 0;
    }
    .table_system tr td:first-child{
      text-align: center;
    }
    .table_system caption {
      caption-side: bottom; display: none;
    }
/*조직도 css*/


.table_support {
      width:100%;
      border-collapse: collapse;
      font-size:0.9em;
      border-top:2px solid #2a84f2;
    }
    .table_support th {
      color: #000000;
      text-align: center;
    }
    .table_support th, .table_support td {

      padding: 10px;
      border: 1px solid #ddd;
    }
    .table_support th:first-child, .table_support td:first-child {
      border-left: 0;
    }
    .table_support th:last-child, .table_support td:last-child {
      border-right: 0;
    }
    .table_support tr td:first-child{
      background-color:#f9f9f9;
      text-align: center;
    }
    .table_support caption {
      caption-side: bottom; display: none;
    }

.sub_bgimg{ float:none; width:100%; height:440px; padding:0 0 0 0; background-color:#f7f7f7; clear:both;}
.sup_txtbox{float:none; width:100%; text-align:center; padding:0 0 60px 0; clear:both;}
.sup_txtb{color:#000000;font-family:"AritaDotum-SemiBold"; font-size:1.3em;}
.sup_txtc{color:#707070;font-family:"AritaDotum-Medium"; font-size:1.0em;}
.sup_contbox{float:none; width:100%; padding:50px 0 50px 0; margin:0 0 0 0; height:180px;  clear:both;}
.sup_tx80{float:left; width:80%;padding:0 0 0 0; text-align:left;}
.sup_tx20{float:left; width:20%;padding:0 0 0 0; text-align:left;}
.imground{border-radius:6px; width:80%;}
.hrsupline{border-top: 1px solid #e8e8e8;border-left: 0px none #ffffff;border-right: 0px none #ffffff;border-bottom: 0px none #ffffff;width:100%;height:1px;}


.spround-rap{float:none; width:100%; padding:50px 0 0 0; clear:both;}
.spround-rap-round{ float:none; width:100%;  margin:20px 0 0 0; padding:20px 0 0 0; background-color:#ffffff; border:1px solid #e1e1e1; border-radius:15px 0 15px 0; clear:both;}
.spround-box{ float:left; width:344px; height:480px; margin:0 10px 20px 10px; padding:0 0 0 0; background-color:#f9f9f9; border:0 solid #e1e1e1; border-radius:50px 0 50px 0;}
.spround-box-25{ float:left; width:267px; height:680px; margin:0 4px 20px 4px; padding:0 0 0 0; background-color:#f9f9f9; border:0 solid #e1e1e1; border-radius:50px 0 50px 0;}
.spround-box-rg{ float:left; width:708px; height:480px; margin:0 10px 20px 10px; padding:0 0 0 0; background-color:#f9f9f9; border:0 solid #e1e1e1; border-radius:0 50px 50px 0;}

.spround_bot{position:relative; bottom:0; float:none; width:20%; height:6px; margin:0 auto; padding:0 0 0 0; background-color:#2a84f2; border-radius:3px 3px 3px 3px; clear:both;}

.spround_botgreen{ position:relative; bottom:0; float:none; width:20%; height:2px; margin:0 auto; padding:0 0 0 0; background-color:#39b54a; border-radius:1px 1px 1px 1px; clear:both; }
.spround_botgreentop{ position:relative; top:0; float:none; width:20%; height:12px; margin:0 auto; padding:0 0 0 0; background-color:#39b54a; border-radius:0 0 6px 6px; clear:both; }
.spround_botorange{ position:relative; bottom:0; float:none; width:20%; height:2px; margin:0 auto; padding:0 0 0 0; background-color:#f36523; border-radius:1px 1px 1px 1px; clear:both; }
.spround_botorangetop{ position:relative; top:0; float:none; width:20%; height:12px; margin:0 auto; padding:0 0 0 0; background-color:#f36523; border-radius:0 0 6px 6px; clear:both; }


.spround-pobg{height:450px; background: url(/simgs/subimg01.png) no-repeat center bottom;}
.spround-pobg2{height:450px; background: url(/simgs/subimg02.png) no-repeat center bottom;}
.spround-pobg3{height:450px; background: url(/simgs/subimg03.png) no-repeat center bottom;}
.spround-pobg4{height:450px; background: url(/simgs/subimg04.png) no-repeat center bottom;}
.spround-pobg5{height:450px; background: url(/simgs/subimg05.png) no-repeat center bottom;}
.spround-pobg6{height:450px; background: url(/simgs/subimg06.png) no-repeat center bottom;}
.spround-box100{ float:none; width:90%; height:270px; margin:0 auto; padding:0 0 0 0; background-color:#f9f9f9; border:1px solid #e1e1e1; border-radius:15px 0 15px 0; clear:both;}
.spround-box:hover{ background-color:#f9f9f9;}
.spround-box100:hover{ background-color:#f9f9f9;}
.spround-img{text-align:center; padding:0 5px 20px 5px;}

.spround_txtbot{ border-bottom:3px solid #00aeef; }

.spround-ta{text-align:center; text-align:center; padding:20px 5px 20px 5px;color:#000000;font-family:"AritaDotum-SemiBold"; font-size:1.2em;}
.spround-tb{text-align:center; padding:0 44px 20px 44px;color:#666666;font-family:"AritaDotum-Medium"; font-size:0.94em;}
.spround-tb100{text-align:center; padding:0 10px 20px 10px;color:#666666;font-family:"AritaDotum-Medium"; font-size:0.94em;}

.hr-sect { display: flex;flex-basis: 40%; align-items: center;  color:#000000;font-family:"AritaDotum-Medium"; font-size:1.8em; margin:40px 0 0 0;}
.hr-sect::before, .hr-sect::after {  content: "";flex-grow: 1;background: #f1f1f1; height: 1px;font-size: 0px;line-height: 0px;margin: 0px 20px;}

.spfox-rap{float:none; width:100%; padding:50px 0 0 0; clear:both;}
.spfox-box{ float:left; width:25%; height:480px; margin:0 0 8px 0; padding:0 0 0 0; background-color:#ffffff; border:1px solid #e1e1e1; border-radius:0 0 0 0;}
.spfox25-box{ float:left; width:25%; height:540px; margin:0 0 10px 0; padding:0 0 0 0; background-color:#ffffff; border:1px solid #f7f7f7; border-radius:0 0 0 0;}
.spfox-box-bg{ float:left; width:344px; height:480px; margin:0 10px 20px 10px; padding:0 0 0 0; background-color:#197b30; border:1px solid #e1e1e1; border-radius:50px 0 50px 0;}
.spfox-box:hover{ background-color:#f9f9f9;}
.spfox-img{text-align:center; padding:20px 0 20px 0;}
.spfox-img img{width:98%;}
.spfox-ta{text-align:left; text-align:center; padding:0 5px 20px 5px;color:#000000;font-family:"AritaDotum-Medium"; font-size:1.2em;}
.spfox-tb{text-align:left; padding:0 10px 20px 10px;color:#666666;font-family:"AritaDotum-Medium"; font-size:0.92em;}

.suppg_sum{float:none; width:100%; height:100%; margin:0 auto; padding:0 0 0 0; text-align:center; color:#ffffff; clear:both;}
.suppg_sum li{float:none; width:100%;  margin:0 auto; padding:20px 0 10px 0; text-align:center; clear:both;}
.suppg_sum_txta{  color:#ffffff;font-size:1.7em; }
.suppg_sum_txtb{  color:#ffffff;font-size:1.4em; }

}
/*--------PC--------*/

/*--------모바일 태블릿--------*/
@media (min-width: 1px) and (max-width: 1399px){

.floatpm{float:none;}
.stwidth20{width:100%;}
.stwidth80{width:100%;}
.pgphoto{width:100%;}
  /*정관및조례 tab css*/
  .tab{float:none; width:100%; height:auto; padding:0 0 0 0; clear:both;}
  .tabnav{font-size:0; width:100%; border-bottom:1px solid #ddd;}
  .tabnav li{display: inline-block; width:44%; height:50px; text-align:center; border-top:1px solid #ddd; border-right:1px solid #ddd;}
  .tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:4px; }
  .tabnav li a.active:before{background:#0081cc;}
  .tabnav li a.active{border-bottom:1px solid #fff;}
  .tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:50px; text-decoration:none; font-size:16px;}
  .tabnav li a:hover,
  .tabnav li a.active{background:#fff; color:#000000; }
  .tabcontent{padding:30px 0 0 0; height:auto;}
  /*정관및조례 tab css*/
  /*조직도 css*/
  .system_rap { float:none; width: 100%; height:600px; margin:0 auto; background: url(../imgs/bg_system.png) no-repeat center 30px;clear:both; }
  .system { float:none; width: 100%;  height:auto; clear:both; }
  .sys_a { float:left; width: 100%; }
  .sys_b { float:left; width: 50%; }
  .sys_c { float:left; width: 100%; }
  .sys_d { float:left; width: 25%; }
  .system ul{ width: 100px; padding:30px 0; margin:0 auto;  }
  .system li{ padding:10px 6px; text-align:center; background-color:#ffffff; border:1px solid #e1e1e1; border-top:2px solid #0081cc;}


  .table_system {
        width:100%;
        border-collapse: collapse;
        font-size:0.9em;
      }
      .table_system th {
        color: #000000;
        text-align: center;
      }
      .table_system th, .table_system td {
        height:36px;
        padding: 6px;
        border: 1px solid #ddd;
      }
      .table_system th:first-child, .table_system td:first-child {
        border-left: 0;
      }
      .table_system th:last-child, .table_system td:last-child {
        border-right: 0;
      }
      .table_system tr td:first-child{
        text-align: center;
      }
      .table_system caption {
        caption-side: bottom; display: none;
      }
  /*조직도 css*/


  .table_support {
        width:100%;
        border-collapse: collapse;
        font-size:0.9em;
        border-top:2px solid #2a84f2;
      }
      .table_support th {
        color: #000000;
        text-align: center;
      }
      .table_support th, .table_support td {

        padding: 10px;
        border: 1px solid #ddd;
      }
      .table_support th:first-child, .table_support td:first-child {
        border-left: 0;
      }
      .table_support th:last-child, .table_support td:last-child {
        border-right: 0;
      }
      .table_support tr td:first-child{
        background-color:#f9f9f9;
        text-align: center;
      }
      .table_support caption {
        caption-side: bottom; display: none;
      }


      .sub_bgimg{ float:none; width:100%; height:auto; padding:0 0 30px 0; background-color:#f7f7f7; clear:both;}
      .sup_txtbox{float:none; width:100%; text-align:center; padding:0 0 60px 0; clear:both;}
      .sup_txtb{color:#000000;font-family:"GmarketSansMedium"; font-size:1.3em;}
      .sup_txtc{color:#707070;font-family:"GmarketSansMedium"; font-size:1.0em;}
      .sup_contbox{float:none; width:100%; margin:0 auto; padding:10px 0 30px 0; margin:0 0 0 0; height:auto;  clear:both;}
      .sup_tx80{float:none;margin:0 auto; width:96%; padding:0 0 10px 0; text-align:center; clear:both;}
      .sup_tx20{float:none;margin:0 auto; width:96%; padding:0 0 30px 0; text-align:left; clear:both;}
      .imground{border-radius:6px; width:100%;}
      .hrsupline{border-top: 1px solid #e8e8e8;border-left: 0px none #ffffff;border-right: 0px none #ffffff;border-bottom: 0px none #ffffff;width:100%;height:1px;}


      .spround-rap{float:none; width:100%; padding:50px 0 0 0; font-size:0.8em; clear:both;}
      .bizprocessimg{width:100%;}
      .spround-rap-round{ float:none; width:100%;  margin:20px 0 0 0; padding:20px 0 0 0; background-color:#ffffff; border:1px solid #e1e1e1; border-radius:15px 15px 15px 15px; clear:both;}
      .spround-box{ float:left; width:calc(100% - 8px);  margin:0 4px 8px 4px; padding:0 0 0 0; background-color:#ffffff; border:1px solid #e1e1e1; border-radius:15px 15px 0 15px;}

      .spround-box-25{ float:left; width:calc(100% - 8px);  margin:0 4px 20px 4px; padding:0 0 0 0; background-color:#f9f9f9; border:0 solid #e1e1e1; border-radius:50px 0 50px 0;}
      .spround-box-rg{ float:left; width:100%; height:280px; margin:0 0 20px 0; padding:0 0 0 0; background-color:#f9f9f9; border:0 solid #e1e1e1; border-radius:20px 20px 20px 20px;}

      .spround_bot{position:relative; bottom:0; float:none; width:20%; height:6px; margin:0 auto; padding:0 0 0 0; background-color:#2a84f2; border-radius:3px 3px 3px 3px; clear:both;}

      .spround_botgreen{ position:relative; bottom:0; float:none; width:20%; height:2px; margin:0 auto; padding:0 0 0 0; background-color:#39b54a; border-radius:1px 1px 1px 1px; clear:both; }
      .spround_botgreentop{ position:relative; top:0; float:none; width:20%; height:12px; margin:0 auto; padding:0 0 0 0; background-color:#39b54a; border-radius:0 0 6px 6px; clear:both; }
      .spround_botorange{ position:relative; bottom:0; float:none; width:20%; height:2px; margin:0 auto; padding:0 0 0 0; background-color:#f36523; border-radius:1px 1px 1px 1px; clear:both; }
      .spround_botorangetop{ position:relative; top:0; float:none; width:20%; height:12px; margin:0 auto; padding:0 0 0 0; background-color:#f36523; border-radius:0 0 6px 6px; clear:both; }


      .spround-pobg{height:450px; background: url(/simgs/subimg01.png) no-repeat center bottom;}
      .spround-pobg2{height:450px; background: url(/simgs/subimg02.png) no-repeat center bottom;}
      .spround-pobg3{height:450px; background: url(/simgs/subimg03.png) no-repeat center bottom;}
      .spround-pobg4{height:450px; background: url(/simgs/subimg04.png) no-repeat center bottom;}
      .spround-pobg5{height:450px; background: url(/simgs/subimg05.png) no-repeat center bottom;}
      .spround-pobg6{height:450px; background: url(/simgs/subimg06.png) no-repeat center bottom;}


      .spround-box100{ float:none; width:90%; height:270px; margin:0 auto; padding:0 0 0 0; background-color:#f9f9f9; border:1px solid #e1e1e1; border-radius:15px 15px 0 15px; clear:both;}
      .spround-box:hover{ background-color:#e1e1e1;}
      .spround-box100:hover{ background-color:#e1e1e1;}
      .spround-img{ text-align:center; padding:0 0 20px 0;}
          .spround-img img{width:20%;}
          .micon{width:20%;}
          .mphoto{ border-radius:10px 10px 10px 10px;}
      .spround-ta{text-align:center; text-align:center; padding:0 5px 20px 5px;color:#000000;font-family:"GmarketSansMedium"; font-size:1.2em;}
      .spround-tb{text-align:center; padding:0 10px 20px 10px;color:#666666;font-family:"GmarketSansMedium"; font-size:1.1em;}
      .spround-tb100{text-align:center; padding:0 10px 20px 10px;color:#666666;font-family:"GmarketSansMedium"; font-size:1.0em;}

      .hr-sect { display: flex;flex-basis: 100%; align-items: center;  color:#000000;font-family:"GmarketSansMedium"; font-size:1.8em; margin:40px 0 0 0;}
      .hr-sect::before, .hr-sect::after {  content: "";flex-grow: 1;background: #f1f1f1; height: 1px;font-size: 0px;line-height: 0px;margin: 0px 20px;}

      .spfox-rap{float:none; width:100%; padding:50px 0 0 0; clear:both;}
      .spfox-box{ float:left; width:calc(50% - 10px); height:280px; margin:0 4px 8px 4px; padding:0 0 0 0; background-color:#ffffff; border:1px solid #e1e1e1; border-radius:0 0 0 0;}
      .spfox-box-bg{ float:left; width:100%; height:250px; margin:0 0 8px 0; padding:0 0 0 0; background-color:#2a84f2; border:1px solid #e1e1e1; border-radius:0 0 0 0;}
      .spfox-box:hover{ background-color:#e1e1e1;}
      .spfox-img{text-align:center; padding:0 0 5px 0;}
      .spfox-img img{width:100%;}
      .spfox-ta{text-align:left; text-align:center; padding:0 5px 20px 5px;color:#000000;font-family:"GmarketSansMedium"; font-size:1.1em;}
      .spfox-tb{text-align:left; padding:0 10px 20px 10px;color:#666666;font-family:"GmarketSansMedium"; font-size:1.0em; line-height:16px;}

      .suppg_sum{float:none; width:100%; height:100%; margin:0 auto; padding:0 0 0 0; text-align:center; background-color:#197b30; color:#ffffff; clear:both;}
      .suppg_sum li{float:none; width:100%;  margin:0 auto; padding:20px 0 10px 0; text-align:center; clear:both;}
      .suppg_sum_txta{  color:#ffffff;font-size:1.7em; }
      .suppg_sum_txtb{  color:#ffffff;font-size:1.4em; }


}
/*---------모바일 태블릿---------*/