/* CSS Document */

/*-----------------서브 공통---------------------*/
#sub_contents {
  width   : 1170px;
  padding : 30px 0px 60px 0px;
}
#sub_contents div.title_box {
  border-bottom  : 1px solid #e4e4e4;
  margin-bottom  : 50px;
  padding-bottom : 10px;
}
#sub_contents div.title_box p.sub_title {
  font-size           : 26px;
  background-image    : url(/img/sub/sub_title06.png);
  background-repeat   : no-repeat;
  background-position : 35px bottom;
  height              : 64px;
  line-height         : 90px;
  padding-left        : 84px;
}
#sub_contents div.sub_nav {
  padding    : 0px 10px;
  font-size  : 12px;
  color      : #666666;
  text-align : right;
}
#sub_contents .bold {
  font-weight : bold;
}
#sub_contents .mt30 {
  margin-top : 30px;
}

/*#sub_contents div.title_box p.sub_title_img01 { background-image:url(/img/sub/sub_title01.png);}
#sub_contents div.title_box p.sub_title_img02 { background-image:url(/img/sub/sub_title02.png);}
#sub_contents div.title_box p.sub_title_img03 { background-image:url(/img/sub/sub_title03.png);}
#sub_contents div.title_box p.sub_title_img04 { background-image:url(/img/sub/sub_title04.png);}
#sub_contents div.title_box p.sub_title_img05 { background-image:url(/img/sub/sub_title05.png);}
#sub_contents div.title_box p.sub_title_img06 { background-image:url(/img/sub/sub_title06.png);}*/

#sub_contents div.sub_con_inner {
  padding : 0px 10px;
}

@media (max-width : 1200px) {
  #sub_contents {
    width : 100%;
  }
}
@media (max-width : 970px) {
  #sub_contents {
    width   : 100%;
    padding : 26px 0px;
  }
  #sub_contents div.title_box {
    margin-bottom : 35px;
  }
  #sub_contents div.title_box p.sub_title {
    font-size       : 24px;
    height          : 58px;
    background-size : contain;
    line-height     : 80px;
  }
  #sub_contents div.sub_contents_inner {
    width   : 100%;
    padding : 0px 10px;
  }
}
@media (max-width : 767px) {
  #sub_contents {
    width   : 100%;
    padding : 20px 0px;
  }
  #sub_contents div.title_box {
  }
  #sub_contents div.title_box p.sub_title {
    font-size    : 20px;
    height       : 48px;
    line-height  : 70px;
    padding-left : 75px;
  }
  #sub_contents div.sub_nav {
    display : none;
  }
  #sub_contents div.sub_contents_inner {
  }
}
/*---------------------------------------*/
/*-----------------당헌당규----------------------*/
#sub_contents div.regulation {
  width : 100%;
}
#sub_contents div.regulation ul {
  height        : 53px;
  margin-bottom : 30px;
  border-bottom : 1px solid #eee;
  padding       : 0px;
}
#sub_contents div.regulation ul li {
  float        : left;
  line-height  : 51px;
  border-left  : 1px solid #eee;
  border-right : 1px solid #eee;
  border-top   : 1px solid #eee;
  padding      : 0px;
  list-style   : none;
}
#sub_contents div.regulation ul li.btn {
  border-top  : 3px solid #0ea5ac;
  font-weight : bold;
}
#sub_contents div.regulation ul li.btn a {
  font-weight : bold;
}
#sub_contents div.regulation ul li a {
  height          : 56px;
  padding         : 15px 50px;
  color           : #424242;
  text-decoration : none;
}

#sub_contents div.regulation p.reg_down {
  text-align : right;
  height     : 50px;
}
#sub_contents div.regulation p.reg_down a {
  color       : #0ea5ac;
  font-weight : bold;
  font-size   : 16px;
}
#sub_contents div.reg_box_outter {
  background-color : #f5f5f5;
  border-radius    : 4px;
  border           : 1px solid #ddd;
  margin-top       : 10px;
  width            : 100%;
}
#sub_contents div.reg_box_outter h3 {
  font-size : 16px;
}
#sub_contents div.reg_box_outter h3 a {
  display         : block;
  padding         : 1% 2%;
  text-decoration : none;
  color           : #424242;
}
#sub_contents div.reg_box {
  text-align       : justify;
  height           : 170px;
  line-height      : 1.8;
  overflow-y       : scroll;
  border           : 1px solid #eee;
  border-top       : 1px solid #ddd;
  border-bottom    : none;
  border-left      : none;
  background-color : #fff;
  padding          : 2%;
}

#sub_contents div.reg_box2 {
  text-align       : justify;
  height           : 170px;
  line-height      : 1.8;
  overflow-y       : scroll;
  border           : 1px solid #eee;
  border-top       : 1px solid #ddd;
  border-bottom    : none;
  border-left      : none;
  background-color : #fff;
  padding          : 2%;
}
#sub_contents div.reg_box2 h4 {
  margin-top  : 20px;
  line-height : 1.8;
  font-size   : 18px;
}
#sub_contents div.reg_box2 h5 {
  margin-top  : 20px;
  line-height : 1.8;
  font-size   : 17px;
}
#sub_contents div.reg_box2 h6 {
  margin-top  : 20px;
  line-height : 1.8;
  font-size   : 16px;
}
#sub_contents div.reg_box2 p {
  margin-top  : 10px;
  line-height : 1.8;
  margin-left : 10px;
  font-size   : 12px;
}

#sub_contents div.reg_box p {
  font-size : 13px;
}

@media (max-width : 970px) {
  #sub_contents div.regulation {
    margin-top : 20px;
    width      : 100%;
  }
  #sub_contents div.reg_box_outter {
    width : 100%;
  }
  #sub_contents div.reg_box_outter h3 {
    font-size : 14px;
    padding   : 0;
  }
  #sub_contents div.reg_box_outter h3 a {
    display : block;
  }
}

@media (max-width : 767px) {
  #sub_contents div.reg_box_outter {
    padding : 0;
    width   : 100%;
  }
  #sub_contents div.regulation ul li a {
    padding : 15px 44px;
  }
}
/*---------------------------------------*/
/*-----------------강령정강정책----------------------*/
#sub_contents div.doctrine {
  height        : 500px;
  line-height   : 1.8;
  overflow-y    : scroll;
  margin-bottom : 0px;
  padding       : 0px 10px;
}
#sub_contents div.doctrine p {
  text-align : justify;
  font-size  : 14px;
}
#sub_contents div.doctrine .txt01 {
  border-bottom  : 2px solid #0ea5ac;
  font-size      : 20px;
  padding-bottom : 5px;
  color          : #0ea5ac;
  margin-bottom  : 20px;
  padding-left   : 10px;
}
#sub_contents div.doctrine .color01 {
  color       : #004ea2;
  font-weight : bold;
  font-size   : 15px;
}
#sub_contents div.doctrine p span {
  color       : #004ea2;
  font-weight : bold;
  font-size   : 15px;
}

@media (max-width : 970px) {
  #sub_contents div.doctrine {
    height : 350px;
  }
}

@media (max-width : 767px) {
}
/*---------------------------------------*/
/*-----------------위원장 인사말----------------------*/
#sub_contents div.greetings {
  background-image    : url("/img/sub/greetings_pc_2024.png");
  background-repeat   : no-repeat;
  background-position : center top;
  background-size     : 94% auto;
  padding-top         : 630px;
}
#sub_contents div.greetings p.greetings_txt {
  font-size   : 16px;
  line-height : 1.5;
  text-align  : justify;
  width       : 90%;
  margin      : 20px auto;
}
#sub_contents div.greetings p.greetings_txt strong {
  font-size  : 20px;
  display    : block;
  color      : #15529c;
  font-width : bold;
}
#sub_contents div.greetings p.text_right {
  text-align : right;
}
#sub_contents div.greetings p.text_right span {
  font-weight : bold;
}

@media (max-width : 970px) {
  #sub_contents div.greetings {
  }
  #sub_contents div.greetings p.greetings_txt {
  }
  #sub_contents div.greetings p.greetings_txt strong {
  }
}
@media (max-width : 767px) {
  #sub_contents div.greetings {
    background-image : url("/img/sub/greetings_mob_2024.png");
    padding-top      : 70%;
    background-size  : contain;
  }
}
/*---------------------------------------*/

/*-----------------조직도----------------------*/
#sub_contents div.org {
  background-image    : url(../img/sub/org01.png);
  background-repeat   : no-repeat;
  background-position : center top;
  height              : 960px;
}

@media (max-width : 970px) {
  #sub_contents div.org {
    background-size : contain;
    height          : 840px;
  }
}

@media (max-width : 767px) {
  #sub_contents div.org {
    background-image : url(../img/sub/org02.png);
    width            : 100%;
    background-size  : contain;
    height           : 700px;
  }
}
/*---------------------------------------*/
/*-----------------사무처----------------------*/
#sub_contents div.secretariat {
  margin-top : 30px;
}
#sub_contents div.secretariat table#org_table {
  width         : 100%;
  color         : #424242;
  border-bottom : 3px solid #004ea2;
}
#sub_contents div.secretariat table#org_table tr {
}
#sub_contents div.secretariat table#org_table tr.table_title {
  background : #4f81bc;
  height     : 60px;
  color      : #fff;
}
#sub_contents div.secretariat table#org_table th {
  border-right : 1px solid #aaa;
  text-align   : center;
  font-size    : 16px;
  font-weight  : normal;
}
#sub_contents div.secretariat table#org_table th.width01 {
  width : 18%;
}
#sub_contents div.secretariat table#org_table th.width02 {
  width : 18%;
}
#sub_contents div.secretariat table#org_table th.width03 {
  width : 18%;
}
#sub_contents div.secretariat table#org_table td {
  padding       : 15px 30px;
  border-right  : 1px solid #ddd;
  border-bottom : 1px solid #ddd;
  text-align    : center;
}
/*#sub_contents div.secretariat table#org_table td.color01 { background-color:#e9eef4;}*/

@media (max-width : 970px) {
  #sub_contents div.secretariat {
  }
  #sub_contents div.secretariat table#org_table {
    width : 100%;
  }
}

@media (max-width : 767px) {
  #sub_contents div.secretariat {
  }
  #sub_contents div.secretariat table#org_table {
    width         : 100%;
    color         : #424242;
    border-bottom : 3px solid #004ea2;
  }
  #sub_contents div.secretariat table#org_table tr {
  }
  #sub_contents div.secretariat table#org_table tr.table_title {
  }
  #sub_contents div.secretariat table#org_table th {
    font-size : 14px;
  }
  #sub_contents div.secretariat table#org_table th.width01 {
    width : 18%;
  }
  #sub_contents div.secretariat table#org_table th.width02 {
    width : 15%;
  }
  #sub_contents div.secretariat table#org_table th.width03 {
    width : 15%;
  }
  #sub_contents div.secretariat table#org_table td {
    padding        : 10px 0px;
    font-size      : 12px;
    text-align     : center;
    letter-spacing : -1.8px;
  }

}

/*---------------------------------------*/
/*-----------------오시는 길----------------------*/
#sub_contents div.location {
}
#sub_contents div.loc_text {
  border-top : 3px solid #004ea2;
  margin     : 50px auto 0px;
}
#sub_contents div.loc_text h2.loc_dot {
  background-image    : url(../img/sub/dot01.png);
  background-repeat   : no-repeat;
  background-position : left center;
  height              : 50px;
  font-size           : 20px;
  padding-left        : 45px;
  line-height         : 48px;
  display             : inline-block;
  vertical-align      : middle;
  margin-left         : 10px;
}
#sub_contents div.loc_text ul.loc_add {
  display        : inline-block;
  margin-left    : 100px;
  vertical-align : middle;
  margin-top     : 45px;
}
#sub_contents div.loc_text ul.loc_add li {
  font-size   : 14px;
  line-height : 2;
  list-style  : none;
}

@media (max-width : 970px) {
  #sub_contents div.loc_text ul.loc_add {
    margin-left : 0px;
    margin-top  : 35px;
  }
}

@media (max-width : 750px) {
  #sub_contents div.loc_text {
    border-top       : none;
    background-color : #119fdc;
    color            : #fff;
    padding          : 20px 0px;
    margin           : 0px;
  }
  #sub_contents div.loc_text h2.loc_dot {
    background-image : none;
    font-size        : 20px;
    display          : block;
    text-align       : center;
    width            : 100%;
    padding          : 0px;
    margin           : 0px;
    font-weight      : bold;
  }
  #sub_contents div.loc_text ul.loc_add {
    display     : block;
    margin-top  : 20px;
    margin-left : 0px;
    padding     : 0px;
  }
  #sub_contents div.loc_text ul.loc_add li {
    text-align : center;
    padding    : 0px;
    margin     : 0px;
    font-size  : 13px;
  }
  #sub_contents div.loc_text ul.loc_add li span.enter {
    display : block;
  }
}
/*---------------------------------------*/
/*-----------------개인정보취급방침----------------------*/
#sub_contents div.policy {
  text-align    : justify;
  height        : 500px;
  line-height   : 1.8;
  overflow-y    : scroll;
  margin-bottom : 10px;
  padding       : 0px 10px;
}
#sub_contents div.policy h3 {
  font-size      : 20px;
  color          : #0ea5ac;
  border-bottom  : 2px solid #0ea5ac;
  padding-bottom : 7px;
  padding-left   : 10px;
}

@media (max-width : 970px) {
  #sub_contents div.policy {
    height : 350px;
  }
}

@media (max-width : 767px) {
  #sub_contents div.policy {
  }
}
/*---------------------------------------*/
/*-----------------이메일무단수집거부----------------------*/
#sub_contents div.email {
  text-align : center;
  margin     : 20px 0px;
}
#sub_contents div.email strong {
  font-size : 18px;
  color     : #0ea5ac;
}
#sub_contents div.email span.span01 {
}
#sub_contents div.email span.span02 {
  display : block;
}
@media (max-width : 970px) {
}

@media (max-width : 767px) {
  #sub_contents div.email span.span01 {
    display : block;
  }
  #sub_contents div.email span.span02 {
    display : inline-block;
  }

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

div.people {
}
div.people ul.type1 {
  list-style : none;
  margin     : 0px;
  padding    : 0px;
}
div.people ul.type1 li {
  display : inline-block;
  margin  : 0px;
  padding : 20px;
}
div.people ul.type1 li div.photo {
  margin              : 20px auto;
  width               : 180px;
  height              : 230px;
  background-position : center center;
  background-repeat   : no-repeat;
  background-size     : contain;
}
div.people ul.type1 li div.info {
}
div.people ul.type1 li dt {
  font-weight : normal;
}
div.people ul.type1 li dt span.name {
  font-size : 24px;
}
div.people ul.type1 li dd {
  padding : 10px;
}
div.people ul.type1 li dd.under_line {
  border-bottom : 1px solid #EEE;
}
div.people ul.type1 li dd.link {
  min-height : 55px;
}
div.people ul.type1 li.no_data {
  width       : 100%;
  line-height : 10;
}

div.people {
}
div.people ul.type2 {
  list-style : none;
  margin     : 0px;
  padding    : 0px;
  overflow   : hidden;
}
div.people ul.type2 li {
  display    : inline-block;
  margin     : 0px;
  padding    : 20px;
  border-top : 1px solid #EEE;
}
div.people ul.type2 li div.box {
  position   : relative;
  min-height : 180px;
}
div.people ul.type2 li div.photo {
  position            : absolute;
  left                : 0px;
  top                 : 0px;
  width               : 120px;
  height              : 180px;
  background-position : center center;
  background-repeat   : no-repeat;
  background-size     : contain;
}
div.people ul.type2 li div.info {
  position    : relative;
  margin-left : 140px;
}
div.people ul.type2 li dt {
  border-bottom : 2px solid #0EA5AC;
  padding       : 5px;
  font-weight   : normal;
}
div.people ul.type2 li dt span.name {
  font-size : 24px;
}
div.people ul.type2 li dd {
  padding : 10px 0px 0px 5px;
}
div.people ul.type2 li.no_data {
  width       : 100%;
  line-height : 10;
  border      : none;
}