@font-face{
font-family:"NanumGothic";
src:url('/font/gothic/NanumGothic.eot');
src:url('/font/gothic/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/font/gothic/NanumGothic.woff') format('woff'),
url('/font/gothic/NanumGothic.ttf') format('truetype');
url('/font/gothic/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('/font/gothic/NanumGothic.woff') format('woff');
}


@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(/font/square1/NanumSquareR.eot);
 src: url(/font/square1/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(/font/square1/NanumSquareR.woff) format('woff'),
      url(/font/square1/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(/font/square1/NanumSquareB.eot);
 src: url(/font/square1/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(/font/square1/NanumSquareB.woff) format('woff'),
      url(/font/square1/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(/font/square1/NanumSquareEB.eot);
 src: url(/font/square1/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(/font/square1/NanumSquareEB.woff) format('woff'),
      url(/font/square1/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(/font/square1/NanumSquareL.eot);
 src: url(/font/square1/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(/font/square1/NanumSquareL.woff) format('woff'),
      url(/font/square1/NanumSquareL.ttf) format('truetype');
}







html,body{width:100%;height:100%;margin:0; font-family:'NanumSquare','NanumGothic', 'Nanum Gothic', '나눔고딕' !important; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select
{margin:0;padding:0;vertical-align:middle;}
body,select,button,table{ font-size:12px;color:#515151;}
a{text-decoration:none}
.fleft {float:left}
.fright {float:right}
.cboth{clear:both}
.clearbox {*zoom:1;}
.clearbox:after {content:""; display:block; clear:both;}
.clearfix {zoom:1;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}

/*.form{ margin:0 320px 60px 320px;}*/
.round_border{ border: 2px solid #dbdbdb; border-radius: 20px; max-width:1000px; text-align:center;}
.btn-info {color: #fff; background-color: #5bc0de; border-color: #46b8da;}
.btn {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;}
.form-group {margin-bottom: 15px;}
/* ==================
정품인증
====================
*/
.certification-form {height: 400px; background:url(/img/certification.jpg) 0 0 no-repeat;}

/*정품인증 리스트*/
.list-tbl {width:100%; border-collapse:collapse;}
.list-tbl th, .list-tbl td {padding:10px; text-align:center; border:1px solid #ccc;}
.list-tbl th {background:#efefef;}

.write-tbl {width:100%; border-collapse:collapse;}
.write-tbl th, .write-tbl td {padding:10px; text-align:center; border:1px solid #ccc;}
.write-tbl th {background:#efefef;}
.write-tbl input[type=text] {width:100%; padding:5px;}


/*정품인증조회안내*/
.inquiry {margin-top: 110px;}

.certi-way {width: 525px; text-align: center; }
.certi-box {background: #79c3e2 url(../images/certi-bg.jpg) center top no-repeat; background-size: 100%; padding: 0 3.125%;}
.certi-tit {
  display: inline-block;  text-align: center; width: 200px;
  margin: 0 auto;
  background: #0094d2; border-radius: 50px; padding: 10px;
  color: #fff;
  font-size: 20px; font-weight: 600;
  margin-bottom: 15px;
}
/* .certi-txt {margin-top: 1%;} */
.certi-txt span {margin-top: 40px; display: block; color: #1a95d2; font-size: 20px; }
.certi-txt span strong {display: inline-block; width: 30px; height: 30px; background: #1a95d2;
  border-radius: 50%; color: #fff; line-height: 30px; font-weight: normal; font-size: 20px;
}
.certi-txt p {margin-top: 10px; font-size: 16px; line-height: 40px;}

.certi-tbl-wrap {width: 735px; border-top: 3px solid #45a8db;}
.certi-tbl-wrap .certi-tbl-wrap p {text-align: left; font-size: 13px; color: #333;}
.certi-tbl-wrap .certi-tbl {width: 100%; border-collapse : collapse; border-spacing : 0; font-size: 16px; margin-bottom: 10px; }
.certi-tbl-wrap .certi-tbl th,
.certi-tbl-wrap .certi-tbl td {
  padding: 10px 0; min-height: 30px; text-align: center;
  border: 1px solid #ebebeb; border-width: 0 0 1px 1px;
  font-weight: normal;
  color: #333;
}
.certi-tbl-wrap .certi-tbl th:first-child,
.certi-tbl-wrap .certi-tbl td:first-child {border-left: 0;}
.certi-tbl-wrap .certi-tbl th {background: #fafafa; font-size: 20px;}
.certi-tbl-wrap .certi-tbl th span {color: #8e8d8d;}
.certi-tbl-wrap .certi-tbl td {color: #6d6d6d;}


.certification {width: 1075px; margin: 0 auto; margin-top: 50px; overflow: hidden;text-align: center;}
.certification .fleft,
.certification .fright {width: 500px; vertical-align: top; margin-top: 100px;}
.certi-tbl-box {border-top: 3px solid #45a8db;}
.certi-tbl-box p {text-align: left; font-size: 13px; color: #333;}
.certi-tbl-box .certi-tbl {width: 100%; border-collapse : collapse; border-spacing : 0; font-size: 16px; margin-bottom: 10px; }
.certi-tbl-box .certi-tbl th,
.certi-tbl-box .certi-tbl td {
  padding: 6px 0; min-height: 30px; text-align: center;
  border: 1px solid #ebebeb; border-width: 0 0 1px 1px;
  font-weight: normal;
  color: #333;
}
.certi-tbl-box .certi-tbl th:first-child,
.certi-tbl-box .certi-tbl td:first-child {border-left: 0;}
.certi-tbl-box .certi-tbl th {background: #fafafa; font-size: 16px;}
.certi-tbl-box .certi-tbl th span {color: #8e8d8d;}
.certi-tbl-box .certi-tbl td {color: #6d6d6d; text-align:}




.certi-list {font-size: 16px; margin-top:1%; }
.certi-list li {
	margin-bottom: 10px; text-align:left !important;
	padding-left: 10px; background: url(../images/content/blue-dot.gif) 0 12px no-repeat;
	word-break: keep-all !important;
	line-height: 26px;
	text-indent:-1px;
}
.certi-list li a {

  font-size: 15px;
  width: 180px;
  color: #0094d2; font-weight: 600;
  display: inline-block; border: 1px solid #0094d2; text-align: center; padding: 10px;
  margin: 10px 0;
  background:#fff;
}

.certi-list li span {text-indent: -8px; display: block; padding-left: 8px;}

.certification_ok {border:1px solid #1a95d2; color:#1a95d2; font-weight:bold; padding:50px 0; text-align:center;}
.certification_fail {border:1px solid #1a95d2; color:#1a95d2; font-weight:bold; padding:50px 0; text-align:center;}

.hnn-inner {width:1014px; margin:0 auto;}
.hnn-inner2 {width:1200px; margin:0 auto;}
.box-tit {color: #fff;font-size: 34px; font-weight: bold; display: block; text-align: center; padding-top: 35px;}
.box-slogan {color: #fff; font-size: 16px; display: block;  text-align: center; margin-top: 10px;}

.box-tbl {
  width: 600px;
  margin: 0 auto;
  margin-top: 10px;
}
.box-tbl th {color: #fff; text-align: left; font-size: 16px; font-weight:normal;}
.box-tbl td {padding: 5px 0;}
.box-btn {padding: 20px 0 30px;}
.box-btn a {
	margin:0 auto;
	width:180px;
	font-size: 16px;
	color: #fff;
	display: block; border: 1px solid #fff; text-align: center; padding: 15px;
}

.box-tbl td.td_agree label {background:#fff; display:block; padding:10px; cursor:pointer;}
.box-tbl td.td_agree p {background:#fff; height:45px; padding:10px; overflow-y:scroll;}

/* 폼 */
select.form-control {background:rgba(255,255,255,0.5);}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 0 10px;
  box-sizing:border-box;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 0;
  /*border-radius: 4px;*/
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}


/*상담신청*/
#request{/*height:593px;background: url(/img/request.jpg) 0 0 no-repeat;*/ background:skyblue;}
.request-quick {text-align:center;margin-top:20px;}
.request-quick a{background: rgba(255,255,255,0.4);border-radius:30px;padding:0 10px;min-width:150px;display: inline-block;margin:0 5px;color:#fff;font-size:16px;height:40px;line-height:40px;}