@charset "utf-8";


.charter{width:100%;padding:250px 70px 50px 70px;background:#f7f7f7 url(/images/kor/sub05/sub05_02_01_img01.gif) no-repeat 50% 0;}
.charter .b_txt{display:block;font-size:22px;color:#333;line-height:30px;text-align:center;font-weight:normal;word-break:keep-all;word-wrap: break-word;}
.charter .m_txt{margin:5px 0 0 0;font-size:15px;color:#555;line-height:27px;text-align:center;word-break:keep-all;word-wrap:break-word;}
.charter .charter_list{margin:75px 0 0 0;}
.charter .charter_list span.num{display:inline-block;position:absolute;left:0;top:0;margin:0 5px 0 0;width:30px;height:30px;line-height:30px;background:url(/images/kor/sub05/sub05_02_01_num_bg.png) no-repeat 0 0;color:#fff;text-align:center}
.charter .charter_list li{position:relative;margin:0 0 10px 0;padding:0 0 0 40px;line-height:30px;color:#555;word-break:keep-all;word-wrap:break-word;}

@media(max-width:801px){
	.charter{padding:250px 40px 45px}
}
@media(max-width:600px){
	.charter{padding:240px 25px 45px}
	.charter .b_txt{font-size:20px}
	.charter .m_txt{font-size:14px;line-height:22px;}
	.charter .charter_list{margin:40px 0 0;}
	.charter .charter_list li{line-height:22px}
}


.music{padding:80px 100px;background:url(/images/kor/sub05/sub05_02_02_bg.gif) repeat-x 0 0;border:1px solid #e2e0d9;border-top:none;}
.music h2{margin:0 0 30px 0;padding:0;background:none;text-align:center;color:#444;font-size:26px;font-family:'nsr';}
.music .item{position:relative;padding:50px 50px 50px 220px;min-height:100px;border-bottom:1px solid #ddd;}
.music .item.last{border-bottom:none;}
.music .item:after{content:"";display:block;clear:both;}
.music .item *{margin:0;padding:0;background:none;}
.music .item h3{position:absolute;top:50px;left:30px;width:200px;padding:0;color:#2452a7;font-size:18px;line-height:1;}
.music .item h3 span{display:block;color:#000;font-size:22px;font-weight:normal;color:#000;line-height:1.2;}
.music .item h3:before{display:none;}



@media(max-width:1023px){
	.music{padding:50px 40px;}
	.music .item{position:relative;padding:35px 35px 35px 180px;}
	.music .item h3{top:30px;left:0;width:160px;}

}
@media(max-width:767px){
	.music{padding:10px 20px;}
	.music .item{position:relative;padding:25px;}
	.music .item h3{position:relative;top:auto;left:auto;width:100%;}

}

.intro{margin:0 0 30px 0;padding:55px 0 40px 0;background-color:#f6f7f8;}
.intro .item{padding:0 50px;height:335px;margin:0 auto;background:url(/images/kor/sub05/sub05_01_img02.jpg)no-repeat 50% 100%;text-align:center}
.intro .item .slogan{display:block;padding:0 20px 20px;}
.intro .item .item_txt{padding:0 20px;font-size:19px;line-height:25px}
.intro .item .item_txt .c_red2{color:#2f71d2;}

@media(max-width:769px){
	.intro .item .item_txt span{display:block;}
}
@media(max-width:600px){
	.intro .item{height:290px;background-size:95%}
	.intro .item .item_txt{font-size:15px;line-height:23px}
}
@media(max-width:361px){
	.intro .item{height:240px;}
	.intro{padding:40px 0 30px}
	.intro .item .item_txt{font-size:14px}
}

.imgbox{border:1px solid #ddd;text-align:center;padding:20px;}
.imgbox.ci{background:url(/images/kor/sub05/bg_symbol.png) repeat 50% 100%;border:none;}
.cont_row .box_cont.noboard{border-top:none;}
.cont_row.ci h3{margin-top:20px}
.imgbox .btn_wrap{text-align:right;padding:30px 0 0;}
.bimg{margin-bottom:10px;text-align:center}
.bimg{}

.ui.uilnk .box_col .col .item .txt_area{text-align:center}


.map{position:relative;overflow:hidden;height:400px;/*border:1px solid #e5e6e7;*/ background:#4D5965;}

.box_local{position:relative;padding:20px;border:1px solid #ddd;background:#f8f8f8;}
.box_local:after{content:"";display:block;clear:both;visibility:hidden;}
.box_local h2{position:relative;display:inline-block;margin:0;padding:5px 20px;font-size:18px;line-height:20px;color:#06499d;font-weight:bold;background:none;}
.box_local h2:before,
.box_local h2:after{content:"";display:block;position:absolute;top:50%;margin-top:-26px;width:11px;height:51px;background:url(/images/oil/sub01/sub10_ico.png) no-repeat;}
.box_local h2:before{left:-10px;background-position:0 -42px;}
.box_local h2:after{right:-10px;background-position:-12px -42px;}
.box_local h2 span{font-size:18px;line-height:20px;color:#06499d;font-weight:bold;font-family:'nsr','Malgun Gothic';}
.box_local .lst_local{float:left;display:inline-block;padding-top:5px;}
.box_local .lst_local li{position:relative;text-align:left;}
.box_local .lst_local li b {margin-right:5px;}
.box_local .lst_local li.last {margin-top:10px;}
.box_local .lst_local li.last a {display:block;width:auto;height:auto;padding:20px 0;background-color:#45495b;color:#fff;font-size:13px;text-align:center;}

.box_local .lst_local li .ico_local{background:url(/images/oil/sub01/sub10_ico.png) no-repeat;}
.box_local .lst_local li .ico_local.ico3{display:block;width:28px;height:36px;margin:0 auto 10px;background-position:0 0;}


@media all and (min-width:600px) {
	.box_local{padding:40px 150px 40px 50px;}
	.box_local h2{float:left;padding:35px 15px;margin-right:35px;}
	.box_local h2 span{display:block;}
	.box_local .lst_local li.last {position:absolute;right:50px;top:50%;margin-top:-50px;}
	.box_local .lst_local li.last a {display:inline-block;height:100px;width:100px;padding:20px 0 0;}

}


.ui-map-box{padding:20px 0;margin:0 0 10px;border-bottom:1px solid #f1f1f1;}
.ui-map-box:after {content:"";display:block;clear:both;}
.ui-map-box h3 {float:left;width:15%;margin:0;padding:0}
.ui-map-box .txt_h3 {float:left;width:75%;}
.ui-map-box .txt_h3 li {margin:6px 0 0;font-size:14px;color:#666;line-height:1.4}
.ui-map-box .txt_h3 li:after {content:"";display:block;clear:both;}
.ui-map-box .ti {float:left;display:inline-block;width:55px;padding:3px 0 1px 0px;margin-right:10px;border-radius:20px;border:1px solid #333;font-size:13px;text-align:center;}
.ui-map-box .ti.car {color:#4365B9;border-color:#4365B9;}
.ui-map-box .ti.train {color:#005fa8;border-color:#005fa8;}
.ui-map-box .ti.bus {color:#a72e75;border-color:#a72e75;}
.ui-map-box .txt_h3 li .rcon {float:left;margin-left:5px;margin-top:-5px;width:90%}
.ui-map-box .txt_h3 li .rcon strong{display:block;font-size:15px;color:#000;}

@media(max-width:600px){
	.ui-map-box h3{float:none;}
	.ui-map-box .txt_h3{float:none;width:100%;}
	.ui-map-box .ti{float:none;display:block;margin:10px 0 5px 0;}
}




/*조직도*/
/*.organ{}
.org{position:relative;overflow:hidden;z-index:99}
/*.org:before{content:"";display:block;position:absolute;top:26.13%;right:0;width:1px;height:22.6%;background:#bfbfbf;}
.org:after{content:"";display:block;clear:both;visibility:hidden}
.org li{position:relative}
.org li a:hover,
.org li a:focus{text-decoration:underline;}
.org>li:after{content:"";display:block;clear:both;visibility:hidden}
.org *:before{content:"";display:block;position:absolute;background:#bfbfbf;z-index:-1}
.org .lv2{margin:20px auto 0;width:90%}
.org .lv2:before {bottom:-40px;left: 49.5%;width: 1px;height:120px}
.org .lv2>ul>li{margin:15px auto;padding:10px 5%;width:180px;background-color: #701e20;font-size: 16px;line-height: 20px;text-align:center;color:#fff}
.org .lv2>ul>li span em{font-size: 13px; display: block;}
.org .lv2>ul>li:before{top:50%;width:16%;height:1px}
.org .lv2>ul> .lv2_1.aborg{margin:0;left:50%;margin-left:127px}
.org .lv2>ul> .lv2_1.aborg:before {left: 50%;margin-left: -219px;
    width: 77.5%}
.org .lv2>ul>li>ul{position:absolute;right:-27px;top:420px;width:20.7%;z-index:1}
.org .lv2>ul>li>ul:before{top:-40px;right:-50%;width:100%;height:1px}
.org .lv2>ul .lv2_2>ul>li>ul>li{margin-bottom:5px;background:#9aa2ac}

.org .lv3{width:100%;margin: 80px auto 0;padding-left: 0;overflow: visible}
.org .lv3:before{top:-40px;left:9.6%;width:80%;height:1px}
.org .lv3:after{content:"";display:block;clear:both;visibility:hidden}
.org .lv3>ul>li{float:left;margin:0 2%;width:16%}
.org .lv3>ul>li>span{display: block;margin-bottom: 10px;padding: 12px 10px;background: #76797d;color: #fff;font-size: 15px;line-height:20px;text-align: center}
.org .lv3>ul>li:before{content:"";display:block;position:absolute;top:-40px;left:47%;width:1px;height:40px;background:#bfbfbf}
.org .lv3>ul>li>span em{font-size:13px;display:block;}
.org .lv3 .lv3_6,.org .lv3 .lv3_10{margin-left: 22%;}


@media (max-width:767px){
  .org .lv2:before{left:4%;bottom:-980px;height:1060px}
  .org .lv2>ul>li{width:100%}
  .org .lv2>ul> .lv2_1.aborg{left:0;margin-left:10%;width:90%}
  .org .lv2>ul> .lv2_1.aborg:before,.org .lv2>ul> .lv2_2:before{left:6px;width:33px;margin-left:-7.5%}
  .org .lv2>ul>li.lv2_2{margin-left:10%;width:90%}
  .org .lv3{margin:0 auto;width:90%}
  .org .lv3>ul>li{float:none;margin-left:10%;width:90%}
  .org .lv3>ul>li:first-child{margin-left:10%}
  .org .lv3>ul>li:before{top: 50%;left:6px;width:33px;height: 1px;margin-left:-7.5%}
  .org .lv3:before{display: none;}
  .org .lv3 .lv3_6, .org .lv3 .lv3_10 {margin-left: 0%;}
}*/
.organ{}
.org{position:relative;overflow:hidden;z-index:99}
.org:after{content:"";display:block;clear:both;visibility:hidden}
.org li{position:relative}
.org li a:hover,
.org li a:focus{text-decoration:underline;}
.org>li:after{content:"";display:block;clear:both;visibility:hidden}
.org *:before{content:"";display:block;position:absolute;background:#ddd;z-index:-1}
/*라인*/
.org .lv0:before{top:78px; left:50%;width: 1px;height:143px;}
.org .lv2:before{top:0px;left:7.6%;width:85%;height: 1px;}
.org .lv2 .group > li > p:before{display:block;position:absolute;top:-30px;left:50%;height:30px;border-left:1px solid #ddd;content:''}
.org .lv2 .group > li > ul > .lv3 > p:before{display: block;position: absolute;top: -30px;left: 50%;height: 30px;  border-left: 1px solid #ddd;content: '';}

/**/
.org .lv0{width:180px;margin:0 auto 30px;border:0;background:#701e20;font-size:1.2em;color:#fff;text-align:center;}
.org .lv0 .t1{display:block;height:40px;line-height:40px}
.org .lv0 .t2{display:block;border:1px solid #ddd;background:#efefef;line-height:38px;color:#333}

.org .lv1{width:180px;margin:0 auto 30px;border:0;background:#701e20;font-size:1.2em;color:#fff;text-align:center;}
.org .lv1 .t1{display:block;height:40px;line-height:40px}
.org .lv1 .t2{display:block;border:1px solid #ddd;background:#efefef;line-height:38px;color:#333}

.org .lv2 .group{overflow:hidden;margin:0 -1%}
.org .lv2 .group > li{float:left;width:14.666%;margin:0 1%}
.org .lv2 .group > li > p{position:relative;height:80px;margin:30px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.org .lv2 .group > li > p .t1{display:block;height:40px;line-height:40px}
.org .lv2 .group > li > p .t2{display:block;height:40px;line-height:40px;border:1px solid #ddd;background:#efefef;color:#333}

.org .lv2 .group > li > ul > .lv3 > p{position:relative;margin:30px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.org .lv2 .group > li > ul > .lv3 > p .t1{display:block;height:40px;line-height:40px}
.org .lv2 .group > li > ul > .lv3 > p .t2{display:block;height:40px;line-height:40px;border:1px solid #ddd;background:#efefef;color:#333}

.org .lv2 .group > li > ul > .lv3 ul > .lv4 > p{position:relative;margin:20px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 > p .t1{display:block;height:40px;line-height:40px}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 >  p .t2{display:block;height:40px;line-height:40px;border:1px solid #ddd;background:#efefef;color:#333}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 > p:before{display: block;position: absolute;top: -30px;left: 50%;height: 30px;  border-left: 1px solid #ddd;content: '';}

.org .lv2 .group > li > ul > .lv3 ul > .lv4 ul > .lv5 > p{position:relative;margin:20px 0 0;background:#555B69;line-height:40px;color:#fff;text-align:center}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 ul > .lv5 > p .t1{display:block;height:40px;line-height:40px}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 ul > .lv5 >  p .t2{display:block;height:40px;line-height:40px;border:1px solid #ddd;background:#efefef;color:#333}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 ul > .lv5 > p:before{display: block;position: absolute;top: -30px;left: 50%;height: 30px;  border-left: 1px solid #ddd;content: '';}

@media (max-width:767px){
  .org .lv0,.org .lv2 p{width:100%}
  .org .lv0:before{bottom:0px;left:10%;width: 1px;height:1100px}
  .sub03_01 .org .lv0:before{height:1794px; top: 0;}
  .org .lv1{width:100%;margin:0 auto 10px}
  .org .lv2 .group > li{float:right;width:80%;margin-top: 20px}
  .org .lv2:before{display:none}
  .org .lv2 .group > li > p:before{top:50%;left:-2.9%;width:10%;height:1px;margin-left:-7.5%;}
  .org .lv2 .group > li > p{margin:0}
  .org .lv2 .group > li > ul > .lv3 > p{margin:6px 0 0}
  .org .lv2 .group > li > ul > .lv3 ul > .lv4 > p{margin:6px 0 0}
  .sub03_01 .org .lv2 .group > li > ul > .lv3 ul > .lv4 ul > .lv5 > p {margin: 5px 0 0;}
}




.floor_guide{width:100%;overflow:hidden;border:1px solid #ddd;text-align: center;}
.floor_guide img{max-width: 100%}




.ui-top-dept figure{position:relative;margin:30px 0;padding:0;border:none;}
.ui-top-dept figure .pic{max-width:560px}
.ui-top-dept figcaption{position:absolute;top:94px;right:0;width:478px;padding:52px;background-color:#fafafa}
.ui-top-dept figcaption .tit{position:relative;margin-bottom:10px;color:#121212;font-family:'nsr','Malgun Gothic';font-size:20px;line-height:160%;font-weight:600;}
.ui-top-dept figcaption p{color:#666;font-size:14px;line-height:160%;}
.ui-top-dept figcaption p strong{color:#121212;font-family:'nsr','Malgun Gothic';font-weight:600;}
@media(max-width:639px){
	.ui-top-dept figcaption{position:relative;top:auto;width:100%;padding:20px;}

}
.ui-row-cnt .ui-item .list_1st li strong{position:relative;display:inline-block;margin-right:10px;padding-right:10px;color:#121212;font-family:'nsr','Malgun Gothic';font-size:15px;}
.ui-row-cnt .ui-item .list_1st li strong:before{content: "";display:block;position:absolute;top:6px;right:0;width:1px;height:12px;background-color:#dcdcdc;}
.ui-row-cnt .ui-item .ui-tit.sub05_08_01_logo1{width:248px;height:159px;font-size:0;background:url(/images/kor/sub05/sub05_08_01_logo1.jpg) no-repeat;}
.ui-row-cnt .ui-item .ui-tit.sub05_08_01_logo2{width:248px;height:159px;font-size:0;background:url(/images/kor/sub05/sub05_08_01_logo2.jpg) no-repeat;}
.ui-row-cnt .ui-item .ui-tit.sub05_08_01_logo3{width:248px;height:159px;font-size:0;background:url(/images/kor/sub05/sub05_08_01_logo3.jpg) no-repeat;}
.ui-row-cnt .ui-item .ui-tit.sub05_08_01_logo4{width:248px;height:159px;font-size:0;background:url(/images/kor/sub05/sub05_08_01_logo4.jpg) no-repeat;}
.ui-row-cnt .ui-item .ui-tit.sub05_08_01_logo5{width:248px;height:159px;font-size:0;background:url(/images/kor/sub05/sub05_08_01_logo5.jpg) no-repeat;}
.ui-row-cnt .ui-item .ui-tit.sub05_08_01_logo6{width:248px;height:159px;font-size:0;background:url(/images/kor/sub05/sub05_08_01_logo6.jpg) no-repeat;}




.cmn_ico {}
.cmn_ico *{margin:0;padding:0;border:0;letter-spacing:normal;background:url(/images/kor/sub05/bg_ico.png);/*background-image: url(/images/mayor/common/bg_ico.svg), none;*/}
.cmn_ico .bico {position:absolute;display:block;}
.cmn_tx {}
.cmn_tx *{margin:0;padding:0;border:0;letter-spacing:normal;background:url(/images/kor/sub05/bg_tx.png);/*background-image: url(/images/mayor/common/bg_ico.svg), none;*/}
.cmn_tx .bico {position:absolute;display:block;font-size:0;text-indent: -999px;overflow:hidden;}
/* common 공약아이콘_small */
.glico_s .bico{width:50px;height:50px;}
.glico_s .gl1 .bico {background-position:0px -20px}
.glico_s .gl2 .bico {background-position:-50px -20px}
.glico_s .gl3 .bico {background-position:-100px -20px}
.glico_s .gl4 .bico {background-position:-150px -20px}
.glico_s .gl5 .bico {background-position:-200px -20px}
.glico_s .gl6 .bico {background-position:-250px -20px}
.glico_s .gl7 .bico {background-position:0 -70px}
.glico_s .gl8 .bico {background-position:-50px -70px}
.glico_s .gl9 .bico {background-position:-100px -70px}
.glico_s .gl10 .bico {background-position:-150px -70px}
.glico_s .gl11 .bico {background-position:-200px -70px}
.glico_s .gl12 .bico {background-position:-250px -70px}


/* sub2_1비전 */
.goaltop {width:270px;margin:0 auto;text-align:center;}
.goaltop div {width:270px;height:460px;margin:0 auto;background:url(/images/kor/sub05/bg_goal.png) -145px 0; }
.goaltop div p{color:#888;font-family:'nsr','Malgun Gothic';font-size:20px;}
.goaltop div p em{display:block;padding:60px 0 25px;color:#121212;font-family:'nsr','Malgun Gothic';font-size:28px;background:none;font-weight:600;}
.goaltop div p .bico{position:static;width:190px;height:70px;margin:0 auto;background-position:-440px -80px;}
.goaltop {width:290px;margin:0 auto;}
.goaltop ul{}
.goaltop ul:after{content:"";clear:both;display:block}
.goaltop ul li {float:left;width:144px;height:144px;padding:30px 30px 0;text-align:center;color:#fff;background:url(/images/kor/sub05/bg_goal.png);font-size:1.2em;line-height:1.2em;}
.goaltop ul li.gt1 {left:0;top:20px;background-position:0 0;}
.goaltop ul li.gt2 {left:40px;top:185px;background-position:0 -150px;}
.goaltop ul li.gt3 {left:245px;top:270px;background-position:0 -300px;}
.goaltop ul li.gt4 {left:450px;top:185px;background-position:0 -450px;}
.goaltop ul li.gt5 {left:450px;top:20px;background-position:-1px -600px;}


.goaltop ul li em {display:block;padding:1% 0 3%;font-size:0.7em;background:none;}
.goaltop ul li .bico {position:static;margin:13px auto 0;}
.goaltop ul li.gt1 .bico {width:20px;height:35px;background-position:-110px -370px;}
.goaltop ul li.gt2 .bico {width:40px;height:25px;background-position:-130px -370px;}
.goaltop ul li.gt3 .bico {width:25px;height:25px;background-position:-170px -370px;}
.goaltop ul li.gt4 .bico {width:40px;height:30px;background-position:-200px -370px;}
.goaltop ul li.gt5 .bico {width:30px;height:30px;background-position:-239px -370px;}
.goalmid {padding:0 0 2%;border:1px solid #8a99a8;border-radius:10px;}
.goalmid h3 {margin:0;padding:0;background:none;}
.goalmid h3 .bico {position:static;width:315px;height:48px;margin:0 auto 20px;background-position:-500px 0;}
.goalmid ul{border-top:1px dashed #d3d1d0;border-right:1px dashed #d3d1d0;}
.goalmid ul li {float:left;display:block;width:31.3%;height:100px;padding:3% 0.5%;border:1px dashed #d3d1d0;border-top:0;border-bottom:0;border-right:0;text-align:center;font-size:0.85em;line-height:1.3em;}
.goalmid ul li .bico {position:static;margin:0 auto 10px;}
.goalmid ul li em {display:block;background:none;}
.goalmid ul li em.smtx {font-size:0.8em}
.goalbott p {width:290px;height:290px;margin:0 auto;background:url(/images/kor/sub05/bg_goal.png) -145px -300px;text-indent:-999px;overflow:hidden; }
.icoarr{display:block;width:240px;height:60px;margin:30px auto;background:url(/images/kor/sub05/bg_goal.png) 0 -600px;text-indent:-999px;overflow:hidden; }
@media all and (min-width:768px){
	.goalmid ul li {width:16.66%;height:100px;padding:1% 1%;}
	.goalmid ul .noln_l {border-left:0;}
	.goalmid ul .noln_b {border-bottom:0;}
	.goaltop {position:relative;left:50%;height:460px;width:600px;margin:0 0 0 -300px;}
	.goaltop ul li {position:absolute;}
	/*
	.goaltop ul li.gt1 {left:0;top:140px;}
	.goaltop ul li.gt2 {left:40px;top:170px;}
	.goaltop ul li.gt3 {left:310px;top:120px;}
	.goaltop ul li.gt4 {left:450px;top:0;}
	*/
	.goalmid ul{border:0;}
}







/* 정보공개 */
figure.zoom_view{padding:50px;border:1px solid #ddd;text-align:center;}
figure.zoom_view figcaption *{background:none;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;}

.btn_view{display:none;}


.bx_line {padding:30px;border:1px solid #d5d5d5;text-align:center;}


.tbl_basic.bill b{font-size:16px;}
.tbl_basic th.tlw,
.tbl_basic td.tlw{border-left:1px solid #ccc;}

.tbl_basic .alp_sum{display:block;font-size:13px;}


.basic_search.yesan_list{float:right;border-top:0;}


.tbl_graph_wrap:after{display:block;content:"";clear:both;visibility:hidden;}
.tbl_graph_wrap .tbl_basic,
.tbl_graph_wrap .graph_wrap{float:left;width:70%;}
.tbl_graph_wrap .graph_wrap{width:30%;}
.tbl_graph_wrap .graph_wrap.sub04_09_02,
.tbl_graph_wrap .graph_wrap.sub04_09_04,
.tbl_graph_wrap .graph_wrap.sub04_09_05{padding-left:15px;}



.ui.uit.type1.service_mark .inner .tp_icon.circle{top:35px;background:none;}
.ui.uit.type1.service_mark .inner .tp_icon.circle .tp_icon{width:98px;height:98px;background:url(/images/kor/sub04/service_mark.gif);}


.charter.service_mark{margin-top:30px;padding-top:50px;background:#f7f7f7;}
.charter.service_mark h2{margin-bottom:20px;font-family:'nsr';text-align:center;}
.charter.service_mark h2:before{display:none;}
.charter.service_mark .b_txt{color:#767676;font-size:16px;line-height:140%;}
.charter.service_mark .b_txt span{display:block;}
.charter.service_mark .charter_list{margin-top:50px;}

/*
.charter.service_mark .b_txt{font-size:20px;color:#1272B5;} 
*/

/*
.charter.service_mark{position:relative;}
.charter.service_mark .tit{position:absolute;left:50%;top:145px;margin-left:-58px;padding:10px;background-color:#1272B5;color:#fff;}

.charter.service_mark.check_mark .tit{top:158px;padding:0;} 
*/



@media only screen and (max-width:767px) {
	.btn_view{display:block;margin:30px 0 15px 0;text-align:center;}

	.tbl_graph_wrap .tbl_basic,
	.tbl_graph_wrap .graph_wrap{float:none;width:100%;}
	.tbl_graph_wrap .graph_wrap img{max-width:none;width:100%;}

	.tbl_graph_wrap .graph_wrap.sub04_09_02,
	.tbl_graph_wrap .graph_wrap.sub04_09_04,
	.tbl_graph_wrap .graph_wrap.sub04_09_05{padding-left:0;}
}




/* 그래프 */
.graph_box{display:block;position:relative;width:100%;height:160px;}

.sub04_09_02 .graph_box,
.sub04_09_03 .graph_box{height:210px;}
.sub04_09_04 .graph_box{height:240px;}
.sub04_09_04.second .graph_box{height:330px;}
.sub04_09_05 .graph_box{height:220px;}

.graph_box li{position:relative;font-size:13px;}

.graph_box .bar-y,
.graph_box .bar-y ul{height:100%;}
.graph_box .bar-y ul li:before{display:inline-block;content:"";position:absolute;left:18%;top:10px;width:75%;height:1px;background-color:#ddd;}
.graph_box .bar-y ul li .tit{position:absolute;left:0;top:0;width:40px;text-align:right;}
.graph_box .bar-y ul.col3 li{height:33.3%;}
.graph_box .bar-y ul.col5 li{height:20%;}
.graph_box .bar-y ul.col6 li{height:16.6%;}
.graph_box .bar-y ul.col8 li{height:12.5%;}

.graph_box .bar-x{position:absolute;left:0;bottom:0;padding:0 0 21px 30px;/*padding:0 0 7% 10%;*/width:100%;height:100%;}

.sub04_09_02 .graph_box .bar-x{padding-bottom:15px;}
.sub04_09_03 .graph_box .bar-x{padding-bottom:25px;}
.sub04_09_04 .graph_box .bar-x{padding-bottom:30px;}
.sub04_09_04.second .graph_box .bar-x{padding-bottom:100px;}
.sub04_09_05 .graph_box .bar-x{padding-bottom:33px;}

.graph_box .bar-x ul{height:100%;}
.graph_box .bar-x ul:after{display:block;content:"";clear:both;visibility:hidden;}
.graph_box .bar-x ul li{float:left;text-align:center;height:100%;}

.graph_box .bar-x ul li > span{position:absolute;left:0;top:0;margin:0 45%;width:10%;height:100%;}
.graph_box .bar-x ul li > span .tit{position:absolute;left:50%;bottom:-37px;margin-left:-150px;width:300px;}
.graph_box .bar-x ul li > span em{position:absolute;left:0;bottom:0;width:100%;background-color:#193873;font-size:0;text-indent:-9999px;}
.graph_box .bar-x ul li > span em .cate1{bottom:auto;top:0;background-color:#CF2F28;}

.graph_box .bar-x ul.col3 li{width:33.3%;}

.graph_wrap .tit_box{margin:35px auto 0;width:75%;border:1px solid #ddd;border-radius:10px;text-align:center;}

.graph_wrap.sub04_09_04.second .tit_box{margin-top:-40px;}

.graph_wrap .tit_box .cate{display:inline-block;margin:0 5px;font-size:13px;}
.graph_wrap .tit_box .cate:before{display:inline-block;content:"";margin-right:5px;width:7px;height:7px;background-color:#193873;vertical-align:middle;}
.graph_wrap .tit_box .cate.cate2:before{background-color:#CF2F28;}
.graph_wrap .tit_box .cate.cate3:before{background-color:#9DC631;}


@media only screen and (max-width:767px) {
	.tbl_graph_wrap .graph_wrap.sub04_09_02,
	.tbl_graph_wrap .graph_wrap.sub04_09_03{margin:30px 0 70px 0;}

	.graph_box{margin:0 auto;width:300px;height:300px;transform:rotate(90deg);}

	.graph_box .bar-y{position:absolute;left:0;bottom:0;width:100%;}
	.graph_box .bar-y ul{width:100%;}
	.graph_box .bar-y ul:after{display:block;content:"";clear:both;visibility:hidden;}
	.graph_box .bar-y ul li{float:right;width:100%;height:100%;}
	.graph_box .bar-y ul li:before{left:15%;width:75%;}
	.graph_box .bar-y ul.col5 li{height:20%;}
	.graph_box .bar-y ul li .tit{left:auto;right:-15px;transform:rotate(-90deg);text-align:center;}
	/*
        .sub04_09_02 .graph_box .bar-y ul li .tit{writing-mode:vertical-rl;}
    */
	.graph_box .bar-x{padding:0 0 49px 30px;}
	.graph_box .bar-x ul li > span .tit{transform:rotate(-90deg);}
	.graph_wrap .tit_box{width:210px;}

	.graph_wrap.sub04_09_04 .tit_box{margin-top:50px;}
	.graph_wrap.sub04_09_04.second .tit_box{margin:35px auto 0 auto;}
	.sub04_09_04.second .graph_box{position:relative;left:-40px;}

	.graph_wrap.sub04_09_05{margin:35px 0 100px 0;}
	.graph_wrap.sub04_09_02 .graph_box .bar-y ul li .tit,
	.graph_wrap.sub04_09_05 .graph_box .bar-y ul li .tit{transform:none;}



}



/* 인사말B 
.greeting {padding-left:362px;padding-bottom:30px;background:url(/images/his/sub01/sub01_01.jpg) no-repeat left top;}
.greeting:after{content:"";display:block;clear:both;visibility:hidden;}
.greeting .first {font-size:30px;color:#343434;line-height:1.3;}
.greeting .first span:first-child {color:#de5658;line-height:1.3;}
.greeting .name{font-size:16px;font-weight:400;color:#777;line-height:1.4;text-align:right;}
.greeting .name span{display:inline-block;padding-left:10px;}
@media(max-width:768px){
	#txt .greeting {padding:0;background-size:37% auto;}
	.greeting .first{padding:10% 0 10% 44%;font-size:22px;}
}

@media(max-width:480px){
	#txt .greeting {background:none;}
	.greeting .first{padding:0;}
	.uipt.ptintro .item{padding:20px 30px}
	.uipt.ptintro .item h2{margin-top:20px;font-size:24px}
}*/

/*인사말배경*/
.greeting.gree_hls01{background:url(/images/hls/sub01/sub01_01.jpg) no-repeat left top; background-size:300px;}


/* 연혁A */
.box_cont_last{border-bottom:none;}
.history{position:relative;margin:138px 0;padding:10px 0 50px;}
.history:before{content:"";display:block;position:absolute;top:0;left:29px;width:1px;height:100%;background:#e5e5e5;border-radius:1px;}
.history>p{position:absolute;left:0;margin:0;width:271px;height:268px;color:#000;font-size:24px;font-weight:bold;line-height:32px;text-align:center; padding-top:120px;background:url(/images/his/common/sub01_03-01.gif) no-repeat;}
.history .present{top:-98px;}
.history .before{bottom:-80px;}

.history .item.first{margin-top:200px;}
.history .item{position:relative;margin-top:80px;}
.history .item:after{content:"";display:block;clear:both;visibility:hidden;}
.history .item .grap{position:relative;padding:0 20px 0 55px;}
.history .item .grap:before{content:"";display:block;position:absolute;top:-6px;left:23px;width:12px;height:12px;background:url(/images/his/common/sub01_03-02.png) no-repeat;}
.history .item .grap .tit{position:relative;margin-bottom:10px;color:#000;/*font-family:'nsr','맑은 고딕','Malgun Gothic';*/}
.history .item .grap .tit p{margin:0 0 10px;font-size:16px;line-height:20px;}
.history .item .grap .tit p span{line-height:20px;}
.history .item .grap .tit h3{margin:0;color:#333;font-size:20px;line-height:28px;word-wrap:break-word;word-break:keep-all;}
.history .item .grap .tit h3 span{display:block;font-size:14px;font-weight:normal;line-height:18px;}
.history .item .grap .con_history{}
.history .item .grap .con_history .lst_history li{position:relative;margin-top:10px;line-height:18px;word-wrap:break-word;word-break:keep-all;font-size:14px;}
.history .item .grap .con_history .lst_history li:first-child{margin-top:0;}
.history .item .grap .con_history .lst_history li b{display:block;color:#dd3f29;font-size:16px;font-weight:normal}

.history .item .grap .gall_history{margin-top:20px;}
.history .item .grap .gall_history li{margin-bottom:10px;}
.history .item .grap .gall_history li figure span{display:block;background-color:#f7f7f7;text-align:center;}
.history .item .grap .gall_history li figure span img{width:100%;}
.history .item .grap .gall_history li figcaption{margin-top:7px;font-size:13px;line-height:15px;text-align:left;word-wrap:break-word;word-break:keep-all;}
.history .item .grap .gall_history:after{content:"";display:block;clear:both;visibility:hidden;}

@media all and (min-width:480px) {
	.history .item .grap .gall_history li{float:left;margin:0 0 0 1.5%;width:32.33%;}
	.history .item .grap .gall_history li:first-child{margin-left:0;}
}

@media all and (min-width:640px) {
	.history>p{left:50%;margin-left:-128px;}
	.history:before{left:50%;margin-left:6px;}
	.history .item .grap{padding:0;}
	.history .item .grap:before{top:6px;left:50%;margin-left:1px;}
	.history .item .grap:after{content:"";display:block;clear:both;visibility:hidden;}
	.history .item .grap .con_history{padding-top:2px;}
	.history .item .grap.lcnt .tit,
	.history .item .grap.rcnt .con_history{float:right;padding-left:46px;width:50%;text-align:left;}
	.history .item .grap.rcnt .tit,
	.history .item .grap.lcnt .con_history{float:left;padding-right:30px;width:50%;text-align:right;}
	.history .item .grap .con_history .lst_history li{margin-top:15px;}
	.history .item .grap.lcnt .con_history .lst_history li{padding:4px 95px 0 0;}
	.history .item .grap.lcnt .con_history .lst_history li b{left:auto;right:0;}
	.history .item .grap.rcnt .gall_history{margin-left:-1%;}
	.history .item .grap.rcnt .gall_history li{float:left;margin:0 0 0 1%;width:32.33%;}
	.history .item .grap.lcnt .gall_history{margin-right:-1%;}
	.history .item .grap.lcnt .gall_history li{float:right;margin:0 1% 0 0;width:32.33%;}
}
@media all and (min-width:768px) {
	.history .item .grap .con_history .lst_history li{padding-left:95px;}
	.history .item .grap .con_history .lst_history li b{position:absolute;top:0;left:0;}
	.history .item .grap .tit p{margin-bottom:15px;font-size:32px;line-height:26px;color:#000;}
	.history .item .grap .tit p span{display:block;line-height:22px;}
	.history .item .grap .tit h3{font-size:26px;line-height:30px;}
	.history .item .grap .tit h3 span{margin-top:5px;font-size:16px;line-height:20px;}
}
@media all and (min-width:1280px) {
	.history .item .grap.rcnt .gall_history li{margin-left:10px;width:166px;}
	.history .item .grap.lcnt .gall_history li{margin-right:10px;width:166px;}
	.history .item .grap.rcnt .gall_history li:first-child,
	.history .item .grap.lcnt .gall_history li:first-child{margin:0;}
}



/* 찾아오시는길 */
.map{position:relative;overflow:hidden;height:400px;/*border:1px solid #e5e6e7;*/ background:#4D5965;}

.box_local{position:relative;padding:20px;border:1px solid #ddd;background:#f8f8f8;}
.box_local:after{content:"";display:block;clear:both;visibility:hidden;}
.box_local h2{position:relative;display:inline-block;margin:0;padding:5px 20px;font-size:18px;line-height:20px;color:#06499d;font-weight:bold;background:none;}
.box_local h2:before,
.box_local h2:after{content:"";display:block;position:absolute;top:50%;margin-top:-26px;width:11px;height:51px;background:url(/images/oil/sub01/sub10_ico.png) no-repeat;}
.box_local h2:before{left:-10px;background-position:0 -42px;}
.box_local h2:after{right:-10px;background-position:-12px -42px;}
.box_local h2 span{font-size:18px;line-height:20px;color:#06499d;font-weight:bold;font-family:'nsr','Malgun Gothic';}
.box_local .lst_local{float:left;display:inline-block;padding-top:5px;}
.box_local .lst_local li{position:relative;text-align:left;}
.box_local .lst_local li b {margin-right:5px;}
.box_local .lst_local li.last {margin-top:10px;}
.box_local .lst_local li.last a {display:block;width:auto;height:auto;padding:20px 0;background-color:#45495b;color:#fff;font-size:13px;text-align:center;}

.box_local .lst_local li .ico_local{background:url(/images/oil/sub01/sub10_ico.png) no-repeat;}
.box_local .lst_local li .ico_local.ico3{display:block;width:28px;height:36px;margin:0 auto 10px;background-position:0 0;}


@media all and (min-width:600px) {
	.box_local{padding:40px 150px 40px 50px;}
	.box_local h2{float:left;padding:35px 15px;margin-right:35px;}
	.box_local h2 span{display:block;}
	.box_local .lst_local li.last {position:absolute;right:50px;top:50%;margin-top:-50px;}
	.box_local .lst_local li.last a {display:inline-block;height:100px;width:100px;padding:20px 0 0;}

}


.ui-map-box{padding:20px 0;margin:0 0 10px;border-bottom:1px solid #f1f1f1;}
.ui-map-box:after {content:"";display:block;clear:both;}
.ui-map-box h3 {float:left;width:15%;margin:0;padding:0}
.ui-map-box .txt_h3 {float:left;width:75%;}
.ui-map-box .txt_h3 li {margin:6px 0 0;font-size:14px;color:#666;line-height:1.4}
.ui-map-box .txt_h3 li:after {content:"";display:block;clear:both;}
.ui-map-box .ti {float:left;display:inline-block;width:55px;padding:3px 0 1px 0px;margin-right:10px;border-radius:20px;border:1px solid #333;font-size:13px;text-align:center;}
.ui-map-box .ti.car {color:#4365B9;border-color:#4365B9;}
.ui-map-box .ti.train {color:#005fa8;border-color:#005fa8;}
.ui-map-box .ti.bus {color:#a72e75;border-color:#a72e75;}
.ui-map-box .txt_h3 li .rcon {float:left;margin-left:5px;margin-top:-5px;width:90%}
.ui-map-box .txt_h3 li .rcon strong{display:block;font-size:15px;color:#000;}

@media(max-width:600px){
	.ui-map-box h3{float:none;}
	.ui-map-box .txt_h3{float:none;width:100%;}
	.ui-map-box .ti{float:none;display:block;margin:10px 0 5px 0;}
}