@charset "utf-8";

/* 웹 폰트 */
@font-face {
    font-family: 'notokr-regular';
    src: url('../font/notokr-regular.eot');
    src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-regular.woff2') format('woff2'),
         url('../font/notokr-regular.woff') format('woff'),
         url('../font/notokr-regular.ttf') format('truetype'),
         url('../font/notokr-regular.svg#notokr-regular') format('svg');
	src: local(※), url('../font/notokr-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-medium';
    src: url('../font/notokr-medium.eot');
    src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-medium.woff2') format('woff2'),
         url('../font/notokr-medium.woff') format('woff'),
         url('../font/notokr-medium.ttf') format('truetype'),
         url('../font/notokr-medium.svg#notokr-medium') format('svg');
	src: local(※), url('../font/notokr-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@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: 'NanumBold';
  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_nb{font-family:"Nanumbold","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;}
.font_ng{font-family:"NanumGothic","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;}
/* 하나팩스 서브 공통부분 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,fieldset,legend,p,button,input,caption,tbody,tfoot,a,form,figure,input,textarea,button {margin:0; padding:0;}
button {display:inline-block;border:none;background-color:transparent;cursor:pointer;}
/**{box-sizing: border-box;}*/
input:focus {outline:none;}
.hasub_conWrap {position:relative;width:790px;}
.hasub_conWrap legend {position:absolute;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}

.position-r {position:relative;}

/* width값 설정 */
.w52 {width:52px !important;}
.w63 {width:63px !important;}
.w80 {width:80px !important;}
.w95 {width:95px !important;}
.w315 {width:315px !important;}

/* 마진 */
.mt-25 {margin-top:25px !important;}
.mt-37 {margin-top:37px !important;}
.mt-65 {margin-top:65px !important;}


/* 하나팩스 사용후기 & 서비스 제안 */
.review_listWrap {float:right;width:785px;right:0px;margin-bottom:20px;}
.review_listWrap table { border-collapse:collapse; border-spacing:0; border:0 none; box-sizing: border-box;}
.review_listWrap img,fieldset,iframe,input.type-image {border:0; border-style:none; box-sizing: border-box;}
.review_listWrap table {border-collapse: separate;border-spacing:0;}
.review_listWrap legend {position:absolute;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}
.review_listWrap caption, th, td {font-weight:normal;}
.review_listWrap ol, ul {list-style:none;}
.review_listWrap .overaction tr {background-color:#fff;}
.review_listWrap .overaction tr:hover { background-color:#f5f5f5; }
.hfax_stitle {height:53px;color:#333;font-size:28px;font-family:"notokr-medium","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;text-align:left;border-bottom:1px solid #c8c8c8;padding:19px 0px 0px 2px; box-sizing: border-box;}

.re_noticearea {position:relative;width:785px;background-color:#e9e9e9;border:1px solid #cdcdcd;border-radius:10px;padding:6px;margin-top:18px; box-sizing: border-box;}
.re_noticeBox {background-color:#fff;border-radius:8px;padding:14px 18px 14px 18px;}
.renotice_table {width:100%;}
.renotice_table th {background-color:#fff;color:#2957a4;font-size:14px;font-family:"NanumBold","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;text-align:center;border-bottom:1px solid #3976bd;padding-bottom:7px;vertical-align:middle;}
.renotice_table td {height:40px;color:#555;font-size:13px; text-align:center;border-bottom:1px solid #e0e0e0;}
.renotice_table td img {vertical-align:middle;}
.renotice_table .talpad {padding-left:10px;text-align:left !important;}
.renotice_table td.bbzero {border-bottom:0px;}

/* tab */
.review_tabWrap {position:relative;margin-top:32px; box-sizing: border-box;}
.review_board {width:100%;position:relative;clear:both;}
.bttitle {height:37px;border-bottom:2px solid #3976bd;} 
.bttitle li {float:left;margin-right:3px;} 
.bttitle li a {color:#8f8f8f;font-size:16px;font-family:"notokr-regular","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;text-decoration:none;display:block;line-height:27px;padding:4px 33px 5px 33px;background-color:#f7f7f7;border:1px solid #c2c2c2;border-bottom:none;border-radius:6px 6px 0px 0px;}  
.bttitle li.active a {color:#2768ba;font-family:"notokr-medium","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;border:2px solid #3976bd;border-bottom:1px solid #fff; background-color:#fff;}
.renotice_table2 {width:100%;position:relative;margin-top:19px;}
.renotice_table2 th {height:35px;background-color:#f7f7f7;color:#555;font-size:14px;font-family:"NanumBold","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;text-align:center;border-top:2px solid #999;border-bottom:1px solid #cdcdcd;vertical-align:middle;}
.renotice_table2 td {height:38px;color:#555;font-size:13px; font-family:"NanumGothic","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif; text-align:center;border-bottom:1px solid #e0e0e0;}
.renotice_table2 td img {vertical-align:middle;}
.renotice_table2 .thsty1 {width:52px;padding-left:26px;}
.renotice_table2 .thsty2 {width:95px;padding-right:26px;}
.renotice_table2 .thsty3 {padding-left:10px;text-align:left !important;}
.review_writearea {position:absolute;top:0px;right:0px;z-index:2;}
.rewrite_btn {float:left;width:110px;height:32px;background:url("https://imgcdn.hanafax.com/_www/review/hs_rewritebtn_off.png") no-repeat left top;text-indent:-9999em;}	
.rewrite_btn:hover {background:url("https://imgcdn.hanafax.com/_www/review/hs_rewritebtn_on.png") no-repeat left top;cursor:pointer;}



/* 페이징 영역 */
.pagination{margin:15px 0 5px 0;text-align:center;}
/*.pagination button{vertical-align:top;}
.pagination ul{display:inline-block;margin:0 5px;vertical-align:top;}
.pagination ul li{float:left;width:26px;height:26px;margin:0 2px;}
.pagination ul li button{width:100%;height:100%;color:#666;font-size:15px;}
.pagination ul li.current button{color:#3976bd;border:1px solid #3976bd;}*/
.btn-first{width:26px;height:26px;margin:0 2px;border:1px solid #dcdcdc;background:url("../images/btn_start.gif") no-repeat center center;background-color:#ededed;text-indent:-9999px;vertical-align:top;}
.btn-prev{width:26px;height:26px;margin:0 2px;border:1px solid #dcdcdc;background:url("../images/btn_prev.gif") no-repeat center center;background-color:#ededed;text-indent:-9999px;vertical-align:top;}
.btn-next{width:26px;height:26px;margin:0 2px;border:1px solid #dcdcdc;background:url("../images/btn_next2.gif") no-repeat center center;background-color:#ededed;text-indent:-9999px;vertical-align:top;}
.btn-last{width:26px;height:26px;margin:0 2px;border:1px solid #dcdcdc;background:url("../images/btn_end2.gif") no-repeat center center;background-color:#ededed;text-indent:-9999px;vertical-align:top;}

/* 검색 */
.review_searchWrap {position:relative;width:100%;height:28px;margin-top:35px;text-align:center;margin-bottom:30px;}
.review_listWrap .selstyle {height:28px;font-size:13px;border:1px solid #cecece;padding-left:3px;vertical-align:top;}
.review_listWrap .inputstyle {height:28px;font-size:13px;border:1px solid #cecece;padding:0px 5px;vertical-align:top;}