body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin: 0;padding: 0;}
html{overflow-y:scroll;}
html, body { height:100%;}
body { font-size:12px; font-family:'NanumGothic', '나눔고딕', Arial, Verdana, Helvetica, sans-serif; color:#1b1b1b; 
margin:0px; text-align:center; }
table { border-collapse: collapse;}
fieldset, img { border: none;}
input{vertical-align:middle; }
select {font-size:12px; color:#6b6b6c; vertical-align:middle;}
div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p { margin:0; padding:0;}
ul,li,ol,li,dl,dd,dt{list-style:none;}
legend,hr{position:absolute; left:-999px; width:0; height:0; font-size:0; visibility:hidden; z-index:-1;}
caption{ width:0; height:0;  z-index:-1; font-size:0; line-height:0; visibility:hidden; }
hr{ display:none;}
a{text-decoration:none;}
em{font-style:normal;}

.blind { margin:0; padding:0; width:0; height:0; line-height:0; visibility:hidden; }


#wrap{position:relative;}

/* intro */
.intro{margin:0 auto; min-width:1200px; width:100%; height:100%; background:url('/images/main/intro.jpg') no-repeat center top;}
.introWrap{position:relative; margin:0 auto; width:1200px; height:100%;}
.introWrap .dmText{position:absolute; left:10px; top:241px; font-size:16px; font-weight:bold; color:#282828; text-align:right; line-height:22px;}
.introWrap .dmLink{position:absolute; left:240px; top:212px; padding:132px 35px 26px 40px; font-size:18px; font-weight:600; color:#252525; display:inline-block;}
.introWrap .plText{position:absolute; right:70px; top:649px; font-size:16px; font-weight:bold; color:#282828; text-align:left; line-height:22px;}
.introWrap .plLink{position:absolute; left:717px; top:613px; padding:97px 38px 19px 43px; font-size:18px; font-weight:600; color:#252525; display:inline-block;}

#header{position:relative; margin:0 auto; width:1128px; height:97px; text-align:left;}
#container{margin:0 auto; width:1128px;}
#container:after{clear:both; content:''; display:block;}
#footer{position:relative; margin:120px auto 0; padding:29px 0 0 191px; width:1009px; height:68px; text-align:left; background:#d8dade;}
#container.main{margin:0 auto; padding-top:0; width:1200px;}

h1.logo{display:inline-block;}
/* edit by jun 2020-10-30 
h1.logo a{margin-top:10px; width:148px; height:56px; display:inline-block; text-indent:-9999px; background:url('/images/common/logo.png') no-repeat left top;}
*/
h1.logo a{margin-top:10px; width:148px; height:70px; display:inline-block; text-indent:-9999px; background:url('/images/common/logo.png') no-repeat left top;}
.utilMenu{position:absolute; right:0; top:15px;}
.utilMenu ul:after{clear:both; content:''; display:block;}
.utilMenu li{float:left; font-weight:bold;}
.utilMenu li a{font-size:11px; color:#747474;}
.utilMenu li + li a{margin-left:16px; padding-left:17px; background:url('/images/common/icon_util.gif') no-repeat left center;}
.utilMenu li + li + li + li{padding-top:2px; margin-left:16px; padding-left:17px;font-size:11px; color:#0455a6;}

.gnb{position:absolute; right:0; top:40px;}
.gnb > ul{padding-right:20px; border-bottom:1px solid #dadada;}
.gnb ul:after{clear:both; content:''; display:block;}
.gnb > ul > li{position:relative; float:left; padding-left:95px;}
.gnb > ul > li > a{padding-bottom:7px; font-size:16px; font-weight:700; color:#1b1b1b; display:inline-block;}
.gnb > ul > li > a:hover,
.gnb > ul > li > a.on{color:#0455a6}
.gnb > ul > li + li{padding-left:90px;}
.gnb > ul > li > a.on + .depth2{display:block;}
.gnb .depth2{display:none; position:absolute; top:20px; padding-left:9px; width:270px; background:url('/images/common/icon_gnb.png') no-repeat 26px top;}
.gnb .depth2.gnbSub2{left:89px; width:221px;}
.gnb .depth2.gnbSub3{left:89px; padding-left:30px; background-position:45px top;}
.gnb .depth2.gnbSub4{left:89px; width:225px;}
.gnb .depth2.gnbSub5{right:0; width:270px; background-position:240px top;}
.gnb .depth2 li{float:left; padding-top:16px;}
.gnb .depth2 li + li{margin-left:10px; padding-left:16px; background:url('/images/common/icon_gnbSub.gif') no-repeat left 19px;}
.gnb .depth2 a{font-size:12px; font-weight:700; color:#747474; display:inline-block;}
.gnb .depth2 a:hover,
.gnb .depth2 a.on{color:#3f3f3f;}

/*------------------ main ------------------*/
.mainSlide{position:relative;}
.mainText{
	position:absolute; left:43px; top:320px; font-size:46px; font-weight:bold; color:#1b1b1b; text-align:left;
	/* edit by jun 2020-10-30 */	
	/* -webkit-text-stroke: 1px #fff;	표준이 아니라서 웹킷 및 모질라 계열만 적용됨*/	
  text-shadow:
	  -2px -2px 0 #fff,
	   2px -2px 0 #fff,
	  -2px  2px 0 #fff,
	   2px  2px 0 #fff;  
}
.mainText span{
	color:#0455a6;
	/* edit by jun 2020-10-30 */	
	/* -webkit-text-stroke: 1px #fff;	표준이 아니라서 웹킷 및 모질라 계열만 적용됨*/
  text-shadow:
	  -2px -2px 0 #fff,
	   2px -2px 0 #fff,
	  -2px  2px 0 #fff,
	   2px  2px 0 #fff;
}
.smallVisual{position:absolute; right:40px; top:184px;}
.smallVisual li{width:211px; height:50px; text-align:left; background:url('/images/common/slideBg.png') repeat-x left top;}
.smallVisual li.on{width:211px; height:50px; text-align:left; background:url('/images/common/slideBgOn.png') repeat-x left top;}
.smallVisual li a{padding:18px 0 16px 85px; font-size:16px; color:#fff; display:inline-block; background:url('/images/main/slideIcon1.png') no-repeat 25px 10px;}
.smallVisual li + li{margin-top:1px;}
.smallVisual li + li a{/* padding-right:24px; */ padding-bottom:16px; background:url('/images/main/slideIcon2.png') no-repeat 25px 15px;}
.smallVisual li + li + li a{/* padding-right:65px; */ padding-bottom:17px; background:url('/images/main/slideIcon3.png') no-repeat 25px 12px;}
.slideNavi{position:absolute; right:114px; top:344px;}
.slideNavi a{width:14px; height:14px; display:inline-block; text-indent:-9999px; background:url('/images/main/slideNavi.png') no-repeat left top;}
.slideNavi a.on{background:url('/images/main/slideNavi_on.png') no-repeat left top;}

/*.mainSlide .bx-wrapper .bx-pager{right:114px !important; top:344px !important; width:auto!important; padding-top:0;}
.mainSlide .bx-wrapper .bx-pager.bx-default-pager a{width:14px; height:14px; display:inline-block; text-indent:-9999px; background:url('../images/main/slideNavi.png') no-repeat left top;}
.mainSlide .bx-wrapper .bx-pager.bx-default-pager a:hover{background:url('../images/main/slideNavi.png') no-repeat left top;}
.mainSlide .bx-wrapper .bx-pager.bx-default-pager a.active{background:url('../images/main/slideNavi_on.png') no-repeat left top;}*/

.mainGallery{position:relative; padding:60px 40px 40px; background:#f8f8f8;}
.mainGallery h2{font-size:28px; color:#000; text-align:center; background:url('/images/main/main_line.gif') repeat-x left center;}
.mainGallery h2 span{padding:0 15px; display:inline-block; background:#f8f8f8;}
.mainGallery .bx-wrapper{width:1084px;}
.mainGallery .bx-viewport{height:auto !important;}
.mainGallery ul{padding:39px 40px 0;}
.mainGallery ul:after{clear:both; content:''; display:block;}
.mainGallery li{float:left; margin-left:24px; width:241px !important; height:298px; text-align:left; background:#fff;}
.mainGallery li span{padding:24px 11px 19px; font-size:14px; font-weight:bold; display:block; background:url('/images/main/icon_gallery.gif') no-repeat 12px 15px;}
.mainGallery li span a{color:#3d3d3d;}
.mainGallery li p{padding:0 12px;}
.mainGallery .mainGalleryTit a{font-size:18px; color:#3d3d3d;}
.mainGallery .mainGalleryDate{padding-top:5px; padding-bottom:26px; color:#b1b1b1;}
.mainGallery .btnPrev{position:absolute; left:40px; top:223px; width:26px; height:47px; display:inline-block; text-indent:-9999px; background:url('/images/main/slidePrev.png') no-repeat left top;}
.mainGallery .btnNext{position:absolute; right:40px; top:223px; width:26px; height:47px; display:inline-block; text-indent:-9999px; background:url('/images/main/slideNext.png') no-repeat left top;}
.moreWrap{margin-top:45px; background:url('/images/main/main_line.gif') repeat-x left center;}
.moreWrap .btnMore{padding:0 45px 2px; font-size:16px; color:#000; display:inline-block; text-decoration:underline; background:#f8f8f8;}

.mainBottom{margin:34px 40px 0; text-align:left; border:1px solid #d0d0d0;}
.mainBottom:after{clear:both; content:''; display:block;}
.mainBottom > div{float:left; padding:13px 17px 0; width:338px;}
.mainNotice{position:relative;}
.mainNotice .tab{width:100%; border-bottom:1px solid #c0c3c5;}
.mainNotice .tab:after{clear:both; content:''; display:block;}
.mainNotice .tab a{float:left; padding:2px 2px 0; width:73px; height:25px; line-height:25px; font-size:14px; font-weight:bold; color:#494848; text-align:center; display:inline-block;}
.mainNotice .tab a.on{padding:0; border:2px solid #4b99e8; border-bottom:0;}
.mainNotice .more{position:absolute; right:22px; top:19px; width:55px; height:17px; display:inline-block; text-align:left;  text-indent:-9999px; display:inline-block; background:url('/images/common/btn_more.gif') no-repeat left top;}
.mainNotice .tabCon{display:none; padding-top:20px;}
.mainNotice .tabCon.tab1{display:block;}
.mainNotice .tabCon li{position:relative;}
.mainNotice .tabCon li .noticeDate{position:absolute; right:6px; top:0; color:#000;}
.mainNotice .tabCon .noticeTit{padding-bottom:5px;}
.mainNotice .tabCon .noticeTit a{font-weight:bold; color:#363636;}
.mainNotice .tabCon .noticeCon{padding-bottom:14px;}
.mainNotice .tabCon .noticeCon a{height:16px; font-size:11px; line-height:16px; color:#adadad; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis;}
.mainDistribution{height:195px; border-left:1px solid #d0d0d0; background:url('/images/main/bg_distribution.jpg') no-repeat 242px 82px;}
.mainDistribution h3{padding-bottom:18px; font-size:14px; font-weight:bold; color:#494848;}
.mainDistribution .distributionCj{margin-left:13px; width:89px; height:50px; text-indent:-9999px; display:inline-block; vertical-align:top; background:url('/images/main/icon_cj.jpg') no-repeat left top;}
.mainDistribution .distributionPost{margin-left:26px; width:100px; height:50px; text-indent:-9999px; display:inline-block; vertical-align:top; background:url('/images/main/icon_epost.jpg') no-repeat left top;}
.mainDistribution p{padding-top:20px; font-size:13px; font-weight:bold; color:#8f8f8f; line-height:20px;}
.mainCscenter{position:relative; height:195px; border-left:1px solid #d0d0d0; background:url('/images/main/main_csCenter.jpg') no-repeat 17px 37px;}
.mainCscenter h3{padding-bottom:18px; font-size:14px; font-weight:bold; color:#494848;}
.mainCscenter p{padding-top:88px; font-size:13px; font-weight:bold; color:#8f8f8f; line-height:20px;}
.mainCscenter a{position:absolute; right:45px; top:175px; padding:5px 0 3px; width:65px; font-size:10.5px; color:#436586; text-align:center; border:1px solid #82a9cf; display:inline-block; background:#bfdcf8;}

/* footer */
#footer h1{
	/* edit by jun 2020.10.30
	position:absolute; left:52px; top:33px;
	*/
	position:absolute; left:52px; top:20px;
}
#footer .copy{font-family:'NanumGothic', Verdana; font-size:11px; color:#000; line-height:15px;}
#footer .agreeWrap{position:absolute; right:41px; top:41px;}
#footer .agreeWrap a{font-weight:900; color:#3f3f3f; display:inline-block;}
#footer .agreeWrap a + a{margin-left:6px; padding-left:12px; background:url('/images/common/agreeLine.gif') no-repeat left 2px;}

/*------------------ sub ------------------*/
.subTop{padding-bottom:38px;  clear:both;}

/* lnb */
.aside{float:left; width:208px;}
.aside .lnb{text-align:left;}
.aside .lnb h2{padding:0 0 19px 12px; font-size:24px; font-weight:bold; color:#0455a6; border-bottom:1px solid #d2d2d2;}
.aside .lnb a{padding:14px 0 15px 11px; width:198px; font-size:14px; font-weight:bold; color:#989898; display:inline-block; border-bottom:1px solid #d2d2d2;}
.aside .lnb a:hover,
.aside .lnb a.on{color:#1e1e1e;}
.aside .lnbCs{margin-top:60px; border:1px solid #c8c8c8; background:#f5f5f5;}
.aside .lnbCs a{color:#414242;}
.aside .lnbCs .lnbCsTit{margin:0 4px; padding-top:18px; font-size:14px; font-weight:bold; color:#1e1e1e; background:url('/images/main/main_line.gif') repeat-x left 27px;}
.aside .lnbCs .lnbCsTit span{padding:0 10px; display:inline-block; background:#f5f5f5;}
.aside .csCenter{padding:14px 0 5px 43px; background:url('/images/sub/icon_csCenter.jpg') no-repeat 23px 20px;}
.aside .csCenter .tel{padding-top:3px; font-size:17px; font-weight:bold; color:#414242; line-height:20px;}
.aside .csCenter .mail{padding-top:6px; font-size:12px; font-weight:bold; color:#414242;}
.aside .eCJ{text-align:left; background:url('/images/sub/icon_cj.jpg') no-repeat 16px 16px;}
.aside .eCJ a{padding:26px 0 5px 115px; font-weight:bold; color:#4c4c4c; display:inline-block;}
.aside .ePost{text-align:left; background:url('/images/sub/icon_epost.jpg') no-repeat 16px 16px;}
.aside .ePost a{padding:26px 0 5px 115px; font-weight:bold; color:#4c4c4c; display:inline-block;}
.aside .estimate{text-align:left; background:url('/images/sub/icon_estimate.jpg') no-repeat 17px 19px;}
.aside .estimate a{padding:28px 0 28px 81px; font-weight:bold; color:#4c4c4c; display:inline-block;}

.contents{float:left; margin-left:30px; width:890px;}

/* margin */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}

/* table top */
.tblTop:after{clear:both; content:''; display:block;}
.tblTop .tl{float:left;}
.tblTop .tr{float:right;}
.tblTop a{color:#1b1b1b;}
.tblTop select{vertical-align:top;}
.tblTop input{vertical-align:top;}

/* table */
.tblType1 table{width:100%;}
.tblType1 th{padding:10px 0; font-size:12px; font-weight:bold; text-align:center; border:1px solid #a8beda; background:#ebf1f6}
.tblType1 th + th{border-left:0;}
.tblType1 td{padding:10px 0; font-size:12px; color:#5b5b5b; text-align:center; border-bottom:1px solid #ddd;}
.tblType1 td:first-child{border-left:0;}
.tblType1 a{color:#5b5b5b;}

		table.tblType11 { margin: 0 auto; width:600px; }
		table.tblType11 td{padding:10px 0; font-size:14px; color:#444444; border:1px solid #ccc; text-align:center;}
		.hhh { background:#ebf1f6; font-weight:600; }

.tblType2{border-top:2px solid #a8beda;}
.tblType2 table{width:100%; border-right:1px solid #ddd;}
.tblType2 thead th{padding:10px 0; font-size:12px; font-weight:bold; text-align:center; color:#4d5363; border:1px solid #ddd; border-top:0; background:#ebf1f6}
.tblType2 thead th + th{border-left:0;}
.tblType2 thead td{padding:10px 0; font-size:12px; color:#333; text-align:center; border-bottom:1px solid #ddd;}
.tblType2 thead td.tl{padding:10px; text-align:left;}
.tblType2 thead td a{color:#333;}
.tblType2 tbody th{padding:10px; font-size:12px; color:#333; text-align:center; border-bottom:1px solid #ddd;}
.tblType2 tbody th:first-child{border-left:1px solid #ddd;}
.tblType2 tbody td{padding:5px 10px; font-size:12px; color:#5b5b5b; text-align:left; border:1px solid #ddd; border-top:0;}
.tblType2 tbody td.tblCon{padding:20px;}
.tblType2 tbody td.tblCon img{max-width:847px;}
.tblType2 tbody td.tblConTit{padding:10px 20px; font-weight:bold; color:#333;}

/* paging */
.paging{padding-top:20px;}
.paging a{padding:3px 5px; color:#1b1b1b; display:inline-block;}
.paging a.on{font-weight:bold; color:#0455a6;}
.paging .btnPaging{padding:5px 0; width:25px; font-weight:normal; border:1px solid #ddd;}
.paging .btnPrev{margin-right:10px;}
.paging .btnNext{margin-left:10px;}

/* button */
.btnSearch{color:#fff; background:#5f5f5f;}
.btnWrap:after{clear:both; content:''; display:block;}
.btnWrap.tc{text-align:center;}
.btnWrap.tr{text-align:right;}
.btnWrap.tl{text-align:left;}
.btnWrap .tr{float:right;}
.btnWrap .tl{float:left;}
.btnType1{padding:5px 10px; height:auto; font-size:12px; color:#333; display:inline-block; border:1px solid #d5d5d5; background:#fff;}
button.btnType1{padding:4px 10px; vertical-align:top;}
.btnType2{padding:5px 10px; height:auto; font-size:12px; color:#333; display:inline-block; border:1px solid #d5d5d5; background:#eee;}

/* input, select */
input[type="text"],
input[type="password"]{padding:0 10px; height:28px; border:1px solid #ddd;}
select{padding:0 0 0 10px; height:30px; border:1px solid #ddd;}
button{padding:0 10px; height:30px; border:1px solid #ddd; cursor:pointer;}


/* 타이틀영역 */
.titWrap{padding-bottom:50px; text-align:right;}
.titWrap .location span{font-size:11px; color:#4b4b4b;}
.titWrap .location span + span{margin-left:10px; padding-left:14px; display:inline-block; background:url('/images/sub/icon_arrow.gif') no-repeat left center;}
.titWrap .location span:last-child{font-weight:bold; color:#2e2e2e;}
.titWrap h3{padding-left:15px; font-size:24px; font-weight:bold; color:#363636; text-align:left; background:url('/images/sub/icon_tit.gif') no-repeat left 6px;}

/* 회사개요 */
.summary{padding:15px 0 90px 15px; font-size:14px;  line-height:26px; font-weight:bold; color:#161616; text-align:left; background:url('/images/temp/temp6.jpg') no-repeat right top;}
.summary span{color:#0455a6;}
.summary p{padding:46px 0 0 319px; font-size:18px; font-weight:bold; color:#0455a6;}

/*
.summary5{padding:50px 30px; font-size:14px; line-height:26px; font-weight:400; color:#666666; text-align:left;}
.summary5 span{color:#0455a6;}
.summary5 p{padding:46px 0 0 319px; font-size:18px; font-weight:bold; color:#666666;}
*/

.summary5{padding-top:50px; padding-left:60px; font-size:16px; font-weight:bold; text-align:left;}
.summary5 li{padding:20px 0 5px; font-size:15px;}
.summary5 li span{padding-top:5px; font-size:13px; color:#747474; display:block;}



/* 오시는길 */
.map{text-align:left;}
.map p{padding:5px 0 0 60px; font-size:16px;}
.map p.add{padding-top:30px;}
.map p span{padding-right:5px; font-weight:bold; display:inline-block;}
.map .useCar{padding-top:50px; padding-left:60px; font-size:20px; font-weight:bold;}
.map .useCar li{padding:20px 0 5px; font-size:15px;}
.map .useCar li span{padding-top:5px; font-size:13px; color:#747474; display:block;}

/* 견적문의 */
.estimateWrap{text-align:left;}
.estimateInfo{line-height:18px;}
.estimateImportant{color:#ff0000;}
.estimateWrap .tblType1 th{padding-left:20px; text-align:left;}
.estimateWrap .tblType1 th span{color:#ff0000;}
.estimateWrap .tblType1 td{padding-left:10px; text-align:left; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.estimateWrap .tblType1 td input.w50{width:50px;}
.estimateWrap .tblType1 td input.w500{width:500px;}
.estimateWrap .tblType1 td textarea{width:715px; height:100px; resize:none; border:1px solid #ddd;}
.estimateWrap .tblType1 td span{color:#7fa7e4;}
.estimateWrap .tblType1 td label + input{margin-left:20px;}

/* 이용안내 */
.useInfo .tblType1 td{border-right:1px solid #ddd;}
.useInfo .tblType1 td:first-child{border-left:1px solid #ddd;}
.useInfo .tblType1 td.last{padding-left:130px; text-align:left; line-height:18px;}
.useInfo .tblType1 td.last span{padding-left:15px; display:inline-block;}
.useInfo .tblType1 tr:nth-child(2n) td{background:#eee;}
.etc{margin-top:20px; text-align:left;}
.etc li{padding-left:15px; line-height:18px;}
.etc li:first-child{padding-left:0;}

/* 현장갤러리 */
.galleryType1:after{clear:both; content:''; display:block;}
.galleryType1 li{position:relative; float:left; margin-left:10px; width:290px; height:270px; text-align:left;}
.galleryType1 li img{width:290px; height:205px; display:inline-block;}
.galleryType1 li.first{margin-left:0;}
.galleryType1 li .galleryTit{padding-top:10px; width:220px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.galleryType1 li .galleryCon{padding-top:5px; height:33px; line-height:18px; overflow:hidden;}
.galleryType1 li span{position:absolute; right:1px; top:219px; font-size:11px; color:#9c9c9c;}
.galleryType1 li + li + li + li{margin-top:30px;}

/* 사이트맵 */
.sitemapWrap{height:324px; background:url('/images/sub/bg_sitemap.jpg') no-repeat center top;}
.sitemapWrap > ul{margin:0 auto; width:644px;}
.sitemapWrap > ul:after{clear:both; content:''; display:block;}
.sitemapWrap > ul > li{float:left; margin-top:109px; padding-top:36px; width:98px; background:url('../images/sub/bg_sitemap_line.gif') no-repeat center top}
.sitemapWrap > ul > li:first-child{margin-left:0}
.sitemapWrap > ul > li + li{margin-left:30px;}
.sitemapWrap > ul > li + li + li{margin-left:26px; width:139px;}
.sitemapWrap > ul > li + li + li + li{margin-left:26px; width:98px;}
.sitemapWrap > ul > li + li + li + li + li{margin-left:30px;}
.sitemapWrap > ul > li > a{padding:6px 15px; font-size:18px; color:#fff; display:inline-block; background:#0455a6;}
.sitemapWrap > ul > li ul{padding-top:26px;}
.sitemapWrap > ul > li ul li + li{margin-top:10px;}
.sitemapWrap > ul > li ul a{width:85px; line-height:24px; font-size:14px; color:#202020; display:inline-block; background:#fff;}

/* pop */
.pop{display:none; position:fixed; left:50%; z-index:2; margin-left:-350px; width:700px; background:#fff;}
.pop .popTop{position:relative; padding:10px 20px; height:30px; text-align:left; background:#ddd;}
.pop .popTop .btnClose{position:absolute; right:20px; top:17px; width:16px; height:14px; display:inline-block; text-indent:-9999px; background:url('/images/pop/btnClose.gif') no-repeat left top;}
.pop .popCon{padding:20px; text-align:left; line-height:18px; }
.pop .privacyCon{padding:10px; height:150px; border:1px solid #ddd; overflow-y:auto;}
.dimm{display:none; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:#000; opacity:0.6;}