@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 */
.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: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,
.board_table02 td {padding:8px 8px; border:1px dotted #ddd;}
.board_table02 th {background:#f9f9f9; color:#555;}
.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;}

.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;}

.btn_check {margin-top:10px;}
.btn_check a {display:block; width:100px; line-height:30px; margin:0 auto; text-align:center; font-size:15px; font-weight:bold; letter-spacing:-1px; color:#fff; 
	border:1px solid #e8440d; border-radius:3px; box-shadow:1px 1px 0 #eb8a69 inset; text-shadow:0 0 1px #d43500;
	background: #e87a55; /* Old browsers */
	background: -moz-linear-gradient(top,  #e87a55 0%, #e8440d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e87a55), color-stop(100%,#e8440d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e87a55 0%,#e8440d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e87a55 0%,#e8440d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e87a55 0%,#e8440d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e87a55 0%,#e8440d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87a55', endColorstr='#e8440d',GradientType=0 ); /* IE6-9 */
	}

.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;}

.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;}