@charset "utf-8";

/* 
	made by matey
	최초 작성자 : 안준상 (141015)
	최종 수정자 : 안준상	(141015)
*/
/* 영문 */
#lnb ul.lnb li a {font-size:14px;}

/* QR code */
.QRCodeForm{position:relative;overflow:hidden;margin-top:20px}
.QRCodeForm dd{float:left;margin-right:35px}
.QRCodeForm dd:last-child{margin-right:0}
.QRCodeForm dd > img{width:100px;height:100px}
.QRCodeForm dd > p{display:block;font-size:1em;font-weight:normal;text-align:center;line-height:16px}
.QRCodeForm .pdfDwn{display:block;width:100%;margin:20px 0;padding:0}



/* 리스트 타입 */
.bltType1 a {font-size:14px;color:#323232;}
.bltType1 li {margin-top:5px;}
.bltType1 li:first-child {margin-top:0;}
.bltType1 li a:before {content:'';display:inline-block;margin-right:5px;background:url('/web/images/cust/mapcat.png') no-repeat 0 0;width:20px;height:19px;vertical-align:middle;}
.bltType1 li.on a {text-decoration:underline;color:#018eb6;font-weight:bold;}
.bltType1 li.on a:before {background-position:-20px 0;}

p.bltT {margin-top:10px;padding-left:10px;display:block;background:url('/web/images/comm/bg_blit2.gif') no-repeat left 7px;clear:both;}
ul.bltT li {position:relative;padding-left:10px;}
ul.bltT li:before {content:"-";display:block;margin-right:10px;position:absolute;left:0;top:0;font-size:13px;}
 

/* 건설중인 댐현황 */
.buildList {border-bottom:1px solid #e2e2e2;width:100%;overflow:hidden;}
.buildList strong {font-weight:bold;}
.buildList > p {float:left;margin-right:30px;}
.buildList ul {overflow:hidden;}
.buildList .right {width:395px;float:right;}
.buildList {clear:both;content:'';display:block;}
 
.buildList .img img {width:375px;height:457px;}
.buildList .img.build03 img {width:375px;height:477px;}
.buildList .typeTitle {font-size:16px;font-weight:bold;color:#323232;margin-bottom:15px;}
.buildList .bltType1.type2 {width:19%;float:left;}
.buildList .bltType1.type3 {width:15%;float:left;}

.buildList.Info {margin-top:40px;border-bottom:none;}
.buildList.Info p {margin-right:0;}
.buildList.Info h2 {font-size:22px;font-weight:bold;color:#323232;margin-bottom:20px;}
.buildList.Info h3 {font-size:16px;font-weight:bold;color:#323232;}
.buildList.Info .img img {height:233px;}
.buildList.Info .img {font-size:12px;color:#717171;text-align:right;margin-bottom:10px;}
.buildList .img.type2 {margin-right:30px;margin-bottom:20px;}

/* 탭박스 */
.tabBoxGray {overflow:hidden;margin-bottom:30px;}
.tabBoxGray ul:after {clear:both;content:"";display:block;}
.tabBoxGray ul li {float:left;background:#ebebeb;border-right:2px solid #fff;box-sizing:border-box;padding:10px 25px;}
.tabBoxGray ul li a {display:inline-block;width:100%;height:100%;font-size:14px;color:#000;}
.tabBoxGray ul li.on {background:#047ab3;}
.tabBoxGray ul li.on a {color:#fff;}
/* 사업위치도 */

.bltRound {margin-bottom:20px;}
.bltRound li {padding-left:20px;font-size:14px;background-repeat:no-repeat;background-position:0 5px;line-height:24px}
.bltRound li.blue {background-image:url('/web/images/busi/blt_color1.gif');}
.bltRound li.Lblue {background-image:url('/web/images/busi/blt_color2.gif');}
.bltRound li.orange {background-image:url('/web/images/busi/blt_color3.gif');}
.img100 img {width:100%;}
.img83 a img,
.img83 img {width:83.5%}

.bltRound.type2 li {padding-left:35px;}
.bltRound.type2 li.blue {background-image:url('/web/images/busi/blt_color11.gif');}
.bltRound.type2 li.Lblue {background-image:url('/web/images/busi/blt_color12.gif');}
.bltRound.type2 li.orange {background-image:url('/web/images/busi/blt_color13.gif');}

table.newEng {width:100%;border-top:2px solid #12a3cc;margin-bottom:5px;}
table.newEng thead th {background:#f7f8fb;border-left:1px solid #ececec;vertical-align:middle;padding:5px 0;}
table.newEng thead th:first-child {border-left:none;}
table.newEng tbody th {border-bottom:1px solid #ECECEC;}
table.newEng td {text-align:center;border-left:1px solid #ECECEC;border-bottom:1px solid #ECECEC;padding:8px 0;}
table.newEng th span {display:inline-block;width:35%;}
table.newEng .topLine {border-top:1px solid #ECECEC}
/* Eng Ver --------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 공용 */

h3.h3 {font-size:16px;color:#323232;font-weight:bold;}
.block {display:block;}
.txtBlue {color:#017eba !important;}
.txtGreen {color:#508814 !important;}
.txtRed {color:#b56429 !important}
.mgT10 {margin-top:10px;}
.mgT15 {margin-top:15px;}
.mgT20 {margin-top:20px}
.mgT30 {margin-top:30px !important;}
.mgT40 {margin-top:40px;}
.mgT50 {margin-top:50px;}
.mgT60 {margin-top:60px;}
.mgR20 {margin-right:20px;}


/* tab */
.tabBtn a:hover,.tabBtn a:active,.tabBtn a:focus,
.tabBtn a {padding-left:15px !important;padding-right:15px; margin-bottom: 2px;}
.tabBtn a.on {padding:0 15px;}
.tabBtn.longTxt a {line-height:34px;padding:8px 25px;height:34px;}
.tabBtn.longTxt a.longTxt {line-height:normal;}
.tabBtn.type2 a {padding:11px 20px;}

/* bltList */
.bltList li {padding-left:8px;background:url('/web/eng/images/comm/bg_blit2.gif') no-repeat 0 9px;line-height:18px;}
.bltList li strong {font-weight:bold;}
.bltList li.none {background:none;}

.bltList.dl li span {display:inline-block;width:12.57861635220126%;font-weight:bold;}

.p15List li {margin-top:15px;}
.p15List li:first-child {margin-top:0;}
.p15List li strong {font-weight:bold;}


/* table */
table.rowTable {width:100%;border-top:2px solid #12a3cc}
table.rowTable thead th {background:#f7f8fb;color:#323232;padding:8px 0;font-weight:bold;vertical-align:middle}
table.rowTable tbody th {text-align:left;padding:10px;vertical-align:middle;color:#323232;border-bottom:1px solid #ECECEC}
table.rowTable tbody td {padding:8px 5px 8px 15px;border-bottom:1px solid #ececec;border-left:1px solid #ececec;vertical-align:middle;}
table.rowTable tbody td.thum {text-align:center;}
table.rowTable tbody td.thum img {vertical-align:middle;width:100%}
table.rowTable tbody td:first-child {border-left:none}
table.rowTable tfoot td {padding:8px 4px;border-bottom:1px solid #ececec;border-left:1px solid #ececec;vertical-align:middle;font-weight:bold;}
table.rowTable tfoot td:first-child {border-left:none;}
table.rowTable td.center {text-align:center !important;}
table.rowTable td.arrytop {vertical-align:top;}
table.rowTable.img td img {width:100%;}
table.rowTable thead tr.bottomLine th {border-bottom:1px solid #ECECEC;}
table.rowTable thead tr.rightLine th {border-right:1px solid #ECECEC;}
table.rowTable thead th.rightLine {;border-right:1px solid #ECECEC;}
table.rowTable thead th.bottomLIne {border-bottom:1px solid #ECECEC}


table.rowTable.type3 tbody td {padding:8px 4px;text-align:left;}
table.rowTable.txtCenter tbody td {text-align:center;}
table.rowTable.txtCenter tbody th {text-align:center;font-weight:bold;border-right:1px solid #ececec;}

table.colTable {width:100%;border-top:2px solid #12a3cc;border-bottom:1px solid #d1d1d1;}
table.colTable tbody th {text-align:center;background:#f7f9fa;border-top:1px solid #e2e2e2;padding:8px 0;font-weight:bold;color:#323232;}
table.colTable tbody th.brdNone {border-top:none;}
table.colTable tbody td {padding:8px 12px;border-top:1px solid #e2e2e2}
table.colTable tbody td:first-child {border-top:none;}

/* btn */
.btnTop {text-align:right;}


/* ceo message */
.ceo {overflow:hidden;}
.ceo .left {float:left;width:55.34591194968553%;} /* 440/795 */
.ceo .left li {margin-bottom:15px;}
.ceo .sign {font-weight:bold;}
.ceo .sign img {vertical-align:middle;}
.ceo .right {float:right;width:39.74842767295597%} /* 316/795 */
.ceo .right ul {border:1px solid #d1d1d1;padding:15px 20px;background:#fafafa;overflow-y:auto;height:190px;color:#717171;margin-top:10px;}
.bottomContacts {margin-top:30px;overflow:hidden;clear:both;width:100%;padding-top:20px;border-top:1px solid #e3e3e3;position:relative;top:40px;}
.bottomContacts li {float:left;margin-right:35px;}
.bottomContacts ul {margin-top:5px}
.bottomContacts ul:after {clear:both;content:'';display:block;}
.bottomContacts:after {clear:both;content:'';display:block;}
.bottomContacts strong {font-weight:bold;}
.bottomContacts img {width:15px;vertical-align:middle;margin-right:5px;}

/* history01 */
.historyBox {background:#f8f8f7;padding:30px 50px;overflow:hidden;margin-top:30px}
.historyBox .title {font-size:20px;font-weight:bold;color:#323232;margin-bottom:15px;clear:both;margin-top:40px}
.historyBox .title:first-child {margin-top:0;}
.historyBox .title span {display:inline-block;padding-bottom:10px;border-bottom:2px solid #047ab3}
.historyBox .img {float:left;}
.historyBox .bltList {float:right;width:445px;}
.historyBox .bltList li {position:relative;padding-left:105px;}
.historyBox .bltList li span {display:block;position:absolute;left:10px;top:0;}


/* location */

.location {overflow:hidden;}
.location:after {content:'';display:block;clear:both;}
.location .img {float:left;margin-right:40px;}
.location .h3 {font-size:22px;font-weight:bold;color:#323232;margin-bottom:20px;}
.location ul {float:left;}
.location ul li {line-height:18px;}
.grayBox {padding:25px 3.77%;background:#f8f8f8;overflow:hidden;}
.grayBox .left {float:left;width:69.18238993710692%;border-right:1px solid #ececec}
.grayBox .pdfDwn {vertical-align:middle;margin-top:20px;margin-left:20px;}
.grayBox.type2 h4 {font-weight:bold;font-size:14px;color:#323232}

/* imgBox */
.sectionImgTxt {position:relative;min-height:140px;}
.sectionImgTxt .img {position:absolute;left:0;top:0;}
.sectionImgTxt .txt {padding-left:340px;}
.sectionImgTxt.w250 .txt {padding-left:250px;}
.sectionImgTxt h3 {font-weight:bold;font-size:16px;color:#323232;}
.sectionImgTxt ul li {margin-top:10px;}
.sectionImgTxt.line {margin-top:20px;padding-top:20px;border-top:1px solid #ececec;}
.sectionImgTxt.line .img {top:20px;}
.sectionImgTxt.type2 {min-height:275px}
.sectionImgTxt.type3 {min-height:420px;}

/* clubPage */
.clubBox {width:100%;margin-bottom:400px;}
.clubBox p {text-align:center;}
.clubBox p.clubLogo {border-bottom:1px solid #ececec;margin-bottom:40px;}
.clubBox p.clubLogo img {width:360px;padding-bottom:10px;}

/* supplyPage */
.arryImg {overflow:hidden;margin-top:25px;}
.arryImg img {display:block;width:393px;margin-bottom:10px;}
.arryImg:after {content:"";display:block;clear:both;visibility: hidden;}
.arryImg li {float:right;}
.arryImg li:first-child {float:left;}
.arryImg li span {font-weight:bold;font-size:16px;color:#323232;display:block;margin-bottom:10px;}
.arryImg li span.mobileOff,
.arryImg li span.mobileOn {font-size:13px;font-weight:normal;color:#494949;}
.arryImg li span.mobileOff strong,
.arryImg li span.mobileOn strong {font-weight:bold;}
.arryImg li span.mobileOff {display:none;}

/* infotech */
.lineB {border-bottom:1px solid #ececec;padding-bottom:50px;margin-bottom:30px;}
.tecImgList {overflow:hidden;border-top:1px solid #ececec;padding-top:20px;margin-top:20px;}
.tecImgList.none {border-top:none;padding-top:none;margin-top:none;}
.tecImgList:after {clear:both;content:"";display:block;visibility: hidden;}
.tecImgList h4 {font-size:16px;color:#323232;font-weight:bold;margin-bottom:10px;}
.tecImgList h4 a {font-weight:normal;color:#047ab3}
.tecImgList .img {float:left;width:31.44654088050314%;}
.tecImgList .img img {width:89.2%;}
.tecImgList .right {float:right;width:68.55345911949686%}


/* reduction */
.bear {float:left;padding:0 20px 8px 0;}

/* calculator */
.sumWrap input.inpTx {width:50%}
.sumWrap li {margin-right:0;}
.sumWrap label {display:inline-block;width:22%;}


/* sub02 program */
.accounting {overflow:hidden}
.accounting:after {clear:both;content:"";display:block;visibility: hidden;}
.accounting li.txt {}
.accounting li:first-child {float:left;width:37.10691823899371%}
.accounting li:first-child img {width:100%;max-width:281px;}

/*performance*/
.hidden li {background:none !important;line-height:0 !important;padding:0 !important}
.performanceImg {margin:20px 0 0;width:100%}
.performanceImg img {width:100%}

/* performance 
.performance {overflow:hidden;margin-top:10px}
.performance .left {float:left;width:38.36477987421384%}
.performance .left img {width:100%;max-width:299px;}
.performance table.rowTable {width:61.63522012578616%}*/

/* chain */
.chainBox {overflow:hidden;}
.chainBox:after {clear:both;content:'';display:block;visibility:hidden;}
.chainBox ul {width:73.45911949685535%;float:left;padding-right:2.515723270440252%;border-right:1px solid #ececec;}
.chainBox p.mobileOff {float:right;}

/* service */
.arryLeftImg {overflow:hidden;margin-top:20px;}
.arryLeftImg li {float:left;margin-left:0.6289308176100629%;width:23.65408805031447%;}
.arryLeftImg li:first-child {margin-left:0;}
.arryLeftImg li img {width:100%;display:block;margin-bottom:10px;}
.arryLeftImg li span {display:block;}
.arryLeftImg li span.tit {font-weight:bold;white-space: nowrap;}
.arryLeftImg li span.txt {color:#fff;text-align:center;}
.arryLeftImg li span.txt span {position:absolute;top:-20px;visibility: hidden;}

.arryLeftImgType2 {overflow:hidden;margin-top:20px;}
.arryLeftImgType2 li {float:left;width:19.74842767295597%;margin-left:0.3089308176100629%;font-size:12px}
.arryLeftImgType2 li img {width:100%;}
.arryLeftImgType2 li:first-child {margin-left:0;}
.arryLeftImgType2.sec {border-bottom:none;}
.arryLeftImgType2.sec2 {border-bottom:1px solid #ececec !important}
.arryLeftImgType2.sec li {width:24.70023270440252%;}

.arryImgFlt {overflow:hidden;}
.arryImgFlt li {float:left;margin-left:5px;}
.arryImgFlt li:first-child {margin-left:0;}

/* report */
.pdfDwn {margin-top:40px;display:inline-block;}
.pdfDwn a {font-weight:bold;color:#323232;text-decoration:underline}
.pdfDwn img {width:20px;margin-right:5px;vertical-align:middle}
.pdfDwn.adobe {}

.arryImgTxt {overflow:hidden;}
.arryImgTxt .left {float:left;width:27.54716981132075%;margin-right:3.773584905660377%;padding-bottom:50px}
.arryImgTxt .left img {width:90%;}
.arryImgTxt .right h3 {font-size:18px;font-weight:bold;color:#323232;margin-bottom:10px;}

.reportBox {overflow:hidden;margin-top:30px}
.reportBox .area {background:#f1f1f1;width:27.98507462686567%;height:300px;float:left;padding:3.233830845771144% 2.487562189054726%;position:relative;}
.reportBox .area.type2 {background:#f8f8f8}
.reportBox .area.type3 {background:#f8f8f8 url("/web/eng/images/sust/img_sub03_02.gif") no-repeat center center}
.reportBox .area .bltList {margin-top:15px;}
.reportBox .area .bltList li {line-height:15px}
.reportBox .area .pdfDwn {position:absolute;left:7.547169811320755%;bottom:8.666666666666667%}
.reportBox h4 {font-size:16px;color:#323232;font-weight:bold;}
.reportBox h4:after {content:"";display:block;position:relative;width:40px;height:1px;background:#047ab3;left:0;top:5px;}

.arryReoprt {overflow:hidden;margin-top:30px;}
.arryReoprt li {float:left;margin-left:3.773584905660377%;width:22.13836477987421%}
.arryReoprt li .thum img {width:100%; border:1px solid #cbcbcb}
.arryReoprt li:first-child {margin-left:0;}
.arryReoprt .title {font-size:16px;font-weight:bold;color:#323232;margin-bottom:10px;}
.arryReoprt .pdfDwn {margin-top:20px;}

.reportList {border-top:2px solid #12a3cc;}
.reportList dt {padding:12px 20px 12px 55px;background:#f7f9fa url('/web/images/list/ico_Q.gif') no-repeat 20px 8px;}
.reportList dd {padding:12px 20px;border-bottom:1px solid #ececec;}
.reportList dd label {margin-right:10px;}
.reportList dd input[type="radio"] {vertical-align:top;position:relative;top:1px;}
.reportList dd.input {padding:0;padding-bottom:10px;}
.reportList dd p {font-size:12px;color:#ba522a;}
.reportList dd textarea {width:94%;padding:3%;border:1px solid #ececec;border-top:none;}
.reportList dd textarea {color:#494949;font-size:13px;}

.btnSend {text-align:right;width:100%;margin-top:30px;}

.powerList {overflow:hidden;}
.powerList .left {float:left;width:39.74842767295597%;}
.powerList .left img {width:100%;}
.powerList .right {width:55.34591194968553%;float:right;}


.arryImgThree {overflow:hidden;}
.arryImgThree li {float:left;width:32.9%;margin-left:0.4%}
.arryImgThree li img {width:100%;}
.arryImgThree li:first-child {margin-left:0;}
.arryImgThree.one li {width:65%;}

.arryImgTwo {overflow:hidden;}
.arryImgTwo li {float:right;width:47%;}
.arryImgTwo li:first-child {float:left;}
.arryImgTwo li span {font-weight:bold;color:#494949;margin-bottom:10px;font-size:22px;}

/* Main */
.mainSection2 {overflow:hidden;}
.mainSection2 h2.ctit {font-size:18px;font-weight:bold;color:#000000;margin-top:10px;}
.mainSection2 .txt {height:110px;overflow:hidden;}
.mainSection2 .txt strong{font-weight:600; font-size:0.9em}
.mainSection2 .btnMore {width:50px;height:12px;margin-top:10px;}
.mainSection2 .aricle1 {float:left;width:48.7%;} /* 487/1000 */	
.mainSection2 img {width:100%;}
.mainSection2 .left {float:left;width:47.43326488706366%} /* 231 / 487 */
.mainSection2 .right {float:right;width:47.43326488706366%}
.mainSection2 .title {font-size:12px;color:#000;font-weight:bold;margin-top:5px;}

.mainSection2 .aricle2 {float:right;width:48.7%}

.mainSection2.type2 {margin:30px 0}


/* project03 */
.planPage .img83 img {width:78.5%}
.planList {overflow:hidden;}
.planList li {float:left;width:305px;text-align:left;}
.planList li:first-child {margin-right:1.99%}
.planList li img {width:100%;}
.planList span {display:block;margin-bottom:5px;}
.siteView {width:610px}

/* project4 */
.listDl.eng dd,
.listDl.eng dt {position:relative;}
.listDl.eng dt a.open span.th01 {background:url('/web/eng/images/busi/ico_number.gif') 0 center no-repeat;}
.listDl.eng dt a.open span.th03 strong {width:88%;color:#017eba}
.listDl.eng dt a span.th01 {background:url('/web/eng/images/busi/ico_number_gray.gif') no-repeat 0 center;display:inline-block;width:27px;height:29px;text-align:center;line-height:29px;position:absolute;left:10px;top:5px;color:#fff;font-weight:bold;}
.listDl.eng dt span.th03 {padding-left:7.15%}
.listDl.eng dd div.th02 {width:auto;}
.listDl.eng dd div {float:none}
.listDl.eng dt span.th03 strong {width:88%}
/* .listDl.eng .imgList {overflow:hidden;} */
.listDl.eng .imgList .left {width:27.7363184079602%;float:left;}
.listDl.eng .imgList .left img {width:100%;}
.listDl.eng .imgList .right {width:62.18905472636816%;float:right;}
.listDl.eng .imgList .right p {clear:both;text-align:left;width:100%}
.listDl.eng .imgList .bltList li {position:relative;text-align:left;margin-top:15px;}
.listDl.eng .imgList .bltList li:first-child {margin-top:0;}
.listDl.eng .imgList .bltList li span {display:block;padding-left:15%;}
.listDl.eng .imgList .bltList li span.title {position:absolute;font-weight:bold;left:0;padding-left:5px;}
.listDl.eng dd div.th02 p {margin-bottom:20px;}
.listDl.eng dd div.th02 p.eng_text {margin-bottom:20px !important; padding-bottom:0px !important;}
.smT {padding-left:20px;background:url("/web/eng/images/busi/ico_info.gif") no-repeat left 2px;min-height:20px;line-height:20px;font-size:12px;margin-top:15px;}

/* water */
.mapLink {position:relative;}
.mapLink .link {width:210px;position:absolute;right:0;top:0}
.mapLink .link li {padding-left:20px;position:relative;}
.mapLink .link li a {font-weight:bold;text-decoration:underline;color:#323232;}
.mapLink .link li img {width:18px;vertical-align:middle;position:absolute;left:0;top:2px;}
.mapLink .point a img {width:auto;}
.mapLink .point li {position:absolute;}
.mapLink .point li a {display:block;width:100%;height:100%;}
.mapLink .point li.po01 {left:12%;top:24%;}
.mapLink .point li.po02 {left:15.5%;top:28.7%;}
.mapLink .point li.po03 {left:42%;top:39%;}
.mapLink .point li.po04 {left:74%;top:39%;}
.mapLink .point li.po05 {left:16.5%;top:49.7%;}
.mapLink .point li.po06 {left:11%;top:75%;}
.mapLink .point li.po07 {left:76%;top:67%;}

#popupBox {width:100%;height:100%;overflow:hidden;}
#popupBox .title {height:60px;padding:0 30px;background:#047ab3;}
#popupBox .popContent {height:560px;padding:30px;overflow-y:scroll;overflow-x:hidden;}
#popupBox h1 {font-size:18px;color:#fff;font-weight:bold;line-height:60px;}
#popupBox h2 {font-size:16px;font-weight:bold;color:#323232;margin-bottom:10px;}
#popupBox .txtRight {text-align:right;}
#popupBox .closeBox {;position:absolute;right:30px;top:18px;width:26px;height:26px;}
#popupBox .closeBox a {display:block;width:100%;height:100%;}
#popupBox .closeBox img {width:100%;}
#popupBox table.rowTable tbody td {text-align:center;}
#popupBox .arryImgTwo li {width:49%}
#popupBox strong {font-weight:bold;}

.mapList01 {position:relative;clear:both;margin-top:10px;}
.mapList01 li {position:absolute;left:0;top:0;}
.mapList01 li.img {position:relative;}
.mapList01 li.img img {width:100%;}
.mapList01 li.point01 {left:33%;top:17%;}
.mapList01 li.point02 {left:42%;top:14%;}
.mapList01 li.point03 {left:46%;top:20%;}
.mapList01 li.point04 {left:45%;top:28%;}
.mapList01 li.point05 {left:32%;top:37%;}
.mapList01 li.point06 {left:50.5%;top:35%;}
.mapList01 li.point07 {left:39%;top:43.5%;}
.mapList01 li.point08 {left:51%;top:49%;}
.mapList01 li.point09 {left:44%;top:53%;}
.mapList01 li.point10 {left:61.5%;top:39%;}
.mapList01 li.point11 {left:53%;top:58%;}
.mapList01 li.point12 {left:53%;top:68%;}
.mapList01 li.point13 {left:63%;top:66%;}
.mapList01 li.point14 {left:55%;top:75%;}
.mapList01 li.point15 {left:64%;top:72%;}
.mapList01 li.point16 {left:35%;top:63%;}
.mapList01 li.point17 {left:28%;top:70%;}
.mapList01 li.point18 {left:26%;top:78%;}
.mapList01 li.point19 {left:39%;top:77%;}
.mapList01 li.point20 {left:28%;top:85.5%;}
.mapList01 li.point21 {left:37%;top:83%;}

/* main visual Fixed 주말에 이게 무슨짓이야 */
#mainVisual {overflow:hidden;height:525px;width:100%;}
/*#mainVisual .cover {overflow:hidden;width:1600px;height:525px;position:relative;left:50%;top:0;margin-left:-800px}*/
#mainVisual .allvisualwrap {position:relative;width:1000px;height:525px;;margin:0 auto;overflow:hidden;}
#mainVisual .allvisualwrap .cut {position:absolute;left:0;top:0;}

#mainVisual .bx-controls-direction {overflow: hidden;position:absolute;width:970px;height:40px;left:50%;bottom:0;margin-left:-500px;z-index:1}
#mainVisual .bx-controls-direction a {display:block;width:28px;height:28px;overflow:hidden;text-indent:-9999px;}
#mainVisual .bx-controls-direction .bx-prev {position:absolute;right:30px;bottom:10px;background:url('/web/images/main/btn_visual_prev.png') no-repeat 0 0;}
#mainVisual .bx-controls-direction .bx-next {position:absolute;right:0px;bottom:10px;background:url('/web/images/main/btn_visual_next.png') no-repeat 0 0;}
#mainVisual .bx-controls-direction .stop {}
#mainVisual .bx-controls-auto {position:absolute;left:50%;bottom:10px;width:1000px;height:30px;margin-left:-500px;}
#mainVisual .bx-controls-auto-item a {display:block;width:28px;height:28px;overflow:hidden;text-indent:-9999px;position:absolute;right:0px;bottom:0px;}
#mainVisual .bx-controls-auto-item a.active {display:none;}
#mainVisual .bx-controls-auto-item .bx-start {background:url('/web/images/main/btn_visual_stop.png') no-repeat 0 0;}
#mainVisual .bx-controls-auto-item .bx-stop {background:url('/web/images/main/btn_visual_play.png') no-repeat 0 0;}





@media all and (max-width: 975px) {
.historyBox {padding:25px 10px}
 .historyBox .img {float:none;}
 .historyBox .img li {display:inline-block;width:49%;}
 .historyBox .img img {width:100%;}
 .historyBox .bltList {float:none;width:100%;margin-top:10px;}
 .historyBox .bltList li {width:65%;padding-left:35%}
 
 #mainVisual .cut span.tit {margin-right:20px;}
 #mainVisual .cut.c01 span.txt {margin-right:20px;}
 #mainVisual .cut.c01 span.txt2 {margin-right:20px;}
 
 /* visual */
	#mainVisual .bx-controls-auto {width:100%;left:0;margin-left:-20px;}
	#mainVisual .bx-controls-direction {width:100%;left:0;margin-left:-50px;}
 
 
 
}



@media all and (max-width: 767px) {
	h2.h2 {margin-top:30px;}
	h3.h3 {margin-top:20px;}
	
	.mgT50 {margin-top:30px;}
	
	.img100 a img,
	.img100 img {width:100%;max-width:767px;}
	.img83 a img,
	.img83 img {width:100% !important;}
	
	.movie,
	.movie img {width:100%;}
	.tabBtn a.on,
	.tabBtn a {text-indent:0 !important;padding:11px 2%;width:96%;}
	
	/* visual */
	#mainVisual .bx-controls {width:100%;border-bottom:1px solid #ececec;padding:10px 0;}
	#mainVisual .bx-controls-direction {overflow: hidden;position:relative;width:60px;height:40px;left:-13px;bottom:0;margin-left:0px;margin:0 auto;}
	#mainVisual .bx-controls-auto {position:absolute;left:50%;bottom:0px;width:28px;height:40px;margin-left:22px;}
	#mainVisual .bx-controls-direction .bx-prev {position:absolute;left:0;bottom:10px;}
	#mainVisual .bx-controls-direction .bx-next {position:absolute;right:0px;bottom:10px;}
	#mainVisual .bx-controls-auto-item a {left:0;top:0;}
	#mainVisual .bx-controls-auto {height:28px;bottom:21px;}
	#mainVisual .cut.c01 span.tit, #mainVisual .cut.c01 span.txt, #mainVisual .cut.c02 span.tit, #mainVisual .cut.c02 span.txt {margin-left:0;padding-left:0;}
	#mainVisual .cut .inner {margin-left:0;padding-left:20px;}
	#mainVisual .cut span.txt2 {left:0;}
	#mainVisual .cut.c03 .tit {padding:0;}
	#mainVisual .cut.c03 .inner {padding-left:0;}
	#mainVisual .cover {height:auto;}
	
	/* main */
	.mainSection2 {padding:0 10px;}
	.mainSection2 .aricle2,
	.mainSection2 .aricle1 {float:none;width:100%;clear:both;}
	.mainSection2 .aricle2 {margin-top:10px;}
	.mainSection2 .txt {font-size:10px;height:6em;}
	.mainSection2 h2.ctit {font-size:13px;}
	.bnSet .line {overflow:hidden;}
	
	
    .conInner.build .topBox {border-bottom:none;}
    .townWrap .topBox .imgBox {width:54px;}
    .townWrap .topBox .txBox {padding-top:0;}
    .mobileInner {padding:0 15px;}
    .buildList h2 {font-size:20px;}
    .buildList.Info .img img,
    .buildList .img img {width:100%;height:auto !important;max-width:575px}
    .buildList .right {clear:both;float:none;width:100%}
    ul.bltT li {width:95%}
    .mlist {width:100%;height:22px;font-size:10px;font-weight:bold;border:1px solid #f2f2f2;border-top:1px solid #b2b2b2;margin-bottom:15px;}
    .buildList > p {float:none;margin:0;text-align:center;}
    .buildList .typeTitle {clear:both;float:left;font-size:14px;width:30%;}
    .buildList .adm select {float:left;width:70%}

   
   /* ceo Meassage */
  .ceo .left {width:100%;clear:both;}
  .ceo .right {width:100%;clear:both;}
  .bottomContacts {padding-left:10px;padding-right:10px;top:0;}
  .bottomContacts li {float:none;}
  .bottomContacts .add {clear:both;}
  .bottomContacts .add li {float:left;}
  
  /* location */
 .location ul li span {display:inline-block;position:absolute;left:0;top:0;}
 .location ul li:first-child {position:relative;padding-left:60px}
 .location .img {margin-top:30px;width:100%;}
 .location .img img {width:100%;} 
 
 /* imgBox */
	.sectionImgTxt {min-height:auto;}
	.sectionImgTxt .img {position:relative;left:0;top:0;width:100%;}
	.sectionImgTxt .img img {width:100%;}
	.sectionImgTxt.w250 .txt,
	.sectionImgTxt .txt {padding:0 10px;}
  
  /* clubPage */
 .clubBox p.clubLogo img {width:320px;}
 .clubBox p {padding:0 10px;}
 
 /* supplyPage */
.p15List li img {width:100%}
.arryImg li {float:none;margin-top:10px;}
.arryImg li:first-child {float:none;margin-top:none;}
.arryImg li img {width:100%;}

/* infortech */
.tecImgList .img {float:none;width:100%;margin-bottom:10px;}
.tecImgList .img img {width:100%;}
.tecImgList .right {float:none;width:100%}
  
  /* reduction */
 .bear {float:none;padding:0 0 8px 0;width:100%;}
 .bear img {width:100%;}
  
/*.performance .left {float:none;width:100%;padding:0 !important;text-align:center !important;}
.performance .left img {max-width:100%}
.performance table.rowTable {width:100%;margin-top:10px;}*/

/* chain */
.chainBox ul {width:auto;float:none;padding:0;border-right:none;}
.chainBox p.mobileOn {float:left;padding:0 10px 5px 0}
.chainBox p.mobileOn img {width:81px;}

.arryLeftImgType2 li {float:none;width:100%;margin-left:0%;font-size:12px;margin-top:10px;}  
.arryLeftImgType2.sec li {width:100%;}


.arryLeftImg li {float:none;margin-left:0;width:100%}
.arryLeftImg li span {display:block;}

.reportBox .area {width:100%;height:auto;float:none;}
.reportBox .area .pdfDwn {position:relative;left:0;bottom:0}
.reportBox h4 {font-size:16px;color:#323232;font-weight:bold;}
.reportBox h4:after {content:"";display:block;position:relative;width:40px;height:1px;background:#047ab3;left:0;top:5px;}

.arryReoprt li {width:47%;margin-left:3%;margin-bottom:20px}
.arryReoprt li.first {margin-left:0;}

.grayBox.type2 .left {float:none;}
.grayBox.type2 .pdfDwn {margin-left:0}

.powerList .left {width:100%;float:none;}
.powerList .right {width:100%;float:none;}

.arryImgThree li {float:none;width:100%;margin-left:0}

.arryImgFlt li {float:none;margin-left:0px;width:100%;}
.arryImgFlt li img {width:100%;}

.planList li {float:none;width:100%}
.listDl.eng dt span.th03 {padding-left:15.15%} 
.listDl.eng dt a span.th01 {left:3%;top:13%;width:22px;height;22px;background-size:100% auto;margin:0;}
.listDl.eng dt a.open span.th01 {background-size:100% auto}

.mapLink .link {top:auto;bottom:0;left:0%;margin-left:0px;position:relative;width:100%}
.mapLink .link img {padding-bottom:69px;}
.mapLink .point li {position:relative;left:0 !important;top:-10% !important;}

/* popup */
#popupBox {overflow-y:auto;}
#popupBox .title {height:30px;padding:0 10px;background:#047ab3;font-size:14px;line-height:30px;}
#popupBox h1 {line-height:30px}
#popupBox .popContent {min-height:100%;height:auto;padding:10px;;overflow-x:hidden;}
#popupBox .closeBox {top:9px;width:15px;height:15px;}
#popupBox .arryImgTwo li {width:100%}
#popupBox .arryImgTwo li img {width:100%;}

/* 사업계요 지도 */
.mapList01 li {position:inherit;left:0 !important;top:0 !important;}
.mapList01 li.img {position:inherit;display:none !important;}
.mapList01 .mobileOn {padding:10px 0;}


/* bltList */
.bltList.dl li span {width:25%;}

/* project03 */
.siteView {width:100%}

/* project4 */
.listDl.eng .imgList .bltList li span {padding-left:0;}
.listDl.eng .imgList .bltList li span.title {position:relative;}

.sectionImgTxt.line .img {top:0;}

}