@charset "euc-kr";
@import "layout.css";
@import "gnb.css";
@import "gnb_drop.css";
@import "base.css";
@import "margin.css";
@import "sub_style.css";
@import "font.css";
@import "table.css";
@import "cardstyle.css";
@import "seoul-namsan-jung-b.css";
@import "seoul-namsan-jung-l.css";
@import "seoul-namsan-jung-m.css";
@import "seoul-namsan-jung-eb.css";
@import "seoul-namsan-jung-vert.css";
@import "add.css";
/************ all style **********/
html {overflow-y:scroll;min-height:100%;height:100%;background:none;}


/* Æû°ü·Ã */
textarea {overflow:auto;font:10pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;}
.textareawrite {width:520px;height:150px;text-align:left;padding:3px; color:#726e6e;border:1px solid #acacac;font:10pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;}
.textareawrite2 {text-align:left;padding:3px; color:#726e6e;border:1px solid #acacac;font:10pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;}
.textareawrite3 {width:580px;height:100px;text-align:left;padding:3px; color:#726e6e;border:1px solid #acacac;font:10pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;}
select {font-size:13px;}
.check01 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f8;background:#008bc2;}
.check02 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#707070;background:#ffffff;}
.check03 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f8;background:#f6f6f8;}
.check04 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f8;background:#eef7fc;}
.check05 {border:none;border-width: 0px 0px 0px 0px;clear:both;top:0px;right:5px;color:#f6f6f8;background:#f2f6fa;}
.check06 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f8;background:#a2bac7;}
.check07 {border:none;border-width: 0px 0px 0px 0px;clear:both;color:#707070;background:#f4f4f4;}
.select01 {width:80px;font:10pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;}
.select02 {width:53px;font:12pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;}
.select03 {width:80px;font:15pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;}
.selectbox {width:60px;border:solid #e1e1e1;border-width: 1px 1px 1px 1px;background:#ffffff;height:22px;}
.selectbox02 {width:40px;border:solid #e1e1e1;border-width: 1px 1px 1px 1px;background:#ffffff;height:22px;}
.selectbox05 {
	width:80px;
	height:22px;
	border:solid #e1e1e1;
	border-width: 1px 1px 1px 1px;
	background:#ffffff;
}
.selectbox150 {
	width:150px;
	height:22px;
	border:solid #e1e1e1;
	border-width: 1px 1px 1px 1px;
	background:#ffffff;
}


/* °øÅëŬ·¡½º */
.fl		{float:left !important;}
.fr		{float:right !important;}
.cb	{clear:both !important;}
.ac	{text-align:center !important;}
.al		{text-align:left !important;}
.ar		{text-align:right !important;}
.vt		{vertical-align:top !important;}
.vm	{vertical-align:middle !important;}	/* ¼¼·ÎÁ¤·ÄÇÏ´Â ¹æ¹ý: Àüü³ôÀÌ¿¡¼­ ÄÁÅÙÃ÷ ³ôÀ̸¦ »« ÈÄ 1/2ÇÑ °ªÀ» ¸¶Áø°ªÀ¸·Î Á¤ÇÔ */
.vb		{vertical-align:bottom !important;}
.cb {
        vertical-align: text-bottom;
        _vertical-align: middle;
        padding: 0 !important;
        margin: 0 !important;
}
.underline {border-bottom:#e1e1e1 1px solid;}
.pabs {position:absolute !important;}
.prel {position:relative !important;}

.overf {position:relative;overflow:hidden;}

.size10{ font-size: 10px; }
.size11{ font-size: 11px; }
.size12{ font-size: 12px; }
.size13{ font-size: 13px; }
.size14{ font-size: 14px; }
.size15{ font-size: 15px; }
.size16{ font-size: 16px; }
.size17{ font-size: 17px; }
.size18{ font-size: 18px; }
.size19{ font-size: 19px; }
.size20{ font-size: 20px; }
.size21{ font-size: 21px; }
.size22{ font-size: 22px; }
.size23{ font-size: 23px; }
.size24{ font-size: 24px; }
.size25{ font-size: 25px; }
.size26{ font-size: 26px; }
.size27{ font-size: 27px; }
.size28{ font-size: 28px; }
.size29{ font-size: 29px; }
.size30{ font-size: 30px; }
.size31{ font-size: 31px; }
.size32{ font-size: 32px; }
.size33{ font-size: 33px; }
.size34{ font-size: 34px; }
.size35{ font-size: 35px; }
.size36{ font-size: 36px; }
.size40{ font-size: 40px; }
.size48{ font-size: 48px; }
.size60{ font-size: 60px; }
.size72{ font-size: 72px; }
.size90{ font-size: 90px; }

.pointer {cursor: pointer;}
.liChk {font-size:0px;line-height:0px;}
.strong{font-weight:bold;}
.hide{display:none;}
.hidden{display:none;}

label{vertical-align:-1px}
.input_chk{width:13px;height:18px;vertical-align:text-top}

.input02{text-align:center; color:#726e6e;width:80px;height:15px; border:1px solid #c1c1c1;font-size:12px;padding:2px 0 3px 0;}
.input03{text-align:center; color:#726e6e;width:150px;height:15px; border:1px solid #c1c1c1;font-size:12px;padding:2px 0 3px 0;}

/* ÆùƮȿ°ú °øÅëŬ·¡½º */
.text1{text-align:left;font-weight:bold; color:#377abf;}
.text2{text-align:left;font-weight:bold; color:#484747;}
.text3{text-align:left;font-weight:bold; color:#fff;}
.text4{text-align:left;font-weight:bold; color:#484747;}
.text5{font-size:12px;color:#484747;}
.text6{font-size:17px;color:#fff;font-weight:bold;}

.text_bg_arrow{background:url(/water_m/images/text_arrow.gif) no-repeat;}

/* png24À̹ÌÁö */
.png24 { tmp:expression(setPng24(this)); }

/* ÄÁÅÙÃ÷Àû¿ë  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* ·Î°í */
#header h1{
	display:block;
	margin:0; 
	padding:3px 0 0 16px;
	width:120px; 
	height:66px; 
	float:left;
}

/*ž ÁÙ ¶óÀÎ */
/* .globalmenu {
	z-index:1;position:absolute;text-align:right;width:100%;top:13px;right:0px;
}
.globalmenu DT{
	position:absolute;padding-bottom:0px;line-height:0;margin:0px;padding-left:0px;width:0px;height:10px;padding-right:0px;background:none transparent scroll repeat 0% 0%; height:0px;visibility:hidden;
}
.globalmenu DD{
	display:inline;float:left;padding-right:0px;margin-top:0px;vertical-align:middle;
}

.globalmenu .name{
	position:absolute;FLOAT:RIGHT;left:20px;top:-3px;;
}
.globalmenu DD IMG{
	top:0px;vertical-align:middle;
} */



/*¸ÞÀÎ À̹ÌÁö ¹× ÅؽºÆ® */
.mpmimg{position:relative;width:1000px;height:415px;margin:0 auto;overflow:hidden;}
.mpmtxt01{position:absolute;left:36px;top:35px;}
.mpmtxt02{position:absolute;left:36px;top:77px;}
.mpmtxt03{position:absolute;left:36px;top:135px;}
.mpm_war{position:absolute;width:600px;height:70px;left:45px;top:320px;}

/*ºü¸¥ ¿ä±Ý Á¶È¸ */
.mpmquick{position:absolute;width:352px;height:80px;left:36px;top:170px;background:url(/water_m/images/common/mquick_Bg.gif)  no-repeat 0 0;}
.mpmquick .mpq_title01{position:relative;left:12px;top:12px;}
.mpmquick .mpq_check01{position:relative;left:12px;top:15px;}
.mpmquick .quickinp80{text-align:center; color:#726e6e;width:80px;height:15px; border:1px solid #acacac;font:12pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;padding:2px 0 3px 0;}
.mpmquick .quickinp50{text-align:center; color:#726e6e;width:50px;height:15px; border:1px solid #acacac;font:12pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;padding:2px 0 3px 0;}
.mpmquick .quickinp40{text-align:center; color:#726e6e;width:40px;height:15px; border:1px solid #acacac;font:12pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;padding:2px 0 3px 0;}
.mpmquick .quickinp30{text-align:center; color:#726e6e;width:30px;height:15px; border:1px solid #acacac;font:12pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;padding:2px 0 3px 0;}
.mpmquick .quickinp20{text-align:center; color:#726e6e;width:20px;height:15px; border:1px solid #acacac;font:12pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;padding:2px 0 3px 0;}
.mpmquick .quickinp10{text-align:center; color:#726e6e;width:10px;height:15px; border:1px solid #acacac;font:12pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;padding:2px 0 3px 0;}
.mpmquick .quickinp24{text-align:center; color:#726e6e;width:24px;height:21px; border:1px solid #acacac;font:14px dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;line-height:165%;}
.mpmquick .quickinp39{text-align:center; color:#726e6e;width:39px;height:21px; border:1px solid #acacac;font:14px dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;line-height:165%;}
.mpmquick .quickinp36{text-align:center; color:#726e6e;width:36px;height:21px; border:1px solid #acacac;font:14px dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;line-height:165%;}
.mpmquick .quickinp18{text-align:center; color:#726e6e;width:18px;height:21px; border:1px solid #acacac;font:14px dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;line-height:165%;}
.mpmquick .quickinp350{text-align:center; color:#726e6e;width:350px;height:21px; border:1px solid #acacac;font:14px dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;line-height:165%;}
.mpmquick .quickinp300{text-align:center; color:#726e6e;width:325px;height:21px; border:1px solid #acacac;font:14px dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;line-height:165%;}
.mpmquick .quickbar01{position:relative;left:4px;top:-6px;}
.mpmquick .quickbar02{position:relative;left:4px;top:-6px;}
.mpmquick .quickbar03{position:relative;left:4px;top:-6px;}
.mpmquick .quickbar04{position:relative;left:4px;top:-6px;}
.mpmquick .quickbar05{position:relative;left:4px;top:-6px;}
.mpmquick .quickbar06{position:relative;left:4px;top:-6px;}
.mpmquick .ht1{position:relative;height:1px;}

/*¸ÞÀÎ ½º¸¶Æ® ¼­ºñ½º */
.sv_smart{position:relative;width:1000px;height:145px;overflow:hidden;}
.sv_smart .smartbg  {position:relative;width:1000px;height:114px;background:url(/water_m/images/common/m_service_Bg.gif) no-repeat 0 0px;}
.sv_smart .smartbox {position:relative;width:1000px;height:114px;box-sizing: border-box; border: 3px solid #666; border-radius:4px;}
.sv_smart .sm_art{position:relative;width:1000px;height:176px;top:10px;margin:0 auto;}
.sv_smart .sm_art_icon{position:relative;vertical-align:top;top:5px;left:60px;z-index:10;}
.sv_smart .sm_art_icon p img{position:relative;float:left;padding-left:0px;}
.sv_smart .sm_art .sm_art_text_img_title{position:absolute;left:30px;top:15px;}
.sv_smart .sm_art .sm_art_text_img_title_s{position:absolute;left:30px;top:50px;}
.sv_smart .sm_art .sm_art_text_img_title_s2{position:absolute;left:30px;top:66px;}

/* .sv_smart .sm_name{position:absolute;clear:both;width:1000px;display:inline;float:left;height:100%;top:20px;border:1px solid #e605a4;} */
.sv_smart .sm_name li{position:absolute;display:inline;float:left;top:85px;left:0px;}

/* Æ˾÷ */
.mp_pop{position:relative;width:433px;height:184px;float:left;left:50px;overflow:hidden;}
.mp_pop ul li {position:absolute;float:left;padding:0px 0px 0 0px;}
.mp_pop .mppoparrow{position:relative;float:left;left:355px;top:11px;}
.mp_pop .mppopplay{position:relative;float:left;left:260px;top:10px;}
.mp_pop .mppoptitle{position:relative;float:left;padding:0 0 0 0;top:10px;}

/* °øÁö ±Û */
.recruitTab {position:relative;width:420px;float:right;float:right;right:50px;}
.recruitTab .rectit{position:relative;float:left;top:10px;left:0px;}
.recruitTab .rectit_more{position:relative;float:left;top:5px;left:350px;}
.recruitTab li {float:left;}
.recruitTab .Rbg {position:absolute; top:6px; left:146px;}
.recruitTab .tti {position:absolute; top:6px; left:24px;}

.recruitTab .recruitList {position:absolute;float:left;width:420px;top:35px;}
.recruitTab .recruitList td {border-bottom:#fff 1px solid;padding:6px 0px 6px 3px; text-align:left;letter-spacing:0.2px;} 
.recruitTab .recruitList .n {padding:5px 0px 5px 3px; text-align:left;color:#828387;font:10pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;letter-spacing:-1pt;}
.recruitTab .recruitList .n2 {padding:0px 0px 0px 0px;}

/* ¼öµµ¹Î¿ø½Ç, Äݼ¾ÅÍ, º¸¾ÈÇÁ·Î±×·¥ */
.sucallbo{position:relative;clear:both;width:930px;height:70px;padding:40px 0 0px 0;margin:0 auto;overflow:hidden;}


/* footer ¸Þ´º 2011 11 16*/ 
#fbg{position:relative;background:url(/water_m/images/common/main_boottom_linebg.gif) repeat-x 0 20px;height:123px;padding:20px 0 0 0;}
#footer{position:relative;clear:both;margin:0 auto;width:1000px;height:102px;}

#footer .bottom{position:relative;margin:0 auto;width:1000px;height:150px;margin:5px 0 0 0;overflow:hidden;text-align:right;}
#footer .bottom ul li{display:inline;font:11pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;color:#000;font-weight:bold;line-height:140%;}
	
#footer .bottom .logo{float:left;padding:32px 0 0 0px;}
#footer .bottom .imgtxt01{position:relative;float:left;width:114px;height:22px;padding:0 0 0 20px;z-index:3000;}

#footer .bottom .address{position:absolute;float:left;left:0px;font-size:12px;padding:45px 0 0 165px;z-index:1;}
#footer .bottom .address02{position:absolute;float:left;left:0px;font-size:12px;padding:65px 0 0 165px;}
#footer .bottom .copy{position:absolute;float:left;left:0px;font-size:12px;padding:85px 0 0 165px;}

#footer .bottom .visit{position:absolute;width:126px;height:93px;right:10px;top:25px;background:url(/water_m/images/common/copy_visit_bg.gif) no-repeat 0 7px;}
#footer .bottom .visit li{text-align:left;float:left;top:50px;width:126px;height:63px;}
#footer .bottom .visit li .numtb{left:0px;top:20px;font:10pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;font-weight:bold; color:#1a5e98;}


#footer .bottom .text1{position:absolute;top:17px;left:721px;width:340px;}
#footer .bottom .text1 ul li{float:right;display:inline;font:11pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;color:#1a5e98;font-weight:bold;line-height:140%;padding:0 83px 0 0;}

#footer .bottom .text2{position:absolute;top:34px;left:577px;width:430px;} 
#footer .bottom .text2 ul li{float:left;display:inline;font:11pt dotum, "µ¸¿ò", gulim, "±¼¸²", sans-serif;color:#000;font-weight:bold;line-height:140%;padding:0 8px 0 0;}

/* °ü¸®ÀÚ ¸®½ºÆ® ÆäÀÌ¡ */
#paging_div{position:relative;width:650px;margin: 0 auto;}
#paging_div .paging_align{
	clear: both;
    margin: 0 auto;
    padding-top: 16px;
    text-align: center;
    width: 600px;border-bottom: none;}
    
#paging_div .paging_align_td{border-bottom: none;}
.paging_align .first{border:medium none;padding:0px;}
.paging_align li{display:inline;border-right:1px solid #dddddd;padding-left:3px;padding-right:10px; vertical-align:middle;}
.paging_align li a{color:#666666;}
.paging_align li a:hover{color:#0958A5;font-weight:bold;}
.paging_align a:active{color:#0958A5;} 
.paging_align a:visited{color:#0958A5;}

/* °ü¸®ÀÚ µî·Ï ÆäÀÌÁö */
.vsth {text-align:center;height:30px;font-size:12px;color:#3d8edc;border:solid #1e9fd2;border-width: 1px 0 1px 0;}
.vstd {text-align:center;border:solid #d5d5d5;border-width: 0px 0 1px 0;height:30px;font-family:'NanumGothic', sans-serif;font-size:12px;padding-left: 5px;}
.vstd2 {text-align:left;border:solid #d5d5d5;border-width: 0px 0 1px 0;height:30px;font-family:'NanumGothic', sans-serif;font-size:12px;padding-left: 5px;}
.reth {text-align:center;height:30px;font-size:12px;color:#FFFFFF;background-color:#4374D9;border:solid #FFFFFF;border-width: 0 0 1px 0;}
.reth1 {text-align:center;height:60px;font-size:12px;color:#FFFFFF;background-color:#4374D9;border:solid #FFFFFF;border-width: 0 0 1px 0;}
.reth2 {text-align:left; padding-left:10px;font-size:12px;color:#FFFFFF;background-color:#6799FF;border:solid #FFFFFF;border-width: 0 0 1px 0;}

.check_a01 {border:noce;border-width: 0px 0px 0px 0px;clear:both;color:#f6f6f6;background:#6799FF;}
.onover {background-color:#E4F7BA;}
.onout {background-color:#FFFFFF;}
.loading_pop{position: absolute;top: 10px; z-index: 999;}
.loading_page{position: absolute;top: 200px; z-index: 999;}