/***********************************************
 °øÅë
***********************************************/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
body { margin:0; padding:0; background:#fff }
body,td,div,p,input,select,textarea,li,a { font-size:10pt; font-family: 'Noto Sans KR', sans-serif;font-weight:400; letter-spacing:-0.5px;  }

a:link {text-decoration:none; color:#000; }
a:visited {text-decoration:none; color:#000; }
a:active {text-decoration:none; color:#000; }
a:hover {text-decoration:none; color:#626262; }
select, textarea { border:1px solid #e1e3ea; }
select { height:30px }
img { border:0 }
.input { width:95%; height:20px; border:1px solid #ccc; font-size:13px; font-weight:normal; padding:3px; }
.select { height:40px; border:1px solid #909292; font-size:15px; color:#fff; font-weight:bold; padding:3px; background:#909292 }
input { border:1px solid #ddd; width:100%; height:30px;}
input[type=radio] { width:14px; height:14px }
input[type=checkbox] { width:14px; height:14px }
input[type=image] { border:0 }
input::-ms-input-placeholder { color: #939393; font-size:9px }
input::-webkit-input-placeholder { color: #939393;  font-size:9px} 
input::-moz-placeholder { color: #939393;  font-size:9px}

label { cursor:pointer }

.imgv img { vertical-align:top }
.imgv2 img { vertical-align:bottom }
.textarea{border:1px solid #e1e3ea;}

#top_menu_bar { background:#fff; width:100%; height:50px; text-align:right; border-bottom:1px solid #cbccce;  }
#top_menu_bar > ul { list-style:none; margin:0 auto; padding:0; width:1200px; height:45px; margin-top:7px }
#top_menu_bar > ul > li { display:inline; height:50px; line-height:40px; margin:0 7px; font-size:13px}
#top_menu_bar > ul > li.b { display:inline; height:50px; line-height:1px; font-size:8px; font-weight:normal; margin:0; color:#fff; }
#top_menu_bar > ul > li > a { color:#666666; font-size:15px; }
#top_menu_bar > ul > li > a:hover { color:#000000; font-size:15px;}
#top_menu_bar > ul > li > div.cartcnt { position:absolute;margin-top:-30px; margin-left:70px; width:20px;height:18px;text-align:center;border-radius:100%;background:#0094d9;color:#fff;font-size:12px;z-index:200;line-height:15px }

/* ·Î°í ¿µ¿ª */
#top2 { width:1260px; height:195px; margin:0 auto; clear:both; min-width:1260px; }
#top2 > div { float:left; }
#top2 div.tel { width:530px; margin-top:10px }
#top2 div.tel > div { margin-left:30px }
#top2 div.logo { width:200px; margin-top:30px; text-align:center; }
#top2 div.rmenu { width:530px; border:0px solid #919191; text-align:center; }
#top2 div.rmenu ul { margin:50px 0 0 0; padding:0; list-style:none; float:right; overflow:hidden;  }
#top2 div.rmenu ul li { float:left; margin-left:17px; line-height:26px; height:90px; }
#top2 div.rmenu ul li:first-child  { width:65px;}
#top2 div.rmenu ul li a { font-size:14px; font-weight:700; color:#676767; }
#top2 div.rmenu ul li a:hover { color:#007cc5 }


#top { margin:0px auto 0; padding:0; list-style:none; width:1260px; overflow:hidden }
#top > li { float:right; }

#top_menu { clear:both; margin:0px; padding:0; list-style:none; overflow:hidden; height:68px; top:310px; }
#top_menu > li { float:left; font-size:18px; cursor:pointer; padding:20px 30px;  }
#top_menu > li:hover > span { font-weight:bold; color:#ff0000;  }

.sub_menu { width:1200px; position:absolute; z-index:100; border:1px solid #a5a5a5; background:#fff; top:322px; left:50%; margin-left:-600px; display:none; font-weight:normal; } 
/* .sub_menu { width:1200px; position:absolute; z-index:100; border:1px solid #a5a5a5; background:#fff000; display:none; } */
.sub_menu > ul { float:left; list-style:none; margin:0; padding:0; border-right:1px solid #e6e5e5; overflow:hidden }
.sub_menu > ul:last-child { border-right:0 }
.sub_menu > ul > li { width:175px; height:55px; line-height:55px; font-size:15px; padding-left:25px; cursor:pointer }
.sub_menu > ul > li:hover { font-weight:bold; background:#f7f7f7; color:#777 }

#all_menu { width:1200px; position:absolute; z-index:100; border:1px solid #a5a5a5; background:#fff; left:50%; margin-left:-600px; display:none; font-weight:normal; }
#all_menu > ul { margin:0; padding:0; list-style:none; }
#all_menu > ul > li { width:1200px; clear:both; }
#all_menu > ul > li > ul { margin:30px 0; padding:0; list-style:none; clear:both; overflow:hidden }
#all_menu > ul > li > ul > li { width:151px; float:left; line-height:20px; text-align:left; padding-left:20px; font-size:14px }
#all_menu > ul > li > ul > li:first-child { font-size:15px; font-weight:bold; }

#bottom_menu { width:100%; height:60px; background:#747172; text-align:center;  }
#bottom_menu ul { width:1200px; list-style:none; margin:0 auto; padding:0; }
#bottom_menu ul li { float:left; margin-right:40px; line-height:60px; color:#fff; font-size:13px }
#bottom_menu ul li a { color:#fff; }
#bottom_menu ul li a:hover { color:#eee; }
#copyright { width:1200px; margin:0 auto; padding:20px 0 50px; color:#939393; line-height:20px; }
#copyright div {font-size:13px; letter-spacing:0.2px}

#backing { width:100%; height:100%; background:#000; opacity:0.5; position:fixed; top:0; left:0; display:none; z-index:100 }

/*
#all_category_arrow:hover { 
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
*/

/* ¸ÞÀÎÀ̺¥Æ® */
#main_banner { width: 100%; min-width: 1200px; height: 525px; background: transparent; overflow: hidden;}
#main_banner .main_event{ height: 525px; width: 1920px; margin: 0 auto; background: #ffffff; position: relative; left: 50%; margin-left: -960px;}
.slidesjs-pagination {
  position:relative;
  z-Index:50;
  margin-top:-30px;
  left:50%;
  /*margin: -30px 50% 0 0;*/
  list-style: none;
  font-size:0px;
  float:left;
  padding:0;
  transform:translate(-50%,0);
}
.slidesjs-pagination li {
  float: left;
  margin: 0 4px;
}
.slidesjs-pagination li a {
  font-size:0;
  display: block;
  width: 12px;
  height: 12px;
  text-align:center;
  background-image: url(/img/A/common/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -12px
}
.slidesjs-pagination li a:hover {
  background-position: 0 -24px
}
.slidesjs-next {
    position:absolute;
    width:27px;
    height:50px;
    background:url(/img/A/common/main_event_right.png);
    z-index:199;
    text-indent:-9999px;
    margin-top:-240px;
	left:50%;
	margin-left:630px
}
.slidesjs-previous {
    position:absolute;
    width:27px;
    height:50px;
    background:url(/img/A/common/main_event_left.png);
    z-index:199;
    text-indent:-9999px;
    margin-top:-240px;
    left:50%;
    margin-left:-680px
}

.main_title { padding:0 0 10px 0; font-size:32px;  color:#555; background:url(/img/A/common/under_bar_yellow.png) no-repeat center bottom}

/* BEST »óÇ° */
.best_goods { list-style:none; margin:30px 0 0 0; padding:0 }
.best_goods li { float:left; width:284px; cursor:pointer; text-align:left; margin-left:21px }
.best_goods li:first-child { margin-left:0px }
.best_goods li span.t { font-size:20px; font-weight:bold }
.best_goods li span.c { font-size:13px }
.best_goods li span.o { width:55px; height:20px; line-height:22px;text-align:center; float:right; background:#e30920; color:#fff;font-size:11px; border-radius:20px; margin-top:7px }

/* ÇÁ¸°ÆøÞÀÌÆ® TODAY! */
.today_goods { list-style:none; margin:30px 0 0 0; padding:0 }
.today_goods li { float:left; width:284px; height:284px; cursor:pointer; text-align:left; margin-left:21px; margin-bottom:30px }
.today_goods li:first-child { margin-left:0px }
.today_goods li span.t { font-size:18px; font-weight:bold }
.today_goods li span.d { font-size:12px; float:right }
.today_goods li span.c { font-size:13px }
.today_goods li span.c p { margin:0 }
.today_goods li span.o { width:55px; height:20px; text-align:center; float:right; background:#e30920; color:#fff;font-size:11px; border-radius:20px; margin-top:7px }

/* »ùÇõðÀÚÀÎ */
.sample_area { width:1200px; margin:0 auto }

/* »ùÇø®½ºÆ® */
.plus2 { position:absolute; margin-left:165px; margin-top:17px}
.sample_list { display:inline-block; margin-left:20px; margin-bottom:30px; cursor:pointer }
.sample_list .pshow { background:#000; height:45px; position:absolute; width:283px; margin-top:-51px; opacity:0.5; display:none}
.sample_list .pshow span.no { color:#fff; opacity:1; margin-left:20px; line-height:45px; font-size:18px }
.sample_list .pshow span.choice { color:#fff; opacity:1; font-size:16px; border:1px solid #fff; border-radius:15px; padding:0 12px; float:right; margin-right:20px;margin-top:8px }
.sample_list:hover img { box-shadow: 5px 5px 5px rgba(0,0,0,0.3); } 
.sample_list:hover .pshow { display:block }

/* Èıâ */
.review_area { width:1200px; margin:0 auto }
.review_area .ttl { font-weight:bold; font-size:14px; width:140px; display:inline-block; }
.review_area .cate { background:#e6ebee;display:inline-block; height:17px;overflow:hidden;border-radius:20px; padding:0 10px; font-size:13px}
/*.review_area .cate > span { background:#e6ebee; border-radius:20px; margin-left:0px; padding:0px 10px; font-size:12px; line-height:17px; display:inline-block; vertical-align:bottom }*/
.review_area .id { margin-left:0px; font-size:11px; width:70px; display:inline-block;}
.review_area .wdate { margin-left:10px; font-size:11px; }
.review_area .cont { font-size:13px; margin-top:3px }

/* ¸ÞÀÎ °Ô½ÃÆÇ Ãâ·Â */
#main_board_area { width:100%; padding:30px 0; border-top:1px solid #cdcccc; overflow:hidden } 
#main_board { width:1200px; height:180px; margin:0 auto; padding:0; list-style:none }
#main_board > li { height:100%; float:left; border-left:1px solid #cdcccc; padding:0 40px }
#main_board > li:first-child { float:left; border-left:0; padding-left:0; }
#main_board .ttl { font-size:23px; font-weight:bold; float:left; margin-bottom:10px }
#main_board .more { float:right }
#main_board li.ttl a { float:right; }

#main_board .notice { margin:0; padding:0; list-style:none }
#main_board .notice li { clear:both; font-weight:normal; font-size:1em; line-height:20px; font-size:13px }

#zoomarea { position:absolute; z-index:200; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); cursor:pointer}
#zoomarea div { width:100%; height:100%; opacity:0.5; background:#000; position:absolute; }
#zoomarea img { width:100% }

/*** Á¦Ç° ÁÖ¹® ÆäÀÌÁö ***/
.printbook_ttl { color:#000; font-size:24px; font-weight:bold }
.printbook_ttl2 { color:#d2d2d2; font-size:24px;  }
.printbook_dsc { color:#443e40; font-size:18px; font-weight:bold; margin-left:20px }
.printbook_sub { width:100%;  background:#e8e8e8; padding:20px 0; margin-top:35px; overflow:hidden }
.printbook_sub ul { width:1080px; padding:0; margin:0; list-style:none; overflow:hidden; }
.printbook_sub ul li { display:inline-block; background:#fff; border-radius:20px; padding:2px 10px; margin:2px; font-weight:medium; cursor:pointer; font-size:14px }
.printbook_sub ul li:hover { background:#49b3c1; color:#fff; font-weight:bold }
.printbook_sub ul li.on { background:#49b3c1; color:#fff; font-weight:bold }

#_goods_options table td { font-size:13px; height:45px }
#_goods_options table td:first-child { font-weight:bold; }
select.option_sel { border:1px solid #eff1f6; background:#eff1f6; padding:0 10px; border-radius:25px; font-size:14px; font-weight:normal; height:26px; margin-right:5px; text-align:center}
select.option_sel2 { border:1px solid #eff1f6; background:#eff1f6; padding:0 10px; border-radius:25px; font-size:14px; font-weight:normal; width:230px; height:26px; margin-right:5px; text-align:center}
/*select.option_sel::-ms-expand { display:none; }*/
input.option_input { width:100%; border-radius:15px; height:24px; background:#eff1f6; border-color:#eff1f6; text-indent:15px; font-size:13px }
input.option_input::placeholder { font-size:13px; color:#000 }
span.option_span { display:inline-block; border-radius:20px; line-height:28px; height:26px; background:#eff1f6; border-color:#eff1f6; font-size:14px; padding:0 10px; cursor:pointer; margin-right:5px; margin-bottom:5px; min-width:53px; text-align:center }
span.option_choice { background:#49b3c1; border-color:#49b3c1; font-size:14px; color:#fff; font-weight:bold}
span.option_choice_on { background:#49b3c1; border-color:#49b3c1; font-size:14px; color:#fff; font-weight:bold }
span.mm { height:21px; border:1px solid #ccc; display:inline-block; border-radius:5px; padding:0 3px}
input.input2 { height:19px; border:0px; font-size:14px; }
input.input2:focus { outline:none }
input.input2::placeholder { text-align:right; font-size:14px; color:#000 }
.red { color:#ff0000 }
input.option_checkbox {     
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background:#eff1f6;
  height: 26px;
  width: 26px;
  border: 1px solid white;
  border-radius:20px;
} 
input.option_checkbox:before {
  content: '';
  position: relative;
  left: 40%;
  top: 20%;
  width: 15%;
  height: 40%;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display:block;
}
input.option_checkbox:after {
  content: '';
  position: relative;
  left: 40%;
  top: -25%;
  width: 15%;
  height: 40%;
  border: solid #777;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: none;
}
input.option_checkbox:checked { 
	background:#eff1f6; 
} 
input.option_checkbox:checked:after {
  display: block;
}


/* ÆÄÀÏ÷ºÎ */
.file_input { margin-bottom:5px }
.file_input label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:82px;
    height:27px;
    background:url(/img/A/common/btn_file.png);
    color:#000;
    text-align:center;
}
.file_input label input {
    font-size: 45px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;

    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;

}
.file_input input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:290px;
    height:24px;
    line-height:20px;
	border-radius:15px; 
	background:#eff1f6; 
	border:0;
	text-indent:15px; 
	font-size:13px
}

/* °¡°Ý Ç¥½Ã */
.price_area { width:100%; height:110px; background:#fdd000; margin-top:0px; positiona:absolute}
.price_area .dprice { width:500px; float:left; margin-left:100px; line-height:80px }
.price_area .oprice { width:500px; float:left; margin-right:100px; text-align:right; line-height:80px; }
.price_area .t { font-size:15px; font-weight:bold; margin-left:10px }
.price_area .p { font-size:15px; font-weight:bold; color:#ff0000; margin-left:10px; margin-right:10px }
span.btn_span { display:inline-block; border-radius:20px; line-height:28px; height:26px; background:#fff; border-color:#fff; font-size:14px; padding:0 10px; cursor:pointer; margin-right:5px; margin-bottom:5px }

/* À̺¥Æ® °Ô½ÃÆÇ */
.event_board { list-style:none; padding:0; margin:0; }
.event_board li { width:275px; height:300px; float:left; margin:0 15px 15px 15px}
.event_board li div { width:275px; height:205px; background:#ddd }

/* FAQ */
.board_sub { width:100%; margin:0; padding:0; overflow:hidden; list-style:none; background:#eff1f6; font-weight:bold }
.board_sub li { width:56px; float:left; padding:10px 38px; text-align:center; cursor:pointer; border-top:1px solid #cbccce; border-bottom:1px solid #cbccce; border-right:1px solid #cbccce; } 
.board_sub li:first-child { border-left:1px solid #cbccce; }
.board_sub li.on { background:#fff; border:1px solid #e30a20; color:#e30a20 }

/*
.intro { width:1140px; margin:50px auto; padding:0; list-style:none; overflow:hidden }
.intro li { float:left; width:25%; height:400px }
.intro li div { margin:10px 50px; }
.intro li div img { width:100% }

.sublist { margin:0; padding:0; list-style:none }
.sublist li { float:left; width:50%; text-align:center; margin:20px 0; }
.sublist li img { border:1px solid #ddd; }
.sublist li p { font-size:17px }
*/
/* add start ***********************************************
._goods_intro { margin:0; padding:0; list-style:none }
._goods_intro li { float:left; width:58px; margin-right:4px }
._goods_intro li:last-child { margin-right:0 }
#_goods_options table td { font-size:13px; font-weight:bold; height:45px }
._div { width:100; height:1px; background:#d4d4d4; margin:10px 0 }
.ttl_b { margin:20px 0 20px 30px }
.ttl_b span { background:#b5b9bd; color:#fff; font-size:14px; padding:2px 10px; }

#_goods_estimate table td { font-size:13px; font-weight:bold; height:45px }

* add end ***********************************************/

.est_price { margin:0 10px 0 60px;padding:0; color:#7a6dc4 }
.est_price li { line-height:30px }
.est_price li span { float:right; color:#000 }
.price_box { margin-left:30px; width:332px; background:#7a6dc4; color:#fff; font-weight:bold; padding:5px 10px 5px 20px  }
.price_box span { float:right }
.btn_area { background:#f2f2f2; border-top:1px solid #d3d3d3; padding:20px; text-align:center; margin-top:24px  }
.btn_area button { width:162px; height:39px; background:#fff; color:#ed0577; border:1px solid #ed0577; cursor:pointer }
.search_tag { width:180px; background:#fff; padding:10px; color:#6aaac9; font-size:11px }

.cart_table td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:13px }
.cart_table td:last-child { border-right:0 }
.order_table { border-top:2px solid #000 }
.order_table td { border-bottom:1px solid #ccc }
.board_table { border-top:2px solid #000 }
.board_table td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:13px }
.board_table td:last-child { border-right:0 }
.faq_table { border-top:1px solid #ccc }
.faq_table td { border-bottom:1px solid #ccc }
.faq_table tr.answer td p { margin:0 }

button { cursor:pointer }
button.round { border-radius:5px; border:1px solid #fff; color:#fff; cursor:pointer }
button.post { background:#3a3f43; border:1px solid #3a3f43; width:155px; height:45px; color:#fff; font-size:16px; font-weight:bold; width:180px; }
button.mypost { background:#909292; border:1px solid #909292; height:40px; color:#fff; font-size:15px; font-weight:bold; width:180px; }
button.cancel { width:155px; height:45px; background:#666; border:1px solid #909292; color:#fff; font-size:16px; font-weight:bold;   }
button.update { background:#00aeef; border:1px solid #00aeef; height:30px}
button.order { width:155px; height:45px; font-size:16px; font-weight:bold; background:#000; border:1px solid #ed0577 }
button.orderprint { width:155px; height:45px; font-size:16px; font-weight:bold; background:#949599; border:1px solid #949599; margin-right:5px;}
button.dev { background:#838383; border:1px solid #838383 }
button.search { background:#666; color:#fff; border:0; height:32px }
button.passsubmit { background:#000; color:#fff; border:0; height:33px }
button.agreeok { width:100%; height:60px; font-size:18px; font-weight:bold; background:#acacac; border:1px solid #acacac; color:#fff; }
button.dz-cart { width:123px; height:40px; background:#ed0577; color:#fff; font-size:15px; border:0 }
button.dz-order { width:123px; height:40px; background:#000; color:#fff; font-size:15px; border:0 }

.order_ttl { font-size:19px; font-weight:bold }
.cs_menu { list-style:none; padding:0; margin:0; width:100%; height:100%; }
.cs_menu li { width:200px; font-size:15px; line-height:48px; border-bottom:1px solid #ddd; padding-left:20px  } 
.cs_menu li:hover { background:#f7f7f7; cursor:pointer }
.cs_menu li span { float:right; margin-right:20px  }
.cs_menu li.on { background:#ed0577; color:#fff }

.sample_menu { list-style:none; padding:0; margin:0; width:100%; height:100%; }
.sample_menu > li { width:220px; font-size:18px; line-height:48px; border-bottom:1px solid #ddd; } 
.sample_menu > li span { width:200px; display:inline-block; padding-left:20px; cursor:pointer}
.sample_menu > li span:hover { background:#f7f7f7;  }
.sample_menu > li.on { background:#ed0577; color:#fff }
.sample_menu .sample_menu_sub { width:220px; margin:0; padding:0; list-style:none; background:#fff; display:none}
.sample_menu .sample_menu_sub > li { font-size:16px; height:37px; line-height:40px; cursor:pointer; padding:0 0 0 20px }
.sample_menu .sample_menu_sub > li:hover { background:#f7f7f7; }

.graph { background:url(/img/A/common/graph_bg.png); height:153px; margin:20px 0 10px 30px; }
.graph ul { list-style:none; padding:0; margin:0; }
.graph ul li { float:left; width:85px; height:152px; margin:0 17px; opacity:0.7; text-align:center; }
.graph ul li div { width:85px; height:152px; }
.graph ul li span { position:absolute; width:85px; text-align:center; color:#fff }
.graph_bot { width:362px; margin:0 0 20px 30px; padding:0; list-style:none; overflow:hidden }
.graph_bot li { float:left; width:33%; text-align:center }

/* ÆäÀÌ¡ 2 powlib/lib/page.php */
.page_table .pnum { padding:0 8px; font-size:16px; font-weight:bold; }
.page_table .pnum_pre { border:1px solid #000; background:#000; color:#fff; padding:0 8px; font-size:16px; }

/* ÆäÀÌ¡ */
.dblink { border:1px solid #ccc; display:inline-block; padding:5px 10px }
.present_page { border:1px solid #ed0577; color:#ed0577; }

.popups { width:400px; position:absolute;padding:30px; background:#fff; text-align:center; display:none; z-index:101 }
.reg_msg { height:18px; color:#ef388a; text-align:left }
.under { border-top:0; border-left:0; border-right:0 }
.underx { border-top:0; border-left:0; border-right:0; border-bottom:1px solid #ef388a }
.undero { border-top:0; border-left:0; border-right:0; border-bottom:1px solid #000 }

#cust .ttl { font-size:24px; background:url(/img/A/common/layer-30.png) no-repeat bottom; padding-bottom:21px }
#cust .ttl2 { font-size:19px; margin-left:37px; margin-top:47px; margin-bottom:20px }

#myp .ttl { font-size:24px; border-bottom:0px solid #000; padding-bottom:21px }
#myp .ttl2 { font-size:19px; margin-left:37px; margin-top:47px; margin-bottom:20px }

#myp button.write { color:#fff; background:#ed0676; border:0; padding:10px 20px; font-size:15px}
#myp button.del { color:#fff; background:#888; border:0; }
#myp button.mod { color:#fff; background:#888; border:0; }

.stepbar { margin:0 0 0 360px;padding:30px 0 0 0; list-style:none; }
.stepbar li { width:210px; float:left; margin:0;padding:0; line-height:30px }
.stepbar li img { margin-right:10px }
.stepbar li.on { color:#edc407 }

.uobtn { width:60px; }
.uobtn:hover { color:#ed0577 }

.ottl { font-size:16px; font-weight:bold }

.main_btn button { background:#fff; border:1px solid #888; font-size:12px; padding:3px 7px }
#est_off table td { height:20px }
#est_off table td input { width:60px; height:20px; background:#d3e4f8; text-align:right }
#est_off td button { margin:0; padding:0; width:15px; height:15px; line-height:0px }

.guide_tab { margin:40px 0 0 0; padding:0; list-style:none }
.guide_tab li { width:274px; height:40px; float:left; border-top:1px solid #d2d3d6; border-right:1px solid #d2d3d6; border-bottom:1px solid #d2d3d6; text-align:center; font-size:15px; background:#eff1f6; line-height:40px; cursor:pointer } 
.guide_tab li:first-child { border-left:1px solid #d2d3d6; }
.guide_tab li.on { border-top:1px solid #ff0000; border-right:1px solid #ff0000; border-bottom:1px solid #ff0000; background:#fff; font-weight:bold}
.guide_tab li.on:first-child { border-left:1px solid #ff0000; }

/* ¾È³» Æ˾÷ */
.pop_div { position:absolute; display:none; z-index:501; }

/* Æ˾÷ ¹è°æ */
#backing { background:#000; opacity:0.5; position:absolute; left:0; top:0; width:100%; height:100%; z-index:500; display:none }

.bind_preview { position:absolute;top:0px; margin-left:143px; display:none; width:350px; text-align:right; }
/* .bind_preview img { box-shadow: 5px 5px 5px rgba(0,0,0,0.3); } */


/* ¹öÆ° ¸ðÀ½ */
button { cursor:pointer; font-family: 'Noto Sans KR', sans-serif; }
button.webhardgo { width:100px; height:22px; background:#7d7d7d; color:#fff; border:0; font-size:11px; font-weight:400; margin-left:20px; border-radius:5px;}
button.login { font-family: 'Noto Sans KR', sans-serif; width:145px; height:45px; background:#5a5a5a; color:#fff; border:0; font-size:14px; font-weight:500; margin-left:10px; border-radius:5px;  }
button.e_cart { width:100px; height:28px; background:#81c50a; color:#fff; border:0; font-weight:700; }
button.e_order { width:100px; height:28px; background:#5a5a5a; color:#fff; border:0; font-weight:700; }
button.e_print { width:207px; height:28px; background:#a4a4a4; color:#fff; border:0; font-weight:700; margin-top:10px }
button.search { width:100px; height:28px; background:#a4a4a4; color:#fff; border:0; font-weight:700; }
button.design_off { width:100px; height:28px; background:#fff; border:1px solid #cccccc; border-radius:3px }
button.design_on { width:100px; height:28px; background:#5a5a5a; border:1px solid #fff; border-radius:4px; color:#fff }




button.logout { width:87px; height:26px; background:#5a5a5a; color:#fff; border:0; font-size:12px; font-weight:700; margin-left:5px; border-radius:5px;margin-left:1px;}
button.member-s { width:125px; height:40px; background:#00adee; color:#fff; border:0; font-size:13px; font-weight:700; margin-left:5px; border-radius:5px; }

button.member { width:145px; height:57px; background:#00adee; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px; }
button.green { width:145px; height:45px; background:#81c50a; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px; }
button.blue { width:145px; height:45px; background:#00adee; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px; }
button.gray { width:145px; height:45px; background:#a4a4a4; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px; }
button.red { width:145px; height:45px; background:#5a5a5a; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px; }
button.print { width:145px; height:45px; background:#fcb813; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}
button.upload { width:145px; height:45px; background:#fcb813; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:53px; border-radius:5px;}
button.shopping { width:145px; height:45px; background:#00adee; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}
button.order { width:155px; height:45px; background:#000; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}
button.confirm { width:145px; height:45px; background:#5a5a5a; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}
button.cart { width:145px; height:45px; background:#00adee; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}
button.cancle { width:145px; height:45px; background:#000; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}
button.agree { width:145px; height:45px; background:#5a5a5a; color:#fff; border:0; font-size:15px; font-weight:700; margin-left:5px; border-radius:5px;}

button.close_gray { width:35px; height:17px; background:#a4a4a4; color:#fff; border:0; font-size:5px; font-weight:700;  border-radius:5px; }
button.search { width:60px; height:29px; background:#cccccc; color:#fff; border:0; font-size:12px; font-weight:700;  border-radius:5px; }

/* ¿ìÃø Äü¸Þ´º */
.quick_banner {width: 115px; margin: 100px auto; }
.banner {font-size:15px; font-weight:600; color: #0f5f9f; background: #fff; opacity:1; color: #999; text-align: center; padding:15px O; border-radius: 20px 0 0 20px; border: solid 1px #e1e1e1; list-style:none; }
.banner li {padding:15px 0; border-bottom: 1px solid #e1e1e1; margin-left:-35px}
.banner li .tel {font-size:15px; font-weight:600; color: #000;}
.banner li:last-child {border-bottom:none;}