@charset "utf-8";
@import url("/common/css/base.css");
@import url("/common/css/common.css");

/* layout */
body{}
#wrap {width:900px; margin:0 auto; background:url(/img/main/indexBg.gif) no-repeat;}
#header{position:relative; width:900px; height:68px;}
#content{min-width:900px; overflow:hidden;}
.wrapContent{_width:900px;}
#footer{position:relative; clear:both; margin:12px 0 0 0; height:55px; }

/* content */
.visual{position:relative; margin:0px; padding:0; height:180px;}

.notice{position:relative; float:left; margin:8px 34px 1px 34px; width:350px; display:inline;}
.notice h2{float:left; margin:0 7px 0 0;}
.notice ul{float:left; margin:17px 0 0 0; width:249px;}
.notice ul li{padding:3px 0 1px 7px; border-bottom:1px solid #DEDEDE; background:url(/img/main/bu_dot.gif) no-repeat 0 8px; font:12px/17px dotum; color:#939393; text-align:right;}
.notice ul li a{display:inline-block; width:182px; text-align:left; color:#707070;}
.notice .more{position:absolute; top:88px; left:48px; margin:0; padding:0;}

.typo{_margin:0 0 0 -3px;}

fieldset.search{ margin:0; padding:0; width:900px; height:44px; color:#fff; font:bold 12px/19px dotum; background:#417bc7; overflow:hidden;}
fieldset.search legend{display:none;}
fieldset.search .optionGroup {position:relative; float:left; margin:13px 0 0 10px;}
fieldset.search .optionGroup ul li {float:left; padding: 0 20px 0 0;}
fieldset.search .optionGroup ul li input {margin:0 2px 0 0; padding-top:2px; *padding-bottom:2px;}
fieldset.search .inputGroup{position:relative; float:left; margin:9px 0 9px 0;}
fieldset.search .inputText{padding:2px 0 2px 0; width:300px; border:solid #D9D8D7; border-width:1px 0; background:#fff; font:bold 12px/13px dotum; color:#727272;}
fieldset.search input, fieldset.search select,
fieldset.search img{float:left; vertical-align:bottom; margin:0 10px 0 0;}
fieldset.search textarea{position:absolute; bottom:0; right:0; padding:3px 4px; width:106px; height:37px; border:1px solid #D9D8D7; color:#727272; font:11px/14px dotum; overflow:auto;}

.cntSection1{width:230px; float:left; padding:0 30px 0 0;}
.cntSection2{width:635px; float:left; }
.cntSection3{width:900px; float:left; border-top:2px solid #417bc7;}

fieldset.login {margin:0; padding:0; width:230px; height:75px; font:bold 12px/19px dotum;}
fieldset.login legend{display:none;}
fieldset.login .loginGroup {position:relative; float:left; margin:13px 0 0 5px;}
fieldset.login .loginGroup ul li {float:left; padding: 0 5px 0 0;}
fieldset.login .loginGroup ul li input.id {border:1px solid #a5bcb3; width:70px; height:14px; padding-top:2px;}
fieldset.login .loginGroup ul li input.pw {border:1px solid #a5bcb3; width:83px; height:14px; padding-top:2px;}
fieldset.login .loginGroup ul li input.btn {padding:1px 0 0 0;}

fieldset.login .otherGroup {position:relative; padding:15px 0 0 40px; *padding:10px 0 0 40px; clear:both;}
fieldset.login .otherGroup ul li {float:left; padding: 0 5px 0 0;}
fieldset.login .otherGroup ul li a{font:normal 11px/12px dotum; color:#616161; letter-spacing:-1px; padding:0 5px 0 0;}
fieldset.login .otherGroup ul li.part {padding-left:10px; background:url(/img/main/loginBu.gif) no-repeat 0px 0px; *background:url(/img/main/loginBu.gif) no-repeat 0px 5px;}
fieldset.login .otherGroup ul li span.save{float:left; 	padding:0 0 0 4px; *padding:4px 8px 0 0; font:normal 11px/12px dotum; color:#333333; letter-spacing:-1px;}

.afterlogin {margin:15px 0 0 10px; *margin:15px -10px 0 10px; padding:0; width:230px; height:70px; font:bold 12px/19px dotum;}
.afterlogin .both{clear:both; display:block;}
.afterlogin .otherGroup {padding:15px 0 0 0; *padding:10px 0 0 0;}
.afterlogin .otherGroup ul li {float:left; padding: 0 5px 0 0;}
.afterlogin .otherGroup ul li.part {padding-left:10px; background:url(/img/main/loginBu.gif) no-repeat 0px 0px; *background:url(/img/main/loginBu.gif) no-repeat 0px 5px;}
.afterlogin .otherGroup ul li a{font:normal 11px/12px dotum; color:#616161; letter-spacing:-1px; padding:0 5px 0 0;}


.quick{ position:relative; margin:0; padding:10px 0 0 0; width:231px; height:80px; border-top:2px solid #417bc7; border-bottom:2px solid #417bc7;}
.quick ul li {float:left;}

.user {margin:0 auto; width:212px;}
.quickzone {display:inline; float:left; height:110px; margin:12px 0 0 7px; background:url(/img/main/bg_quickzone.gif) no-repeat 8px 27px;}
.quickzone ul{margin:18px 0 0 0;}
.quickzone ul li{float:left; font-weight:bold; width:81px; height:26px; padding-left:29px; font-size:11px;}
.quickzone ul li a{color:#6c6c6c;}


.news { position:relative; margin:30px 0 0 0; float:left;}
.news.n1 { margin:30px 28px 0 0;}
.news.n2 { margin:30px 28px 0 0;}
.news h2 {margin:0 0 5px 0;}
.news span.write {font:11px/11px dotum; margin:-13px 0 0 0; color:#9b9b9b; text-align:right; display:block;}
.news ul{float:left; margin:5px 0 0 0; width:193px;}
.news ul li{padding:3px 0 1px 0; font:12px/17px dotum; color:#939393;}
.news ul li div{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news ul li a{text-align:left; color:#6e6e6e; letter-spacing:-1px;}
.news ul li img{vertical-align:top; padding-top:2px;}

.service {position:relative; float:left; margin:8px 8px 0 0; }
.service h2{position:relative; padding:0 0 10px 0;}
.service ul li a{padding:0 0 1px 7px; margin:0 0 5px 0; display:inline-block; letter-spacing:-1px; width:110px; text-align:left; color:#6e6e6e; background:url(/img/main/serviceBu.gif) no-repeat 0 5px; }

.popupzone {float:left; width:268px; margin-bottom:10px;}
.popupzone h2 {float:left; margin:0 0 2px 9px; display:inline;}
.popupzone ul {float:right;}
.popupzone ul li{float:left; margin-right:3px;}
.popupzone .objContent{float:left; width:266px; height:177px; border:1px solid #cecece;}

.banner {overflow:hidden; float:left; margin:0 0 10px 0; width:268px; height:70px; background:url(/img/main/bannerBg.gif) repeat-x 0 21px; }
.banner h2 {float:left; margin:0 0 2px 9px; display:inline; }
.banner .nobannerlist{padding:0; margin:12px 0 0 0; border-collapse:collapse;}
.banner .nobannerlist td{padding:0; margin:0; text-align:center; width:268px;}
.banner .bannerscroll{width:274px; overflow:hidden;}
.banner .bannerlist{padding:0; margin:12px 0 0 0; border-collapse:collapse;}
.banner .bannerlist td{padding:0; margin:0; text-align:left; vertical-align:top;}
.banner .bannerlist ul li{margin:0 8px 8px 0;}
.banner .bannerlist ul li a img{border:1px solid #f0f0f0;}
.banner .btn {float:right; margin-top:3px;}
.banner .btn a {margin:0; padding:0;}
.banner .btn a img{margin:0; padding:0;}

.library {margin:0 38px 10px 0; width:298px; float:left;  }
.library dl {margin:15px 0 0 10px;}
.library dl dt{color:#575757; font:bold 12px/15px dotum;}
.library dl dd{color:#797979; letter-spacing:-1px; font:11px/17px dotum; padding:1px 6px 15px 60px;}


.guide {width:255px; float:left; *margin-right:-3px;}
.guide p.find{margin-top:0;}
.guide p.addr{margin:10px 0 0 18px; color:#797979; letter-spacing:-1px; font:11px/15px dotum;}

.link{width:217px; height:50px; margin:10px 0 0 20px;}
.link h3 {color:#575757; font:bold 12px/15px dotum;}
.link ul {margin:7px 0 0 0;}
.link ul li{float:left;}
.link ul li a{color:#797979; letter-spacing:-1px; font:11px/12px dotum; padding:1px 6px 5px 6px; background:url(/img/main/linkBu.gif) no-repeat 0px 3px; float:left;}

.link2{width:217px; height:90px; margin:0 0 0 20px;}
.link2 h3 {color:#575757; font:bold 12px/15px dotum;}
.link2 ul {margin:7px 0 0 0;}
.link2 ul li{float:left;}
.link2 ul li a{color:#797979; letter-spacing:-1px; font:11px/12px dotum; padding:1px 6px 5px 6px; background:url(/img/main/linkBu.gif) no-repeat 0px 3px; float:left;}


.linksite {width:230px; margin:0 0 0 20px; color:#575757; font:12px/12px dotum;}


.i_id,
.i_pw {height: 30px; padding-bottom: 2px; overflow: hidden;}
.i_id input {background:url('/img/main/bg_id.gif') no-repeat left top;}
.i_pw input {background:url('/img/main/bg_pw.gif') no-repeat left top;}
.login .i_login { width: 119px; height: 13px; padding: 3px 0 0 3px; border: 1px solid #c8c8c8; color: #7c7c7c;}




.m_intro .login p.i_id input {background:url('../images/main/bg_id.gif') no-repeat left top;}
.m_intro .login p.i_pw input {background:url('../images/main/bg_pw.gif') no-repeat left top;}
.m_intro .login .input_box .i_login { width: 119px; height: 13px; padding: 3px 0 0 3px; border: 1px solid #c8c8c8; color: #7c7c7c;}

/* 팝업존 */
#pZone {float:left; z-index:0;}
/*#pZone .pZoneTle{ overflow:hidden; height:25px;}*/
#pZone .pZoneTle h3 { float:left; }
#pZone .pZoneTle ul { overflow:hidden; float:right; height:25px; }
#pZone .pZoneTle ul li { float:left; margin-right:1px;} 
#pZone .pZoneTle ul li a { display:block; width:17px; height:14px; padding-top:5px; text-align:center; }
#pZone #popContent {float:left; width:266px; height:170px; z-index:0;} 
#pZone #popContent #popupzonelist { z-index:0;} 
#pZone .pBan { float:left;overflow:hidden; height:79px; padding: 15px 0 0 0;}
#pZone .pBan li { float:left; }
#pZone #popupzone {overflow:hidden; width:268px;height:172px; border:#147bc7 solid 2px;}
#pZone .PPP {padding: 0px;}