@charset "utf-8";

@import url(skin.css);
@import url(font_s.css);


/* sub0106 오시는길 시작 */
.map_wrap {width:100%; height:345px; }
.map_txt {position:relative; background:#3d4151; }
.map_txt:after{content:"";display:block;clear:both;visibility:hidden;}
.map_txt .txt {float:left;width:50%; padding:30px 10px 40px 40px;}
.map_txt .txt p {font-size:15px;color:#fff;}
.map_txt .txt p span {display:inline-block; width:30px; height:30px; margin-right:5px; background:url(/images/kor/sub09/sub091003_img01.png)no-repeat; vertical-align:middle;}
.map_txt .txt.txt1 p span {background-position: 0 0;}
.map_txt .txt.txt2 p span {background-position: -30px 0;}
.map_txt .txt .tit {font-size:19px; font-weight:bold;font-family:nsr;}
.map_txt .a_btn {position:absolute; top:50%; right:40px; margin-top:-20px;}
.map_txt a {display:block; width:120px; height:40px; border:2px solid rgba(255,255,255,0.5); line-height:36px; color:#fff; text-align:center; font-size:15px;}
.map_txt a span {display:inline-block; width:16px; height:18px;margin-right:5px; background:url(/images/kor/sub09/sub091003_img01.png)no-repeat -70px 0; vertical-align:middle;}


#map_tab_menu {}
#map_tab_menu:after{content:"";display:block;clear:both;visibility:hidden;}
#map_tab_menu li {float:left; width:33.3%; height:55px; }
#map_tab_menu li a {display:block; position:relative; width:100%; height:100%; padding-left:15px; border:1px solid #d5d5d5; border-right:none;line-height:55px; font-size:15px; color:#535353;}
#map_tab_menu li a:after {display:block; position:absolute;right:20px; top:50%; margin-top:-3px; width:9px; height:6px; background:url(/images/kor/sub09/tab_deth_4st2_arr.png)no-repeat 0 0 ;content:"";}
#map_tab_menu li.active a:after {background-position:-9px 0;}
#map_tab_menu li:last-child a {border-right:1px solid #d5d5d5; }
#map_tab_menu li.active a {border:1px solid #052e7b; color:#052e7b;}
#map_tab_content .con {display:none;padding-top:40px;}
#map_tab_content .con.active { display:block; }
#map_tab_content .con strong {font-size:24px; color:#000; font-weight:bold;}
#map_tab_content .con .list_wrap {}
#map_tab_content .con .list_wrap .h3 { margin:10px 0 0 ;font-size:21px; font-weight:bold; color:#09257b;font-family:nsr;}
#map_tab_content .con .list_wrap .row_list {position:relative; min-height:200px;padding:40px 0 40px 165px; border-bottom:1px dashed #ccc;}
#map_tab_content .con .list_wrap .row_list .icon {position:absolute; left:30px; top:33px; font-size:18px; color:#09257b; text-align:center;}
#map_tab_content .con .list_wrap .row_list .icon span {display:block;width:95px; height:95px; margin-bottom:3px;background:url(/images/kor/sub09/sub091003_img01.png)no-repeat}
#map_tab_content .con .list_wrap .row_list .icon.icon01 span {background-position:0 -36px;}
#map_tab_content .con .list_wrap .row_list .icon.icon02 span {background-position:-95px -36px;}
#map_tab_content .con .list_wrap .row_list .icon.icon03 span {background-position:-190px -36px;}
#map_tab_content .con .list_wrap .row_list ul li {font-size:15px; color:#4a4a4a; }
#txt .btn-ani.btn-file.bntime{padding:3px 6px 2px;background:#eee;}
#map_tab_content .con.content2 img,
#map_tab_content .con.content3 img{border: 1px solid #ddd;}


#txt .btn-ani.btn-file{padding:10px 15px 10px 15px}
#txt .btn-ani.btn-file:hover,
#txt .btn-ani.btn-file:focus {border: 1px solid #052e7b;}
#txt .bico.bticon.home2{ display:inline-block; width: 33px;height: 33px;background: url(/images/kor/sub09/home_img.png)no-repeat 0 0;}

@media(max-width:850px){
  .map_txt .txt {float:none; width:100%; }
  .map_txt .txt.txt1 { padding:20px 25px 0;}
  .map_txt .txt.txt2 { padding:10px 25px 20px;}
  .map_txt .a_btn {top:auto; right:25px; bottom:25px; margin-top:0;}
}


@media(max-width:580px){
  .map_txt .txt.txt2 { padding:10px 25px 70px;}
  .map_txt .a_btn {bottom:20px;}

  #map_tab_menu li {float:none; width:100%; }
  #map_tab_menu li a {border-right:1px solid #d5d5d5; border-bottom:none;}
  #map_tab_menu li:last-child a {border-bottom:1px solid #d5d5d5;}
  #map_tab_menu li.active:last-child a {border-bottom:1px solid #052e7b;}

  #map_tab_content .con .list_wrap .row_list {min-height:auto; padding:40px 0;}
  #map_tab_content .con .list_wrap .row_list .icon {position:static; margin:0 auto 20px;  }
  #map_tab_content .con .list_wrap .row_list .icon span {margin:0 auto 5px;}
}


/* sub0106 오시는길 끝 */


/* sub01_03 친환경유기공센터소개- 업무안내 */

.s0103 tbody ul,p{text-align: left;}
.s0103 tbody .th_color{background-color:#e8eaef;}

/* sub01_03 친환경유기공센터소개- 업무안내 끝 */
.org .lv1-2 {position:relative;}
.org .lv1-2:before {position:absolute;top:15%;left:45%;content:'';display: block;background: #ddd;width:200px;height:1px;z-index: -1;}    
.list-bg {width: 99%;margin-top:80px;padding: 40px 30px;background: #e8eaef;}   
    
@media(max-width:1199px){
.org .lv1-2 li:nth-child(1) {margin-left:26%;margin-right: 10%;}
.org .lv1-2 li:nth-child(2) {margin-right:0;}
}
@media(max-width:767px){
.org .lv1-2 li:nth-child(1) {margin-left:0;margin-right:0;}
.org .lv1-2 li:nth-child(2) {margin-right:0;}
.org .lv1 {width:100%;}
.org .lv0:before{display: none;}
.org .lv2:before{display: none;}
.org .lv2 .group > li > p:before{display: none;}
.org .lv2 .group > li{float:left;width:100%;margin:0 1%}
}    

.b_pad{padding:10px 30px;}


/* sub04_03 인증절차 및 안내 0306최상철*/
.s0403 .table.table-bordered tbody tr td:first-child{text-align:center; background-color: #e8eaef;}
/* sub04_03 인증절차 및 안내 끝*/

/* sub07_03 관련단체 0306최상철*/
.s0703 .link li {  float: left;  width: 33.33%;  text-align: center;  margin-bottom: 10px;}
.s0703 .link li a { width: 80%;}

@media(max-width:1290px){
  .s0703 .link li{width:50%;}
}
@media(max-width:767px){
  .s0703 .link li{width:100%;}
}
@media(max-width:420px){
  .s0703 .link li  a{width:100%;}
}
/* sub07_03 관련단체 끝*/

