@charset "utf-8"; #wrapBody {position:relative; min-width:1000px;} /*=header 영역 */ .wrap_header { min-width:1000px; height:78px; background:url(../img/common/bg_opacity_black.png) repeat;} #header {position:relative; min-width:1000px; height:78px;} #header .logo {display:inline-block; width:122px; height:52px;margin:20px 0 0 3px;} #HNB {position:absolute; top:17px; right:0; font-size:10px;} #HNB li {float:left;} #HNB li.ir_hnb a {position:relative; height:11px; display:block; color:#000; overflow:hidden; background:url(../img/hnb/hnb.png) no-repeat} #HNB li.ir_hnb a span {position:relative; display:block; z-index:-1;} #HNB li.ir_hnb a.admin {width:46px; background-position:0px 0px;} #HNB li.ir_hnb a.admin:hover {background-position:0px -15px;} #HNB li.ir_hnb a.login {width:55px; background-position:-47px 0px;} #HNB li.ir_hnb a.login:hover {background-position:-47px -15px;} #HNB li.ir_hnb a.join {width:42px; background-position:-101px 0px;} #HNB li.ir_hnb a.join:hover {background-position:-101px -15px;} #HNB li.ir_hnb a.sitemap {width:55px; background-position:-143px 0px;} #HNB li.ir_hnb a.sitemap:hover {background-position:-143px -15px;} #HNB li.ir_hnb a.logout {width:62px; background-position:-209px 0px;} #HNB li.ir_hnb a.logout:hover {background-position:-209px -15px;} #HNB li.ir_hnb a.modify {width:66px; background-position:-270px 0px;} #HNB li.ir_hnb a.modify:hover {background-position:-270px -15px;} #GNB {position:absolute; top:47px; right:0; font-size:14px;} #GNB li {float:left; margin-left:60px;} #GNB li.ir_wa a {color:#000; display:block; height:14px; background:url(../img/gnb/gnb.png) no-repeat;} #GNB li.ir_wa span {position:relative; display:block; z-index:-1;} #GNB .items {position:absolute; top:31px; height:33px; text-align:left;} #GNB .items li {margin:10px 0 0 30px;} #GNB .items li.first {margin-left:0px;} #GNB .cs_center .items {margin-left:-145px;} #GNB .cs_center .item_04 {width:100px;} #GNB li.introduce a {background-position:0px 0px} #GNB li.introduce a:hover {background-position:0px -247px} #GNB li.service a {background-position:0px -21px} #GNB li.service a:hover {background-position:0px -268px} #GNB li.product a {background-position:0px -104px} #GNB li.product a:hover {background-position:0px -350px} #GNB li.portpolio a {background-position:0px -41px} #GNB li.portpolio a:hover {background-position:0px -288px} #GNB li.portpolio a {width:65px;} #GNB li.recruitment a {background-position:0px -62px} #GNB li.recruitment a:hover {background-position:0px -309px} #GNB li.cs_center a {background-position:0px -83px} #GNB li.cs_center a:hover {background-position:0px -330px} #GNB li.introduce .item_01 a {background-position:-101px 0px} #GNB li.introduce .item_01 a:hover {background-position:-101px -554px} #GNB li.introduce .item_02 a {background-position:-205px 0px} #GNB li.introduce .item_02 a:hover {background-position:-205px -554px} #GNB li.introduce .item_03 a {background-position:-309px 0px} #GNB li.introduce .item_03 a:hover {background-position:-309px -554px} #GNB li.introduce .item_04 a {background-position:-413px 0px} #GNB li.introduce .item_04 a:hover {background-position:-413px -554px} #GNB li.introduce .item_05 a {background-position:-517px 0px} #GNB li.introduce .item_05 a:hover {background-position:-517px -554px} #GNB li.introduce .item_06 a {background-position:-621px 0px} #GNB li.introduce .item_06 a:hover {background-position:-621px -554px} #GNB li.service .item_01 a {background-position:-101px -21px} #GNB li.service .item_01 a:hover {background-position:-101px -574px} #GNB li.service .item_02 a {background-position:-205px -21px} #GNB li.service .item_02 a:hover {background-position:-205px -574px} #GNB li.service .item_03 a {background-position:-309px -21px} #GNB li.service .item_03 a:hover {background-position:-309px -574px} #GNB li.service .item_03 a {background-position:-309px -21px} #GNB li.service .item_03 a:hover {background-position:-309px -574px} #GNB li.product .item_01 a {background-position:-101px -104px} #GNB li.product .item_01 a:hover {background-position:-101px -657px} #GNB li.cs_center .item_01 a {background-position:-101px -83px} #GNB li.cs_center .item_01 a:hover {background-position:-101px -637px} #GNB li.cs_center .item_02 a {background-position:-205px -83px} #GNB li.cs_center .item_02 a:hover {background-position:-205px -637px} #GNB li.cs_center .item_03 a {background-position:-309px -83px} #GNB li.cs_center .item_03 a:hover {background-position:-309px -637px} #GNB li.cs_center .item_04 a {background-position:-413px -83px} #GNB li.cs_center .item_04 a:hover {background-position:-413px -637px} #crumbMenu .crumb_icon {vertical-align:middle; padding-right:10px;} /* 캡챠 자동등록(입력)방지 기본 */ #captcha {position:relative; display:inline-block; min-height:60px;} #captcha legend {position:absolute ;margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;} #captcha #captcha_img {width:100px; height:41px; border:1px solid #e9e9e9;} #captcha #captcha_mp3 {position:absolute; top:0; left:101px; margin:0; padding:0; width:23px; height:22px; border:0; background:transparent; vertical-align:middle; overflow:hidden;} #captcha #captcha_mp3 span {position:absolute; top:0; left:0; width:21px; height:20px; background:url('../../../plugin/kcaptcha/img/sound.gif'); border:1px solid #dedede;} #captcha #captcha_reload {position:absolute; top:21px; left:101px; margin:0; padding:0; width:23px; height:22px; border:0; background:transparent; vertical-align:middle; overflow:hidden;} #captcha #captcha_reload span {position:absolute; top:0; left:0; width:21px; height:20px; background:url('../../../plugin/kcaptcha/img/reload.gif'); border:1px solid #dedede;} #captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:200px;height:41px;border:1px solid #dedede;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em} #captcha .explain {position:absolute; left:0; top:50px} /* 그누보드에 적용된 캡챠lib에서 explain은 id값으로 지정되어있음. */ #captcha .inp {float:right; display:inline-block;} #passwordLost #captcha_key {width:140px;} /* 비밀번호 찾기에서 숫자 입력하는 박스 크기 조절 */