@charset "utf-8";
/* Command Css */
body { letter-spacing: 0px; }
table { border-collapse: collapse; border-spacing: 0;  margin: 0; padding: 0; border: 0; word-break:break-all;}
.clean { float: both; }
.blind{position:absolute;overflow:hidden;display:block;left:0;top:-5000px;}
/* caption, th { text-align: left;	font-weight: bold; } */
td { vertical-align: middle; font-weight: normal;}
.custWrap { padding-top: 35px; }
.mobileView { display: none; }
.webView { display: block; }

/* margin */
.mgt0 { margin-top: 0px!important; }
.mgt10 { margin-top: 10px!important; }

.mgbM5 { margin-bottom: -5px!important; }
.mgb0 { margin-bottom: 0px!important; }
.mgb5 { margin-bottom: 5px!important; }
.mgb10 { margin-bottom: 10px!important; }
.mgb20 { margin-bottom: 20px!important; }
.mgb30 { margin-bottom: 30px!important; }
.mgb40 { margin-bottom: 40px!important; }
.mgb50 { margin-bottom: 50px!important; }

/* padding */
.pdt0 { padding-top: 0px!important; }

/* font color */
.tiBlue01,
.fBlue01 { color: #047ab3!important; }
.tiBrown01 { color: #ba522a!important; }

/* font size */
.fS12 { font-size: 12px!important; }
.fS15 { font-size: 15px!important; }

/* font style */
.fNMyeongjo { font-family:'NanumMyeongjo'; font-size: 26px;  line-height: 32px; color: #494949; font-weight: bold; letter-spacing: -1px; }

/* font weight */
.fBold { font-weight: bold!important; }
.fNormal { font-weight: normal!important; }

/* algin */
.txta_l { text-align: left!important; }
.txta_R { text-align: right!important; }
.txta_C { text-align: center!important; }

/* width % */
.s100 { width: 100%!important; }
.s98 { width: 98%!important; }
.s95 { width: 95%!important; }
.s90 { width: 90%!important; }
.s80 { width: 80%!important; }
.s60 { width: 60%!important; }
.s40 { width: 40%!important; }

/* float */
.flLeft {float:left;}
.flRight {float:right;}

/* text-align */
.txtaLeft { text-align: left!important; }
.txtaRight { text-align: right!important; }

/* Line */
/* 회색라인*/
.greyLine {border-top: 1px solid #e2e2e2; width:44%;} 
.lineBGray {border-bottom: 1px solid #e2e2e2; } 

/* icon */
i { display: inline-block; }
i img { width: 20px!important; height: 20px; vertical-align: middle; }

.iArea { position: relative; overflow: hidden; }
.iArea a { text-decoration: underline; line-height: 25px; }
.iArea i { display: inline-block; }
.iArea i img { width: 20px!important; height: 20px; vertical-align: middle; }
.iArea span { display: inline-block; }

/* 견학정보 이미지 3개 */
.custWrap .tiSub { display: block; font-size: 40px; padding: 0 0 31px 0; color: #017eba; line-height: 45px; }
.custWrap .tiSub02 { display: block; font-size: 22px; padding: 0 0 10px 0; color: #323232; line-height: 30px; }
.custWrap .tiSub03 { display: block; font-size: 16px; padding: 0 0 5px 0; color: #323232; line-height: 30px; }

.imgDis { position: relative; overflow: hidden; }
.imgDis p { padding: 8px 0 15px; }
.imgDis img { width: 100%; }
.imgDis .noResize { width: 373px; padding: 0; }

.imgDis2Li { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis2Li li { height: 8.5625em; float: left; padding: 8px 0; margin: 0; }
.imgDis2Li li.photo, 
.imgDis2Li li.photo2 { width: 23%; padding-right: 3%; }
.imgDis2Li li.photo2 { height: auto; }
.imgDis2Li li.photo3 { width: 30%; height: auto; padding-right: 3%; }
.imgDis2Li li.photoLast { width: 29%; height: auto; text-align: center; }
.imgDis2Li li.txtFirst { width: 67%; height: auto; padding-right: 3%; }
.imgDis2Li li.txt,
.imgDis2Li li.txt2 { width: 74%; text-align: left; line-height: 22px; font-weight: normal;}
.imgDis2Li li.txt2 { height: auto; }
.imgDis2Li li.txt3 { width: 66.5%; height: auto; text-align: left; line-height: 18px; font-weight: normal; }
.imgDis2Li img { width: 100%; } 
.imgDis2Li li .tiLeft { float: left; width: 15%; }
.imgDis2Li li .cntRight { float: left; width: 83%; }

.imgDis2Li02 { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis2Li02 li { height: 8.5625em; float: left; padding: 18px 0 10px; margin: 0; border-top: 1px solid #e2e2e2; }
.imgDis2Li02 li.photo { width: 10%; padding-right: 3%; }
.imgDis2Li02 li.photo img { vertical-align: middle; }
.imgDis2Li02 li.txt { width: 86.5%; text-align: left; line-height: 18px; font-weight: normal; }
.imgDis2Li02 li:first-child { border-top: 0; }
.imgDis2Li02 li.nthChild2 { border-top: 0; }
.imgDis2Li02 li:nth-child(2) { border-top: 0; }
.imgDis2Li02 img { width: 100%; } 

.imgDis2Li03 { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis2Li03 li { height: 12em; float: left; padding: 18px 0 10px; margin: 0; border-top: 1px solid #e2e2e2; }
.imgDis2Li03 li.photo { width: 30%; padding-right: 3%; }
.imgDis2Li03 li.photo img { vertical-align: middle; }
.imgDis2Li03 li.txt { width: 66.5%; text-align: left; line-height: 18px; font-weight: normal; }
.imgDis2Li03 li:first-child { border-top: 0; }
.imgDis2Li03 li.nthChild2 { border-top: 0; }
.imgDis2Li03 li:nth-child(2) { border-top: 0; }
.imgDis2Li03 img { width: 100%; } 

.imgDis2Li04 { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis2Li04 li { height: 15.5em; float: left; padding: 40px 0 10px; margin: 0; border-top: 1px solid #e2e2e2; }
.imgDis2Li04 li.photo { width: 26%; padding-right: 3%; }
.imgDis2Li04 li.photo img { vertical-align: middle; }
.imgDis2Li04 li.txt { width: 70.5%; text-align: left; line-height: 18px; font-weight: normal; }
.imgDis2Li04 li:first-child { border-top: 0; }
.imgDis2Li04 li.nthChild2 { border-top: 0; }
.imgDis2Li04 li:nth-child(2) { border-top: 0; }
.imgDis2Li04 img { width: 100%; } 
.imgDis2Li04 li.photoB { width: 38%; padding-right: 3%; }
.imgDis2Li04 li.txt2 { width: 58.5%; text-align: left; line-height: 18px; font-weight: normal; }

.imgDis3Li { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis3Li li { width:33.333%; height: auto; float: left; padding: 0; margin: 0; }
.imgDis3Li img { width: 100%; } 
.imgDis3Li li.hisLi { overflow: hidden; padding: 10px 0; }
.imgDis3Li li.hisLi:first-child { padding-top: 0; }
.imgDis3Li li .hisPhoto { width: 31%; float: left; }
.imgDis3Li li .hisTxt { width: 65%; float: left; padding-left: 3%; padding-top: 4.2em; 
	font-weight: normal; font-size: 13px; line-height: 18px; }

.imgDis4Li { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis4Li li { width: 24.9%; height: auto; float: left; padding: 0; margin: 0; }
.imgDis4Li img { width: 100%; }

.imgDis4Li02 { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis4Li02 li { width: calc(100% / 4 - 2.38em); height:295px; float: left; padding: 3em 2.895em 2.5em 0; margin: 0; 
	font-size: 13px; line-height: 20px; font-weight: normal; color: #494949; border-bottom:1px solid #f1f1f1;}
/*.imgDis4Li02 li:first-child { padding-left: 0; }*/
.imgDis4Li02 li.nthChild5 { padding-left: 0; }
.imgDis4Li02 li:nth-child(4n+0) { padding-right: 0; }	
.imgDis4Li02 li .ti { font-size: 15px; line-height: 22px; font-weight: bold; }
.imgDis4Li02 img { width: 100%; border:1px solid #cbcbcb}

/* 2014.11.17 PM05:16 */
.img50 { position: relative; overflow: hidden; }
.img50 li { float: left; width: 49.5%; height: auto; padding: 15px 0; text-align: center; }
.img50 li img { width: 100%; }
.img50 li.imgLeft { width: 51% ; } 
.img50 li.photo { width: 49%; padding-right: 2%; }
.img50 li.txtL { width: 47%; }
.img50 li.imgRight { width: 49%; }
.img50 li.imgRight img { width: 52%; }
.img50 li .txt { width: 90%; padding: 1% 5%; font-size: 13px; line-height: 18px; text-align: left; color: #717171; }
.img50 li .txt2 { width: 90%; padding: 0 0 20px; margin-bottom: 20px; 
	font-size: 13px; line-height: 18px; text-align: left; color: #717171; font-weight: normal; }

.halfTxt { position: relative; overflow: hidden; }
.halfTxt li { float: left; }
.halfTxt li:first-child { width: 25%; }
.halfTxt li img { width: 100%; }
.halfTxt li.txt, .halfTxt li:last-child { width: 74%; padding-left: 1%; padding-top: 12px; font-size: 13px; line-height: 20px; }
.halfTxt li.photo { width: 38.75%; padding-right: 3.4375%; } /*2014.11.18 pm:03*/
.halfTxt li.photo img { }
.halfTxt li.txt2{ width: 56.97916666666667%; padding-left: 0; }

.grayBox { position:relative; overflow: hidden; background: #f8f8f8; padding: 5% 5%; }
.grayBox .tiUnderBlue { display: block; height: 41px; background: url('/web/images/cust/underLineBlue01.png') no-repeat 0 bottom; margin-bottom: 15px;
	font-size: 20px; line-height: 41px;  }
.grayBox .tiUpBlue { display: block; height: 41px; background: url('/web/images/cust/upLineBlue01.png') no-repeat 0 top;
	font-size: 20px; line-height: 41px;  }

.grayBox01 { position: relative; overflow: hidden; background: #f8f8f8; padding: 15px 30px; font-weight: normal; }
.grayBoxTip { position: relative; overflow: hidden; 
	background-color: #f8f8f8; background-image: url('/web/images/cust/ico_tip.png'); background-repeat: no-repeat; background-position: 41px center;
	padding: 15px 30px 15px 145px; font-weight: normal; }
.grayBoxMark { position: relative; overflow: hidden; 
	background-color: #f8f8f8; background-image: url('/web/images/cust/ico_tip.png'); background-repeat: no-repeat; background-position: 41px center;
	padding: 15px 30px 15px 145px; font-weight: normal; }

.blueBox01 { position: relative; overflow: hidden; background: #f7f9fa; border-top: 2px solid #12a3cc; border-bottom: 1px solid #ececec; margin-top:25px; }
.blueBox01 li { float: left; width: 22%; text-align: center; padding: 5px 0; line-height: 36px; }
.blueBox01 li:first-child { width: 18%; border-right: 1px solid #ddd;}
.blueBox01 li.lastChild,
.blueBox01 li:last-child { width: 37%; }

.bgBox01 { position: relative; overflow: hidden; padding: 40px; margin: 20px 0;  border: 8px dotted #12a3cc; }
	
/* 아코디언 */
.acc_trigger { display: bolck;	width: 100%; overflow: hidden; height: 45px; 
	background-color: #FFF; background-image: url('/web/images/cust/accArrowDown.png'); background-repeat: no-repeat; background-position: right 0; 
	border-top: 2px solid #12a3cc; border-bottom: 1px solid #e2e2e2; 
	padding: 0; margin: 0 0 5px 0; line-height: 45px; font-size: 14px; font-weight: bold; }
.acc_trigger a { display: block; overflow: hidden; color: #323232; text-decoration: none; padding: 0 0 0 30px; line-height: 45px; }
.acc_trigger a span { display: inline-block; width: 27px; height:45px; 
	background-image: url('/web/images/cust/bgNumGray.png'); background-repeat: no-repeat; background-position: left center; 
	color: #FFF; text-align: center; }
.acc_trigger.active { background-color: #FFF; background-image: url('/web/images/cust/accArrowUp.png');  }
.acc_trigger.active a { color: #017eba;  }
.acc_trigger.active a span { background-image: url('/web/images/cust/bgNumBlue.png'); }
.acc_container { overflow: hidden; width: auto; height: auto; background: #FFF; margin: 0 0 5px; padding: 30px; 
	font-size: 13px; clear: both; }

/*지도카테고리*/
.custWrap .custMap2{ position:relative; overflow: hidden; width:100%; }
.custWrap .custMap2 .mapTextRight { position: absolute; overflow: hidden; top: 78px; right:  5px; z-index: 999; margin: 0; padding: 0; }
.custWrap .custMap2 .mapTextRight > li { float: none; height: 25px; text-align: left; margin: 0; padding: 0; }
.custWrap .custMap2 .mapTextRight > li b{background:url(/web/images/cust/mapCat.png) no-repeat 0 0;width:19px;height:19px;display:inline-block;vertical-align:middle;margin-right:6px}
.custWrap .custMap2 .mapTextRight > li a { text-decoration: underline; }
.custWrap .custMap2 .mapTextRight > li a:HOVER{color:#12a3cc;display:inline;border-bottom:0px solid #12a3cc;padding-bottom:0px}
.custWrap .custMap2 .mapTextRight > li a:HOVER b{background:url(/web/images/cust/mapCat.png) no-repeat -21px 0;width:19px;height:19px}
.custWrap .custMap2 .mapTextRight > li.active b{background:url(/web/images/cust/mapCat.png) no-repeat -21px 0;width:19px;height:19px}
.custWrap .custMap2 .mapTextRight > li.active a {color:#12a3cc;display:inline;border-bottom:0px solid #12a3cc;padding-bottom:0px}
.custWrap .custMap2 .mapTextRight > li.active a:hover { color:#333; }
.custWrap .custMap2 .mapTextRight > li:LAST-CHILD { padding: 0; }
.custWrap .custMap2 img { width: 100%; }

/* tabbar */
.custWrap .tabSelect { display: none; }
.custWrap .tabBar { position: relative; overflow: hidden; padding-bottom: 20px; }
.custWrap .tabBar li { float: left; min-width: 100px; margin: 0; margin-right: 2px; }
.custWrap .tabBar li:last-child { margin-right: 0; }
.custWrap .tabBar a { display: inline-block; min-width: 60px; height: 38px; background-color: #ebebeb; padding: 0 20px; 
	line-height: 38px; font-size: 14px; color: #010101; text-align: center; } /* 2014.11.17 PM04:50 */
.custWrap .tabBar a:hover, .custWrap .tabBar a.on { background-color: #047ab3; color: #FFF;}

/* table Type 01 */
.custWrap .boardList { position: relative; overflow: hidden; padding-bottom: 30px; }
.custWrap .boardList .tiSmall { margin: 0; margin-bottom: -15px; padding: 0; font-size: 13px; line-height: 15px; font-weight: normal; }
.custWrap table.boardList01 { width: 99.9%; border: 1px solid #ececec; border-right: none; border-top: 2px solid #12a3cc; }
.custWrap table.boardList01 caption { width: 100%; height: auto; font-size: 16px; line-height: 25px; color: #323232; padding: 5px 0; margin: 0; }
.custWrap table.boardList01 caption.txtaR { text-align: right; font-size: 12px; color: #717171; padding: 0; }
.custWrap table.boardList01 thead th { min-height: 18px; background-color: #f7f8fb; border-top: 1px solid #ececec; border-left: none; padding: 6px 2px 4px; color: #323232; font-size: 13px; 
	font-weight: bold; line-height: 18px; font-weight: normal; text-align: center; vertical-align: middle; }
.custWrap table.boardList01 thead th:first-child {}
.custWrap table.boardList01 thead th.lastChild { border-right: 1px solid #ececec; }
.custWrap table.boardList01 thead th:last-child { border-right: 1px solid #ececec; }
.custWrap table.boardList01 tbody tr:nth-child(2n) td { }
.custWrap table.boardList01 tbody tr:hover td { background: #F1F1F1; }
.custWrap table.boardList01 tbody th, 
.custWrap table.boardList01 tbody td { min-height: 18px; background: #FFF; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; 
	padding: 6px 2px 4px; color: #323232; font-size: 13px; font-weight: bold; line-height: 18px; font-weight: normal; text-align: center; vertical-align: middle; }
.custWrap table.boardList01 tbody th { background-color: #fcfcfc; }
.custWrap table.boardList01 tbody td { }
.custWrap table.boardList01 tbody tr.txtaL td { text-align: left; padding-left: 18px; padding-right: 18px; }
.custWrap table.boardList01 tbody tr.fCOrg td, table.boardList01 tbody tr.fCOrg td a { color: #ff6600; }
.custWrap table.boardList01 tbody tr.fCGreen td, table.boardList01 tbody tr.fCGreen td a { color: #3fa790; }
.custWrap table.boardList01 tbody tr.lineL td { border-left: 1px solid #ddd; }
.custWrap table.boardList01 tbody tr.lineL td.first-child { border-left: none; }
.custWrap table.boardList01 tbody tr.notice td { color: #444; }
.custWrap table.boardList01 tbody tr.notice td a{ font-weight: bold; color: #444; }
.custWrap table.boardList01 tbody td:first-child {}
.custWrap table.boardList01 tbody td.ti { text-align: left; padding-left: 18px; } 
.custWrap table.boardList01 tbody td.txta_l { text-align: left; padding-left: 10px; padding-right: 10px; } /*2014.11.17 PM04:00 */ 
.custWrap table.boardList01 tbody td.ti a { color: #292929; line-height: 18px; font-weight: bold; font-size: 15px; } 
.custWrap table.boardList01 tbody td.numRight { text-align: right; padding-right: 8px; }
.custWrap table.boardList01 tbody td.ti2 { text-align: left; padding-left: 18px; border: 1px solid #333;} 

table.boardList01 button { height: 20px; line-height: 20px; padding: 1px 4px 0;}

/* 견학정보 이미지 3개 */
.custWrap .img3ea { position: relative; overflow: hidden; margin-bottom:30px;} /* 2014.11.17 PM04:25 */

/* 이미지(matey02) */
.worksWrap .img3ea2{margin-bottom:30px;}
.worksWrap .img3ea2 div{float:left;width:27.74%;}
.worksWrap .img3ea2 div img{width:100%;}
.worksWrap .img3ea2 div p{color:#717171;font-size:12px;}

/* 굵은글씨*/
.boldTxt {width:100%; font-weight: bold; font-size:20px; line-height:20px; !important;}
.boldTxt2 {width:100%; font-weight: bold; font-size:17px; line-height:20px; !important;}
.boldTxt3 {width:100%; color: #047ab3; font-weight: bold; font-size:16px; line-height:20px; !important;}
.normalTxt {font-size:13px; line-height: 20px; font-weight: normal;}
.normalTx2 {font-size:13px; font-weight: bold; line-height:20px!important;}
.boldTxt {font-size: 13px; line-height: 20px; font-weight: bold; }
.txtR {font-size: 13px; line-height:18px; text-align: right!important;}

/*지도카테고리*/
.custWrap .custMap2{ width:100%;overflow:hidden}
.custWrap .custMap2>ul>li{float:left}
.custWrap .custMap2>ul>li:FIRST-CHILD{padding:0px 0px 0px 0px}
.custWrap .custMap2>ul>li:LAST-CHILD{padding:40px 0 0 30px}
.custWrap .custMap2>ul>li:LAST-CHILD ul li:FIRST-CHILD{font-size:1.2em;padding:10px 0}
.custWrap .custMap2>ul>li:LAST-CHILD ul li{padding:5px 0}
.custWrap .custMap2>ul>li:LAST-CHILD ul li b{background:url(/web/images/cust/mapcat.png) no-repeat 0 0;width:19px;height:19px;display:inline-block;vertical-align:middle;margin-right:6px}
.custWrap .custMap2>ul>li:LAST-CHILD ul li a:HOVER{color:#12a3cc;display:inline;border-bottom:1px solid #12a3cc;padding-bottom:1px}
.custWrap .custMap2>ul>li:LAST-CHILD ul li a:HOVER b{background:url(/web/images/cust/mapcat.png) no-repeat -21px 0;width:19px;height:19px}
.custWrap .custMap2>ul>li:LAST-CHILD ul li.active b{background:url(/web/images/cust/mapcat.png) no-repeat -21px 0;width:19px;height:19px}
.custWrap .custMap2>ul>li:LAST-CHILD ul li.active a{color:#12a3cc;display:inline;border-bottom:1px solid #12a3cc;padding-bottom:1px}

/* 수질검사절차 안내 */
.inforBg { position: relative; overflow: hidden; width: 100%; min-height: 1121px; background:url('/web/images/cust/W_02_04_03_tab2_bgWeb.png') no-repeat 0 0; }
.inforBg ul { overflow: hidden; padding: 0 0 0 99px;  }
.inforBg li { border-top: 1px solid #e2e2e2; padding: 20px 0 25px 57px; font-weight: normal; line-height: 20px;   }
.inforBg li a.btnGo { display: inline-block; width: 63px; height: 22px; background: url('/web/images/cust/btnGoWeb.png') no-repeat;
	color: #FFF; font-size: 11px; line-height: 22px; font-weight: bold; text-align: center; }
.inforBg li:first-child{ border-top: 0; }

/* popup */
#popWrap { position: relative; overflow: hidden; width: 100%; }
#headerPop { position: relative; overflow: hidden; height: 60px; /* 60/700 */ background: #047ab3; border-bottom: 1px solid #d9d9d9; padding: 0 4%; }
#headerPop h1 { display: inline-block; width: 92%; height: 60px; margin: 0; padding: 0;
	color: #FFF; font-size: 18px; font-weight: bold; line-height: 60px; text-align: left;  }
#headerPop .btnTxtR { position: absolute; overflow: hidden; top: 18px; right: 10px; text-align: right; }
#headerPop .btnTxtR button { background: transparent; border: none; width: auto; height: auto; cursor: pointer; }
#headerPop .btnTxtR button img { width: 23px; height: 23px; vertical-align: middle; }
#headerPop button { height: 26px; background: #333; border: none; padding: 0 14px; vertical-align: middle; color: #FFF; }

#cntPop { position: relative; overflow: hidden; overflow-y: scroll; width: 96%; height: 600px; padding: 25px 2% 25px; }
#cntPop input[type="text"], #cntPop input[type="password"], #cntPop input[type="number"], #cntPop input[type="date"], #cntPop input[type="email"], #cntPop select { height: 18px; border: 1px solid #a1a1a1; line-height: 18px; }
#cntPop .FtCorBlue { display: inline-block; color: #3b7dc0; line-height: 18px; }
#cntPop .PopSelect { position: relative; overflow: hidden; height: 25px; margin-bottom: 10px; text-align: center; vertical-align: middle; }
#cntPop .PopSelect input, #cntPop .PopSelect label { vertical-align: middle; margin-bottom: 9px; }
#cntPop .PopSelect label { display: inline-block; line-height: 25px; margin-bottom: 7px; }
#cntPop .PopSelect .FtCorBlue { line-height: 25px; font-size: 20px; }

#cntPop .SearchMethod { position: relative; overflow: hidden; margin-bottom: 10px; }
#cntPop .SearchMethod .RowArea { padding: 5px 0; }
#cntPop .SearchMethod .RowArea label { display: inline-block; width: 55px; text-align: left; line-height: 25px; }
#cntPop .SearchMethod .RowArea input, #cntPop .SearchMethod .RowArea select { width: 130px; height: 25px; border: 1px solid #a1a1a1; line-height: 25px; }

#cntPop .AddrList { position: relative; overflow: hidden; margin-bottom: 10px; }
#cntPop .AddrList h1 { float: none; font-size: 12px; line-height: 18px; font-weight: bold; color: #343635; padding: 8px 0 5px 5px; }
#cntPop .AddrList dl { overflow-y: scroll; height: 130px; border-bottom: 1px solid #307ecc; padding: 5px 0; }
#cntPop .AddrList dl.Ti { overflow: hidden; height: 25px; background: #307ecc; padding: 2px 0 0; }
#cntPop .AddrList dt, #cntPop .AddrList dd { float: left; width: 67%; height: 22px; padding: 0; margin: 0; line-height: 22px; text-align: left; }
#cntPop .AddrList dt { text-align: center; color: #FFF; }
#cntPop .AddrList dd {}
#cntPop .AddrList dt.FirstChild, #cntPop .AddrList dd.FirstChild { width: 15%; text-align: center; }
#cntPop .AddrList dt.LastChild, #cntPop .AddrList dd.LastChild { width: 18%; text-align: center; }
#cntPop .AddrList dt.LastChild { width: 13%; }
#cntPop .AddrList dl.Ti dt { line-height: 28px; }
#cntPop .AddrList dd.NoData { width: 100%; padding: 40px 0 0; text-align: center; color: #307ecc; line-height: 18px; }

#cntPop .AddrResult { position: relative; overflow: hidden; margin-bottom: 10px; }
#cntPop .AddrResult .RowArea { padding: 5px 0; }
#cntPop .AddrResult .RowArea label { display: inline-block; width: 55px; text-align: left; line-height: 25px; }
#cntPop .AddrResult .RowArea input { width: 80px; height: 25px; border: 1px solid #a1a1a1; line-height: 25px; }

#cntPop .TxtMsg { position: relative; overflow: hidden; width: 220px; margin: 0 auto; text-align: left; }

#cntPop .TxtVoc textarea { width: 95%; overflow-y: scroll; }
#cntPop .TxtVoc a { display: inline-block; padding: 3px 0; line-height: 15px; color: #333; }




/* 연력 가로 정렬 */
.history_time ul:after {content:""; display:block; clear:both}
.history_time ul li {width:25%;float:left}
.history_time ul li span {display:block; padding:0 3px 18px 3px}	


/* 연력 */
	.history_time {height:auto; position: relative;}
	.history_time li {float:left; width:100%; display:block; margin:0 auto; }
	.history_time li img {max-width:100%; }




/* 팝업 역대 CEO*/
.popHis { position: relative; overflow: hidden; margin-bottom: 10px; }
.popHis .photo { float: left; width: 101px; padding-right: 15px; }
.popHis .txt { float: left; }

/* Button Type */
#cntPop button { height: 25px!important; background: #2f7ecb; border: none; padding: 0 14px; vertical-align: middle; color: #feffff; }

/* Button Layout */
#cntPop .btnTxtaC { text-align: center; padding: 10px 0;}
#cntPop .btnTxtaL { text-align: left; padding: 10px 0 10px 10px;}
#cntPop .btnTxtaR { text-align: right; padding: 10px 10px 10px 0;}
#cntPop .btnFlAreaL { float: left; text-align: left; padding: 10px 0 8px 0; }
#cntPop .btnFlAreaR { float: right; text-align: right; padding: 10px 0 8px 0; }

#footerPop { position: fixed; overflow: hidden; bottom: 0; left: 0; width: 100%; background: #ededed; border: none; margin: 0; padding: 2px 30px 2px 0; text-align: right; z-index: 999; }
#footerPop button { min-height: 25px; background: #ededed; border: none; padding: 0 14px; vertical-align: middle; color: #222; }
#footerPop .btnClosePop { width: 100%; background: #ededed; border: none; margin: 0; padding: 2px 30px 2px 0; text-align: right; }
#footerPop .btnClosePop button { min-height: 25px; background: #ededed; border: none; padding: 0 14px; vertical-align: middle; color: #222; }

.custWrap .popView { position: absolute; overflow: hidden; display: none; width: 100%; height: 750px; bottom: 270px; left: 0; background: #FFF; border: 1px solid #DDD; z-index: 999; }
.custWrap .popHisView { position: absolute; overflow: hidden; display: none; width: 50%; height: 700px; top: 0; left: 0; background: #FFF; border: 1px solid #DDD; z-index: 999; }
.custWrap .popLocalView { position: absolute; overflow: hidden; display: none; width: 100%; min-height: 200px; top: 400px; left: 0; background: #FFF; border: 1px solid #DDD; z-index: 999; }

@media all and (max-width: 864px) {	
	/* body { font-size: 2em; } */
	.mobileView { display: block; }
	.webView { display: none; }
/* 	.h2 { padding: 0; padding-bottom: 10px; margin: 0; font-size: 34px!important; line-height: 42px; }
	.h3 { padding: 0; padding-bottom: 10px; margin: 0; font-size: 34px!important; line-height: 42px; } */
	.normalTxt { padding-bottom: 30px; font-size: 20px; line-height: 38px; }
	.mSti { padding-bottom: 5px; }
	.custWrap .img3ea div p.tiImgBottom { font-size: 26px; line-height: 46px; }
	
	/* font color */
	.tiBlue01 { color: #047ab3!important; }
	.tiBrown01 { color: #ba522a!important; }
	
	.iArea { line-height: 46px; }
	.iArea a { display: inline-block; font-size: 24px; line-height: 46px; margin-right: 45px; }
	.iArea a:last-child { margin-right:0; }
	.iArea i img { width: 38px!important; height: 38px; padding-right: 8px; }
	
	.custWrap table.boardList01 tbody td.iArea { position: relative; overflow: hidden; }
	.custWrap table.boardList01 tbody td.iArea a { text-decoration: underline; line-height: 25px; }
	.custWrap table.boardList01 tbody td.iArea i { display: inline-block; }
	.custWrap table.boardList01 tbody td.iArea i img { width: 20px!important; height: 20px; vertical-align: middle; }
	.custWrap table.boardList01 tbody td.iArea span { display: inline-block; }	
	
	.custWrap .tabBar { display: none; }
	.custWrap .tabSelect { display: block; padding-bottom: 20px; }
	.custWrap .tabSelect ul{display:table;width:100%}
	.custWrap .tabSelect ul li:FIRST-CHILD{width:60px}
	.custWrap .tabSelect ul li{display:table-cell;padding:5px 10px 5px 0}
	.custWrap .tabSelect ul li select{width:100%;padding:5px}
	
	.halfTxt { position: relative; overflow: hidden; }
	.halfTxt li { float: none; width: 100%; }
	.halfTxt li:first-child { width: 100%; text-align: center; padding-top: 1.5em; padding-bottom: 2em; }
	.halfTxt li img { width: 100%; }
	.halfTxt li.txt, .halfTxt li:last-child { width: 98%; padding: 1em 1%; font-size: 26px; line-height: 40px; }
	.halfTxt li.noResize img { width: auto; }
	
	.img50 { position: relative; overflow: hidden; }
	.img50 li { float: left; width: 100%; padding: 15px 0; text-align: left; }
	.img50 li.imgLeft { width: 100% ; } 
	.img50 li.imgRight { width: 100%; font-size: 32px; line-height: 44px; text-align: center; padding-bottom: 40px; }
	.img50 li.imgRight img { width: 100%; }
	.img50 li .txt { width: 90%; padding: 1% 5%; font-size: 32px; line-height: 44px; text-align: center; }
	/* 환경경영 친환경공급망 부분 */
	.img50 li .s80 { width: 90%!important; font-size: 26px; line-height: 40px; text-align: left; }
	.img50 li img.s80 { width: 100%!important; }
	.img50 li.photo { width: 100%; padding-right: 0; }
	.img50 li.txtL { width: 100%; }
	.img50 li .txt2 { width: 100%; padding: 0 0 20px; margin-bottom: 20px; font-size: 26px; line-height: 40px; }
	
	.imgDis2Li { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li li { height: auto; float: left; padding: 8px 0; margin: 0; }
	.imgDis2Li li.photo,
	.imgDis2Li li.photo2 { width: 100%; padding-right: 0; }
	.imgDis2Li li.photoLast { width: 100%; }
	.imgDis2Li li.txtFirst { width: 100%; padding-right: 0; }
	.imgDis2Li li.txt,
	.imgDis2Li li.txt2  { width: 100%; font-size: 26px; line-height: 32px; padding-bottom: 40px; }
	.imgDis2Li li .h3 { padding: 0; margin: 0; font-size: 16px important; line-height: 25px; }
	.imgDis2Li li .tiBlue01 { color: #252525!important; }
	.imgDis2Li li.photo3 { width: 100%; height: auto; padding-right: 0; }
	.imgDis2Li li.txt3 { width: 100%; font-size: 26px; line-height: 36px; }
	.imgDis2Li li .tiLeft { float: left; width: 23%; }
	.imgDis2Li li .cntRight { float: left; width: 75%; }
	
	.imgDis2Li03 { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li03 li { height: 12em; float: left; padding: 18px 0 10px; margin: 0; border-top: 1px solid #e2e2e2; }
	.imgDis2Li03 li.photo { width: 100%; height: auto; padding-right: 0; }
	.imgDis2Li03 li.txt { width: 100%; height: auto; text-align: left; line-height: 36px; }
	
	.imgDis2Li04 { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li04 li { height: auto; }
	.imgDis2Li04 li.photo { width: 100%; padding-right: 0; }
	.imgDis2Li04 li.txt { width: 100%; line-height: 36px; }
	.imgDis2Li04 li.photoB { width: 100%; padding-right: 0; }
	.imgDis2Li04 li.txt2 { width: 100%; line-height: 36px; }
	
	.imgDis3Li { position: relative; overflow: hidden; }
	.imgDis3Li li { width: 100%; height: auto; float: none; }
	.imgDis3Li li a { padding: 0; margin: 0; }
	.imgDis3Li img { width: 100%; height: auto; padding: 0; margin: 0; } 
	.imgDis3Li li.hisLi { padding: 10px 0; }
	.imgDis3Li li.hisLi:first-child { padding-top: 0; }
	.imgDis3Li li .hisPhoto { width: 31%; float: left; }
	.imgDis3Li li .hisTxt { width: 65%; float: left; padding-left: 3%; padding-top: 5.5em; 
		font-weight: normal; font-size: 26px; line-height: 36px; }
	
	.imgDis4Li { position: relative; overflow: hidden; }
	.imgDis4Li li { width: 42%; height: auto; float: left; padding: 20px 4% 30px; margin: 0; }
	.imgDis4Li li img.s80 { width: 100%!important; }
	
	.grayBoxTip { background-image: url('/web/images/cust/ico_tipMobile.png'); background-repeat: no-repeat; background-position: 20px 20px;
	padding: 45px 30px 15px 82px; font-weight: normal; }
	
	.grayBoxMark { background-image: url('/web/images/cust/ico_tipMobile.png'); background-repeat: no-repeat; background-position: 20px 20px;
	padding: 45px 30px 15px 82px; font-weight: normal; }
	
	.custWrap .boardList .tiSmall { margin: 0; margin-bottom: -15px; padding: 0; font-size: 26px; line-height: 44px; font-weight: normal; }
	.custWrap table.boardList01 caption { font-size: 32px; line-height: 44px; color: #323232; padding: 5px 0; margin: 0; }
	.custWrap table.boardList01 caption.txtaR { font-size: 24px;  }
	
	/* 아코디언 */
	.acc_trigger { display: bolck;	width: 100%; height: 45px; 
		background-color: #FFF; background-image: url('/web/images/cust/accArrowDown.png'); background-repeat: no-repeat; background-position: right 0; 
		border-top: 2px solid #12a3cc; border-bottom: 1px solid #e2e2e2; 
		padding: 0; margin: 0 0 5px 0; line-height: 45px; font-size: 14px; font-weight: bold; }
	.acc_trigger a { display: block; color: #323232; text-decoration: none; padding: 0 0 0 10px; line-height: 45px; }
	.acc_trigger a span { display: inline-block; width: 27px; height:45px; 
		background-image: url('/web/images/cust/bgNumGray.png'); background-repeat: no-repeat; background-position: left center; 
		color: #FFF; text-align: center; }
	.acc_trigger.active { background-image: url('/web/images/cust/accArrowUp.png');  }
	.acc_trigger.active a { color: #017eba;  }
	.acc_trigger.active a span { background-image: url('/web/images/cust/bgNumBlue.png'); }
	.acc_container { overflow: hidden; width: auto; height: auto; background: #FFF; margin: 0 0 5px; padding: 30px; 
		font-size: 13px; clear: both; }	
		
	.inforBg { min-height: 3028px; background:url('/web/images/cust/W_02_04_03_tab2_bgMobile.png') no-repeat 0 0; }
	.inforBg ul { overflow: hidden; padding: 0 0 0 99px;  }
	.inforBg li { border-top: none; padding: 30px 0 50px 57px; font-weight: normal; line-height: 44px;   }
	.inforBg li a.btnGo { display: inline-block; width: 63px; height: 22px; background: url('/web/images/cust/btnGoWeb.png') no-repeat;
		color: #FFF; font-size: 11px; line-height: 22px; font-weight: bold; text-align: center; }
	.inforBg li:first-child{ border-top: 0; }	
	
	.blueBox01 {position: relative; overflow: hidden; height: auto; background: #f7f9fa; border-top: 2px solid #12a3cc; border-bottom: 1px solid #ececec; }
	.blueBox01 li { width: 100%; height: auto; padding: 10px 0 10px 35px; line-height: 56px; text-align: left;  }
	.blueBox01 li:first-child { width: 100%; border-right: 0; border-bottom: 1px solid #ddd; }
	.blueBox01 li.lastChild,
	.blueBox01 li:last-child { width: 100%; text-align: left;  }	
		
	#headerPop { height: 100px; line-height: 100px; }
	#headerPop h1 { height: 100px; color: #FFF; font-size: 32px; line-height: 100px; }	
	#headerPop .btnTxtR { position: absolute; overflow: hidden; top: 0; right: 10px; text-align: right; }
	#headerPop .btnTxtR button { background: transparent; border: none; width: auto; height: auto; cursor: pointer; }
	#headerPop .btnTxtR button img { width: 46px; height: 47px; vertical-align: middle; }	
	.custWrap .popView { bottom: 50px; left: 0;  }
}
@media all and (max-width: 767px) {
	/* body { font-size: 26px; } */
	.mobileView { display: block; }
	.webView { display: none; }
	/* .h2 { padding: 0; padding-bottom: 10px; margin: 0; font-size: 40px!important; line-height: 48px; }
	.h3 { padding: 0; padding-bottom: 10px; margin: 0; font-size: 40px!important; line-height: 48px; } */	
	.mSti { padding-bottom: 5px; }
	.custWrap .img3ea div p.tiImgBottom { font-size: 26px; line-height: 46px; }
	
	.normalTxt { padding-bottom: 30px; font-size: 14px; line-height: 24px; }
	.boldTxt {font-size: 26px; line-height: 44px; font-w''eight: bold; }
	.txtR { font-size: 26px; line-height: 44px; }
	
	/* font style */
	.fNMyeongjo { font-size: 48px; line-height: 56px; }
	
	.iArea { line-height: 46px; }
	.iArea a { display: inline-block; font-size: 24px; line-height: 46px; margin-right: 45px; }
	.iArea a:last-child { margin-right:0; }
	.iArea i img { width: 38px!important; height: 38px; padding-right: 8px; }
	
	.custWrap table.boardList01 tbody td.iArea { position: relative; overflow: hidden; }
	.custWrap table.boardList01 tbody td.iArea a { text-decoration: underline; line-height: 25px; }
	.custWrap table.boardList01 tbody td.iArea i { display: inline-block; }
	.custWrap table.boardList01 tbody td.iArea i img { width: 20px!important; height: 20px; vertical-align: middle; }
	.custWrap table.boardList01 tbody td.iArea span { display: inline-block; }	
	
	.custWrap .boardList { padding-bottom: 40px; }
	
	.custWrap .custMap2 { overflow: none; }
	.custWrap .custMap2 .mapTextRight { position: relative; overflow: hidden; width: 400px; height: auto; top: 0; right: 0;  margin: 0 auto; padding: 0 0 40px 0; }
	.custWrap .custMap2 .mapTextRight > li { float: none; height: 48px; tline-height: 48px; text-align: left; margin: 0; padding: 0; }
	.custWrap .custMap2 .mapTextRight > li b{background:url(/web/images/cust/mapCatLarg.png) no-repeat 0 0;width:42px;height:42px;}
	.custWrap .custMap2 .mapTextRight > li a { font-size: 22px; line-height: 48px; }
	.custWrap .custMap2 .mapTextRight > li a:HOVER b{background:url(/web/images/cust/mapCatLarg.png) no-repeat -43px 0;width:42px;height:42px}
	.custWrap .custMap2 .mapTextRight > li.active b{background:url(/web/images/cust/mapCatLarg.png) no-repeat -43px 0;width:42px;height:42px}
	
	.custWrap h1.tiSub { font-size: 25px; padding: 0 0 15px 0;  color: #017eba; line-height: 30px; }
	.custWrap .custSelect { margin-bottom: 20px; }	
	.custWrap .tabBar { display: none; }
	.custWrap .tabSelect { display: block; padding-bottom: 20px; }
	.custWrap .tabSelect ul{display:table;width:100%}
	.custWrap .tabSelect ul li:FIRST-CHILD{width:60px}
	.custWrap .tabSelect ul li{display:table-cell;padding:5px 10px 5px 0}
	.custWrap .tabSelect ul li select{width:100%;padding:5px}	

	.halfTxt { position: relative; overflow: hidden; }
	.halfTxt li { float: none; width: 100%; }
	.halfTxt li:first-child { width: 100%; text-align: center; padding-top: 1.5em; padding-bottom: 2em; }
	.halfTxt li img { width: 100%; }
	.halfTxt li.txt, .halfTxt li:last-child { width: 98%; padding: 1em 1%; font-size: 26px; line-height: 40px; }
	.halfTxt li.noResize img { width: auto; }
	
	.imgDis { margin-bottom: 30px; }
	
	.img50 { position: relative; overflow: hidden; }
	.img50 li { float: left; width: 100%; padding: 15px 0; text-align: left; }
	.img50 li.imgLeft { width: 100% ; } 
	.img50 li.imgRight { width: 100%; font-size: 32px; line-height: 44px; text-align: center; padding-bottom: 40px; }
	.img50 li.imgRight img { width: 100%; }
	.img50 li .txt { width: 90%; padding: 1% 5%; font-size: 32px; line-height: 44px; text-align: center; }
	/* 환경경영 친환경공급망 부분 */
	.img50 li .s80 { width: 90%!important; font-size: 26px; line-height: 40px; text-align: left; }
	.img50 li img.s80 { width: 100%!important; }
	.img50 li.photo { width: 100%; padding-right: 0; }
	.img50 li.txtL { width: 100%; }
	.img50 li .txt2 { width: 100%; padding: 0 0 20px; margin-bottom: 20px; font-size: 26px; line-height: 40px; }
		
	.imgDis2Li { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li li { height: auto; float: left; padding: 8px 0; margin: 0; }
	.imgDis2Li li.photo,
	.imgDis2Li li.photo2 { width: 100%; padding-right: 0; }
	.imgDis2Li li.photoLast { width: 100%; }
	.imgDis2Li li.txtFirst { width: 100%; padding-right: 0; }
	.imgDis2Li li.txt,
	.imgDis2Li li.txt2  { width: 100%; font-size: 26px; line-height: 32px; padding-bottom: 40px; }
	.imgDis2Li li .h3 { padding: 0; margin: 0; font-size: 16px important; line-height: 26px; }
	.imgDis2Li li .tiBlue01 { color: #252525!important; }
	.imgDis2Li li.photo3 { width: 100%; height: auto; padding-right: 0; }
	.imgDis2Li li.txt3 { width: 100%; font-size: 16px; line-height: 26px; }
	.imgDis2Li li .tiLeft { float: left; width: 23%; }
	.imgDis2Li li .cntRight { float: left; width: 75%; }
	
	.imgDis2Li02 { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li02 li { height: auto; float: left; padding: 18px 0 10px; margin: 0; border-top: 0; }
	.imgDis2Li02 li.photo { width: 100%; padding-right: 0; padding-top: 40px; text-align: center; }
	.imgDis2Li02 li.photo img { vertical-align: middle; width: 30%; }
	.imgDis2Li02 li.txt { width: 100%; font-size: 26px; line-height: 32px; text-align: center; border-bottom: 1px solid #e2e2e2; padding-bottom: 50px; }
	.imgDis2Li02 li.txt .h3 { padding: 0; margin: 0; font-size: 40px!important; line-height: 45px; }
	.imgDis2Li02 li:first-child { border-top: 0; border-bottom: 0; }
	.imgDis2Li02 li.nthChild2 { border-bottom: 1px solid #e2e2e2; }
	.imgDis2Li02 li:nth-child(2) { border-bottom: 1px solid #e2e2e2; }
	.imgDis2Li02 img { width: 100%; }
	
	.imgDis2Li03 { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li03 li { height: 12em; float: left; padding: 18px 0 10px; margin: 0; border-top: 1px solid #e2e2e2; }
	.imgDis2Li03 li.photo { width: 100%; height: auto; padding-right: 0; }
	.imgDis2Li03 li.txt { width: 100%; height: auto; text-align: left; line-height: 36px; }
	
	.imgDis2Li04 { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li04 li { height: auto; }
	.imgDis2Li04 li.photo { width: 100%; padding-right: 0; }
	.imgDis2Li04 li.txt { width: 100%; line-height: 36px; }
	.imgDis2Li04 li.photoB { width: 100%; padding-right: 0; }
	.imgDis2Li04 li.txt2 { width: 100%; line-height: 36px; }
	
	.imgDis3Li { position: relative; overflow: hidden; }
	.imgDis3Li li { width: 100%; height: auto; float: none; }
	.imgDis3Li li a { padding: 0; margin: 0; }
	.imgDis3Li img { width: 100%; height: auto; padding: 0; margin: 0; } 
	.imgDis3Li li.hisLi { padding: 15px 0; }
	.imgDis3Li li.hisLi:first-child { padding-top: 0; }
	.imgDis3Li li .hisPhoto { width: 31%; float: left; }
	.imgDis3Li li .hisTxt { width: 65%; float: left; padding-left: 3%; padding-top: 5.5em; 
		font-weight: normal; font-size: 26px; line-height: 36px; }			
	
	.imgDis4Li { position: relative; overflow: hidden; }
	.imgDis4Li li { width: 42%; height: auto; float: left; padding: 20px 4% 30px; margin: 0; }
	.imgDis4Li li img.s80 { width: 100%!important; }
	
	.imgDis4Li02 { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis4Li02 li { width: 42%; float: left; padding: 36px 4% 4% 4%; margin: 0; line-height: 30px; font-weight: normal; color: #494949; }
	.imgDis4Li02 li:first-child { padding-left: 4%; }
	.imgDis4Li02 li.nthChild5 { padding-left: 4%; }
	.imgDis4Li02 li:nth-child(4n+1) { padding-left: 4%; }
	.imgDis4Li02 li .ti { font-size: 1.4em; line-height: 1.5em; font-weight: bold; }
	
	.grayBox { position:relative; overflow: hidden; background: #f8f8f8; padding: 5% 5%; }
	.grayBox .tiUnderBlue { display: block; height: 81px; background: url('/web/images/cust/underLineBlue2x01.png') no-repeat 0 bottom; margin-bottom: 15px;
		font-size: 40px; line-height: 81px;  }	
	
	.grayBoxTip { background-image: url('/web/images/cust/ico_tipMobile.png'); background-repeat: no-repeat; background-position: 20px 20px;
	padding: 45px 30px 15px 82px; font-weight: normal; }	
	
	.blueBox01 {  margin-top:0; position: relative; overflow: hidden; background: #f7f9fa; border-top: 2px solid #12a3cc; border-bottom: 1px solid #ececec; }
	.blueBox01 li { width: 100%; padding: 10px 0 10px 35px; line-height: 56px; text-align: left;  }
	.blueBox01 li:first-child { width: 100%; border-right: 0; border-bottom: 1px solid #ddd; }
	.blueBox01 li.lastChild,
	.blueBox01 li:last-child { width: 100%; text-align: left;  }		
	
	.custWrap .boardList .tiSmall { margin: 0; margin-bottom: -15px; padding: 0; font-size: 26px; line-height: 44px; font-weight: normal; }
	.custWrap table.boardList01 caption { font-size: 32px; line-height: 44px; color: #323232; padding: 5px 0; margin: 0; }
	.custWrap table.boardList01 caption.txtaR { font-size: 24px;  }
	
	/* 수질검사절차 안내 */
	.inforBg { min-height: 3028px; background:url('/web/images/cust/W_02_04_03_tab2_bgMobile.png') no-repeat 0 0; }
	.inforBg ul { overflow: hidden; padding: 0 0 0 99px;  }
	.inforBg li { border-top: 0; padding: 100px 0 95px 57px; font-weight: normal; line-height: 44px;   }
	.inforBg li a.btnGo { display: inline-block; width: 102px; height: 33px; background: url('/web/images/cust/btnGoMobile.png') no-repeat;
		color: #FFF; font-size: 20px; line-height: 33px; font-weight: bold; text-align: center; }
	.inforBg li:first-child{ border-top: 0; }

	#headerPop { height: 100px; line-height: 100px; }
	#headerPop h1 { height: 100px; color: #FFF; font-size: 32px; line-height: 100px; }	
	#headerPop .btnTxtR { position: absolute; overflow: hidden; top: 0; right: 10px; text-align: right; }
	#headerPop .btnTxtR button { background: transparent; border: none; width: auto; height: auto; cursor: pointer; }
	#headerPop .btnTxtR button img { width: 46px; height: 47px; vertical-align: middle; }
	#cntPop { width: 92%; height: 980px; padding: 60px 4% 60px;}
	.custWrap .popView { width: 100%; height: 1200px; top: none; bottom: 0; left: 0; background: #FFF; border: 1px solid #DDD; z-index: 999; }
}
@media all and (max-width: 720px) {
	.inforBg li { border-top: 0; padding: 100px 0 105px 57px; font-weight: normal; line-height: 44px; }		
}
@media all and (max-width: 640px) {
	.inforBg li { border-top: 0; padding: 50px 0 60px 57px; font-weight: normal; line-height: 44px; }
}