@charset "euc-kr";

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:14px;line-height:1.25em;font-family:dotum,'µ¸¿ò',sans-serif;}
body{position:relative;background-color:#fff;color:#000;word-wrap:break-word;word-break:break-all;}
body.o{min-width:320px}
img,fieldset{border:0}
ul,ol{list-style:none}
a{color:#000;text-decoration:none;cursor:pointer}
em,address{font-style:normal}
hr{display:none !important} 
legend {display:none;}

a{color:#000;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{text-decoration:none;}
strong{font-weight:bold;}
input[type="text"]{-webkit-appearance:none;-webkit-border-radius:0;}
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}

/* common id */
#header{background:url(/com/images/top_bg.png) repeat-x;text-align:center;}
#logo { position:relative; display:inline-block; width:81px; height:56px; overflow:hidden; background:url(/com/images/logo1.png) no-repeat; text-decoration:none; } 
#content {margin:0 auto; min-height:215px;}
#container {padding-top:10px;}
#footer {border-top:2px solid #ccc;padding:10px; text-align:center; background:#f6f6f6;}

/* common class */
.rm10 {margin-right:10px;}
.sd { position:absolute; z-index:-1; visibility:hidden;}
.pointbg {background:url(/com/images/txt_bg.gif);height:35px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; font-size:0.62em;}
.pointbg h2 {padding:0.7em 10px 0.2em; color:#cd2727}
.pointbg label {color:#000;}

/* navigation */
#navigation {height:31px; background:url(/com/images/menu_bg.gif) repeat-x left top;}
#navigation ul{*zoom:1; margin-left:8px;}
#navigation ul:after {content:"";clear:both;display:block;}
#navigation li {float:left; width:103px;}
#navigation li a {display:inline-block; width:103px; height:21px; text-decoration:none; color:#fff; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px; padding-top:10px; text-align:center;}
#navigation li a:hover,
#navigation li a:focus,
#navigation li a:active,
#navigation li.on a {background:url(/com/images/tab_on.gif) no-repeat; color:#000;}

/* showdeco class */
#header-showdeco{background:url(/com/images/top_bg1.png) repeat-x;text-align:center;}
#logo-showdeco { position:relative; display:inline-block; width:105px; height:57px; overflow:hidden; background:url(/com/images/logo2.png) no-repeat; text-decoration:none; } 

#navigation-showdeco {height:31px; background:url(/com/images/menu_bg1.gif) repeat-x left top;}
#navigation-showdeco ul{*zoom:1; margin-left:8px;}
#navigation-showdeco ul:after {content:"";clear:both;display:block;}
#navigation-showdeco li {float:left; width:103px;}
#navigation-showdeco li a {display:inline-block; width:103px; height:21px; text-decoration:none; color:#fff; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px; padding-top:10px; text-align:center;}
#navigation-showdeco li a:hover,
#navigation-showdeco li a:focus,
#navigation-showdeco li a:active,
#navigation-showdeco li.on a {background:url(/com/images/tab_on1.gif) no-repeat; color:#000;}

/* myorder class */
#header-myorder{background:url(/com/images/top_bg2.png) repeat-x;text-align:center;}
#logo-myorder { position:relative; display:inline-block; width:166px; height:57px; overflow:hidden; background:url(/com/images/logo3.png) no-repeat; text-decoration:none; } 

#navigation-myorder {height:31px; background:url(/com/images/menu_bg2.gif) repeat-x left top;}
#navigation-myorder ul{*zoom:1; margin-left:8px;}
#navigation-myorder ul:after {content:"";clear:both;display:block;}
#navigation-myorder li {float:left; width:103px;}
#navigation-myorder li a {display:inline-block; width:103px; height:21px; text-decoration:none; color:#fff; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px; padding-top:10px; text-align:center;}
#navigation-myorder li a:hover,
#navigation-myorder li a:focus,
#navigation-myorder li a:active,
#navigation-myorder li.on a {background:url(/com/images/tab_on2.gif) no-repeat; color:#000;}

/* memo & title area */
h2.titlebg {background:url(/com/images/txt_bg.gif);height:35px; border:1px solid #d2d2d2; border-left:0; border-right:0; font-size:0.9em;}
.memo-area {border-bottom:1px solid #d2d2d2;}
.memo-area h2 {background:url(/com/images/txt_bg.gif);height:35px; border-bottom:1px solid #d2d2d2; font-size:0.9em;}
h2.titlebg img,
.memo-area h2 img{padding:0.7em 10px 0.2em;}
.memo-area p {padding:10px 10px 0 10px;}
.memo-area p .txtarea{width:99%; height:100px; font-size:0.85em; padding:2px; overflow:hidden;}

/* login.htm */
#loginbox {background:#f6f6f6;border:1px solid #ccc; margin:10px 20px; padding:20px; text-align:center; min-width:240px;}
#loginbox fieldset {width:240px; margin:0 auto;}
#loginbox dl {width:240px; *zoom:1;}
#loginbox dl:after {content:""; clear:both; display:block;}
#loginbox dl dt,
#loginbox dl dd {float:left; margin:3px auto; text-align:left;}
#loginbox dt {width:50px;}
#loginbox dt img {margin-top:7px;}
#loginbox dd {width:190px;}
#loginbox dl input.text,
#loginbox dl input.password {width:160px; height:27px; border:1px solid #ccc; padding-left:5px; -webkit-appearance:none; -webkit-border-radius:0;}
#loginbox dl .text {font-size:1.4em;}
#loginbox dl .password {font-size:1.1em; line-height:25px;}
#loginbox .s1 {height:23px; font-size:0.9em; padding-top:10px;}
#loginbox .s1 input {margin-right:3px;vertical-align:middle;}
#loginbox button {border:0px;cursor:pointer;background:url(/com/images/butn_login.gif) no-repeat;width:123px;height:39px; margin-top:10px;}

.login_error {overflow:hidden; margin:0 auto 20px auto; padding:0px 0 5px 0; text-align:center; font-size:12px; color:#858585; font-weight:bold; line-height:17px; background:url(/com/images/bg_error_line.gif) repeat-x bottom ;}
.login_error .first {margin:17px 0 19px 0; font-size:14px; color:#4d4d4d;}
.login_error .first em {color:#ca0033;}

/* main htm */
#mainBtn {width:90%; *zoom:1; margin:10px auto;}
#mainBtn:after {content:""; display:block; clear:both;}
#mainBtn li {margin:10px 3px; text-align:center; line-height:0px; _margin:3px auto;width:90px;float:left;}
#mainBtn li button {width:100px; height:98px; border:0px; cursor:pointer; position:relative;}
#mainBtn .mainBtn1 {background:url(/com/images/btn_ico01.png) no-repeat center 0px;}
#mainBtn .mainBtn2 {background:url(/com/images/btn_ico02.png) no-repeat center 0px;}
#mainBtn .mainBtn3 {background:url(/com/images/btn_ico03.png) no-repeat center 0px;}
#mainBtn .mainBtn4 {background:url(/com/images/btn_ico04.png) no-repeat center 0px;}
#mainBtn .mainBtn5 {background:url(/com/images/btn_ico05.png) no-repeat center 0px;}
#mainBtn .mainBtn6 {background:url(/com/images/btn_ico06.png) no-repeat center 0px;}
#mainBtn .mainBtn7 {background:url(/com/images/btn_ico07.png) no-repeat center 0px;}
#mainBtn .mainBtn8 {background:url(/com/images/btn_ico08.png) no-repeat center 0px;}
#mainBtn .mainBtn9 {background:url(/com/images/btn_ico09.png) no-repeat center 0px;}
#mainBtn .mainBtn10 {background:url(/com/images/btn_ico10.png) no-repeat center 0px;}
#mainBtn .mainBtn11 {background:url(/com/images/btn_ico11.png) no-repeat center 0px;}
#mainBtn .mainBtn12 {background:url(/com/images/btn_ico12.png) no-repeat center 0px;}
#mainBtn .mainBtn13 {background:url(/com/images/btn_ico13.png) no-repeat center 0px;}
#mainBtn .mainBtn14 {background:url(/com/images/btn_ico14.png) no-repeat center 0px;}
#mainBtn .mainBtn15 {background:url(/com/images/btn_ico15.png) no-repeat center 0px;}


/* point layer */
#container .swarp {width:100%; *zoom:1;}
#container .swarp:after {content:"";display:block;clear:both;}

#container .point {position:relative; background:url(/com/images/bg_point.gif) no-repeat; width:120px; height:34px; margin-left:10px; font-size:0.85em; margin-bottom:10px;}
#container .point span{display:block;position:relative;padding:0.7em 10px 0.6em;color:#cd2727;}
#container .point span:after{content:"";display:block;}
#container .point label{color:#000;font-weight:bold;}

#container .interest {float:left;width:80px;text-align:left;position:relative; padding-left:10px;}
#container .interest span {font-size:0.85em;display:inline-block;padding:0.7em 0px 0.1em;}
#container .interest input {margin-left:4px;vertical-align:middle;}

#container .search {float:right;margin-right:10px;position:relative;}
#container .search span {display:block;padding:0.5em 5px 0.6em;}
#container .search span:after{content:"";display:block;}
#container .search input {width:80px;border:1px solid #ccc; padding:2px;font-size:0.9em; vertical-align:middle;}
#container button.find {position:relative; display:inline-block; text-decoration:none; border:0px; cursor:pointer; width:50px;height:22px;background:url(/com/images/btn_findr.gif) no-repeat; vertical-align:middle;}



/* list class */
#elist li {position:relative;width:100%;border-bottom:1px solid #dfdfdf;}
#elist li.odd {background:#f6f6f6;}
#elist li .ct{display:block;position:relative;padding:0.7em 10px 0.6em;}
#elist li .ct:after{content:"";display:block;}
#elist li a.ct {padding-right:31px; background:url(/com/images/btn_arrow.gif) no-repeat 98% 50%;}
#elist li .ct img {vertical-align:middle;}
#elist li .ct span {font-size:0.85em; line-height:18px;}
#elist li .ct span.name {font-size:1em; font-weight:bold; margin-right:5px;}
#elist li .ct span.date {font-size:0.83em;}
#elist li .ct span.money {color:#cd2727; font-weight:bold;}
#elist li .ct span.cm {font-size:0.8em;color:#90A774;}
#elist li .ct span.prodt {color:#FF9600; font-weight:bold;}
#elist li .ct span.etc {font-size:0.8em;}
#elist li .ct span.mark img {margin-left:3px;}
#elist li .ct span.regdate {margin-left:20px;}

/*view class*/
.boardtype2{width:100%; border-bottom:1px solid #999; color:#666; font-size:12px; table-layout:fixed; border-collapse:collapse;}
.boardtype2 caption{display:none;}
.boardtype2 thead th{ height:35px; padding:0 0 0 10px; text-align:left; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; background:url(/com/images/txt_bg.gif)}
.boardtype2 tbody td{padding:8px 0 8px; text-align:left; border-bottom:solid 1px #D2D2D2;}
.boardtype2 tbody td.name{text-align:left;font-size:13px;font-weight:bold; background:url(/com/images/bullet_01.gif) no-repeat 8px center; padding-left:18px;}
.boardtype2 tbody td.info{text-align:left;font-size:13px;}
.boardtype2 tbody td.title .remark{padding-top:0;}
.boardtype2 tbody td .cash {color:#23729e; font-size:13px; letter-spacing:-1;}
.boardtype2 tbody td .won  {color:#555;font-size:14px; letter-spacing:-1;}
.boardtype2 tbody td .text,
.boardtype2 tbody td .man {height:20px; border:1px solid #ccc; padding:0 5px 0 0; text-align:right; letter-spacing:0.1em; -webkit-appearance:none; -webkit-border-radius:0;}
.boardtype2 tbody td .text {width:80px;}
.boardtype2 tbody td .man {width:20px;}
.boardtype2 td img {vertical-align:middle;}
.boardtype2 th.ar {text-align:right; padding-right:10px;}
.boardtype2 td #regch {margin-right:10px;}
.boardtype2 td span.red {color:#cd2727;}
.estBtn {width:127px; margin:30px auto;text-align:center; line-height:0px; _margin:3px auto;}
.estBtn button {position:relative; display:inline-block; width:127px; height:34px; text-decoration:none; border:0px; cursor:pointer;}
.estBtn .est {width:200px; background:url(/com/images/btn_estmate.gif) no-repeat;}
.estBtn .cont {background:url(/com/images/btn_cont_send.gif) no-repeat;}
.estBtn .cancle {background:url(/com/images/btn_cancle.gif) no-repeat;}

.fbox0, .fbox1, .fbox2, .fbox3, .fbox4 {height:20px; font-size:14px; border:1px solid #ccc; padding:0; -webkit-appearance:none; -webkit-border-radius:0; vertical-align:middle;}
.fbox0 { height:24px;}
.fbox1 { width:100px; padding:5px 0 0 5px; }
.fbox2 { width:40px;}
.fbox3 { width:150px;}
.fbox4 { width:200px;}

#memo {border-bottom:1px solid #d2d2d2;}
#memo h2 {background:url(/com/images/txt_bg.gif);height:35px; border:1px solid #d2d2d2; border-left:0; border-right:0; font-size:0.9em;}
#memo h2 img{padding:0.3em 10px 0.2em;}
#memo h2 span {position:relative;margin:5px auto;display:inline-block;}
#memo h2 div {float:right;font-size:0.9em;position:relative;margin:10px auto; *zoom:1;}
#memo h2 div:after {content:"";display:block;clear:both;}
#memo h2 div label {vertical-align:middle;margin-right:10px;}
#memo h2 div input {vertical-align:middle;}
#memo p {padding:10px 10px 0 10px;}
#memo p .txtarea{width:99%; height:100px; font-size:0.85em; padding:2px; overflow:hidden;}


/*text class*/
#txt_list {padding:10px; background:#ededed; margin:10px auto;}
#txt_list .ft {font-size:13px;font-family:'µ¸¿ò';}
#txt_list .info {font-size:12px; color:#1d1d1d; font-weight:bold; line-height:18px; padding-left:20px;}
#txt_list .info em {color:#0000ff; text-decoration:underline;}
#txt_list ul { margin-left:5px}
#txt_list li {list-style: disc;margin-left:16px; font:normal 12px/1.5 'µ¸¿ò', Dotum; vertical-align:top;}
#txt_list li a {color:#2D2C2D; text-decoration:none;}
#txt_list li a:hover {text-decoration:underline;}
.size{ text-align:left; font-weight:bold; line-height:2; font-size:14px; letter-spacing:-1;}
.size1{ text-align:left; font-weight:bold; line-height:2; font-size:14px; letter-spacing:-1;}
.size2{ text-align:left; font-weight:bold; font-family: Arial; font-size:18px; color:#cd2727 ; letter-spacing:-1;}
.size3{ text-align:left; font-weight:bold; font-family: Arial; font-size:16px; color:#333 ; letter-spacing:-1;}
.size4{ text-align:left; font-size:13px; font-weight:bold; color:#4673bd ; letter-spacing:-1; line-height:1.6;}


/*ÀÇ°ß/±âŸ»çÇ× class*/
#txt_list1 .txtarea{width:93%; height:50px; padding:2px; overflow:hidden;}
#txt_list2 li {list-style:none; margin:0;padding:0; line-height:20px; font-size:0.9em; }
#txt_list2 li input {vertical-align:middle;}
#txt_list2 li .ess {color:#cd2727;margin-right:5px; font-size:1.2em; }

/*layer Pop class*/
#ly_pop{width:257px;position:absolute;z-index:1;padding:10px 20px 0;border:2px solid #fb7733;background:#fff;font-size:13px;left:8px;display:none;}
#ly_pop h1{margin-bottom:5px;font-size:14px;color:#2c2c2c;letter-spacing:-1px;line-height:20px}
#ly_pop ul{ width:220px;margin-left:20px; list-style:disc;}
#ly_pop li{line-height:1.5;border-bottom:1px solid #e5e5e5}
#ly_pop .desc{ padding:5px;color:#fb7733; font-weight:bold;}
#ly_pop .desc em{color:#268e00}
#ly_pop .btn{clear:both;margin-top:0px;padding:10px ;border-top:0px solid #e5e5e5;text-align:center}
#ly_pop .btn img{vertical-align:top}
.estBtn1 {width:200px; margin:30px auto;text-align:center; line-height:0px; _margin:3px auto;}
.estBtn1 button {position:relative; display:inline-block; width:200px; height:34px; text-decoration:none; border:0px; cursor:pointer;}
.estBtn1 .est {background:url(/com/images/btn_cont_send.gif) no-repeat;}

/* button class */
.button {margin:10px auto;text-align:center; line-height:0px; _margin:3px auto;}
.button a,
.button button {position:relative; display:inline-block; text-decoration:none; border:0px; cursor:pointer;}
.button button.memo {width:98px;height:22px;background:url(/com/images/btn_memo.gif) no-repeat;}
.button button.view {width:69px;height:22px;background:url(/com/images/btn_telopen.gif) no-repeat;}
.button button.close {width:69px;height:22px;background:url(/com/images/btn_close.gif) no-repeat;}
.button button.refresh {width:69px;height:22px;background:url(/com/images/btn_refresh.gif) no-repeat;margin-right:5px;}
.button button.cont {width:75px;height:22px;background:url(/com/images/btn_send1.gif) no-repeat;margin-right:5px;}
.button button.confirm {width:69px;height:22px;background:url(/com/images/btn_confirm.gif) no-repeat;}
.button button.cont2 {width:127px;height:34px;background:url(/com/images/btn_cont_send.gif) no-repeat;}
.button button.contmdf {width:120px;height:34px;background:url(/com/images/btn_cont_modi.gif) no-repeat;}
.button button.contccl {width:120px;height:34px;background:url(/com/images/btn_cont_cancle.gif) no-repeat;}
.button button.cancle {width:108px;height:34px;background:url(/com/images/btn_cancle.gif) no-repeat;}
.button button.contmc {width:172px;height:34px;background:url(/com/images/btn_cont_confirm.gif) no-repeat;}
.button button.estsend {width:200px;height:34px;background:url(/com/images/btn_estmate.gif) no-repeat;}
.button button.gomail {width:140px;height:34px;background:url(/com/images/btn_mail.gif) no-repeat;}
.button button.list,
.button a.list {width:101px;height:34px;background:url(/com/images/btn_inte_list.gif) no-repeat;}
.button button.estmodify,
.button a.estmodify{width:147px;height:34px;background:url(/com/images/btn_inte_modi.gif) no-repeat;}


/*paging class*/
.paginate{ padding:15px 0; text-align:center;}
.paginate *{ margin:0; padding:0;}
.paginate a,
.paginate span,
.paginate strong{position:relative;  padding:3px 8px; color:#333; text-decoration:none; line-height:normal; font-size:0.85em; background:#fff url(/com/images/line_pg4.gif) no-repeat 0 3px;}
.paginate strong{ color:#ff1315; font-weight:bold;}
.paginate a:hover,
.paginate a:active,
.paginate a:focus{ background-color:#f7f7f7;}
.paginate .pre {background:none;}

/* address class */
#layerPop {width:280px; position:absolute; z-index:1; padding:10px 15px;border:2px solid #fb7733;background:#fff;font-size:13px;left:8px; display:none;}
#layerPop h1 {margin-bottom:5px;font-size:14px;color:#2c2c2c;line-height:20px;}
#area_si, #area_gu, #area_dong {font-size:1em; width:auto;}
#area_gu, #area_dong { display:none;}
#remnant {margin:5px auto;display:none;}
#remnant span {font-weight:bold; background:url(/com/images/bullet_01.gif) no-repeat 0px center; padding-left:10px;}
#remnant input {border:1px solid #ccc; -webkit-appearance:none; -webkit-border-radius:0; vertical-align:middle; font-size:0.9em; padding:2px; width:60%;}

/* interior class */ 
#jobinfo {border:1px solid #CCC;padding:8px;margin:10px;}
#jobinfo dt,#jobinfo dd {font-size:0.9em;padding-left:10px; color:#666;}
#jobinfo dt {font-weight:bold; margin-top:10px;background:url(/com/images/bullet_05.gif) no-repeat -6px center;}
#jobinfo dt.first {font-weight:bold; margin-top:0px;}
#jobinfo dd {padding-left:20px;}
#jobinfo dd li {list-style-type:decimal;margin-left:20px;}
#jobinfo dd div {margin:10px auto;}
#jobinfo dd div img {width:150px; height:150px;}

#jobmoney{*zoom:1; border:1px solid #CCC; margin:10px; padding:10px 5px; color:#666;}
#jobmoney:after{content:"";display:block;clear:both;}
#jobmoney input,
#optList input {width:50px; height:17px; font-size:1em; border:1px solid #ccc; padding:0 3px 0 3px; -webkit-appearance:none; -webkit-border-radius:0; vertical-align:middle; text-align:right; margin-right:3px;}
#jobmoney div {float:left; vertical-align:middle; font-size:0.9em; line-height:23px;}
#jobmoney div span {font-weight:bold;background:url(/com/images/bullet_08.gif) no-repeat -12px center; padding-left:12px;}
#jobmoney .jobtm {width:190px;}
#jobmoney .jobwidth {float:left;}

#optList li {position:relative;width:100%;border-bottom:1px solid #dfdfdf; color:#666;}
#optList li .ct{display:block;position:relative;padding:0.7em 10px 0.6em;}
#optList li .ct:after{content:"";display:block;}
#optList li .ct div {font-size:0.85em; vertical-align:middle;}
#optList .ct div span {width:100px; margin-left:10px;}
#optList .ct .optdesc {margin-top:7px; padding-left:15px;}
#optList .ct .optdesc input {width:98%; text-align:left; font-size:1em; color:#666;}
#optList .ct .b01 {background:url(/com/images/bullet_05.gif) no-repeat -3px center; padding-left:15px; font-weight:bold;}

#logout {position:absolute;right:10px;top:20px;font-size:0.8em;}
.counsel-title {margin-top:10px;color:#545454;font-weight:bold;}


h1.header {font-size:1em;margin:5px 10px;}