@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* basic------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
* {margin:0;padding:0;line-height:120%;}
html, body {height:100%;width:100%;}
body {background-color:#ffffff;color:#969799;}
body, input, button {font-family:dotum,Gulim,AppleGothic,sans-serif;font-size:12px;}
div {text-align:left;}
fieldset, blockquote {border:none;margin: 0;padding: 0;border:0 ;}
input, textarea, select {background:#fff;color:#969799;}
body , div, ul, ol, li, dl, dt, dd, p, input, textarea, select, h1, h2, h3, h4, em, address, fieldset, form, iframe, object , blockquote {margin:0;padding:0;border:0 none;}
ol,ul,li,dl,dt,dd {list-style:none;}
ol li {list-style-type:inherit;}
button, label, a {cursor:pointer;}
button * {position:relative;}
select {vertical-align:middle;}
img {vertical-align:top; border:none;}
em , address {font-style:normal;}
textarea {overflow:auto;font-family:dotum,Gulim,AppleGothic,sans-serif;font-size:12px;}
a {text-decoration:none; color:#969799; outline:none; select-dummy:expression(this.hideFocus=true);}
a:hover, a:active {text-decoration:none;color:#969799;}
a,area {blr:expression(this.onFocus=this.blur());outlin:none;}
:focus {-moz-outline-style:none;}
table {border-collapse:collapse;border-spacing:0;}

h1, h2, h3, h4, h5, strong{letter-spacing:-1px;}
h1, h2, h3 ,h4, h5{font-size:12px;}
legend {font-size: 0; height: 0;overflow: hidden; visibility: hidden; width: 0;}
hr {clear:both;margin-bottom:30px;height:0;border:1px solid #fff;}
*html hr {clear:both;margin-bottom:10px;height:0;border:1px solid #fff;}
*:first-child+html hr {clear:both;margin-bottom:10x;height:0;border:1px solid #fff;}


form {margin:0px;}
input {height:16px;_height:18px;}
input, textarea{font-size:12px; color:#404040;border:1px solid #e5e5e5;padding:1px 2px 0 0px; background:#fff;color:#999;vertical-align:middle;z-index:-99;margin:0px;
/*border:expression((this.type=='checkbox'||this.type=='radio'||this.type=='button'||this.type=='image'||this.type=='hidden')?'':'1px solid #CACACA');*/}
select {font-size:12px; color:#404040;border:1px solid #dadada;padding:0px 0px 0 0px; background:#fff;color:#333;vertical-align:middle;z-index:-99;margin:0px;line-height:18px;height:20px;}
input[type=checkbox], input[type=radio], input[type=image], input[type=hidden], input[type=image]/*, input[type=button], input[type=submit]*/
{ border:none; vertical-align:middle;}

input[type=text], input[type=password], input[type=file]
{/*height:18px;margin:1px 0 1px 0;height:12px;*/padding:2px;line-height:14px;}

.input_btn {font-size:12px; color:#404040;border:1px solid #e5e5e5;padding:3px; background:#f3f3f3;vertical-align:middle;margin:0px;height:23px;}

/* =basic------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/*common */
.relative {position: relative; }
.absolute {position: absolute; }
.none {font-size:0px; line-height: 0px; width: 0px; height: 0px;  overflow:hidden; position: absolute; top:0px; left:-10000px;}
.clear {*zoom:1;}
.clear:after{display: block; content:""; clear:both; }

.fl{float:left;}
.fr{float:right;}
.p0 {padding:0px;}
.p3 {padding:3px;}
.p5 {padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.pt5 {padding-top:5px;}
.pb25{padding-bottom:25px;}
.pl15 {padding-left:15px;}
.m0{margin:0px;}
.m3{margin:3px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.ml3{margin-left:3px;}
.ml5{margin-left:5px;}
.ml9{margin-left:9px;}
.mr5{margin-right:5px;}
.mr13{margin-right:13px;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}

.vam {vertical-align: middle;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.alignleft{text-align:left;}
.cursor{cursor:pointer;}
.clear{clear:both;}
.fb{font-weight:bold;}
.block{display:block;}
.bg_none {background:none;}
.border_none{border:none;}
.radio {border:none;background:none;padding:0;margin:0;}
.hidden {overflow:hidden; _height:1px; _overflow:visible;}
.png24 {tmp:expression(setPng24(this));}
.border_dotline01 {clear:both;width:100%;height:2px;margin:0px 0 0px;background:url(../images/common/sub/bg_dotline01.gif) repeat-x 0 0px;overflow:hidden}
hr.border01 {border-top:1px solid #ccc;}
*html hr.border01 {clear:both;margin-bottom:5px;height:0;border-top:1px solid #ccc;}
*:first-child+html hr.border01 {clear:both;margin-bottom:5px;height:0;border-top:1px solid #ccc;}

/*font*/
.txt_orange01 {color:#fb4600;}
.txt_orange02 {color:#ff8501;}
.txt_blue01 {color:#0262b3;}
.txt_white {color:#fff;}
.txt_normal {font-size:12px; font-weight:normal;}


/*Layout*/
#wrap {width:100%;/*height:100%;*/height:auto !important; height:100%;  min-height:100%;}
#container {margin:0 auto; position:relative; width:980px;min-height:100%;height:100%;z-index: 1; background: url("../images/common/bg_nav.gif") repeat-y;overflow: hidden;}}
*html #container {height:100%;}
#wingBanner {left: 50%; margin-left: 510px;position: absolute;top:222px;z-index: 5;}

#header {position:relative; height:93px; background:url(../images/common/bg_header.gif) repeat-x 0 0px;z-index: 10;}
.topLink {padding:6px 0; overflow:hidden;width:980px; margin:0 auto;}
.topLink ul { float:right;}
.topLink ul li{display:inline;border-left:1px solid #9194a0; padding-left: 20px; margin:0 0 0 20px;}
.topLink ul li:first-child {border: 0; padding-left: 0px;}
.topLink ul li a {color:#9194a0;}

.gnbMenu {width:980px; margin:0 auto;}
.gnbMenu ul li{float:left; height:65px; background:url(../images/common/menu_bar.gif) no-repeat 0 50%; text-align:center;width:20%;}
.gnbMenu ul li:first-child {background: none;}
.gnbMenu ul li a {display:block; padding:26px 0;}

/*
이동훈 백업 
.dropGoods {position: absolute; width: 100%; z-index: 10;border-top:3px solid #882c2d;border-bottom:3px solid #882c2d;background:#f1f1f1;}
.dropGoods .dataGroup {display:block;margin: 0 auto; width: 1025px; height:240px; overflow:hidden; padding:25px 0; position:relative;}
.dataGroup ul {height:246px; padding:6px 0 0; overflow:hidden;}
.dataGroup ul li {float:left; width:192px; position:relative; margin: 0 0 0 15px; height:252px; +height:246px; background:url(../images/common/bg_goods.gif) no-repeat 100% -254px #fff; text-align:center;}
.dataGroup ul li:first-child {margin:0px;}
.dataGroup ul li span {position:absolute; top:-6px; right:0px;}
.dataGroup ul li a.data_img {padding:17px 0 0; display:block;}
.dataGroup dl {width:165px; text-align:left; padding:10px 0 0 0px; margin:0 auto;}
.dataGroup dl dt a{font-size:14px; letter-spacing:-1px;font-weight:bold; color:#282828; padding:0 0 8px;display: block;}
.dataGroup dl dd {font-size:11px; line-height:16px;}
.dataGroup dl dd.price {font-size:12px; margin:10px 0 10px 0px; font-weight:bold; color:#417281; letter-spacing:0px;text-align:center;}
.databar {position: relative;width: 1040px; margin: 0 auto 15px; height:14px; background:url(../images/common/drop_good_bg.png) repeat-x 0 0;}
.box {position: relative; width:88px;height:14px;}
.databar .scrollbar {position: absolute; top:0px; left:3px;}
.data_contents {position: relative; width:500%;}
*/


/* 이동훈 수정 시작 */
.dropGoods {position: absolute; width: 100%; z-index: 10;border-top:3px solid #882c2d;border-bottom:3px solid #882c2d;background:#f1f1f1;}
.dropGoods .dataGroup {display:block;margin: 0 auto; width: 1040px; height:290px; overflow:auto; padding:24px 0; position:relative;}
/* 이동훈 수정 끝 */

.dataGroup ul {height:246px; padding:6px 0 0; overflow:hidden;}
.dataGroup ul li {float:left; width:192px; position:relative; margin: 0 0 0 15px; height:252px; +height:246px; background:url(../images/common/bg_goods.gif) no-repeat 100% -254px #fff; text-align:center;}
.dataGroup ul li:first-child {margin:0px;}
.dataGroup ul li span {position:absolute; top:-6px; right:0px;}
.dataGroup ul li a.data_img {padding:17px 0 0; display:block;}
.dataGroup dl {width:165px; text-align:left; padding:10px 0 0 0px; margin:0 auto;}
.dataGroup dl dt a{font-size:14px; letter-spacing:-1px;font-weight:bold; color:#282828; padding:0 0 8px;display: block;}
.dataGroup dl dd {font-size:11px; line-height:16px;}
.dataGroup dl dd.price {font-size:12px; margin:10px 0 10px 0px; font-weight:bold; color:#417281; letter-spacing:0px;text-align:center;}
.databar {position: relative;width: 1040px; margin: 0 auto 15px; height:14px; background:url(../images/common/drop_good_bg.png) repeat-x 0 0;}
.box {position: relative; width:88px;height:14px;}
.databar .scrollbar {position: absolute; top:0px; left:3px;}

/* 이동훈 수정 시작  안에 내용 개수에 따라 width 값 늘어나야함 > 현제 20개 >> 추구 10개증가시 약1000 을 더함 */
.data_contents {position: relative; width: 2070px;}


.gnbMenu .dropOpen {position: relative; margin: 0 auto;width: 252px; height: 35px; display: block;top: 66px;}

.gnbMenu .dropOpen a {position: absolute; left: 0px}
.dropGoods .dropClose {position: relative; margin: 0 auto;width: 252px; height: 35px; display: block;top: 35px;}
.dropGoods .dropClose a {position: absolute; left: 0px}
/* 이동훈 수정 끝 */

/*해더텍스트 추가*/
.header_txt {position:absolute; top:55px; left:265px;font-family: 'Nanum Gothic',Arial,sans-serif; font-weight:bold; letter-spacing:-1px;}
.header_txt01 {color:#3d3d3f; font-size:16px; padding:0 0 4px;}
.header_txt02 {color:#7e6346; font-size:24px;font-weight:normal;}
/*//해더텍스트 추가*/

#company_name {position:relative; overflow:hidden;background:url(../images/company/img_company_tt.jpg) no-repeat 100% 0% #ffffff; height:130px; margin:0 0 0px;}
#company_name .qr {float:left; margin:25px 0 0 10px; background:url(../images/company/bg_qr.gif) no-repeat 0% 0%; width:149px; height:68px; padding:8px 0 0 8px}
#company_name h1 {float:right;width:716px; font-family: 'Nanum Gothic',Arial,sans-serif;font-weight: 800;font-size:32px;color:#000; text-align:right; padding:25px 30px 0 0; }
#company_name h1 a {color:#000;}

#nav{float: left;width: 218px; height: 100% !important; padding:20px 15px 50px; background:#fbfbfb; border:1px solid #d7d7d7; margin:0 15px 0 0; /*background:url(../images/nav/bg_dotLine_height.gif) repeat-y 0 0px;*/}
#nav h2 {text-align:center; margin:0 0 25px;}
#nav .snb_menu dt {color:#484848; font-weight:bold; font-size:14px;border-bottom:1px dashed #e1e1e1; padding:0 0 7px 18px; margin:0px 0 10px; background:url(../images/nav/bullet_icon01.gif) no-repeat 0 1px;}
#nav .snb_menu li {margin-top:33px;}	 #nav .snb_menu li:first-child {margin-top:0px;}
#nav .snb_menu dd {margin-bottom:10px;}
#nav .snb_menu dd li {padding:6px 0 1px; margin:0px;}
#nav a.goods_name {width: 162px;display: inline-block;white-space:nowrap; overflow: hidden;height: 14px;text-overflow: ellipsis;color:#182b31; letter-spacing:-1px; padding:0 0 0 7px;background:url(../images/nav/bullet_icon02.gif) no-repeat 0 4px;}
#nav .state{display:inline;}
#nav .state a {margin-left:-1px;}

#nav .coustomer_tel {border-top:1px dashed #e1e1e1;border-bottom:1px dashed #e1e1e1; padding:20px 0;}
#nav .coustomer_tel dd{font-family: 'Nanum Gothic',Arial,sans-serif;font-weight: 800;font-size:28px;color:#5f719a;}

#nav .sms_area {border:1px solid #e2e0e0; overflow:hidden; background:#fff; text-align:center; padding:6px; margin:40px 0 25px;}
#nav .sms_area h4 {padding:1px 0 6px;}
#nav .sms_tb {width:100%; height:215px;}
#nav .sms_tb td.tdST01 {width:18px; background:url(../images/nav/sms_L.gif) no-repeat 0 0;}
#nav .sms_tb td.tdST02 {width:18px; background:url(../images/nav/sms_R.gif) no-repeat right top;}
#nav .sms_tb td.tdST03 {background:url(../images/nav/sms_C.gif) repeat-x 0 0; vertical-align:top;}
#nav .sms_txt ul {padding:30px 0 0; width:100%; overflow:hidden; }
#nav .sms_txt ul li.smsST01 span{display:inline; float:left;}
#nav .sms_txt ul li.smsST02 {margin:5px 0 0;}
#nav .sms_txt ul li.smsST02 textarea {width:100%; height:70px; font-size:11px;}
#nav .sms_txt ul li.smsST03 {margin:27px 0 0; +margin:28px 0 0;letter-spacing:-1px; }
#nav .sms_txt dl {margin:12px 0 0;}
#nav .sms_txt dl dd input {width:28%;}
#nav .sms_txt dl dd.ddST02 {text-align:center; padding:12px 0 6px;}
#nav .ect_banner {margin:10px 0 0;}
#nav .ect_banner li {border-bottom:1px solid #ededed;}
#nav .ect_banner li a {display:block; width:100%; padding:0 0 0 30px;}


#content {float: left; width:715px;}
#content .cont_goods {margin:0 0 35px; position: relative; overflow:hidden;}
#content h3 {border-bottom:1px dashed #e1e1e1; padding:0 0 7px; margin:0 0 15px;}
#content .cont_goods p.more {position: absolute; right:0px; top:2px;}

/*거래완료 블릿:우측상단 span class="ico_colse" */
/*.ico_colse {right:0 !important; position: absolute; top: 0; clear:both; z-index:99;}
.ico_colse img{right:0 !important; position: absolute; top: 0; clear:both;}*/
.ico_colse {left:0px !important; position: absolute; top: 0px !important; clear:both; z-index:99;}
.ico_colse img{left:0px !important; position: absolute; top: 0px !important; clear:both;}
.recomm_pro ul li span.ico_colse {left:12px !important; position: absolute; top: 53px !important; clear:both; z-index:99;}

.prev, .next {display: inline-block;vertical-align: middle;}
.next {margin-left:-1px;}

#wingBanner .wing_area li{padding:0 0 5px;}

#footer {border-top:1px solid #000; background:#3d3e41; padding-bottom: 40px; clear:both; height:95px;}
#footer .footerLink1 {border-top:1px solid #47484b;padding-top:40px;border-top:1px solid #47484b;}
#footer .footerLink1 ul,#footer address {margin: 0 auto;overflow: hidden;position: relative;width: 990px;}
#footer .footerLink1 ul {width:645px; margin:0px auto;}
#footer .footerLink1 ul li {float:left; margin-right:12px; padding-left: 12px; font-size:11px;background:url(../images/common/menu_bar.gif) no-repeat 0 50%;}
#footer .footerLink1 ul li:first-child {background: none;}
#footer .footerLink1 ul li a{color:#82848b;}
#footer .footerLink1 ul li.bg_none {background:none;margin-right:0px;}
#footer .footerLink1 ul li.last {background:none; padding-left:7px;}
#footer address {padding-top:12px; text-align:center; font-size:11px;color:#82848b;}