@charset "UTF-8";
/* CSS Document */


/*본고딕*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/*G마켓체*/
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

/*DW임팩타민체*/
@font-face { font-family: 'DWImpactamin'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/DWImpactamin.woff') format('woff'); font-weight: normal; font-style: normal; }

/*나눔명조*/
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 





html,body{width:100%; height:100%; font-family: "Noto Sans KR", sans-serif !important;}
@media(max-width:1200px){
html,body{min-width:100%;}
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}
body,h1,h2,h3,h4,input,button{font-size:13px; font-weight:400; line-height:1.6; color:#333;}
body{text-align:left;*word-break:break-all;-ms-word-break:break-all; word-break: break-word; height:auto !important;}
img,fieldset,iframe{border:0 none}
li{list-style:none; vertical-align:top;}
input,select,button{vertical-align:middle}
img{vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{text-decoration:none; color:#626262; }
a:hover{text-decoration:none; cursor:pointer;}
a:visited{text-decoration:none;}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:34px;padding-right:0px}
option{padding-right:6px}
hr{display:none}
legend{*width:0; position:absolute;left:-9999px;top:0}
caption, .hidden{overflow:hidden; width:0;height:0;font-size:0;line-height:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0}
#wrap input[type=radio]{display:inline-block; width:13px; vertical-align:middle; background-color:none;}
#wrap input[type=checkbox]{display:inline-block; width:13px; vertical-align:middle;}
.content{padding:0;}
.hidden{display:none !important;}
.padding0{padding:0 !important;}

input[type="radio"], input[type="checkbox"] { display: inline-block; width: 24px; height: 24px; vertical-align: middle; -webkit-appearance: none; border-radius: 0; border: 0; margin:0px 0 0 0; padding:0; cursor: pointer }
input[type="radio"] { background: url("/theme/henalhome/design/img/btn_radio.png") no-repeat 0 0; margin-bottom:7px;}
input[type="checkbox"] { background: url("/theme/henalhome/design/img/btn_check.png") no-repeat 0 0; }
input[type="checkbox"]:checked, input[type="radio"]:checked { background-position: 0 -24px; }
input[type="checkbox"]:disabled, input[type="radio"]:disabled { background-position: 0 -48px; }
input[type="checkbox"]:disabled:checked, input[type="radio"]:disabled:checked { background-position: 0 -72px; } 

/*게시판 텍스트에어리어*/
.wr_content textarea{min-height:300px !important;}

/*테마색상 변수*/
:root   {
    --theme-color: #f60;
}
/* 사용의 예
#site-icon     { color: var(--theme-color); }
#site-footer-icon  { color: var(--theme-color); }
#comment-avatar    { color: var(--theme-color); }
*/


/*모달닫기 부트스트랩 스타일 바꾸기*/
.modal-header{background:#fff; }
.modal-header h4{color:#333;  font-size:140%;}


/*해날버튼*/

.henalbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;

	font-size:190% !important;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	
	width:100%;
	height:auto !important;
	line-height:45px !important;
}
.henalbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;
}
.henalbutton:active {
	position:relative;
	top:1px;
}




/*henal-select 스타일 정리*/

/*the container must be positioned relative:*/
.henal-input{height:45px; line-height:45px; font-size:150%; padding:10px; border:3px solid #f60;}

.henal-select {
  position: relative;
  display:inline-block;
  margin-top:0px;
}
.henal-select.henal_100{
	width: 100%;
    float: none;
    padding-left: 151px;
}
.henal-select.henal_30{width:30%; float:none;}

.henal-select select {
  display: none; /*hide original SELECT element:*/
}
.henal-select .select-selected {
  background-color: #333;
  border:0px solid #ddd;
  margin:1px 0;
  color:#fff;
}

.henal-select-radio {
	float:left;
  position: relative;
  display:inline-block;
  width:75%;
  margin-top:10px;
  float:right;
}

/*style the arrow inside the select element:*/
.henal-select .select-selected:after {
  position: absolute;
  content: "";
  top: 15px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #ddd transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.henal-select .select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
/*style the items (options), including the selected item:*/
.henal-select .select-items div,.select-selected {
  color: #333;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  width:100%;
  float:right;
}
/*style items (options):*/
.henal-select .select-items {
  position: absolute;
  background-color: #f8f8f8;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  max-height:200px;
  overflow:auto;
}
/*hide the items when the select box is closed:*/
.henal-select .select-hide {
  display: none;
}
.henal-select .select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
} 

/*아이오니콘*/
.ionic_hidden{display:none;}


/*컨텐츠*/
@media(max-width:1200px){
#ctt_con{
    min-width: 100%;
}
}

/*크롬 자동완성*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.changedevice{display:none;}