@charset "utf-8";

/* 
WebPublishing production 1team
2008년
Author : 김윤정
*/ 

#wrap {
    width: 996px;
    background: #fff;
    margin:0px auto;
    position:relative;
}
#container {
    width:920px;    
    position:relative;
}
#header {
    height:160px;
    padding:5px 0px 10px 0px;
    margin:0px 0px 10px 0px;
    background: url(../../image/common/top/ct_topbg.gif) repeat-x left  bottom #fff;
}
#sHeader {
    height:115px;
    padding:5px 0px 10px 0px;
    margin:0px 0px 10px 0px;
    background: url(../../image/common/top/ct_topbg.gif) repeat-x left  bottom #fff;
}
#header form {margin:0px;padding:0px;}
#header1 { /* 메인페이지 */
    padding:5px 0px 0px 0px;
}
#scroll {
    position:absolute;
    top:95px;
    left:927px;
    width:68px;
}
#scroll ul.scroll_btn {}
#scroll ul.scroll_btn li{
    margin:0px 0px 3px 0px;
}
#content {
    width:100%;
}
#content #lnb {
    float:left;
    width:185px;
    margin-right:15px;
}
#content #contwrap{
    float:right;
    width:720px;
    margin-top:10px;
}

#content #contwrapPrint{
    padding-left: 20px;
    padding-top: 15px;
    float:left;
    width:720px;
    margin-top:10px;
}

#footer {
    margin:60px 0px 0px 0px;
    height:130px;
    width:100%;
    background:url(../../image/common/footer/cf_bg_footer.gif) no-repeat 28px 75px;
}

/* header 디자인 */ 
#header img.banner1, #header1 img.banner1 {margin:3px 0px 0px 10px;} /* 최상단쪽 */
#header img.banner2, #header1 img.banner2 {width:136px;height:37px;} /* 검색창 옆에 배너*/
#header img.cate,#header1 img.cate {margin:15px 0px 0px 17px;}
#header img.goodreg,#header1 img.goodreg {margin:-3px 7px 0 25px;}
#header img.drop {margin:11px 0px 0px 0px;font-size:0px;}
/*#header h1, #header1 h1 {
    position: relative;
    top: 4px;
}*/

#header .searchArea { 
    clear:both;
    background:url(../../image/common/top/ct_bg_navi.gif) no-repeat;
    height:96px;
}
#header1 .searchArea { 
    clear:both;
    background:url(../../image/common/top/ct_bg_navi.gif) no-repeat;
    height:77px;
}
#header .categorys {
    position:absolute; 
    z-index:5;
    top:40px;
    left:17px;
    height:395px;
    width:185px;
    background:#fff;
    /* display:none; */
}
#header .m_categorys {
    width: 185px;
    position: relative;
    z-index: 50000;
}
#header .categorys div.m_position {
    position: absolute;
    top: 0;
}
#header .categorys div.m_position div.tlayer {
    position: relative;
    top: 0;
}

#sHeader .categorys {
    position:absolute; 
    z-index:5;
    top:25px;
    left:0px;
    height:395px;
    width:185px;
    background:#fff;
    /* display:none; */
}
#sHeader .m_categorys {
    width: 185px;
    position: relative;
    z-index: 50000;
}
#sHeader .categorys div.m_position {
    position: absolute;
    top: 0;
}
#sHeader .categorys div.m_position div.tlayer {
    position: relative;
    top: 0;
}
div.reg1 {float:left;width:192px;}
div.sreg1 {float:left;width:192px;}
div.reg2 {float:left;width:543px;margin-top:37px;margin-left:20px;color:#fff;}
div.reg2 input.radio {margin:-3px 1px 0 0;}
div.reg2 strong {margin-right:3px;}
div.reg2 img.zoom {margin-right:4px;}
div.reg2 img.msearch {
    margin:4px 4px 0 0;
    vertical-align: top;
}
div.reg2 input.seartxt {
    background:url(../../image/common/top/ct_bg_search.gif) repeat-x;
    width:210px;
    border:0px;
    margin:0 0 3px 0;padding-top:2px;
    font-size:100%;
}
.cateView {
    position:relative;
    z-index:2;
    margin:-13px 0 0 -17px;
}
.cateView_depth {
    position:absolute;
    top:0px;
    left:0px;
}
.scateView {
    position:relative;
    z-index:2;
    margin:0 0 0 0;
}
.scateView_depth {
    position:absolute;
    top:100px;
    left:0px;
}
ul.location {
    float:left; 
    letter-spacing:-1px;
}
ul.location li {
    background:url(../../image/common/bullet/cu_bull_location_step.gif) no-repeat 0px 5px;
    padding:0 7px 0 10px;
    float:left;
    color:#757576;
}
ul.location li.none {
    margin-top: 4px;
    padding-left: 8px;
    background: url(../../image/common/bullet/cu_bull_location.gif) no-repeat 0px 3px !important;
}
ul.location li select {margin-top:0px;vertical-align:top;}
ul.location li a {color:#757576;}
#header div.h_left, #header1 div.h_left {
    float: left;
    width: 40%;
    height: 46px;
}

#header div.h_leftSC, #header1 div.h_leftSC {
    float: left;
    width: 40%;
    height: 0px;
}


#header div.h_right, #header1 div.h_right {
    float: right;
    width: 60%;
    margin-top:20px;
}
#header ul.linkArea, #header1 ul.linkArea {
    float: right;
    width: 257px;
    display: inline;
    background: url(../../image/common/top/ct_bg_header_branch.gif) no-repeat 0px bottom;
    padding: 0 3px 10px 0;
    margin-bottom: 3px;
    text-align: right;
}
#header ul.linkArea li, #header1 ul.linkArea li {
    display:inline;
    background:url(../../image/common/top/ct_bg_bar1.gif) no-repeat 0px 1px;
    padding:0px 0px 0px 5px;
    line-height:120%;
}
#header ul.linkArea1, #header1 ul.linkArea1 {
    float:right;
    clear:right;
    padding:0px 0px 3px 0;
}
#header ul.linkArea1 li ,#header1 ul.linkArea1 li {
    float:left;
    background:url(../../image/common/top/ct_bg_bar2.gif) no-repeat 0px 1px;
    padding:0px 5px 0px 5px;
    line-height:120%;
}
#header ul.linkArea1 li img ,#header1 ul.linkArea1 li img {font-size:0px;line-height:0px;}
#header .searchArea ul.headTab ,#header1 .searchArea ul.headTab {
    position:absolute;
    top:47px;
    font-size: 0;
}
#header .searchArea ul.headTab li ,#header1 .searchArea ul.headTab li {
    float:left;
}
#header .searchArea ul.headTab li img,#header1 .searchArea ul.headTab li img {font-size:0px;line-height:0px;}

#header .searchArea ul.headTabSC ,#header1 .searchArea ul.headTabSC {
    position:absolute;
    top:1px;
    font-size: 0;
}
#header .searchArea ul.headTabSC li ,#header1 .searchArea ul.headTabSC li {
    float:left;
}
#header .searchArea ul.headTabSC li img,#header1 .searchArea ul.headTabSC li img {font-size:0px;line-height:0px;}

/* footer 디자인*/
#footer ul.logo {
    border-top:2px solid #d9dad2;
    border-bottom:1px solid #d9dad4;
    padding:8px 0px 9px 20px;
    text-align:center;
    margin:0px 0px 17px 0px;
}
#footer ul.logo li {display:inline;}
#footer ul.logo li img {margin-right:20px;}
#footer div.fInfo {
    float:left;
    display:inline;
    margin-left:180px;
    padding:2px 0px 0px 20px;
    border-left:1px solid #e5e5e5;
}
#footer div.fInfo ul {margin:0px 0px 20px 0px;}
#footer div.fInfo ul li {
    background:url(../../image/common/footer/cf_bg_bar3.gif) no-repeat 0px 7px;
    float:left;
    padding:0px 5px;
}
#footer div.fInfo ul li.first {
    padding:0px 5px 0px 0px;
}
#footer div.fInfo ul li img {margin:5px 0px 7px 0px;}
#footer div.fInfo p.info {margin:0px 0px 5px 0px;}


#footer div.fInfo ul li.txtlast {
    float:left;
    display:inline;
    margin:0 0 0 150px;
    padding:0;
    background:none;
}
#footer div.fInfo ul li.txtlast img {margin:0px 0px 5px 0px;}

#skipNavi{
    visibility: hidden;
    position:absolute;
}
.accessibility-top{
    visibility: hidden;
    position:absolute;
}


/*new footer 1006*/

#nfooter {  
    clear: both;
    width: 918px;
    margin-top: 60px;
    padding: 13px 0 27px 0;
    border-top: 2px solid #d9dad2;
}
#nfooter dl.awardlist {
    width: 100%;
    overflow: hidden;
    padding-bottom: 14px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 14px;
}
#nfooter dl.awardlist dt {
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
}
#nfooter dl.awardlist dd {
    float: left;
    margin-left: 21px;
    display: inline;
}
#nfooter div.logo {
    float: left;
    margin: 5px 19px 0 9px;
    display: inline;
}
#nfooter div.logo img {
    padding: 21px 30px 29px 30px;
    border-right: 1px solid #d3d3d3;
}

#nfooter div.logoSC {
    float: left;
    margin: 5px 19px 0 9px;
    display: inline;
}
#nfooter div.logoSC img {
    padding: 1px 30px 29px 30px;
    border-right: 1px solid #d3d3d3;
}

#nfooter div.r-menugroup {
    float: left;
    width: 690px;
}
#nfooter div.r-menugroup ul.menu {
    margin-bottom: 10px;
    float: left;
}
#nfooter div.r-menugroup ul.menu li {
    float: left;
    padding: 0 12px 0 14px;
    background: url('../../image/common/footer/foot_menubar.gif') no-repeat left 0;
    margin-top: 6px;
}
#nfooter div.r-menugroup ul.menu li.first {
    background: none;
    padding-left: 2px;
}
#nfooter div.r-menugroup ul.menu li.viewer {
    background: none;
    padding: 0;
    margin: 0 0 0 240px;
    display: inline;
}
#nfooter div.r-menugroup ul.menu li img { vertical-align: top !important; }
#nfooter div.r-menugroup dl.allysite {
    width: 120px;
    height: 17px;
    float: right;
    position: relative;
    z-index: 0;
}
#nfooter div.r-menugroup dl.allysite dt {
    width: 120px;
    height: 17px;
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
    background: url('../../image/common/footer/foot_familysite.gif') no-repeat 0 top;
}
#nfooter div.r-menugroup dl.allysite dt a {
    display: block;
    width: 120px;
    height: 17px;
    cursor: pointer;
}
#nfooter div.r-menugroup dl.allysite dd {
    width: 118px;
    font-size: 90%;
    line-height: 140%;
    color: #505050;
    background: #ececec;
    border: 1px solid #cfcfcf;
    border-top: 0;
    position: absolute;
    top: 16px;
    display: none;
}
#nfooter div.r-menugroup dl.allysite dd.open { display: block; }
#nfooter div.r-menugroup dl.allysite dd a { color: #505050 !important; text-decoration: none; }
#nfooter div.r-menugroup dl.allysite dd a:hover { color: #333 !important; }
#nfooter div.r-menugroup dl.allysite dd ul { padding: 4px 10px 2px 7px; }

#nfooter div.r-menugroup p {text-align:left;}


#nfooter address {
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
    height: 41px;
    width: 100%;
    background: url('../../image/common/footer/foot_copyright.gif') no-repeat 1px top; 
    margin-top: 5px;
}











/* 헤더 공통 메뉴 적용 (2008.11.10) */
#nepostMenuTopwrap{
 margin:0px;
 text-align:right;
 font-size:small;!important
 font-family: "돋움","돋움체";
 position:absolute;
 top:0;
 left:420px;
 z-index:50;
}
#nepostMenuTopwrap a:link {color:#61646e;text-decoration: none;}
#nepostMenuTopwrap a:visited {color:#61646e;text-decoration: none;}
#nepostMenuTopwrap a:hover {text-decoration:none;color:#000;}

#nepostTopMenu{
 min-width:100px;
 height:22px;
 border-top:2px solid #dedede;
 font-size:85%; 
 padding:0;
 color:#737373;
 float:right;
}
#nepostTopMenuID{
 font-size:85%; 
 margin:0 5px 0 0;
}
#nepostTopMenu ul{
 margin:2px 0 0 0;
}
#nepostTopMenu li{
 margin:2px 0 0 0;
 padding:0 8px 0 8px;
 background:url(/esc/image/common/top/Epostmenudiv.gif) no-repeat right top;
 float:left;
 list-style:none;
}
#nepostTopMenu li.nobg{
 background:none;
 padding-right:0;
}
#nepostTopMenu li.btn{
 background:none;
 padding:0 1px;
 _padding:1px 1px 0 1px;
 margin:0;
}
#nepostTopMenu li.id{
 background:none;
 letter-spacing:0;
 color:#61646e;
 margin:3px 0 0 0;
 padding:0 3px 0 0;
 font-weight:bold;
}

/*메인 검색수정 스타일 추가-10.04.08 */
div.reg2 input.seartxtneo {
    background:url(../../image/common/top/ct_bg_search.gif) repeat-x;
    width:364px;
    border:0px;
    margin:0 0 3px 0;padding-top:2px;
    font-size:100%;
}

.vam{vertical-align:middle;margin-top:0px;}

.janggreen{
    font-size:small;
    left:0px;
    top:0;
    margin:0;
    position:absolute;
    text-align:left;
    z-index:50;
}

/* 2010 변경헤더 스타일 추가 (2010.6.22) */
#new_header{
 width:920px;
 margin:0;
 padding:0;

}
#newpostMenuTopwrap{
 margin:0px;
 text-align:right;
 font-size:small;!important
 font-family: "돋움","돋움체";
 position:absolute;
 top:0;
 left:420px;
 z-index:50;
}
#newpostMenuTopwrap a:link {color:#61646e;text-decoration: none;}
#newpostMenuTopwrap a:visited {color:#61646e;text-decoration: none;}
#newpostMenuTopwrap a:hover {text-decoration:none;color:#000;}

#newpostTopMenu{
 min-width:100px;
 height:22px;
 font-size:85%; 
 padding:2px 12px 0 0;
 color:#737373;
 float:right;
}
#newpostTopMenuID{
 font-size:85%; 
 margin:0 5px 0 0;
}
#newpostTopMenu ul{
 margin:4px 0 0 0;
}
#newpostTopMenu li{
 margin:2px 0 0 0;
 padding:0 4px 0 4px;
 background:url(../../image/common/top/Epostmenudiv.gif) no-repeat right top;
 float:left;
 list-style:none;
}
#newpostTopMenu li.nobg{
 background:none;
 padding-right:0;
}
#newpostTopMenu li.btn{
 background:none;
 padding:0 1px;
 _padding:1px 1px 0 1px;
 margin:0;
}
#newpostTopMenu li.id{
 background:none;
 letter-spacing:0;
 color:#61646e;
 margin:3px 0 0 0;
 padding:0 3px 0 0;
 font-weight:bold;
}
#new_search_area{
 margin:0;
 padding:7px 0 2px 0;
}
#new_search_area ul{
 margin:5px 0 0 0;
}
#new_search_area li{
 margin:14px 0 0 0;
 padding:0;
 float:left;
 list-style:none;
}
#new_search_area li.slase{
 float:none;
 list-style:none;
}
#new_search_area p{
 margin:15px 15px 0 0;
 padding:0;
 float:right;
}
input.textSearch {
 margin:12px 0 0 103px; 
 padding:3px; 
 border:#e40d00 2px solid; 
 background-color:#ffffff; 
 font-family:돋움,Dotum; 
 font-size:15px;
 color: #545454;
 height:17px;
 width:291px;
}
.searchBtm {margin-bottom:-12px;}

#membership_link{
 clear:both;
 float:right;
 margin:0; 
 padding:0 2px 3px 0;
}
#membership_link li{
 margin:0 5px 0 0; 
 float:left;
 padding:0 5px 0 0px;
}
#newtopmenu{
 clear:both;
 height: 35px;
 margin:0 0 7px 0;
 padding:0;
 background:url(../../image/common/top/new_topmenu_bg.gif) no-repeat left top;
}
#newtopmenu h1{
 float:left;
 margin:0 113px 0 0;
}
#newtopmenu ul{
 margin:0;
}
#newtopmenu li{
 float:left;
 margin:0;
 padding:0 8px 0 7px;
 background:url(../../image/common/top/esctopmenudiv.gif) no-repeat right center;
}
#new_location_area{
 margin:0;
 padding:0; 
}
#newtopmenu li.last{background:none;}
/* 검색어 자동완성 레이어 추가(2010.08.10) */
div.topsearch-autolayer {
    position: relative;
    z-index:100;
}
div.topsearch-autolayer div.position {
    width: 299px;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #bfbfbf;
    background: #f7f7f7;
    position: absolute;
    padding:0 0 4px 0;
    top: 50px;
    left: 287px;
    _left : -345px;
    _top : 51px
}
div.topsearch-autolayer p.tbtn {
    color: #616161;
    font-size: 90%;
    width: 100%;
    overflow: hidden;
}
div.topsearch-autolayer p.tbtn a {
    float: left;
    color: #616161 !important;
    margin: 3px 0 0 2px;
}
div.topsearch-autolayer p span.txt22 {
    float: left;
    color: #616161 !important;
    margin: 6px 2px 0 4px;
}
div.topsearch-autolayer p.tbtn a.txt { margin: 6px 2px 0 4px; }
div.topsearch-autolayer p.tbtn a.rclose {
    float: right;
    margin: 6px 5px 0 0;
    display: inline;
}
div.topsearch-autolayer p.tbtn a img { margin-bottom: 1px; }
div.topsearch-autolayer ul {
    width: 291px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #efefef;
    margin: 3px;
    padding: 4px 0 2px 0;
}
div.topsearch-autolayer ul li {
    clear: both;
    overflow: hidden;
    width: 100%;
    font-size: 90%;
    line-height: 120%;
}
div.topsearch-autolayer ul li a {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 4px 0 2px 0;
    overflow: hidden;
    text-decoration: none !important;
}
div.topsearch-autolayer ul li a:hover,
div.topsearch-autolayer ul li a:active { background: #efefef !important; }
div.topsearch-autolayer ul li strong { color: #f05b19;font-weight:normal; }
div.topsearch-autolayer ul li span.txt {
    float: left;
    margin-left: -6px;
    display: inline;
    background:url('');
}
div.topsearch-autolayer ul li span.level img {
    float: right;
    margin: -1px 5px 0 0;
    display: inline;
}

/* salesCity 전용 검색어 자동완성 (2010.08.10) */
div.stopsearch-autolayer {
    position: relative;
    z-index:100;
}
div.stopsearch-autolayer div.position {
    width: 299px;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #bfbfbf;
    background: #f7f7f7;
    position: absolute;
    padding:0 0 4px 0;
    top: -13px;
    left: 303px;
    _left : 303px;
    _top : -14px
}
div.stopsearch-autolayer p.tbtn {
    color: #616161;
    font-size: 90%;
    width: 100%;
    overflow: hidden;
}
div.stopsearch-autolayer p.tbtn a {
    float: left;
    color: #616161 !important;
    margin: 3px 0 0 2px;
}
div.stopsearch-autolayer p span.txt22 {
    float: left;
    color: #616161 !important;
    margin: 6px 2px 0 4px;
}
div.stopsearch-autolayer p.tbtn a.txt { margin: 6px 2px 0 4px; }
div.stopsearch-autolayer p.tbtn a.rclose {
    float: right;
    margin: 6px 5px 0 0;
    display: inline;
}
div.stopsearch-autolayer p.tbtn a img { margin-bottom: 1px; }
div.stopsearch-autolayer ul {
    width: 291px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #efefef;
    margin: 3px;
    padding: 4px 0 2px 0;
}
div.stopsearch-autolayer ul li {
    clear: both;
    overflow: hidden;
    width: 100%;
    font-size: 90%;
    line-height: 120%;
}
div.stopsearch-autolayer ul li a {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 4px 0 2px 0;
    overflow: hidden;
    text-decoration: none !important;
}
div.stopsearch-autolayer ul li a:hover,
div.stopsearch-autolayer ul li a:active { background: #efefef !important; }
div.stopsearch-autolayer ul li strong { color: #f05b19;font-weight:normal; }
div.stopsearch-autolayer ul li span.txt {
    float: left;
    margin-left: -6px;
    display: inline;
    background:url('');
}
div.stopsearch-autolayer ul li span.level img {
    float: right;
    margin: -1px 5px 0 0;
    display: inline;
}