@charset "utf-8";

/* basic */
*, html, body { margin: 0; padding: 0;}
div, table, th, td, p, span, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, img, iframe, a { margin: 0; padding: 0; border: 0;}
div, table, th, td { border-collapse: collapse;}
input, button { vertical-align: middle;}
img {border:0; vertical-align:top;}
button { margin: 0; padding: 0; border: 0; background: none;}
ul, ol, li { list-style: none;}
a {text-decoration:none;}
* {-webkit-text-size-adjust:none}


/* common */
.w20p {width:20% !important;}
.w30p {width:30% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.cen {text-align:center !important;}
.pd_l30 {padding-left:30px !important;}
.mg_l10m {margin-left:-10px !important;}


/* style */
.board_table02 {width:100%; border-collapse:collapse; color:#666; table-layout:fixed; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.board_table02 * {font-size:13px; letter-spacing:-1px;}
.board_table02 input[type="text"],
.board_table02 input[type="password"] {height:28px !important; line-height:28px !important; padding:0 5px; font-size:12px; font-family:dotum; color:#444; border:1px solid #ccc; border-radius:3px; background:#f1f7e7;}
.board_table02 label {margin-right:15px; margin-left:3px; .margin-left:0px;}
.board_table02 th { border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.board_table02 td {padding:8px 8px; border-bottom:1px solid #ddd; }
.board_table02 th {background:#eaeff3; color:#555; !important;}
.board_table02 th label {margin:0;}
.board_table02 td {color:#999;}
.board_table02 td p {margin-top:7px;}
.board_table02 textarea {width:85%; height:60px; padding:10px; border:1px solid #ccc; border-radius:3px; background:#f1f7e7;}
.board_table02 img {vertical-align:middle;}
.board_table02 a {cursor:pointer;}
.board_table02 select {height:30px;}

.gu_editor01 {width:100%; border-collapse:collapse; color:#666; table-layout:fixed; }
.gu_editor01 * {font-size:13px; letter-spacing:-1px;}
.gu_editor01 textarea {width:93%; height:60px; padding:10px; border:1px solid #ccc; border-radius:3px; background:#f1f7e7;}


.price_area {margin:0 !important; padding:0 0 5px !important; border:1px solid #ddd !important;}
.price_area_tit {margin:0 !important; padding:8px; font-weight:bold; color:#555; background:#f9f9f9;}
.price_box {padding:8px; border-top:1px dotted #ddd;}
.t_price * {font-size:15px; line-height:20px;}
.t_price ul {*zoom:1;}
.t_price ul:after {display:block; clear:both; content:"";}
.t_price li {float:left; margin-right:4px;}
.t_price div {color:#666; *zoom:1;}
.t_price div:after {display:block; clear:both; content:"";}
.t_price div span {float:left;}
.t_price .total_p {clear:both; float:none; font-weight:bold;}
.t_price #change_Money {color:#ee2e2e;}
.t_price .areaPrice {color:#2e64ee;}
.check_con label {font-size:13px; color:#666;}

.price_ex {margin-top:15px; padding-top:5px; border-top:1px dotted #999;}
.price_ex * {font-size:13px; color:#666;}
.price_ex p {position:relative; padding-left:10px; line-height:18px;}
.price_ex p span {position:absolute; left:0; top:6px; display:block; width:4px; height:4px; border-radius:2px; background:#999;}
.price_ex p b {color:#2e64ee;}
.price_ex p:first-child b {color:#ee2e2e;}




#zip_code {display:inline-block; line-height:28px; padding:0 5px; letter-spacing:-1px; color:#222; border:1px solid #999; border-radius:3px; background:#ccc; vertical-align:middle;}

.pro_lst {border-bottom:1px solid #999; background:#eee; *zoom:1;}
.pro_lst:first-child {border-top:1px solid #999;}
.pro_lst:after {display:block; clear:both; content:"";}
.pro_lst dl {position:relative; padding-left:40px; border-top:1px dotted #bbb;}
.pro_lst dl:first-child {border-top:0;}
.pro_lst dt {position:absolute; left:0; top:0; width:40px; text-align:center; padding:5px 0; line-height:20px; color:#666;}
.pro_lst dd {padding:5px; line-height:20px; background:#fff;}
.pro_lst .lft {float:left; width:50%;}
.pro_lst .lft dl {border-top:1px dotted #bbb;}
.pro_lst .lft input {height:18px !important; line-height:18px !important; vertical-align:top; text-align:center;}

.tel_area dl {line-height:16px;}
.tel_area dl dt {margin-bottom:6px; font-weight:bold; color:#666;}
.tel_area dl dd {position:relative; margin-bottom:3px; padding-left:8px; color:#888;}
.tel_area dl dd span {position:absolute; left:0; top:5px; display:block; width:4px; height:4px; background:red; border-radius:2px;}
.tel_area div {margin-top:10px; padding-top:4px; border-top:1px dotted #999;}
.tel_area div p {line-height:26px;}
.tel_area div a {display:inline-block; margin-left:5px; padding:0 10px; color:#fff; background:#999; border-radius:20px;}

/* 폼 버튼div */
.btn_check {width:100%; text-align:center; clear:both;}
.btn_check input { border:none !important; }
.btn_check2 {width:100%; text-align:left; clear:both;}
.btn_check2 input,select,img,label { vertical-align:middle; }
.btn_check3 {width:100%; text-align:right; clear:both; margin-top:15px;}

.btn_check ul {border:0px solid red; margin-top:10px;}
.btn_check ul li {display:inline; border:0px solid red; padding:0; margin:0; height:30px; }

.total {margin-top:30px; line-height:26px; font-size:14px; color:#666;}

.lst_table {width:100%; border:1px solid #777; border-left:0; border-right:0; text-align:center;}
.lst_table * {font-size:13px; letter-spacing:-1px;}
.lst_table th {padding:8px 3px; border-bottom:1px solid #777; font-weight:normal; color:#666; background:#f5f5f5;}
.lst_table td {padding:5px 3px; color:#666;}
.lst_table td p {text-align:left;}
.lst_table td b {color:#444;}
.lst_table .bd_top {border-top:1px solid #999;}
.lst_table .bd_bm {border-bottom:1px dotted #999;}
/*.lst_table a {display:inline-block; padding:0 5px; line-height:24px; font-size:12px; letter-spacing:-1px; color:#fff; background:#999; border-radius:3px;}*/
.lst_table .search_none {padding:8px 0;}
.lst_table .button_green a   {display:inline-block; padding:0 5px; line-height:24px; font-size:12px; letter-spacing:-1px; color:#fff; background:#2F9D27; border-radius:3px;}
.lst_table .button_red a   {display:inline-block; padding:0 5px; line-height:24px; font-size:12px; letter-spacing:-1px; color:#fff; background:#CC3D3D; border-radius:3px;}

/* -- 코멘트 --*/
.comment_area { width:100%; border:none; border-bottom:1px solid #b3b3b3; text-align:left;
}
.comment_area th { border:none; background:#fff; text-align:center; font-size:12px !important;  }
.comment_area td { border:none; text-align:center; }
.comment_area td input { border:1px solid #ccc; height:20px; }
.textarea { border:1px solid #ccc; width:99%; height:60px; padding:3px; font-size:11px; line-height:20px; }

.comment_area2 { width:100%; background:#fbfaf3; border-top:1px solid #E9E8DF; border-bottom:1px solid #E9E8DF; }
.comment_area2 th { color:#575757; text-align:center; font-size:12px !important; }
.comment_area2 td { color:#575757; line-height:24px; padding: 2px 3px 5px;}
.text_center { text-align:center; }

.replyid_textarea{width:94%; height:60px; padding:10px; border:1px solid #ccc; border-radius:3px; background:#f1f7e7;  }


.search_area {margin-top:20px;}
.search_area * {font-size:13px; letter-spacing:-1px;}
.search_area dt {color:red;}
.search_area dd {position:relative; margin-top:10px; padding:0 70px 0 90px;}
.search_area select {position:absolute; left:0; top:0; width:85px; height:32px;}
.search_area input[type="submit"] {position:absolute; right:0; top:0; width:65px; height:32px; font-size:13px; letter-spacing:-1px; color:#fff; background:#777; border:0; border-radius:3px;}
.search_area p {border:1px solid #999; border-radius:3px; overflow:hidden; background:#fff;}
.search_area input[type="text"] {line-height:30px; width:96%; padding:0 2%; background:none; border:0;}


.paging_area {margin-top:20px; text-align:center;}
.paging_area * {vertical-align:top; font-size:16px;}
.paging_area li {display:inline-block; border-radius:3px; overflow:hidden;}
.paging_area a {margin:0 2px; border:0px solid #c2c2c2; background:#eee; color:#666 !important; overflow:hidden;}
.paging_area span {display:inline-block;}
.paging_area a,
.paging_area span {display:inline-block; width:31px; height:31px; line-height:32px; border-radius:3px; overflow:hidden;}
.paging_area li img {display:none;}

.paging_area .bold a {background:#999; font-weight:bold;}
.paging_area .bold a font {color:#fff !important;}
.paging_area img {margin-top:6px;}
.paging_area #prevBlockButton,
.paging_area #nextBlockButton {display:inline-block; width:31px; height:31px; background-color:#eee;}

.paging_area #prevBlockButton {background-image:url(../images/fprevious.png);}
.paging_area #prevPageButton a {background-image:url(../images/previous.png);}
.paging_area #nextPageButton a {background-image:url(../images/next.png);}
.paging_area #nextBlockButton {background-image:url(../images/fnext.png);}

.paging_area #prevBlockButton,
.paging_area #prevPageButton a,
.paging_area #nextPageButton a,
.paging_area #nextBlockButton {background-repeat:no-repeat; background-size:15px 13px; background-position:8px 9px;}


#ZipCode {position:fixed; left:0; top:0; z-index:100; width:100%; background:red;}
.pop_bg {position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.popWrap_area {position:fixed; left:0; top:0; width:100%;}
.popWrap1 {margin:15px; padding:10px; border:1px solid #000; border-radius:5px; background:#fff;}
.popWrap2 {width:100%; margin:0 auto;}
.popWrap2 * {font-size:13px; letter-spacing:-1px;}
.popWrap2 .tit {font-size:15px; font-weight:bold; color:#333;}
.popWrap2 .jobInput {margin-top:7px; padding-top:7px; border-top:1px dotted #999; color:#777;}
.popWrap2 .inputWrap {}
.popWrap2 .inputBox {margin-top:10px; padding:5px; background:#eee; border-radius:3px;}
.popWrap2 .inputBox div {position:relative; padding:0 60px 0 80px; line-height:26px;}
.popWrap2 .inputBox span {position:absolute; left:0; top:0; color:#444;}
.popWrap2 .inputBox a {position:absolute; right:0; top:0; display:block; width:55px; height:26px; line-height:26px; text-align:center; color:#fff; background:#666; border-radius:3px;}
.popWrap2 .inputBox p {border:1px solid #666; height:24px !important; line-height:24px !important; border-radius:3px; background:#fff; overflow:hidden;}
.popWrap2 .inputBox p input {width:96%;height:24px !important; line-height:24px !important; padding:0 2%; background:none; border:0;}
#postSearchResult {height:200px; margin:15px 0 5px; border:1px solid #666; border-left:0; border-right:0; overflow-y:auto;}
#postSearchResult p {padding:10px 5px; line-height:16px; border-top:1px dotted #999;}
#postSearchResult p:first-child {border-top:0;}


.pw_area {margin:20px 10px; padding:15px 0; text-align:center; border:1px solid #999; border-radius:5px;}
.pw_area span {line-height:16px; font-size:13px; letter-spacing:-1px; color:#666;}
.pw_area p {margin-top:10px;}
.pw_area input {width:70%; padding:0 3%; line-height:30px; border:1px solid #999; border-radius:3px; background:#fff;}
.pw_btn {margin-top:15px; text-align:center;}
.pw_btn span,
.pw_btn a {display:inline-block; width:100px; height:30px; line-height:30px; margin:0 2px; font-size:14px; letter-spacing:-1px; color:#fff; border:0; border-radius:3px; overflow:hidden;}
.pw_btn span {background:#ef4511;}
.pw_btn span input {width:100%; height:30px; background:none; border:0; font-size:14px; color:#fff;}
.pw_btn a {background:#888;}


.ex_table01 *,
.ex_table02 * {font-size:13px; letter-spacing:-1px;}
.ex_table01,
.ex_table02 {width:100%; border:1px solid #999;}
.ex_table01 th,
.ex_table02 th,
.ex_table01 td,
.ex_table02 td {padding:8px 5px; border:1px dotted #999; color:#666;}
.ex_table01 th,
.ex_table02 th {background:#eee; color:#333;}
.ex_table02 {margin-top:-1px;}
.ex_table02 th {text-align:center;}
.ex_table02 th:first-child {text-align:left;}
.ex_table02 td {text-align:center;}
.ex_table02 td:first-child {text-align:left;}
.click a {display:inline-block; margin:20px auto; width:100px; line-height:30px; text-align:center; font-size:14px; letter-spacing:-1px; color:#fff; background:#ff5000; border-radius:3px;}
.click #cancle_btn a {display:inline-block; margin:20px auto; width:100px; line-height:30px; text-align:center; letter-spacing:-1px; color:#fff; background:#646464; border-radius:3px;}
p.click {text-align: center;}

/* address pop */
#pop_wrap {padding:8px;}
#contents * {font-size:13px; letter-spacing:-1px;}
#contents {padding:0px;}
#contents .add_tit {padding:8px; font-size:15px; font-weight:bold; color:#444; background:#eee; border-radius:5px;}

#contents .tab {margin-top:10px; *zoom:1;}
#contents .tab:after {display:block; clear:both; content:"";}
#contents .tab li {float:right; width:50%;}
#contents .tab li:first-child {float:left;}
#contents .tab li p {padding:8px; text-align:center; color:#777; background:#eee; border-bottom:1px solid #39b3d7; border-top-left-radius:0px; border-top-right-radius:5px;}
#contents .tab li:first-child p {border-top-left-radius:5px; border-top-right-radius:0px;}
#contents .tab li.active p {color:#fff; background-color: #39b3d7;}
#contents .help {display:none; /* height:120px; */ padding:10px; border:1px solid #39b3d7; border-top:0;}
#contents .help li {position:relative; margin-top:5px; padding-left:15px; line-height:18px; color:#666;}
#contents .help li:first-child {margin-top:0;}
#contents .help li span {position:absolute; left:0; top:0;}
#contents .help li p {color:red;}
#contents .search_area2 {margin-top:10px; padding:6px; background:#eee; border-radius:5px;}
#contents .search_area2 div {position:relative; padding:0 60px 0 90px;}
#contents .search_area2 select {position:absolute; left:0; top:0; width:85px; height:28px;}
#contents .search_area2 .smt {position:absolute; right:0; top:0; background:#777; border-radius:3px; overflow:hidden;}
#contents .search_area2 .smt input {width:55px; height:28px; color:#fff; background:none; border:0;}
#contents .search_area2 .inp {border:1px solid #999; border-radius:3px; background:#fff; overflow:hidden;}
#contents .search_area2 .inp input {width:94%; padding:0 3%; height:26px; line-height:26px; background:none; border:0;}
#contents .zip_list {margin-top:10px;}
#contents .search_list_tit {display:block; line-height:26px; border-bottom:1px solid #999;}
#contents .zip_list {margin-bottom:20px;}
#contents .zip_list p {border-top:1px dotted #999; margin-top:-1px;}
#contents .zip_list p:first-child {border-top:0;}
#contents .zip_list p a {display:block; padding:10px; line-height:17px; color:#666;}

#contents .no_lst {line-height:30px; text-align:center; background:#eee; border-radius:5px;}


/* 도배코드 */
.commentAuthor { background-color:#fff;}
.commentAuthor .cAuthorText { float:; padding:3px 5px;}
.commentAuthor .cAuthorInput { float:left;}
.commentAuthor .cPasswordText { float:left; padding:3px 5px;}
.commentAuthor .cAuthorInput { float:left;}
.commentAuthor .cCodeText { float:left; padding:3px 5px;}
.commentAuthor .cCodeImage { float:left; padding:0px 5px;}
.commentAuthor .cCodeInput { float:left;}
.commentAuthor .cCodeResult { float:left; padding:2px 5px;}

/*개인정보취급방침*/
.privacy_wrap {margin-top:10px; border:1px solid #ddd; background:#fefefe;}
.privacy_wrap > div {border:1px solid #eee; margin:8px; padding:10px; background:#fff}
.privacy_wrap p.title {margin:0; padding:13px 10px; background:#888; color:#fff;}
.privacy_wrap ul {margin:20px 0 15px; overflow: auto; height:80px; width:100%;}
.privacy_wrap ul li {margin-top:8px; line-height:18px;}

.privacy_wrap .agreeBox { text-align:center;}
.privacy_wrap .agreeBox span {color:red; font-size:11px;}

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(../img/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; border:0; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(../images/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(../images/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(../images/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(../images/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}
.button.white,
.button.white a,
.button.white button,
.button.white input { background-image:url(../images/buttonWhite.gif); color:#333;}
.button.white *:hover,
.button.white *:active,
.button.white *:focus{ color:#333;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}
.button.strong a:link { color:#fff; }
.button.strong a:visited { color:#fff; }
.button.strong a:hover, a:active, a:focus { color:#ff0; }

/* Button Text default */
.button.default a:link { color:#fff; }
.button.default a:visited { color:#fff; }
.button.default a:hover, a:active, a:focus { color:#ff0; }

/* 업체 css*/

.middle {vertical-align:middle; text-align:center; !important;}    
.middlea span { display:inline-block; width:49%; color:#000; line-height:20px; !important;}   
.textline {text-align:center; !important;}
.fcw a:link {color:#fff; important;}
.lineh { line-height:30px; important; }
.labell label { display:inline-block; line-height:20px; !important;}   
.lineha { padding:10px 0 10px 0px; important; }