@charset "utf-8";
/* CSS Document */
ul,li{list-style:none;}
img{border:0;}


#hb_common, 
#hb_apply{width:1080px; /*height:100%;*/ margin-bottom:20px;font-family:맑은고딕, Malgun Gothic, dotum, gulim, sans-serif }
#hb_apply{position:relative; /*height:100%; min-height:2500px;*/ background: url(/mall/web/images/170417_hb_dealings/hb_apply_bg.jpg) repeat-y center 0;}
#hb_apply .hb_content{position:relative; height:100%;background: url(/mall/web/images/170417_hb_dealings/hb_apply_top.jpg) no-repeat center top;padding-top:300px;padding-bottom:150px;}
#hb_apply .hb_bottom{position:relative; bottom:0;}
#hb_apply .hb_content .hb_box{width:992px; margin:0 auto; background-color: #fff; outline:5px solid #cdbca5;padding:30px 40px; box-sizing:border-box;}

/*section 공통된 사항*/
.section01 {}
.section02 { margin-top:70px;}
.section03 { margin-top:30px;}
.section04 {margin-top:100px; margin-bottom:20px;}
[class^="section"] > p{padding-bottom:10px;}
[class^="section"] > table {border:0; width:100%; border-bottom: 1px solid #CCC; border-collapse:collapse;}
[class^="section"] > table tr th > span{color:#ff7836; font-size:14px; vertical-align:middle;}
[class^="section"] > table tr th,
[class^="section"] > table tr td{border-top: 1px solid #CCC; }
[class^="section"] > table tr th{/*background-color: #f5f5f5;*/background-color: #f6f2e7; text-align:left;padding:10px 20px; font-size:13px; border-right:1px solid #CCC}
[class^="section"] > table tr th:last-child{border-right:0px solid #CCC}
[class^="section"] > table tr td{padding:10px 10px;border-top: 1px solid #CCC; padding:10px 10px; font:inherit;}
[class^="section"] > table tr td > span.ex{color:#888; font-size:14px;}
[class^="section"] > table tr td >ul.address li{line-height:25pt;}

[class^="section"] select{height:28px;border:1px solid #CCC; padding:0px 0px; outline:none; box-sizing:border-box;vertical-align:bottom;*vertical-align:text-top;}
[class^="section"] input[type="text"]{width:100%; *width:95%;border:1px solid #CCC; padding:5px 10px; outline:none; box-sizing:border-box;*vertical-align:text-top;}
[class^="section"] input[type="button"]{border:1px solid #ccc; padding:5px 10px; outline:none; box-sizing:border-box; background-color: #fff;}

[class^="section"] > table tr td textarea{width:100%; *width:95%;height:100px; border:1px solid #CCC; padding:10px 10px; outline:none; box-sizing:border-box; }
[class^="section"] > table tr td > b{display:block;font-weight:600; padding-top:5px; font-size:11px; color:#F00;letter-spacing:-0.5px;}
[class^="section"] .txt{font-size:14px;}
[class^="section"] .txt>b{color:#F00;}
[class^="section"] .no_search{height:50px; font-size:14px; color:#666; }


.hb_sel>span{font-size:13px; font-weight:600; margin-right:30px; vertical-align:middle; color:#666;}

/*section02*/
.section02 > table tr th{/*background-color: #f5f5f5;*/background-color: #f6f2e7; text-align:center;padding:10px 5px; font-size:13px; border-right:0px solid #CCC}

.section02 .btn{}
.section02 .btn .botton{display:block; border:1px solid #4e4d4d; min-width:100px; height:20px; padding:2px 7px !important;font-size:13px;line-height:14pt!important; margin-right:10px;  text-align:center; vertical-align:middle;}


.section02 .btn > a,
.section02 .btn > a:link,
.section02 .btn > a:visited{text-decoration:none; font-weight: 300; color:#fff !important;}
.section02 .btn > a:hover{background-color: #F0F0F0;}
.section02 .btn > a.bigGray{text-decoration:none; font-weight: 300;color:#fff !important;}
.section02 .btn > a.bigGray:hover{background-color: #202020 !important; color:#fff !important;}


/*section03*/
.section03 .txt{margin-bottom:10px;}
.section03 .goods_img {width:69px; height:69px}
.section03 > table tr th{text-align:center !important;}
.section03 > table tr td{text-align:center;}
.section03 > table tr td:nth-child(3){text-align:left;}

/*section04*/
.section04 .txt{margin-top:10px; color:#666;}
.section04 .goods_img {width:69px; height:69px}
.section04 > table tr th{text-align:center !important;}
.section04 > table tr td{text-align:center;}
.section04 > table tr td:nth-child(4){text-align:left;}

.section04 .btn{position:relative; top:-18px; left:615px;width:350px; }
.section04 .btn .botton{display:inline-block; border:1px solid #4e4d4d; width:130px; height:20px; padding:2px 7px !important;font-size:13px;line-height:14pt!important; text-align:center; vertical-align:middle;}

.section04 .btn > a,
.section04 .btn > a:link,
.section04 .btn > a:visited{text-decoration:none; font-weight: 300; color:#fff !important;}
.section04 .btn > a:hover{background-color: #F0F0F0;}

.section04 .btn > a.bigGray{text-decoration:none; font-weight: 300;color:#fff !important;}
.section04 .btn > a.bigGray:hover{background-color: #202020 !important; color:#fff !important;}


/*수량 증가*/
.hb_spin{position:relative;width:50px; margin:0 auto;}
.hb_spin input {width: 100px; height: 25px; border: 1px solid #cdcdcd;   padding-left: 3px;font: normal 12px dotum;}
.hb_spin .plus >a{display:block; width:13px; height:14px; position:absolute; top:0px; right:0; z-index:100; background-image: url(/mall/web/images/170417_hb_dealings/btn_spin_add.png);  background-repeat: no-repeat;}
.hb_spin .minus>a{display:block; width:13px; height:13px; position:absolute; bottom:-1px; right:0; z-index:99; background-image: url(/mall/web/images/170417_hb_dealings/btn_spin_subtract.png); background-repeat: no-repeat;}

.hb_spin .minus a:hover{background-image: url(/mall/web/images/170417_hb_dealings/btn_spin_subtract_on.png);  background-repeat: no-repeat;}
.hb_spin .plus a:hover{background-image: url(/mall/web/images/170417_hb_dealings/btn_spin_add_on.png);background-repeat: no-repeat;}

/*바구니 추가 버튼*/
.cart_add {display:block; width:65px; height:25px; background-image: url(/mall/web/images/170417_hb_dealings/btn_add.gif);background-repeat: no-repeat;}


/* pagenation */
.paginate{display:none}
.paginate{z-index:-1;margin-top:30px;text-align:center}
.paginate a,.paginate strong{display:inline-block;padding:0 8px; line-height:21px; color:#000; text-decoration:none; font:bold 12px dotum}
.paginate a:hover{color:#fc2c0a}
.paginate strong{color:#fc2c0a}
.paginate a,.paginate strong,.paginate img{vertical-align:middle}
.paginate a.pre,.paginate a.next {margin:0;padding:0;}
.paginate table{margin:0 auto}


.tel1{width:60px !important; }
.small{width:120px !important; }
.middle{width:50% !important;}

.visit{height:80px !important;}


/*버튼 정리*/
.btnArea{width:100%; margin:0 auto; padding: 17px 0;/*margin: 0 24px;*/line-height: 40pt;border-top: 0px solid #e0e0e0; text-align:center;z-index:999;}
.hbbtn{position:absolute; bottom:20px;font-family:}/*하단 신청하기,취소하기 위치 */
.hbmr5{margin-right:5px !important;}

.btns{border:1px solid #4e4d4d; min-width:100px; padding:12px 25px!important;font-size:20px; }
.bigGray{color: #ffffff; background-color: #333333; border-color: #333333; }
.bigWhite{color: #202020; background-color: #fff; border-color: #333333;}
.bigYellow{color: #ffffff; background-color: #d17c02; border-color: #cd8502;font-family:맑은고딕, Malgun Gothic, dotum, gulim, sans-serif }
.bigCancle{color: #202020; background-color: #bebdbd; border-color: #aeacac; font-family:맑은고딕, Malgun Gothic, dotum, gulim, sans-serif }


.btnArea > a,
.btnArea > a:link,
.btnArea > a:visited{text-decoration:none; font-weight: 300; color:#fff !important;}
.btnArea > a:hover{background-color: #b2b1b1;}

.btnArea > a.bigYellow{text-decoration:none; font-weight: 300;color:#fff !important;}
.btnArea > a.bigYellow:hover{background-color:#9f6701 !important; color:#fff !important;}