@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');
}

/* -- 하나팩스 서브 공통부분 시작 -- */
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;}
input:focus {outline:none;}
.hasub_conWrap {position:relative;width:790px;box-sizing:border-box;}
.hasub_conWrap legend {position:absolute;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}
.hasub_conWrap img,fieldset,iframe,input.type-image {border:0; border-style:none;}
.hasub_conWrap table {border-collapse: separate;border-spacing:0;}
.hasub_conWrap legend {position:absolute;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}
.hasub_conWrap caption, th, td {font-weight:normal;}
.hasub_conWrap ol, ul {list-style:none;}
.hasub_conWrap label, input, textarea {vertical-align:middle;}

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

.position-r {position:relative;}

/* width값 설정 */
.w122 {width:122px !important;}
.w275 {width:275px !important;}
.w292 {width:292px !important;}
.w396 {width:396px !important;}
.w630 {width:630px !important;}

/* 마진 */
.mt-17 {margin-top:17px !important;}
.mt-28 {margin-top:28px !important;}
.mt-37 {margin-top:37px !important;}
.ml-6 {margin-left:6px !important;}
.ml-30 {margin-left:30px !important;}
.mb-10 {margin-bottom:10px !important;}

/* 폼관련 스타일*/
.hs_inputst1 {height:25px;font-size:13px;color:#666;border:1px solid #ccc;background-color:#fff; padding-left:10px;font-family:"NanumGothic","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;box-sizing:border-box;}

.hs_txtareast1 {border:1px solid #ccc;padding:7px 10px;color:#666;font-size:13px;font-family:"NanumGothic","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;margin:7px 0px 7px 0px;line-height:145%;box-sizing:border-box;}

/* 체크박스 */
input[type=checkbox].hs_checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].hs_checkbox + label.hs_csslabel {
	padding-left:22px;
	height:18px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:13px;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].hs_checkbox:checked + label.hs_csslabel {background-position: 0 -18px;}
label.hs_csslabel {
	background-image:url('https://www.hanafax.com/review/_img/hs_checkboximg.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* -- // 하나팩스 서브 공통부분 끝 -- */

/* 하나팩스 사용후기 & 서비스 제안 write 22-02-28 */
.review_writeWrap {float:right;width:785px;right:0px;margin-bottom:45px;box-sizing:border-box;}
.rev_wtopiWrap {position:relative;width:785px;height:132px;background:url("https://www.hanafax.com/review/_img/hs_rewrite_tibg.png") no-repeat 0 0;}
.rev_wttxtarea {position:absolute;left:188px;top:33px;}
.rev_wttxtst1 {color:#3165bb;font-size:20px;font-family:"notokr-medium","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;letter-spacing:-0.6px;}
.rev_wttxtarea li {background:url("https://www.hanafax.com/review/_img/hs_bullet01.png") no-repeat 0 center;color:#878787;font-size:14px; padding:1px 0px 3px 11px;font-family:"notokr-regular","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;}
.re_noticearea {position:relative;width:785px;background-color:#e9e9e9;border:1px solid #cdcdcd;border-radius:10px;padding:6px;margin-top:14px;}

.review_writeWrap .table_st2 {width:100%;border-top:2px solid #3976bd;}
.review_writeWrap .table_st2 th {height:44px;background-color:#f7f7f7;color:#404040;text-align:center;padding:2px 0px 2px 0px;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;font-size:14px;font-family:"NanumBold","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;box-sizing:border-box;}
.review_writeWrap .table_st2 th.taleft {border-left:0px;}
.review_writeWrap .table_st2 td {height:44px;color:#666;font-size:13px;font-family:"NanumGothic","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;padding:2px 7px 2px 18px;border-bottom:1px solid #e0e0e0;box-sizing:border-box;}
.review_writeWrap .rew_tathst {color:#666;font-size:14px;font-family:"NanumGothic","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;box-sizing:border-box;vertical-align:top !important;padding-top:14px !important;}
.review_writeWrap .rew_tdst1 {height:39px;padding-top:10px !important;box-sizing:border-box;}
.review_writeWrap .rew_tdst2 {padding:5px 10px 17px 23px;line-height:140%;box-sizing:border-box;}
.review_writeWrap .rew_tdst3 {font-size:14px;font-family:"NanumBold","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;}
.review_writeWrap .rew_tdst4 {height:18px;color:#666;font-size:12px;font-family:"NanumGothic","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;text-align:right;}
.review_writeWrap .rew_tdst5 {color:#666;font-size:12px;font-family:"NanumGothic","맑은고딕", "Malgun Gothic", Verdana, AppleGothic, sans-serif;text-align:right;margin:0px 8px 5px 0px;}
.has_btnarea1 {width:100%; margin-top:10px; text-align:center;}


/* 열림버튼 */
.hs_btnopcl {width:90px;height:17px;position:absolute;top:11px;right:8px;border:none; background:url("https://www.hanafax.com/review/_img/hs_openbtn.png");text-indent:-9999px;}
.hs_btnopcl.open {background:url("https://www.hanafax.com/review/_img/hs_closebtn.png");}