a@charset "utf-8";

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NanumGothic-Regular.eot);
  src: url(./font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumGothic-Regular.woff2) format('woff2'),
       url(./font/NanumGothic-Regular.woff) format('woff'),
       url(./font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: 700;
  src: url(./font/NanumGothic-Bold.eot);
  src: url(./font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumGothic-Bold.woff2) format('woff2'),
       url(./font/NanumGothic-Bold.woff) format('woff'),
       url(./font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicExtraBold';
  font-style: normal;
  font-weight: 800;
  src: url(./font/NanumGothic-ExtraBold.eot);
  src: url(./font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(./font/NanumGothic-ExtraBold.woff) format('woff'),
       url(./font/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button{margin:0;padding:0}
h1{}
input {vertical-align:top}
select {vertical-align:middle;}
html,body{width:100%;height:100%;}
body{font-family:'NanumGothic',dotum,tahoma,sans-serif;font-size:12px;color:#000}
fieldset,img{border:0 none;vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
button{overflow:visible;border:0 none;background-color:transparent;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
a{color:#000;text-decoration:none}
a:focus,a:active,a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0}
hr{display:none}

/* common */
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:100px;white-space:nowrap}
#skip{height:0}
#skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:1px;text-align:center}
#skip a:focus,#skip a:active{position:absolute;top:0;z-index:120;height:25px;padding:10px 0;background:#fff;font-weight:bold;color:#000;font-size:20px;text-decoration:none}

/* 레이아웃*/

#header {
	position:relative; /* height:149px;*/ border-bottom:2px solid #444444; z-index:10000; width:100%;
}
#visual {
	position:relative; width:980px; margin:0 auto; height:370px;
}
#content {
	width:980px; margin:16px auto 50px auto; 
}
#footer {
	margin-top:30px; border-top:1px solid #d0d0d0; padding-top:20px;
}







/* 로그인 */
.login_wrap {
	width:600px; margin:115px auto 115px  auto;
}
.login_wrap h1 {
	text-align:center; font-size:36px; font-weight:600; color:#444444;     width: 600px;
}
.login_box {
	position:relative;margin-top:20px; padding:40px 30px 40px 102px; border-top:1px solid #4c4c4c;  border-bottom:1px solid #4c4c4c;
}
.id_find {
	padding:40px 30px 40px 94px;
}
span.wid_70 {
	display:inline-block;; width:70px;
}
span.wid_75 {
	display:inline-block;; width:75px;
}
.log_btn {
	position:absolute; top:40px; right:60px; width:104px; height:84px; font-size:18px; color:#fff; font-weight:600; background:#ee7a1a; border-radius:5px; cursor:pointer; text-align:center; line-height:84px;
}
.log_btn_p {
	margin-top:30px; text-align:center;
}
.log_btn_p a {
	display:inline-block; width:100px; height:26px; margin-right:4px; color:#fff; line-height:25px; text-align:center;
}
.log_btn_p a.log_bg01 {
	background:url('img/log_btn02.jpg') 0 0 no-repeat;
}
.log_btn_p a.log_bg02 {
	background:url('img/log_btn03.jpg') 0 0 no-repeat;
}
.id_find_btn {
	font-size:17px; letter-spacing:-1px;
}
.login_lev { margin:10px; text-align:right;}
.login_lev input { margin-right:10px;}

/* 회원가입 */
.member_btn01 {
	width:180px; height:50px; background:#ee7a1a; border-radius:5px; font-weight:600; font-size:18px; color:#fff;
}
.member_btn02 {
	width:180px; height:50px; background:url('img/member_btn01.gif') -184px 0px no-repeat; font-weight:600; font-size:18px; color:#444444;
}
.member_step {
	width:820px; height:79px; background:url('img/member_bg.gif') 0 0 no-repeat; margin:0 auto;
}
.member_step span {
	display:inline-block; font-size:18px; color:#444;  height:74px; line-height:74px; font-weight:600;
}
.member_step span.member_step01 {
	padding-left:100px; background:url('img/member01.gif') 40px 18px no-repeat; margin-right:165px;
}
.member_step span.member_step01_on {
	padding-left:100px; background:url('img/member01_on.gif') 40px 18px no-repeat; margin-right:165px; color:#118fcc;
}
.member_step span.member_step02 {
	padding-left:48px; background:url('img/member02.gif') -20px 18px no-repeat; margin-right:160px;
}
.member_step span.member_step02_on {
	padding-left:48px; background:url('img/member02_on.gif') -20px 18px no-repeat; margin-right:160px; color:#118fcc;
}

.member_step span.member_step03 {
	padding-left:43px; background:url('img//member03.gif') 0px 18px no-repeat; 
}
.member_step span.member_step03_on {
	padding-left:43px; background:url('img/member03_on.gif') 0px 18px no-repeat;  color:#118fcc;
} 

.policy_wrap {
	background:#f5f5f5; padding:25px 35px 30px 35px;
}
.policy_wrap02 {
	padding-top:30px; border-top:1px solid #e1e1e1;	
}
.memver02_h2 {
	padding-bottom:5px; border-bottom:1px solid #4c4c4c; width:599px; margin:0 auto;
}

/* 우편번호 찾기 팝업 */
.black_bg {
	position:fixed; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70);  z-index:100000; display:none;
}
.address_wrap {
	position:fixed;  z-index:1000000; background:#fff; border:1px solid #000000; left:50%; top:30%; min-width:300px; margin-left:-150px; display:none;
}
.address_wrap h2 {
	height:14px; background:url('img/address_bg.jpg') 0 0 repeat-x; color:#fff; font-size:16px; font-weight:600; padding:15px;
}
.address_con {
	padding:15px;
}
.address_btn {
	padding:0px 0px 30px 0px; 
}
.address_span{display: inline-block;
    padding: 9px 15px;
    background: #9c9c9c;
    color: #fff;
    font-size: 11px;
    cursor: pointer;}

select {
    font-family: "돋움", dotum, tahoma, san-serif;
    font-size: 9pt;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
    vertical-align: top;
    background-color: #fff;
    height: 30px;
    border-radius: 0;
    border: 1px solid #ccc;
}






/* 페이징 */
.pazing_p {
	text-align:center;
}
.pazing_p span {
	cursor:pointer;
}
.pazing_p a {
	display:inline-block; width:24px; height:24px; border:1px solid #dedede; line-height:24px; margin-left:2px;
}
.pazing_p a.pazing_on {
	background:#929292; color:#fff;
}



/* 테이블 */
.pro_list_table {
	font-size:14px; border-top:1px solid #d8d8d8; width:100%; color:#666666;
}
.pro_list_table tr {
	border-bottom:1px solid #d8d8d8;
}
.pro_list_table tr th {
	padding:15px; border-right:1px solid #d8d8d8;
}
.pro_list_table tr.padding_30 th {
	padding:30px 20px;
}
.pro_list_table tr td {
	padding-left:20px; font-weight:600;
}
.app_table {
	width:100%; border-top:2px solid #000000; margin-top:5px; 
}
.app_table tr td {
	padding:20px 0px; border-bottom:1px solid #d8d8d8; vertical-align:middle;
}
.request_table {
	width:100%; border-top:2px solid #000000; margin-top:5px; 
}
.request_table tr th {
	padding:15px 0px; font-size:14px; color:#4c4c4c; background:#f9f9f9; border-bottom:1px solid #000;
}
.request_table tr td {
	padding:10px 0px; font-size:12px; color:#4c4c4c; text-align:center; border-bottom:1px solid #d7d7d7;
}
.basket_table {
	border-top:2px solid #000; width:100%; margin-top:10px; font-size:14px; color:#4c4c4c;
}
.basket_table tr {
	
}
.basket_table tr.basket_tr td {
	padding:13px 20px;
}
.basket_table tr th {
	padding:15px 7px; background:#f9f9f9; border-bottom:1px solid #4c4c4c; font-weight:600;
}
.basket_table tr td {
	border-left:1px solid #d7d7d7; padding:15px 0px; vertical-align:top; border-bottom:1px solid #d7d7d7;
}
.basket_table tr td:first-child {
	border-left:0px; 
}
.basket_table tr td span.basket_span01 {
	display:inline-block; width:30px; height:20px; background:#ff444f; color:#ffffff; font-size:11px; line-height:20px; cursor:pointer;
}
.basket_table tr td span.basket_span02 {
	display:inline-block; width:30px; height:20px; background:#9c9c9c; color:#ffffff; font-size:11px; line-height:20px; cursor:pointer; margin-left:3px;
}
.basket_table tr td span.basket_span03 {
	display:inline-block; border-right:1px solid #d7d7d7; padding-right:40px; margin-right:40px;
}
.basket_table tr td span.add_span {
	display:inline-block; text-indent:-6666px; width:34px; height:33px; background:url('../img/sub/add_icon.gif') 0 0 no-repeat; vertical-align:top; margin-right:5px;
}
.basket_table tr td span.sum_span {
	display:inline-block; text-indent:-6666px; width:34px; height:33px; background:url('../img/sub/sum_icon.gif') 0 0 no-repeat; vertical-align:top; margin:0px 5px 0px 15px;
}
.basket_dl {
 padding-left:6px
}
.basket_dl:after {
	clear:both; content:''; display:block; 
}
.basket_dl dt {
	float:left; margin-right:25px;
}
.basket_dl dd {
	float:left; overflow:hidden;
}
.basket_dl dd {
	float:left; overflow:hidden;
}
.list_btn_span {
	display:inline-block; width:60px; height:29px; background:#444444; vertical-align:top; text-align:center; text-align:center;  color:#fff; line-height:29px;
}
.board_table {
	border-top:1px solid #4c4c4c; width:100%; margin-top:9px;
}
.board_table tr th {
	height:46px; background:#f9f9f9; font-size:14px; color:#4c4c4c; border-bottom:1px solid #4c4c4c;
}
.board_table tr td {
	text-align:center; padding:13px 0px; border-bottom:1px solid #d7d7d7; color:#4c4c4c;
}
.board_table tr td.align_left {
	text-align:left; line-height:18px;
}
.customer_btn {
	display:inline-block; width:65px; height:30px; color:#fff; text-align:center; line-height:30px; background:#959595; line-height:30px;
}
.order_table {	
}
.order_table tr td {
	border-left:1px solid #d7d7d7;
}
.order_table tr td:first-child {
	border-left:0px;
}
.order_table tr td p.order_p01 {
	padding:0px 0px 10px 10px; border-bottom:1px solid #d7d7d7;
}
.order_table tr td p.order_p02 {
	padding:15px 0px 10px 10px; 
}
.order_table tr td p.order_p02 a {
	display:inline-block; text-decoration:underline; color:#4d92b3; padding-right:10px;  background:url('../img/sub/order_square.gif') right 4px no-repeat;
}
.buy_table {
	border-top:2px solid #4c4c4c; width:100%; margin-top:10px; font-size:14px; font-weight:600;
}
.buy_table tr {
	border-bottom:1px solid #d7d7d7;
}
.buy_table tr th {
	padding:15px 0px 15px 15px; text-align:left; background:#f4f4f4; font-weight:600; border-right:1px solid #d7d7d7;
}
.buy_table tr td {
	padding-left:10px; padding:10px 0px 10px 15px; 
}
.member_table {
	margin-top:40px;
}
.member_table02 {
	margin-top:10px;
}
.member_table tr td {
	font-size:12px; color:#444;
}






/* 폰트 */
.tit05 {
	font-size:36px; color:#444444; font-weight:600; 
}
.font_color02 {
	color:#ff444f
}
.font_style05 {
	font-size:14px; color:#444;
}





.tit01 {
	font-size:13px; color:#666666;
}
.tit02 {
	font-size:14px; color:#f46451; font-weight:600; margin-top:8px;
}
.tit03 {
	font-size:13px; color:#333; 
}
.tit04 {
	font-size:16px; color:#444444; font-weight:600; 
}

.font_style01 {
	font-size:12px; color:#666666;
}
.font_style02 {
	font-size:12px; color:#444444;
}
.font_style03 {
	font-size:18px; color:#ff444f;
}
.font_style04 {
	font-size:16px; color:#ff4646;
}

.font_style06 {
	font-size:16px; color:#4c4c4c;
}
.price_font {
	font-size:22px; margin-left:8px; letter-spacing:-1px;
}
.font_s_14 {
	font-size:14px;
}
.font_s_26 {
	font-size:26px
}
.font_s_24 {
	font-size:24px
}
.font_s_28 {
	font-size:28px
}
.font_color01 {
	color:#ee7a1a
}
.f36{font-size:36px !important;     background: none;}






/* 마진 */
.m_r_4 {
	margin-right:4px;
}
.m_t_25 {
	margin-top:25px;
}

.m_t_40 {
	margin-top:40px;
}
.m_b_140 {
	margin-bottom:140px;
}
.m_t_5 {
	margin-top:5px;
}


.w100{width:100%;}

.align_center {
	text-align:center;
}
.font_b {
	font-weight:600;
}





.m_l_3 {
	margin-left:3px;
}
.m_l_2 {
	margin-left:3px;
}
.m_l_5 {
	margin-left:3px;
}
.m_l_8 {
	margin-left:8px;
}
.m_l_10 {
	margin-left:10px;
}
.m_l_14 {
	margin-left:14px;
}
.m_l_20 {
	margin-left:20px;
}

.m_r_5 {
	margin-right:5px;
}
.m_r_10 {
	margin-right:10px;
}
.m_r_22 {
	margin-right:22px;
}
.m_r_25 {
	margin-right:25px;
}
.m_t_10 {
	margin-top:10px;
}
.m_t_15 {
	margin-top:15px;
}
.m_t_17 {
	margin-top:17px;
}
.m_t_18 {
	margin-top:18px;
}
.m_t_20 {
	margin-top:20px;
}


.textarea_style03 {
	 border:1px solid #d5d5d5; padding:5px; width:100%; height:120px;
}







.m_t_50 {
	margin-top:50px;
}
.m_t_130 {
	margin-top:130px;
}
.m_b_5 {
	margin-bottom:5px;
}
.m_b_10 {
	margin-bottom:10px;
}
.m_b_15 {
	margin-bottom:15px;
}
.m_b_20 {
	margin-bottom:20px;
}

.m_b_50 {
	margin-bottom:140px;
}

.m_t_30 {
	margin-top:30px;
}
.m_t_35 {
	margin-top:35px;
}

.m_t_60 {
	margin-top:60px;
}
.m_t_90 {
	margin-top:90px;
}



/* 공통 속성 */
.align_top {
	vertical-align:top;
}

.align_left {
	text-align:left;
}
.align_right {
	text-align:right;
}
.black_bg01 {
	position:absolute; width:100%; height:100%; left:0px; top:0px; background:#000; opacity:0.8; filter:alpha(opacity=80); display:none;
}

.font_normal {
	font-weight:normal;
}
.n_m_l {
	margin-left:0px;
}
.no_wid {
	margin-left:0px; padding-left:0px; background:none;
}

/* 인풋 스타일 */
.input_style01 {
	border:0px; /* padding:6px 10px;*/ width:229px; border:1px solid #d5d5d5; vertical-align:middle; height:30px;
}
.input_style08 {
	/* padding:6px 0px 6px 10px; */ border:1px solid #d5d5d5; width:84px; height:30px;
}





.input_style02 {
	 height:27px; width:35px; padding-left:10px; border:1px solid #d5d5d5; line-height:27px;
}
.input_style03 {
	border:1px solid #d8d8d8; padding:5px 10px; width:70%;
}
.input_style04 {
	border:1px solid #d8d8d8; padding:10px 10px; width:238px; vertical-align:middle; height:16px;
}
.input_style05 {
	border:1px solid #d8d8d8; padding:5px 3px; vertical-align:middle; width:28px; text-align:right;
}
.input_style06 {
	padding:6px 0px; border:1px solid #d5d5d5; vertical-align:middle;
}
.input_style07 {
	padding:6px 0px 6px 10px; border:1px solid #d5d5d5; width:430px;
}

.input_style09 {
	/*padding:6px 0px 6px 10px; */ border:1px solid #d5d5d5; width:70%; height:30px; display:block; margin-top:5px;
}
.input_style10 {
	/* padding:6px 0px 6px 10px; */ border:1px solid #d5d5d5; width:90%; height:30px;
}
.input_style11 {
	border:0px; padding:6px 10px; width:229px; 
}
.input_style12 {
	border:0px; padding:9px 10px; width:71px; vertical-align:middle;  border:1px solid #d5d5d5;
}
.input_style13 input{ width:100px; height:30px; padding-left:10px; border:1px solid #d5d5d5; vertical-align:middle; }

.input_style13 select { width:100px; }

.textarea_style01 {
	 border:1px solid #d5d5d5; padding:5px; width:70%; height:48px;
}
.textarea_style02 {
	 border:1px solid #d5d5d5; padding:5px; width:90%; height:108px;
}

.select_style01 {
	width:79px; padding:6px 0px; border:1px solid #d5d5d5;
}
.button_style01 {
	width:50px; height:27px; background:#707580; color:#fff; 
}
.button_style02 {
	width:50px; height:27px; background:#444444; color:#fff; 
}
.button_style03 {
	width:50px; height:27px; background:#959595; color:#fff; 
}