/* base
-----------------------------------------------*/

.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}


/* font Color */
.colorGreen { color:#ff7a04 !important; }
.colorBlue { color:#2a9db9 !important; }
.colorOrange { color:#f26522 !important; }
.colorGray { color:#959595 !important; }
.colorDGray { color:#6c6c6c !important; }
.txt1 {color:#2a9db9; font-weight:bold; }
.txt2 {font-weight:bold; color:#6c6c6c}
.txt3 {text-align:right; font-weight:bold; padding-top:20px;}
.txt4 {text-align:right; font-weight:bold;}
.txt5 {font-size:16px; font-weight:bold; color:3c3c3c;} 


h4 { margin:30px 0 10px; font-size:14px; font-weight:bold; color:#ff7a04; }
/*h4 .expl { font-size:12px; color:#959595; font-weight:normal; margin-left:7px; }*/
h4 .expl { float:right; margin-top:1px; *margin-top:-19px; color:#959595; font-size:11px; letter-spacing:-1px; font-weight:normal; }
.h4expl { margin:-9px 0 10px; font-size:11px; color:#959595; }


/* align */
.ac,tr.ac td { text-align:center !important; }
.al,tr.al td { text-align:left !important; }
.at,tr.at td { vertical-align:top !important; }


/* form */
.hp .itext { width:48px; } /* ¿¬¶ôó */
.email .w01 { width:118px; } /* À̸ÞÀÏ */
.email .w02 { width:74px; }
.address .itext { width:48px; }
.address .itext2 {width:540px;} /* ÁÖ¼Ò */
.address .itext.w01 { width:224px; }
.address .itext.w02 { width:193px; }
.file .itext { width:px; }
.pin .itext { width:245px; } /* ÀÎÁõ¹øÈ£ */
.resid .itext { width:118px; } /* Áֹεî·Ï¹øÈ£ */
.subject { width:530px; } /* Á¦¸ñ */
.biznum .itext.w01 { width:60px; } /* »ç¾÷ÀÚ¹øÈ£ */
.biznum .itext.w02 { width:30px; }
.biznum .ipw.w03 { width:60px;}
.price { width:100px; text-align:right; }

/* »óÇÏ´Ü ¼³¸í±Û */
.comment { position:relative; font-size:11px; color:#959595; }
.comment ul { padding:14px 15px 9px; background:#f9f9f9; }
:root .comment ul { padding:15px 15px 8px\9; }
.comment li { background:url('/assets/front/images/common/bu_dot.gif') 0 5px no-repeat; padding:0 0 3px 6px; line-height:14px; }
:root .comment li { background-position:0 4px\9; }
.comment ul.typeB { padding:15px 0 8px; background:none; }
.comment ul.typeB li { background-position:0 4px; }
:root .comment ul.typeB li { background-position:0 3px\9; }
.comment ul.typeB li ul { padding:5px 0 8px; background:none; }
.comment ul.typeB li ul li { background:url("/assets/front/images/common/bu_line.gif") 0 5px no-repeat; padding:0 0 3px 8px; line-height:14px; }
.comment .btn { position:absolute; top:0; right:0; }
.comment .link,.link { text-decoration:underline !important; color:#ff7a04 !important; }



/* Search Box */
.searchArea { margin:0; }
.searchArea select {border-color:#e9e9e9; }
.searchArea input {width:220px; padding:0 0 0 3px;}



/* Step */
.step { margin:0 0 30px; overflow:hidden; width:100%; height:52px; }
.step li { float:left; display:inline-block; font-size:0; line-height:0; .margin-right:-1px; }
.step li a { float:left; display:inline-block; font-size:0; line-height:0; }
.step li img { margin-top:-100px; }
.step li.on img { margin-top:0px; }



/* Table Type */
table { border-collapse:collapse; }

.tbl01 { margin:10px 0 0; letter-spacing:0 !important; }
.tbl01 table { width:100%; border-top:2px solid #6c6c6c; border-bottom:1px solid #6c6c6c; }
.tbl01 th { padding:9px 10px 6px; border-bottom:1px solid #6c6c6c; color:#6c6c6c; vertical-align:top; }
.tbl01 td { padding:8px 10px 7px; padding:9px 10px 6px\9; border-top:1px solid #e3e3e3; text-align:center; color:#959595; }
:root .tbl01 th, :root .tbl01 td { padding:10px 10px 5px\9; }
.tbl01 td.sub { color:#6c6c6c;}
.tbl01 tr.emph td,.tbl01 td.emph { background:#f9f9f9; }
.tbl01 tr.over:hover { background:#f9f9f9; }
.tbl01 th.thLine,.tbl01 td.thLine { background:#f9f9f9; }
.tbl01 td a.link01 { text-decoration:underline; color:#6c6c6c; font-weight:bold; }
.tbl01 td a:hover.link01 { color:#ff7a04; }
.tbl01 td .btnTypeIn { margin:0 2px; }

.tbl02 { margin:10px 0 0; letter-spacing:0 !important; }
.tbl02 table { width:100%; border-top:2px solid #6c6c6c; border-bottom:1px solid #6c6c6c; color:#6c6c6c; }
.tbl02 th { padding:9px 0 6px 20px; border-top:1px solid #e3e3e3; background:#f9f9f9; text-align:left; }
.tbl02 th em { font-style:normal; color:#f26522; margin-left:3px; }
.tbl02 td { padding:6px 0 6px 15px; border-top:1px solid #e3e3e3; vertical-align:top; }
.tbl02 td .btnTypeIn { margin-left:6px; }

.tbl02 td textarea{ padding:5px; width:530px; height:100px; background:transparent; color:#959595; overflow-y:visibility; }
.tbl02 td .btnPst { float:right; margin:-35px 20px 0 0; }
.tbl02 td .sct { margin-top:5px; }
.tbl02 td .sctOpt { margin-top:5px; }
.tbl02 td .vImg { display:inline-block; vertical-align:top; margin-top:-4px; }
.tbl02 img {vertical-align:top;}

.tbl03 { margin:40px 0 0 0; letter-spacing:0 !important; }
.tbl03 table { width:100%; border-top:2px solid #6c6c6c; border-bottom:1px solid #6c6c6c; }
.tbl03 th { padding:9px 10px 6px; border-bottom:1px solid #6c6c6c; color:#6c6c6c; vertical-align:top; }
.tbl03 td { padding:8px 10px 7px; padding:9px 10px 6px\9; border-top:1px solid #e3e3e3; text-align:center; color:#959595; }
:root .tbl01 th, :root .tbl01 td { padding:10px 10px 5px\9; }
.tbl03 td.sub { color:#6c6c6c; text-align:left; }
.tbl03 tr.emph td,.tbl01 td.emph { background:#f9f9f9; }
.tbl03 tr.over:hover { background:#f9f9f9; }
.tbl03 th.thLine,.tbl01 td.thLine { background:#f9f9f9; }
.tbl03 td a.link01 { text-decoration:underline; color:#6c6c6c; font-weight:bold; }
.tbl03 td a:hover.link01 { color:#ff7a04; }
.tbl03 td .btnTypeIn { margin:0 2px; }

.tblView { letter-spacing:0 !important; }
.tblView table { width:100%; border-top:2px solid #6c6c6c; border-bottom:1px solid #6c6c6c; }
.tblView th { padding:9px 20px 6px; border-top:1px solid #e3e3e3; text-align:left; vertical-align:middle; }
.tblView td { padding:9px 0 6px; border-top:1px solid #e3e3e3; color:#6c6c6c; }
.tblView td.sub { color:#6c6c6c; }
.tblView td a { display:inline-block; vertical-align:middle; }
.tblView td a img { margin:0 4px -3px 0;}
.tblView .view {padding:20px 0 20px 0; line-height:20px;}
.tblView .view.imgTy { padding:18px 0 13px !important; }


/* Å×À̺í¾È ¼³¸í±Û */
.info { font-size:11px; color:#999; letter-spacing:-1px; }
span.info { margin-left:5px; }
p.info { padding:7px 0 0; margin:0 0 -1px; line-height:14px; }
p.itop { padding:0 0 9px !important; margin:-2px 0 0 !important; }




/* paging */
.paging { position:relative; padding:20px 0 0; text-align:center;}
.paging a, .paging strong { display:inline-block; position:relative; width/**/:23px; height:21px; height:/*¡¬**/21px; line-height:21px; margin-right:1px; padding:2px 0 0; padding:/*¡¬**/2px 0 0; border:1px solid #e9e9e9; color:#959595; font-weight:normal; text-align:center; }
:root .paging a, :root .paging strong { height:20px\9; padding:3px 0 0\9; }
.paging strong, .paging a:hover { border:1px solid #6c6c6c; color:#fff; background:#6c6c6c; }
.paging .end, .paging .pre, .paging .next { border:0 !important; padding:0 !important; background:none !important; width:auto !important; height:auto !important; vertical-align:top; }
.paging .pre { margin:0 6px 0 0; }
.paging .next { margin:0 1px 0 5px; }



/* Button */
.schBtn { display:inline-block; width:60px; height:21px; padding:3px 0 0 0; background:#6c6c6c; color:#fff !important; font-size:11px; font-family:'µ¸¿ò','Dotum'; text-align:center; vertical-align:middle; }

.btnType { display:inline-block; }
.btnType a { display:inline-block; overflow:visible; margin:0; padding:0; border:0; width:auto !important; font-size:12px; vertical-align:top; white-space:nowrap; font-weight:bold; }
.btnType.type1 a, .btnType.type2 a { border:1px solid; padding:0 19px; height:33px; line-height:35px; }
.btnType.type1 a { background:#ff7a04; border-color:#ff7a04; color:#fff !important; }
.btnType.type2 a { background:#fff; border-color:#d7d7d7; color:#959595; }

.btnType.type3 a { border:1px solid; padding:0 7px; height:20px; background:#ff7a04; border-color:#ff7a04; color:#fff; text-align:center; font-weight:normal;}



.btnTypeIn,
.btnTypeIn * { background:url('../images/common/bg_btn.gif') no-repeat; display:inline-block; overflow:visible; margin:0; padding:0; border:0; height:24px; color:#6c6c6c; font-size:11px; font-family:'µ¸¿ò','Dotum'; vertical-align:top; white-space:nowrap; letter-spacing:-1px; text-align:center; }
.btnTypeIn { padding-left:1px; background-position:left 0; }
.btnTypeIn * { padding:0 7px 0 6px; background-position:right 0; line-height:26px; }
:root .btnTypeIn * { line-height:28px\9; }

.btnTypeIn2 a { display:inline-block; overflow:visible; margin:0; padding:0 9px; height:22px; border:1px solid #ff7a04; background:#ffffff; color:#ff7a04; line-height:26px; letter-spacing:-1px; font-weight:normal; font-size:11px; }

/** Button Area **/
.btn { margin:15px 0 0; text-align:right; }
.btn2 { margin:15px 0 0; text-align:center; }
.btn .btnType { margin-left:2px; }
.btnl { position:absolute; left:0; }
.btnR { position:absolute; right:0; top:15px; }

/* ÀÌÀü±Û/´ÙÀ½±Û */
.prevNext { margin:-1px 0 0 0; border-top:1px solid #6c6c6c; border-bottom:1px solid #6c6c6c; }
.prevNext li { height:35px; line-height:38px; overflow:hidden; }
.prevNext li span { position:relative; display:inline-block; width:60px; padding:0 0 0 7px; }
.prevNext li.next { border-top:1px solid #e3e3e3; }
.prevNext li img {vertical-align:middle; margin:0 0 0 18px;}