* {padding:0;margin:0;}
body,th,td,textarea,h1,h2,h3,h4,h5,h6,ul,li {font-family:"Malgun Gothic","맑은고딕", "dotum","돋움",sans-serif; font-size:14px; color:#555;}
body,th,td,textarea{ line-height:14px;}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:1.00em;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a img {vertical-align:top;}
a:link{font-size:12px;color:#787878;text-decoration:none;}
a:visited{font-size:12px;color:#787878;text-decoration:none;}
a:hover{font-size:12px;color:#787878;text-decoration:none;}
video{width: 100%; height:100%;}
#wrap{width:100%;position:relative;text-align:center;}
#content_wrap{width:1200px; padding:0;margin:0 auto; position:relative;padding:50px 0px 50px 0px;}
#content_wrap{*zoom:1;clear:both;}
#content_wrap:after{content:"";display:block;clear:both;}
#content_wrap .left{width:220px; float:left; }
#content_wrap .left h2{width:220px; height:120px; background:url(/base/img/eng/common/left_h2.png) no-repeat ;text-align:center; display:flex;align-items: center;}
#content_wrap .left h2 p{ font-size:25px; letter-spacing:-2px;color:#ffffff;margin:0 auto; font-weight:normal; line-height:30px; }
#content_wrap .left ul{margin-top:6px;border:1px solid #cccccc; text-align:left;}
#content_wrap .left li{width:188px; border-bottom:1px solid #cccccc; padding: 12px 15px; display:flex; align-items: center;color:#555555; }
#content_wrap .left li a{font-size:13px; }
#content_wrap .left li.sel{width:188px;background:#999999; border-bottom:1px solid #999999;padding: 12px 15px; display:flex; align-items: center; }
#content_wrap .left li.sel a{color:#fff;}
#footer_wrap{width:100%;height:190px;position:relative; background:#2f2f2f;}
.content_footer{width:1200px;position:relative;text-align:left;margin:0 auto;}
#topmenu{width:100%;height:147px;position:relative;text-align:center;margin:0 auto; border-bottom:1px solid #dcdcdc; background:url(/base/img/eng/common/top_bg.png) repeat-x;}
#topmenu .menu_area{width:1200px;height:147px;position:relative; margin:0 auto; }
#topmenu .menu_area h1{position:absolute;top:35px;left:34px;margin:29px 0px 0px 0px;}
#topmenu .menu_area .global_menu{position:absolute;right:0;top:0px;overflow:hidden;}
#topmenu .menu_area .global_menu a{color:#01479d;text-align:right; padding:8px 25px 9px 25px;background:#ffffff; display:inline-block;font-size:14px; margin-right:0px;}
#topmenu .menu_area .global_menu a.action{color:#ffffff;padding:8px 25px 9px 25px;background:#464646;}
#topmenu .menu_area .main_menu{position:absolute;right:0px;top:75px;vertical-align:top;padding:5px 0px 0px 0px;width:1100px;height:56px;text-align:right;}
/*#topmenu .menu_area .main_menu a{display:inline-block;vertical-align:top;}*/
#topmenu .menu_area .main_menu ul{}
#topmenu .menu_area .main_menu li{margin-left:15px;display:inline;}
#topmenu .menu_area .main_menu li a{height:30px;display:inline-block;vertical-align:top;font-size:16px; font-weight:bold; color:#222; letter-spacing:-1px; }
topmenu .menu_area .sub_menu{position:absolute;top:60px;left:244px;height:22px;padding:0 11px 0 0;background:#2ba7dc;}
topmenu .menu_area .sub_menu a{position:relative;display:inline-block;margin:5px 0 0 0;padding:0 0 0 9px;vertical-align:top;}
.content_footer {vertical-align:top;}
.content_footer .footer_logo{position:relative;top:52px;left:34px;}
.content_footer .add{position:relative;top:15px;left:228px; line-height:20px; font-size:12px;color:#cccccc;letter-spacing:0px;}
.content_footer .add span{color:#9ae1ff;}
.content_footer .add span.bar{font-size:10px; color:#555555; padding:0px 7px;}
.content_footer .copy{font-size:11px; color:#8795a3 ;position:relative;top:20px;left:228px;}
.banner{padding:20px 0 0 0;}
.banner img{margin-bottom:10px;}
.content{float:left;width:940px;margin:0 0 0 40px;padding:0 0 60px 0; text-align:left;}
.content .navi{height:35px; margin-bottom:45px; font-size:13px; color:#555; padding-top:10px; background:url(/base/img/eng/common/navi_bar.png) no-repeat bottom;}
.history{font-size:11px;font-family:dotum;color:#999999;margin:27px 0 0 0;text-align:right;}
.history img{vertical-align:-1px;}
.history .current{display:inline-block;color:#666666;padding:0 0 0 8px;}
.content h3{border-bottom:1px solid #eeeeee;padding-bottom:20px;}
.content h3 span{border-bottom:1px solid #555555; font-size:34px; font-weight:normal;padding-bottom:11px; color:#222222; letter-spacing:-2px; }
.content .whole_content{padding:40px 0 0 0;}
.content h4{background:url(/base/img/eng/common/h4_icon.png) no-repeat 0px 0px;margin-top:45px; margin-bottom:27px;float:left; clear:both;}
.content h4 p{font-size:21px; font-weight:bold;padding-top:15px; padding-bottom:10px; color:#000000; letter-spacing:-1.5px; }
.content h4 span{font-size:13px; color:#666666; font-weight:normal; }
/*tabM*/
.nav {padding-left: 0; margin-bottom: 48px;margin-top:50px;list-style: none; clear:both;}
.nav > li {position: relative;display: block; }
.nav > li > a { position: relative;display: block;padding: 9px 10px;min-height:30px;color:#656565 }
.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none;background-color: #0166b6;border: 1px solid #1a4589;color:#fff;}
.nav > li > a > img {max-width: none;}
.nav-tabs {border-bottom: 0px solid #ddd;}
.nav-tabs > li {float: left;margin-bottom: -1px;width: 50%; }
.nav-tabs > li > a {margin-right: -1px;border: 1px solid #d5d5d5;border-radius: 0px 0px 0 0;font-size: 14px; letter-spacing:-1px; text-align:center;background-color:#f7f7f7; line-height:15px;}
.nav-tabs > li > a:hover {border-color: #1a4589;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #fff;
cursor: default;
background-color: #0166b6;
border: 1px solid #1a4589;
border-bottom-color: transparent;}
/*tabM2*/
.nav2 {padding-left: 0; margin-bottom:40px;margin-top:0px ;list-style: none; clear:both;}
.nav2 > li {position: relative;display: block; }
.nav2 > li > a { position: relative;display: block;padding: 12px 10px;color:#555555 }
.nav2 > li > a:hover,
.nav2 > li > a:focus {text-decoration: none;background-color: #0166b6;border: 1px solid #1a4589;color:#fff;-moz-border-radius: 21px; /*모질라*/
-webkit-border-radius: 21px; /*웹킷*/
border-radius: 21px; /*IE9+,FF4+,chrome,Safari5,+opera*/}
.nav2 > li > a > img {max-width: none;}
.nav-tabs2 {border-bottom: 0px solid #ddd;}
.nav-tabs2 > li {float: left;margin-bottom: 3px;margin-right: 3px;width: 49%; }
.nav-tabs2 > li > a {margin-right: -1px;border: 1px solid #d5d5d5;border-radius: 0px 0px 0 0;font-size: 14px; letter-spacing:-1px; text-align:center;background-color:#fff; line-height:15px;-moz-border-radius: 21px; /*모질라*/
-webkit-border-radius: 21px; /*웹킷*/
border-radius: 21px; /*IE9+,FF4+,chrome,Safari5,+opera*/}
.nav-tabs2 > li > a:hover {border-color: #1a4589;}
.nav-tabs2 > li.active > a,
.nav-tabs2 > li.active > a:hover,
.nav-tabs2 > li.active > a:focus {
color: #fff;
cursor: default;
background-color: #0166b6;
border: 1px solid #1a4589;
border-bottom-color: transparent;}
/*sub01*/
.message{font-size:21px; color:#00479d; line-height:30px;letter-spacing:-1px; margin-bottom:30px;}
.sub01_01_txt01{font-size:14px; color:#555555; line-height:22px;letter-spacing:-1px;}
.sub01_01_txt01 span{color:#000;}
span.txtadress {font-weight:bold; }
.sub01_01_txt02 span{font-size:17px; font-weight:bold; }
.fr{float:right;}
.conbox{margin-top:48px;}
.tc{text-align:center;}
.mt30{margin-top:30px;}
.mb30{margin-bottom:30px;}
.ml30{margin-left:30px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.table_caption{width:100%;*zoom:1;clear:both;margin-bottom:4px;}
.table_caption:after{clear:both;content:"";display:block;}
.table_caption .title{float:left;}
.table_caption .per{float:right;font-size:11px;font-family:dotum;color:#666666;}
.table_caption.tab img {margin-right:1px;}
.table_01{width:100%;}
.table_01 th{border-top:3px solid #3caede;border-bottom:1px solid #7bbfdc; padding:7px 0 6px; font:bold 12px/1.3em verdana; color:#3695be; text-align:center;}
.table_01 td{border-right:1px solid #d7e8ef;border-bottom:1px solid #d7e8ef;height:26px;font-size:12px;font-family:dotum;color:#666666;text-align:center;padding-top:5px;padding-bottom:5px;line-height:17px;}
.table_01 td.last {border-right:0}
.table_01 td.sub_title{background:#f8f8f8;}
.table_01 .left{text-align:left;padding-left:10px;}
.table02 {width:100%; border-collapse: collapse;border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.table02 th {padding: 5px 2px; text-align: center;}
.fB{font-weight:bold;}
.table02 .alignLeft {border-left: 0;}
.table02 .textAlignLeft {text-align: left;}
.table02 {width:100%; border-top: 2px solid #00459e;border-bottom: 1px solid #e5e5e5;clear: both; font-size:13px; }
.table02 thead th {border-bottom: 1px solid #ccc;color: #00459e;padding: 5px 2px;background: #f9f9f9;border-left: 1px solid #e5e5e5; font-size:13px;}
.table02 tbody th, .table02 tfoot th {background: #f9f9f9;text-align: center;border-bottom: 1px solid #e5e5e5;color: #333;line-height: 16px;border-left: 1px solid #e5e5e5; font-size:13px;}
.table02 td {text-align: right;padding: 5px 5px;border-bottom: 1px solid #e5e5e5;color: #666;line-height: 16px;border-left: 1px solid #e5e5e5; font-size:13px;}
.table02 thead th.col{background:#e3eff8}
.table02 a.tcolred{color:#e5232c; text-decoration:underline;}
.table02 tr.tdcol01, .table02 th.tdcol01 {background:#f1f1f1;}
.table02 tr.tdcol02, .table02 th.tdcol02, .table02 tbodyth.tdcol02 {background:#f2fbfa;}
.table02 th.bor, .table02 td.borB, .borB{border-bottom:1px solid #999;}
.table02 th.borR, .table02 td.borR{border-right: 1px solid #999;}
/* 2020.08.08 추가*/
.text_area {width:940px;float:left; }
.text_area h5 {font-size:15px; font-weight:bold; color:#000000; padding:15px 0px 5px 0px ;}
.text_area ul{padding-left:10px; padding-top:5px; padding-bottom:10px;list-style:none;}
.text_area li {color:#555;line-height:21px; padding:10px 0px;font-size:14px; list-style:none;}
.text_area li span.text_ty01,.text_area p .text_ty01{font-weight:bold;color:#222;list-style:none;}
.text_area li ul{padding:10px 0px 10px 10px;list-style:none;}
.text_area .img_area{padding:0px 0px 15px 10px;}
.text_area .img_area2{padding-bottom:15px;}
.text_area h6 {font-size:14px; font-weight:bold; color:#000; padding-top:7px ;}
.partners{padding:0;margin:43px 0 0 0;}
.partners table {margin-left:220px;}
.partners td{text-align:center;font-size:11px;font-family:dotum;color:#787878;width:157px;height:109px;vertical-align:top;}
.product{border-top:2px solid #45abd7;border-bottom:2px solid #45abd7;}
.product th {width:211px;text-align:left;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product th img {border:4px solid #e1e3d8;}
.product td {vertical-align:top;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product .title {font-weight:bold;font-size:13px;color:#333333;border-bottom:1px solid #45abd7;height:19px;}
.product .information {font-size:12px;font-family:dotum;color:#757575;line-height:17px;padding:10px 0 0 0;}
.product .last{border-bottom:0;}
.agreement_tle {float:left; margin:39px 25px 0 0;}
.agreement_list {list-style:none; float:left; width:446px; height:186px; margin:39px 0 0 0;}
.agreement_list p {float:left;width:210px;}
.agreement_list p img {margin-bottom:7px;}
.agreement {}
.agreement th {text-align:left;width:183px;vertical-align:top;}
.agreement td {font-size:11px;font-family:dotum;color:#787878;padding:0 0 29px 0;}
.sitemap{width:100%;}
.sitemap p{margin-bottom:2px;}
.sitemap td{vertical-align:top;}
.sitemap dl {width:141px;}
.sitemap dt {border-top:1px solid #ebebeb;padding:5px 0 5px 0;}
.sitemap .first {border-top:0;}
.sitemap dt a{font-family:dotum;font-size:12px;color:#333333;}
.sitemap dd {padding:0 0 5px 0;}
.sitemap .last{border-bottom:1px solid #ebebeb;}
.sitemap dd a{font-size:11px;font-family:dotum;color:#888888;}
/* 2021.03.21 추가*/
caption { width: 100%;height: 1px;font-size: 0.1em;line-height: 0;overflow: hidden;visibility: hidden;}
/* 2011.12.22 */
.table_product { width:100%; table-layout:fixed; border-top:2px #45abd7 solid; border-bottom:2px #45abd7 solid; }
.table_product td { padding:10px 0; border-bottom:1px #e1ecf1 solid; font:12px/1.4em verdana; color:#666; vertical-align:top; }
.table_product .tle { padding:5px 0; font:bold 14px/1.3em verdana; color:#222; border-bottom:1px #45abd7 solid; }
.table_product .txt { display:block; height:62px; margin-top:8px; }
.item_border { border:4px #e1e3d8 solid; }
.mtle_01 { padding:0 0 0 20px; height:21px !important; margin:30px 0 0 0 !important; font:bold 13px/1.3em dotum; color:#222; }
.line_001 { padding-top:2px; }
.txt_001 { font:12px/1.4em dotum; color:#666; }
.list_01 li { padding:0 0 2px 8px; font:12px/1.3em dotum; color:#666; }
.dbp { height:180px; padding:0 0 0 240px; margin-top:30px; line-height:1.4em; color:#666; }
.dbp a { display:inline-block; padding:3px 0; width:210px; font:bold 11px/1.2em dotum; letter-spacing:-1px; color:#555; }
.dbp a:hover { font:bold 11px/1.2em dotum; text-decoration:none; color:#ff6600; }
.dbp_table { width:100%; table-layout:fixed; }
.dbp_table th { vertical-align:top; text-align:left; font:bold 12px/1.4em verdana; color:#2499d4; padding-bottom:25px; }
.dbp_table td { vertical-align:top; font:11px/1.4em dotum; color:#777; padding:0 0 25px 15px; }
.login_box { border:1px #ebebeb solid; padding:40px 140px; text-align:center; margin-top:20px; font:12px/1.5em dotum; color:#555; }
.login_box .txt_01 { text-align:right; padding-right:10px; font:bold 12px/1.0em dotum; }
.login_box .box { border:1px #cdcdcd solid; padding:2px 4px 0; height:19px; *height:21px; width:100%; background-color:#f6f6f6; }
.login_box .find { border-top:1px #eaeaea solid; margin-top:25px; padding:25px 44px 0; text-align:right; font:11px/1.2em dotum; color:#777; }
Analysis of Construction Cost for CSP type Reservoirs from DAEUN CORPORATION
A stormwater detention reservoirs using CSP in the USA
“KICT” Presentation Data on the Absolute Necessity of
Rainwater Reservoir (Video)
“KICT” Presentation Data on the Absolute Necessity of Rainwater Reservoir (Video)
{{$footer_eng}}