@charset "utf-8";
/* 절차

.h_bul{font-size:1.25em;background:url('../../designer/images/section/sub_bul_1.gif') 0 4px  no-repeat;padding:0 0 10px 15px;color:#0068ca;}
.h_aro{font-size:1.15em;font-weight:600;background:url('../../designer/images/section/sub_bul_2.gif') 4px 5px  no-repeat;padding:0 0 8px 15px;}


.step_use{overflow:hidden;}
.step_use .step{float:left;width:206px;padding-right:30px;background:#FFF url('/_kor/designer/images/common/aro_step.gif') 215px center no-repeat;}
.step_use .step.last{padding-right:0;background:none;}
.step_use .step dt{background:#f7941d;color:#FFF;text-align:center;padding:10px 0; font-size:1.2em;font-weight:bold;}
.step_use .step dt em{font-size:0.85em;color:#fdf0b5;display:block;padding-top:3px;}
.step_use .step dd{border:1px solid #f7941d;height:80px;padding:10px 0 5px 10px;color:#666;}
.step_use .step dd strong{color:#000;display:block;padding-bottom:4px;}
.step_use .step dd p{line-height:145%;padding-bottom:5px;}


.step_use.col3{overflow:hidden;}
.step_use.col3 .step{float:left;width:276px;padding-right:45px;background:#FFF url('/_kor/designer/images/common/aro_step.gif') 292px center no-repeat;}
.step_use.col3 .step.last{padding-right:0;background:none;}
.step_use.col3 .step dt{background:#f7941d;color:#FFF;text-align:center;padding:10px 0; font-size:1.2em;font-weight:bold;}
.step_use.col3 .step dd{border:1px solid #f7941d;height:60px;padding:12px 0 5px 0;color:#666; text-align:center;}
.step_use.col3 .step dd strong{color:#000;display:block;padding-bottom:10px;font-size:1.2em;}
.step_use.col3 .step dd p{line-height:145%;padding-bottom:5px;}
*/

.l_t{height:1px;display:block;background:#e5e5e5;width:30px;}
.l_l{width:1px;height:10px;display:block;background:#e5e5e5;float:right;}
.pageContent .st,
.st{font-size:1.25em;font-weight:600;padding-bottom:15px;height:20px;font-family:'NanumBarunGothic';}
.pageContent .st1,
.st1{font-size:1.25em;font-weight:600;padding-bottom:10px;height:20px;font-family:'NanumBarunGothic';}
.pageContent h3.st span,
.pageContent h4.st span,
h3.st span,
h4.st span{display:none;}
.pageContent h4.h_aro,
h4.h_aro{font-size:1.1em;font-weight:600;background:url('../../designer/images/sub/aro_bul.gif') 0px 4px  no-repeat;padding:0 0 5px 13px;}

/* margin size */
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mt25{margin-top:25px;}

.pl5{padding-left:5px;}
.pt5{padding-top:5px;}
.pl10{padding-left:10px;}
.pt10{padding-top:10px;}
.pl15{padding-left:15px;}
.pt15{padding-top:15px;}
.br{display:block;line-height:185%;}
.br_1{display:block;line-height:185%;}
.br_m{display:inline}
.pageContent li .flt{display:block;min-height:35px;margin-right:5px;}
.lh15{line-height:150%;}
.lh18{line-height:180%;}
.lh20{line-height:200%;}
/* Font*/
.c_12{font-size:0.95em;}
.fz16{font-size:16px}
.fz15{font-size:15px}
.c_blue {color:#0054a6 }
.c_sky{color:#0582d3;}
.c_green{color:#00a651;}
.c_red {color:#fb4d33 !important;}
.c_yellow {color:#9a6a2b !important;}
.c_orange {color:#f1890f }
.c_purple {color:#8048b4 }
.c_gray {color:#333 !important;}
a.uline, .uline, .uline *{text-decoration:underline;}
.c_red_1{color: #d50601 !important;}
a.linkWin{display:inline-block;height:40px;line-height:40px;color:#FFF; font-weight:bold;text-align:left;background:#2173bf;margin:0 0  3px 0;font-size:1em;padding-left:17px; padding-right:55px;position:relative;}
a.linkWin .iconWin{display:inline-block;background:#1388d5 url(../../designer/images/common/ico_win.gif) center  no-repeat;width:40px; height:40px;vertical-align:top;margin:0;position:absolute;top:0px;right:0px;display:block;}
a.linkWin .iconDocs{display:inline-block;background:#1388d5 url(../../designer/images/common/ico_docs.gif) center  no-repeat;width:40px; height:40px;vertical-align:top;margin:0;position:absolute;top:0px;right:0px;display:block;}
a.linkWin .iconDns{display:inline-block;background:#1388d5 url(../../designer/images/common/ico_dns.gif) center  no-repeat;width:40px; height:40px;vertical-align:top;margin:0;position:absolute;top:0px;right:0px;display:block;}


/* box */
.grayBox{background:#f2f2f2;padding:25px 30px;}
.lineBox{background:#FFF;border:1px solid #DDD;padding:20px 25px;}

/* list */
.list li{background:url('../../designer/images/sub/list_bul.gif') 0 9px no-repeat;line-height:135%; padding: 3px 0 3px 7px;}
.noBul li{line-height:150%; padding: 3px 0 3px 0px;}
ol.list li{background:none;line-height:135%; padding: 3px 0 3px 7px;}


/* history */
.history{padding-left:10px;position:relative;}
.space1{position:absolute;height:25px;background:#FFF;width:12px;top:0;left:0;z-index:1;}
.space2{position:absolute;height:50px;background:#FFF;width:12px;bottom:0;left:0;z-index:1;}
.history dl{position:relative;padding-left:87px;border-left:solid 1px #f0f0f0;}
.history dt{position:absolute;top:18px;left:-4px;background:url('../../designer/images/sub/bul_1.gif') 0 5px no-repeat;font-size:15px;color:#0054a6;font-weight:700;padding-left:13px;z-index:2;}
.history dd{border-bottom:solid 1px #e5e5e5;padding:15px 0;}
.history dd.last{border-bottom:0;}

.history li{line-height:135%;padding:3px 0 ;overflow:hidden;}
.history li em{display:block;float:left;width:95px;font-style:normal;font-weight:bold;color:#000;}
.history li span{display:block;float:left;width:640px;}

/****************
약관
*****************/

.law p{line-height:160%;padding-bottom:5px;padding-left:0px;}
.law p strong{display:block;color:#e4881b;padding-bottom:5px;font-size:1.2em;margin-left:-10px;padding-top:10px;}

/****************
일반테이블
*****************/

table.general{ border:0; border-collapse:collapse; border-top:solid 2px #2d2b31;}
table.general td,
table.general th {border:0; border-bottom:solid 1px #d9d9d9;border-left:solid 1px #d9d9d9;padding:12px 0; text-align:center; line-height:140%; vertical-align:middle; height:auto;color:#252525;}
table.general thead th {background: #f7f7f7;  font-weight:700; border-left:0;line-height:normal;}
table.general thead th.first{border-left:none !important}
table.general tbody td.first{border-left:none}
table.general tbody th {border-left:none; font-weight:normal;background: #FFF; }
table.general td.noLine{border-left:none;}
table.general .left {padding-left:15px; text-align:left}
table.general td.left2,
table.general th.left2 {padding-left:20px; text-align:left}
table.general td.vtop,table.general th.vtop{vertical-align:top;}
table.general thead th.lineL,
table.general tbody td.lineL{border-left:solid 1px #d9d9d9; }
table.general .lineR{border-right:solid 1px #dedede;}
table.general thead.multiTh th {line-height:normal;padding:7px 0;}
table.general tbody th.center {border-left:none; text-align:center; }
table.general ul{padding-left:12px; margin-bottom:-5px}
table.general li{line-height:normal; padding-bottom:5px; text-align:left}
table.general.thGray tbody th{background: #f7f7f7;}
table.general.thGray tbody td{border-left:0}
table.general.thGray tbody th,
table.general.thGray tbody td{text-align:left;padding:12px 0;padding-left:25px; }
table.general.thGray tbody th.center{text-align:center;padding:12px 0; font-weight:bold;}
table.general.thGray.w tbody th{background: #FFF}
table.general.thLeft tbody th{text-align:left;padding:10px 0;padding-left:15px; }
table.general.tdLeft tbody td{text-align:left;padding:10px 0;padding-left:10px; }
table.general.tdLeft tbody td.center{text-align:center;padding-left:0;}
table.general.team {margin-bottom:30px;}
table.general.team thead {display:none;}
table.general.team tbody th{background: #f9f9f9;}
table.general.info{ border:0; border-collapse:collapse; border-top:solid 2px #2173bf;}
table.general.info.vTop td{vertical-align:top;}
table.general.info.thBgGray tbody th{background: #f7f7f7;}

.col_w04{width: 4%;}
.col_w05{width: 5%;}
.col_w06{width: 6%;}
.col_w07{width: 7%;}
.col_w08{width: 8%;}
.col_w09{width: 9%;}
.col_w10{width: 10%;}
.col_w11{width: 11%;}
.col_w12{width: 12%;}
.col_w13{width: 13%;}
.col_w14{width: 14%;}
.col_w15{width: 15%;}
.col_w16{width: 16%;}
.col_w17{width: 17%;}
.col_w18{width: 18%;}
.col_w19{width: 19%;}
.col_w20{width: 20%;}
.col_w25{width: 25%;}
.col_w26{width: 26%;}
.col_w27{width: 27%;}
.col_w28{width: 28%;}
.col_w29{width: 29%;}
.col_w30{width: 30%;}
.col_w31{width: 31%;}
.col_w32{width: 32%;}
.col_w33{width: 33%;}
.col_w34{width: 34%;}
.col_w35{width: 35%;}
.col_w40{width: 40%;}
.col_w41{width: 41%;}
.col_w42{width: 42%;}
.col_w44{width: 44%;}
.col_w43{width: 43%;}
.col_w45{width: 45%;}
.col_w50{width: 50%;}
.col_w{width:auto;}

/* 2015.10.06 정보공개 > 수수료*/
.general.info td ul{margin:0;padding:0;}
.general.info td ul li { text-indent: -7px; list-style: none; padding-left: 10px;font-size:13px;line-height:145%;padding-bottom:10px; }

/* 2019-01-29 영조물 */
table.general.info2{border-top-color: #2173bf;}
table.general.thBgGray tbody th{background: #f7f7f7;}
li sup,td sup{font-size: 0.75em;color: #000;font-weight: bold;color: #39f;position: relative;top: 2px;}

/****************
인사말
*****************/
.greetTitle{text-indent:-999em;background:url('../../designer/images/contents/con_020101.gif') 0 0px no-repeat;height:30px;margin-bottom:22px;}/*인사말상단배경*/
.greetTitle *{display:none;}
.intro{line-height:185%;}
.sign{text-align:right;overflow:hidden;padding: 10px 15px 0 0;}
.sign img{display: inline-block;margin-top: 10px;}
.sign.intro strong{display:block;width:140px;float:right;text-indent:-999em;background:url('../../designer/images/contents/con_020103.gif') 100%  100%  no-repeat;padding-top:62px;height:0;}

/****************
비전및경영
*****************/
.tBox1{background:url('/_kor/designer/images/contents/vision_bg_1.gif') 0 0 no-repeat; height:53px;text-align:center;font-size:16px;line-height:50px;font-weight:bold;margin-bottom:10px;}

.tBox1 .c_01{color:#00a651}
.tBox1 .c_02{color:#f7941d}
.tBox1 .c_03{color:#ed1c24}

.tBox1.long{background-image:url('/_kor/designer/images/contents/vision_bg_1_1.gif'); height:65px;text-align:center;font-size:16px;line-height:145%;font-weight:bold;margin-bottom:10px;padding-top:18px;}

.tBox2Wrap{overflow:hidden;background:#f2f2f2;padding:30px 0 10px 10px;}
.tBox2{background:url('/_kor/designer/images/contents/vision_bg_2.png') 0 0 no-repeat; width:240px; height:82px;float:left;overflow:hidden;margin:0 0 20px 20px;position:relative;padding:48px 0 0 140px;}
.tBox2 dt{width:130px;position:absolute;top:0;left:0}
.tBox2 dt strong{width:62px;display:block;line-height:normal;color:#FFF;font-size:1.25em;font-weight:bold;text-align:center;margin:0 auto;padding-top:48px;}
.tBox2 dd{padding-bottom:8px;line-height:normal;}


.tBox3Wrap{overflow:hidden;background:#f2f2f2;padding:30px 0 25px 140px;}
.tBox3{background:url('/_kor/designer/images/contents/vision_bg_3.png') 0 0 no-repeat; width:134px; height:375px;text-align:center;float:left;margin-right:17px;}
.tBox3 p{padding-top:39px;height:81px;text-align:center;font-size:16px;font-weight:bold;line-height:normal;color:#FFF;margin:0 auto;word-break:break-all}
.tBox3 p.p1{height:91px;width:41px;}
.tBox3 p.p2{width:96px;letter-spacing:-1px;}
.tBox3 p.p3{width:67px;}
.tBox3 p span{ display:inline-block;}
.tBox3Wrap ul{float:left;width:420px;padding-top:4px;}
.tBox3Wrap li{border-bottom:solid 1px #CCC;line-height:44px;padding-left:20px;}
.tBox3Wrap li.last{border-bottom:0;}

/*미래발전전략*/
.future .tBox1{text-align:left;padding-left:30px;color:#0054a6;}
.future .tBox1 span{color:#666;font-size:0.70em;font-weight:normal;display:inline-block; vertical-align:middle;padding-left:15px;font-family:'verdana';}
.future .tBox1 em{font-style:normal;color:#333;font-weight:bold;font-size:1.2em;}

/* 2018-01-02 */
.objective .tBox1{text-align:center;padding-left:0;color:#333;}
.allbr{display: block;}
.vauleBox{background-color: #f2f2f2;padding: 49px 6%;text-align: center;margin-bottom: 10px;}

#value_txt{position: relative;margin: 0 auto;width: 100%;max-width:445px ;vertical-align: middle;padding: 30px 0;}
#value_txt  img{display: block;margin: 0 auto;position: relative;}

#value_txt ul{}
#value_txt li{width:128px;position:absolute;background:#1a80c3;height:128px;border-radius:50%;background: linear-gradient(to bottom, #1a80c3 10%,#0067a9 90%);border: 0px solid #1c73ad;box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.25);overflow: hidden;}
#value_txt li b{color: #FFF;font-size: 16px;display: block;padding-top: 33.9%;}
#value_txt li#value_t_1{top:0;left:0;}
#value_txt li#value_t_2{top:0;right:0;background: #b7363b; background: linear-gradient(to bottom, #d05054 10%,#b7363b 90%);}
#value_txt li#value_t_3{bottom:0;left:0;background: #009449; background: linear-gradient(to bottom, #1aaf63 10%,#009449 90%);}
#value_txt li#value_t_4{bottom:0;right:0;background: #785697; background: linear-gradient(to bottom, #9170b1 10%,#785697 90%);}



.tBox2Wrap{overflow:hidden;padding:50px 0px 40px 40px ;margin-bottom: 20px;}
.tBox2{background:none; width:240px; height:78px;float:left;overflow:visible;margin:0 20px 40px 0px;position:relative;padding:0 0 0 104px;margin-left:20px;border:1px solid #CCC;background:#FFF;border-radius:10px }
.tBox2 dt{width:102px;position:absolute;top:-14px;left:-20px;background:#f68c0e;height:102px;border-radius:50%;background: linear-gradient(to bottom, #f9a23a 0%,#df851a 100%);border: 1px solid #d28931;}
.tBox2 dt strong{width:auto;display:block;line-height:104px;color:#FFF;font-weight:bold;text-align:center;margin:0 auto;padding-top:0;font-size: 16px;}
.tBox2 dd{padding-bottom:0;line-height:78px;padding-top: 0;font-size: 13px;font-weight: bold;}

/* 2020-12-01 */
.tBox1 img{max-width:90%; vertical-align: middle;}
.n_vauleBox{padding: 20px 6%; background-color: #f5f5f5;}
#n_value_txt{position: relative;margin: 0 auto;width: 100%; vertical-align: middle;}
#n_value_txt  img{display: block;margin: 0 auto;position: relative;}
#n_value_txt ul{overflow:hidden;}
#n_value_txt li{float:left; width: 25%; background-repeat:no-repeat; background-position:Center top 5px; height: 185px; font-size: 0;}
#n_value_txt li#value_t_1{background-image: url('/_kor/designer/images/contents/vision_btn_1.png');}
#n_value_txt li#value_t_2{background-image: url('/_kor/designer/images/contents/vision_btn_2.png');}
#n_value_txt li#value_t_3{background-image: url('/_kor/designer/images/contents/vision_btn_3.png');}
#n_value_txt li#value_t_4{background-image: url('/_kor/designer/images/contents/vision_btn_4.png');}
.valueStrt{margin-bottom: 30px;}
.valueStrt:last-child{margin-bottom: 0;}
.valueStrt .ttlArea{font-size: 16px; max-width:180px; padding-left: 50px; background-color: #222; color: #fff; line-height: 45px; height: 45px; border-radius:10px 10px 0 0; font-weight: bold; background-repeat:no-repeat; background-size:25px; background-position:left 15px center;}
.valueStrt .ttlArea.color1{background-color: #fc5230;}
.valueStrt .ttlArea.color2{background-color: #12887a;}
.valueStrt .ttlArea.color3{background-color: #1187cf;}
.valueStrt .ttlArea.color4{background-color: #fd9f28;}
.valueStrt .ttlArea.icon1{background-image:url('/_kor/designer/images/contents/vision_icon_1.png');}
.valueStrt .ttlArea.icon2{background-image:url('/_kor/designer/images/contents/vision_icon_2.png');}
.valueStrt .ttlArea.icon3{background-image:url('/_kor/designer/images/contents/vision_icon_3.png');}
.valueStrt .ttlArea.icon4{background-image:url('/_kor/designer/images/contents/vision_icon_4.png');}
.valueStrt .ttlArea.icon5{background-image:url('/_kor/designer/images/contents/vision_icon_5.png');}
.valueStrt .ttlArea.icon6{background-image:url('/_kor/designer/images/contents/vision_icon_6.png');}
.valueStrt .ttlArea.icon7{background-image:url('/_kor/designer/images/contents/vision_icon_7.png');}
.valueStrt .ttlArea.icon8{background-image:url('/_kor/designer/images/contents/vision_icon_8.png');}
.valueStrt ul{padding: 30px; background-color: #f5f5f5;}
.valueStrt ul li{display:block; border: solid 1px #e0e0e0; background-color: #fff; padding: 15px 10px; font-size: 14px; color: #222; border-radius:5px; text-align: center; margin-bottom: 10px; box-shadow:0 3px 5px rgba(0,0,0,.05);}
.valueStrt ul li:last-child{margin-bottom: 0;}
@media all and (max-width: 800px){
	#n_value_txt li{width: 50%; background-size:auto 90%; height: 160px;}
	.valueStrt{margin-bottom: 20px;}
	.valueStrt .ttlArea{line-height: 40px; height: 40px; font-size: 14px;}
	.valueStrt ul{padding: 20px;}
}


/****************
경영방침
*****************/

.tBox2Wrap.bizPolicy{overflow:hidden;background:#f2f2f2;padding:30px 0 10px 10px;}
.tBox2Wrap.bizPolicy .tBox2{background:url('/_kor/designer/images/contents/vision_bg_2.png') 0 0 no-repeat; width:240px; height:82px;float:left;overflow:hidden;margin:0 0 20px 20px;position:relative;padding:48px 0 0 140px;}
.tBox2Wrap.bizPolicy .tBox2 dt{width:130px;position:absolute;top:0;left:0}
.tBox2Wrap.bizPolicy .tBox2 dt strong{width:75px;display:block;line-height:normal;color:#FFF;font-size:1.35em;font-weight:bold;text-align:center;margin:0 auto;padding-top:56px;letter-spacing:-1px;}
.tBox2Wrap.bizPolicy .tBox2 dd{padding-bottom:0px;line-height:normal;font-size:1.95em;font-weight:bold;text-align:center;color:#444;}

/****************
CI
*****************/
.ciWrap{overflow:hidden;background:#f2f2f2;padding:30px 0 ;}
.tBoxCI{float:left;margin-left:30px;width:240px;height:240px;text-align:center;}
.tBoxCI dt{padding-top:50px;height:56px;font-size:17px;font-weight:bold; color:#FFF;}
.tBoxCI dd{line-height:180%; color:#FFF;}
.tBoxCI.bg1{background:url('/_kor/designer/images/contents/ci_bg_1.png') 0 0 no-repeat; }
.tBoxCI.bg2{background:url('/_kor/designer/images/contents/ci_bg_2.png') 0 0 no-repeat; }
.tBoxCI.bg3{background:url('/_kor/designer/images/contents/ci_bg_3.png') 0 0 no-repeat; }

/****************
사업현황
*****************/
.bizStatusList li{position:relative;padding:0 0 0 218px;border-bottom:solid 1px #EEE;height:110px;margin-bottom:30px; }
.bizStatusList li .bizImg{position:absolute;background:#FFF;width:218px;height:112px;top:0;left:0}
.bizStatusList li .bizImg img{width:200px;height:110px;}
.bizStatusList li h3{color:#2173bf;font-size:16px;height:32px;}
.bizStatusList li p{line-height:180%;overflow:hidden;}
.bizStatusList p strong.flt{display:block;height:40px;margin-right:5px;}
/* 인증 */
.bizStatusList.certi li{padding-left: 34%;border-bottom: 1px dashed #CCC;height: auto;padding-bottom: 15px;}
.bizStatusList.certi li .bizImg{border: 1px solid #DDD;height: auto;bottom: auto;width: 32%;text-align: center;height:70px;vertical-align: middle;line-height: 70px;}
.bizStatusList.certi li .bizImg img{width: auto;height: auto;max-width: 100%;}

/****************
조직도
*****************/

.organ{overflow:hidden;position:relative;background:url('/_kor/designer/images/contents/organ_bg.gif') 0 0 no-repeat;height:866px;}


.organ .organTop,
.organ dl{position:absolute;}


.organ .organTop{width:240px;height:40px;text-align:center;color:#FFF;line-height:40px;font-size:16px;font-weight:bold;}
.organ .organTop.h_1{top:0px;left:299px;}
.organ .organTop.h_2{top:80px;left:0;}
.organ .organTop.h_3{top:80px;left:599px;}
.organ .organTop.h_4{top:160px;left:299px;}


.organ dl{width:187px;text-align:center;}
.organ dl dt{border-bottom:solid 1px #dadada;border-top:solid 3px #5a595c;background:url('../../designer/images/contents/con_organ_tab.gif') 0 0 no-repeat;width:187px;height:40px;line-height:40px;font-weight:bold;}
.organ dl dd{padding:16px 0; line-height:170%;min-height:60px;}
.organ dl dt.organ_1{border-top-color: #930e3b;}
.organ dl dt.organ_2{border-top-color: #8dc63f;}
.organ dl dt.organ_3{border-top-color: #00aeef;}
.organ dl dt.organ_4{border-top-color: #0072bc;}
.organ dl dt.organ_5{border-top-color: #0054a6;}
.organ dl dt.organ_7{border-top-color: #736357;}
.organ dl dt.organ_8{border-top-color: #f26522;}

.organ dl.organBx_1{top:280px;left:0;}
.organ dl.organBx_2{top:280px;left:325px;}
.organ dl.organBx_3{top:280px;left:652px;}
.organ dl.organBx_4{top:502px;left:162px;}
.organ dl.organBx_5{top:502px;left:488px;}
.organ dl.organBx_6{top:724px;left:0;}
.organ dl.organBx_7{top:724px;left:325px;}
.organ dl.organBx_8{top:724px;left:652px;}

/****************
업무분장/전화번호
*****************/

.teamZone{position:relative;padding-top:140px;}
/*.teamZone h3{border:solid 1px #c2c2c2;height:33px;line-height:33px;width:204px;text-align:center;position:absolute;top:0;left:0;cursor:pointer}
.teamZone h3:hover{background:#f8f8f9;}

.teamZone h3.tab01{left:0px;top:0px}
.teamZone h3.tab02{left:211px;top:0px}
.teamZone h3.tab03{left:422px;top:0px}
.teamZone h3.tab04{left:633px;top:0px}
.teamZone h3.tab05{left:0px;top:40px}
.teamZone h3.tab06{left:211px;top:40px}
.teamZone h3.tab07{left:422px;top:40px}
.teamZone h3.tab08{left:633px;top:40px}*/


.teamZone h3{border:solid 1px #c2c2c2;height:33px;line-height:33px;width:160px;text-align:center;position:absolute;top:0;left:0;cursor:pointer}
.teamZone h3:hover{background:#f8f8f9;}

.teamZone h3.tab01{left:0px;top:0px}
.teamZone h3.tab02{left:168px;top:0px}
.teamZone h3.tab03{left:336px;top:0px}
.teamZone h3.tab04{left:504px;top:0px}
.teamZone h3.tab05{left:672px;top:0px}
.teamZone h3.tab06{left:0px;top:40px}
.teamZone h3.tab07{left:168px;top:40px}
.teamZone h3.tab08{left:336px;top:40px}
.teamZone h3.tab09{left:504px;top:40px}
.teamZone h3.tab10{left:672px;top:40px}
.teamZone h3.tab11{left:0px;top:80px;width:328px;}
.teamZone h3.tab12{left:0px;top:80px;}

.teamZone h3.on{border-color:#0054a6;/*color:#0054a6;*/background:#2173bf;color:#FFF;display:block;}
.teamZone h3.on a{display:block;color:#FFF;}
.teamCont{display:none;}
.teamCont.first{display:block;}


/****************
고객서비스헌장
*****************/
.serviceTitle{text-indent:-999em;background:url('../../designer/images/contents/service_top.gif') 0 0px no-repeat;height:101px;margin-bottom:30px;}/*상단배경*/
.serviceTitle p{display:none;}


/****************
공공개방절차
*****************/
.dataStep{overflow:hidden;margin-bottom:25px;}
.dataStep li{float:left;width:33.33%;background:url('/_kor/designer/images/common/aro_step.gif') 95% center no-repeat;}


.dataStep li p{line-height:145%;padding:15px 0 ;margin-right:40px;background:#2173bf;color:#FFF;text-align:center;font-size:15px;height:40px;font-weight:bold;}
.dataStep li p.center{padding-top:25px;height:30px;}
.dataStep li.last{background:none;}
.dataStep li.last p{margin-right:0;}

/****************
행정정보공개
*****************/

.dataOpZone{position:relative;padding-top:80px;}
.dataOpZone h3{line-height:43px;width:25%;text-align:center;position:absolute;top:0;left:0;cursor:pointer;border-top:solid 1px #EEE;border-bottom:solid 1px #EEE;height:43px;margin-top:1px;font-size:14px;}
.dataOpZone h3:hover{color:#0054a6;}

.dataOpZone h3.tab01{left:0px}
.dataOpZone h3.tab02{left:25%;}
.dataOpZone h3.tab03{left:50%;}
.dataOpZone h3.tab04{left:75%;}
.dataOpZone h3.on{border-color:#0054a6;color:#0054a6;height:41px;line-height:41px;border-top:solid 3px #2173bf;border-bottom:solid 3px #2173bf;margin-top:0;}

.dataOpCont{display:none;}
.dataOpCont.first{display:block;}

/****************
클린신고
*****************/

.cleanBox {padding:220px 0 50px;text-align:center;height:160px;background:#f2f2f2 url(/designer/images/m_builder/rentViewImg.png) center 65px no-repeat;margin-bottom:20px;}
.cleanBox ul{width:280px;margin:0 auto;}
.cleanBox ul li{text-align:center;padding-bottom:5px;}
.cleanBox label.txtLable{width:70px;display:inline-block;background:#e0e0e0;height:38px;margin-right:5px;vertical-align:middle;line-height:38px;}
.cleanBox input.inputTxt{padding:0;margin:0;line-height:38px;height:38px;width:29.2%;*width:28%;text-align:center;font-size:15px;}
.cleanBox input.inputTxt.wide{width:170px;}


.pageContent .inputBtn.final{ height:auto; padding:0; font-size:inherit; line-height:auto; background:0;border:0;width:auto;}
.pageContent .inputBtn.final a{border:0;width:85px;left:0;
border:solid 1px #CCC; text-align:center;color:#222; background:#FFF;  line-height:34px;height:35px;font-size:13px;display:inline-block;background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #CCCCCC 500%);background-image: linear-gradient(to bottom, #FFFFFF 0%, #CCCCCC 500%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );}

.pageContent  .cleanBox .inputBtn.final a{width:232px;display:block;left:auto;margin:0 auto;}
.pageContent  .bbs .grayBox{line-height:175%;padding-top:12px;padding-bottom:12px}
.pageContent  .bbs .inputForm form .grayBox{font-size: 16px;}
/****************
경영방침
*****************/
.chrters {font-size: 1.167em;border: 4px double #c2cfdd;background-color: #f2f6f9;padding: 45px 40px 30px;letter-spacing: -0.3px;}
.chrters h3{text-align: center;font-size: 2.0em;font-family:'NanumBarunGothic',sans-serif;margin-bottom: 40px;font-weight: 600;color: #106aa5;}
.chrters p{font-family:'NanumBarunGothic',sans-serif;line-height: 1.5;}
.chrters li{margin-bottom: 19px;font-size: 1.08em;font-family:'NanumBarunGothic',sans-serif;line-height: 1.5;}
.chrters ul{padding-top: 35px;margin-top: 25px;border-top: 1px dashed #c2cfdd;}

@media all and (max-width:768px) {
.chrters {font-size: 1.0em;padding: 27px 4% 23px;}
.chrters h3{font-size: 1.75em;margin-bottom: 24px;}
.chrters p{line-height: 1.35;}
.chrters ul{padding-top: 25px;margin-top: 15px;}
.chrters li{line-height: 1.4;font-size: 0.945em;margin-bottom: 10px;}
}

/****************
사회책임경영
****************/
table.ssmng{font-size: 16px; text-align: center; border-spacing:10px; border-collapse:separate; line-height: 26px;}
table.ssmng tr th,
table.ssmng tr td{padding: 5px;}
table.ssmng tr th,
table.ssmng tr td{padding: 12px}
table.ssmng tr th{background: linear-gradient(to top, #145fa5, #1f6db5); color: #fff; }
table.ssmng tr td{background: linear-gradient(to top, #f0f0f0, #fff); color: #000; box-sizing:border-box; border: solid 1px #ccc;}
table.ssmng tr td.growth{background: #fff; border: 0; font-size: 14px; padding: 3px;}
table.ssmng tr td.growth.growth_pp{color: #275177; border-bottom: solid 3px #badeff; }
table.ssmng tr td.growth.growth_bsn{color: #9c2a2a; border-bottom: solid 3px #ffd3d3; }
table.ssmng tr td.blank{border: 0; background: #fff;}
table.ssmng tr td.gray{background: #f2f2f2; text-align: left; border: 0; font-size: 14px; vertical-align: top; line-height: 1.5;}
table.ssmng tr.m_o{display:none;}
ul.ssmng_list li{padding-left: 15px; position: relative;}
ul.ssmng_list li:before{content:'·'; position: absolute; left: 0;}

@media all and (max-width:450px) {
table.ssmng,
table.ssmng tr,
table.ssmng tr th,
table.ssmng tr td{display:block;}
table.ssmng tr.m_o{display:block;}
table.ssmng tr.m_x{display:none;}
table.ssmng{border-spacing:0}
table.ssmng tr{margin-bottom: 10px;}
table.ssmng tr th{text-align: left; font-size: 15px; padding: 5px 10px;}
table.ssmng tr td{text-align: left; font-size: 15px; padding: 5px 10px; line-height: 1.5;}
table.ssmng tr td.gray{background: #fff;}
}
#advInfo {margin-bottom: 30px;position: relative;padding: 0 20px;}
#advInfo .swiper-wrapper{/* max-width: 840px; */overflow: hidden;}
#advInfo .swiper-wrapper .swiper-slide{float: left;width: 12%;}
#advInfo .swiper-slide a{display: block;text-align: center;padding-top: 60px;height: 40px;background-repeat: no-repeat;background-position: center 33%;letter-spacing: -1px;font-size: 13px;color: #666;background-color: rgba(20,20,20,0.0);transition:all .25s ease-out;border-radius:25px ;background-size:auto 33% ;}
#advInfo .swiper-slide a:hover,
#advInfo .swiper-slide a.on{background-color: #f2f2f2;color: #000;font-weight: bold;}
#advInfo .swiper-slide a.advi_1{background-image: url(/_kor/designer/images/sub/advi_1.png);}
#advInfo .swiper-slide a.advi_2{background-image: url(/_kor/designer/images/sub/advi_2.png);}
#advInfo .swiper-slide a.advi_3{background-image: url(/_kor/designer/images/sub/advi_3.png);}
#advInfo .swiper-slide a.advi_4{background-image: url(/_kor/designer/images/sub/advi_4.png);}
#advInfo .swiper-slide a.advi_5{background-image: url(/_kor/designer/images/sub/advi_5.png);}
#advInfo .swiper-slide a.advi_6{background-image: url(/_kor/designer/images/sub/advi_6.png);}
#advInfo .swiper-slide a.advi_7{background-image: url(/_kor/designer/images/sub/advi_7.png);}
#advInfo .swiper-slide a.advi_8{background-image: url(/_kor/designer/images/sub/advi_8.png);}
#advInfo a.aro-1,#advInfo a.aro-2{display: block;border: 0 solid #000;position: absolute;width: 30px;height: 30px;top: 50%;margin-top: -15px;font-size: 0;text-indent: -999em;}
#advInfo a.aro-2{right: 0;}
#advInfo a.aro-1{left: 0;}
#advInfo a.aro-1::after,#advInfo a.aro-2::after{display:block;content:'';border-style: solid;border-color: #333; border-width:  0 2px 2px 0  ;    padding: 5px;transform: rotate(135deg);position: absolute;top: 50%;left: 5px;margin-top: -6px;}
#advInfo a.aro-2::after{left: auto;right: 5px;border-width: 2px 0 0 2px }
@media screen and (min-width:841px) {
#advInfo {padding: 0;}
#advInfo a.aro-1,#advInfo a.aro-2{display: none;}
#advInfo .swiper-slide a{background-size:auto ;font-size: 14px;padding-top: 70px;height: 30px;background-position: center 32%;border-radius:35px ;}
}

/****************
개인정보처리방침
*****************/
.articleList{margin-bottom:50px;}
.articleList li{font-weight:600; font-size:15px; word-break:keep-all;}
.articleList li a:hover{color:#0054a6; text-decoration:underline;}
.privacyLabel ul li{display:inline-block; width:24%; text-align:center; cursor:pointer; margin:15px 0 15px 0; position:relative;}
.privacyLabel ul li span{display:block; padding:10px 0 0 0;}
.privacyLabel ul li:hover .privacyLayer{display:block;}
.privacyLayer{display:none; position:absolute; font-size:13px; text-align:left; width:180px; border:solid 1px #ccc; background:#fff; top:40px; left:60px; z-index:10; padding:15px 10px 10px 15px;}
.privacyLayer p{line-height:140% !important; word-break:keep-all;}
.privacyLayer p.fz12{font-size:11px; color:#808080; font-weight:300;}
.privacyArticle{border-bottom:solid 1px #e5e5e5; padding:10px 0 30px 0; margin-bottom:30px;}

@media all and (max-width:599px) {
.privacyLabel ul li{width:32%;}
.privacyLayer{left:30px;}
.last{left:-130px;}
}
.law .withIcon > li {margin-bottom: 15px;}
.law .withIcon > li a{position: relative;padding-left: 40px;display: block;padding-top: 5px;}
.law .withIcon > li span.privicon {display: inline-block;padding-right: 5px;position: relative;top: -2px;}
.law .withIcon > li img{display: inline-block;width: 25px;}
.law .withIcon li a>em{font-size: 0;z-index: -1;position: absolute;width: 0;height: 0;}
.privacyArticle .st span.privicon{display: inline-block;padding-right: 5px;position: relative;top: -2px;}
.privacyArticle .st span.privicon img{display: inline-block;width: 25px;}
@media screen  and (max-width:580px) {
.privacyArticle .st span.privicon{display: block;padding-right: 0;top: auto;padding-bottom: 5px;}
}

.history.flx{margin-bottom: 30px;}
.history.flx dl::before{display: block;content: '';width: 1px;background-color: #ccc;position: absolute;top: 0;bottom: 0;left: -1px;z-index: 0}
.history.flx dl{display: flex;padding-left: 0;padding-top: 22px;border-left: 0;}
.history.flx dl:first-of-type::before{top: 27px;}
.history.flx dl:last-of-type::before{bottom:auto;height: 27px;}

.history.flx dt{position: relative;top: auto;flex:0 0 100px;z-index: 2;}
.history.flx dd{flex:1;padding-top: 0;}
.history.flx dd li b{font-size: 1.1em;margin-bottom: 8px;display: inline-block;}

@media all and (max-width:600px) {

.history.flx dl{display: block;}
.history.flx dd{flex:1;padding-top: 10px;padding-left: 12px;border-bottom: 0;padding-bottom: 0;}
}