@charset "utf-8";
@import url("font-awesome.min.css");
@import url("base.css");
@import url("layout.css");
@import url("table.css");
@import url("gnb.css");
@import url("media_mobile.css?v=1.1");


.icon-close{background:url(/asset/images/icon.png) no-repeat; background-position:-200px 0px; width:18px ; height:18px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }

/************** check box **************/
body:not(#foo) input[type='checkbox'] {
  opacity: 0; position: absolute;
}

body:not(#foo) input[type='radio'] {
  opacity: 0; position: absolute; 	  
}

body:not(#foo) .checkbox,.radiobtn {
  width: 20px;
  height: 20px;/*
  margin-left: -20px ;*/
  display: inline-block;
  cursor: pointer;/*
  -webkit-filter: drop-shadow(11px 10px 14px rgba(0,0,0,0.25));
  -moz-filter: drop-shadow(11px 10px 14px rgba(0,0,0,0.25));
  filter: drop-shadow(11px 10px 14px rgba(0,0,0,0.25));*/
  position: relative;
}

.check-wrap label span.checkbox {
  background: url(/asset/images/btn_check.png) 0px 0px; margin-right: 3px;
}
.check-wrap input[type='checkbox']:checked + label span.checkbox {
  background: url(/asset/images/btn_check.png) -20px 0px;
}
.check-wrap label span.radiobtn {
  background: url(/asset/images/btn_check.png) -40px 0px; position: relative; top:5px; margin-right: 3px
}
.check-wrap input[type='radio']:checked + label span.radiobtn {
  background: url(/asset/images/btn_check.png) -60px 0px;
}
.check-wrap{ position: relative}
.check-wrap .checkbox{ position: absolute;  top:5px; padding: 0; margin: 0; line-height: 18px}
.check-wrap .title-check{ cursor: pointer;}



.btn-check-title{ position:relative; text-align: center; margin: -5px 0 }
.btn-check-title label span.checkbox {
   width:100% !important; height: 30px !important ; cursor: pointer;  
}
.btn-check-title input[type='checkbox']:checked + label span.checkbox {
  background:#e21a22; width:100%!important; height: 30px !important ;line-height: 30px !important;  cursor: pointer
}
.btn-check-title input[type='checkbox']:checked + label span.btn-title-name{ color:#fff !important; cursor: pointer}

.btn-check-title input[type='radio']:checked + label span.checkbox {
  background:#e21a22; width:100%!important; height: 30px !important ;line-height: 30px !important;  cursor: pointer
}
.btn-check-title input[type='radio']:checked + label span.btn-title-name{ color:#fff !important; cursor: pointer}


.btn-title-name{ position: absolute !important; top:0; left:-90px;  width:100%; height: 30px;line-height: 30px !important; cursor: pointer}




/* button */
.button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #ccc;
  height: 33px;
  line-height: 33px;
  padding: 0px 5px;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  margin: 0;
  text-decoration: none;
  text-align: center; 
  cursor:pointer;
	border-radius:2px;
    background: #fff;
}

a.button {
  text-decoration: none !important;
}

.button:hover,a.button:hover, .button:focus {
  background-color: #9aca27;color: #000;
}

.button-line {
	border:1px solid #b3b3b3; 
}

.label{display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  border: 1px solid #ccc;
  height: 33px;
  line-height: 30px;
  font-weight: normal;
  font-size: 14px;
  text-align: center; 
	border-radius:2px;
	width:85px;
}


.label.yellow {
	border:1px solid #ffb400; color:#ffb400
}
.label.green {
	border:1px solid #00ba39; color:#00ba39
}
.label.blue {
	border:1px solid #e21a22; color:#e21a22
}

.button-xl{ font-size:16px; height:50px; line-height:50px; padding:0px 10px}
.button-lg{ height:45px; line-height:45px;  font-size:16px}
.button-nm{ height:33px; line-height:33px;}
.button-sm{ font-size:12px; height:24px; line-height:23px; padding:0px 8px}
.button-xs{ font-size:11px; height:21px; line-height:23px; padding:0px 8px}
.button-form{ font-size:14px; height:33px; line-height:33px; padding:0px 8px}

.button-fix{ width:80px}
.button-fix1{ width:90px}
.button-fix2{ width:100px}
.button-fix3{ width:150px}
.button-fix4{ width:200px}
.button-fix5{ width:250px}

.button-point {
	background:#b4875b; color:#fff !important; border:none;
}
.button-point:hover, .button-point:focus {
  background:#946b42 !important; color:#fff !important
}

.button-line, a.button-line {
	background:#fff; color:#000 !important; border:1px solid #cfcfcf; /*padding:0 !important*/
}

.button-line:hover, .button-line:focus {
  background:#fff !important;color:#000 !important; border:1px solid #666; 
}

.button-primary, a.button-primary {
	background:#9aca27; color:#fff !important; border:none;
}

.button-primary:hover, .button-primary:focus {
  background:#9aca27  !important; color:#fff !important
}

.button-gradation, a.button-gradation {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&1+0,0.1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */    
}
.button-gradation:hover, .button-gradation:focus {
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&1+0,0.1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
}

.button-gradation-gray, a.button-gradation-gray {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3b3b3+0,6b6b6b+100 */
background: rgb(179,179,179); /* Old browsers */
background: -moz-linear-gradient(top, rgba(179,179,179,1) 0%, rgba(107,107,107,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(179,179,179,1) 0%,rgba(107,107,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(179,179,179,1) 0%,rgba(107,107,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#6b6b6b',GradientType=0 ); /* IE6-9 */
border: 1px solid #8f8f8f; color:#fff;
}
.button-gradation-gray:hover, .button-gradation-gray:focus {
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3b3b3+0,6b6b6b+100 */
background: rgb(179,179,179); /* Old browsers */
background: -moz-linear-gradient(top, rgba(179,179,179,1) 0%, rgba(107,107,107,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(179,179,179,1) 0%,rgba(107,107,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(179,179,179,1) 0%,rgba(107,107,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#6b6b6b',GradientType=0 ); /* IE6-9 */
border: 1px solid #8f8f8f; color:#fff !important;
}

.button-send{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#434343+0,333333+51,242424+52,191919+52,242424+93 */
background: rgb(67,67,67); /* Old browsers */
background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(51,51,51,1) 51%, rgba(36,36,36,1) 52%, rgba(25,25,25,1) 52%, rgba(36,36,36,1) 93%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%,rgba(51,51,51,1) 51%,rgba(36,36,36,1) 52%,rgba(25,25,25,1) 52%,rgba(36,36,36,1) 93%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(67,67,67,1) 0%,rgba(51,51,51,1) 51%,rgba(36,36,36,1) 52%,rgba(25,25,25,1) 52%,rgba(36,36,36,1) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#242424',GradientType=0 ); /* IE6-9 */
border:1px solid #434343; color:#feae55; height: 40px
}
.button-send:hover, .button-send:focus {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#434343+0,333333+51,242424+52,191919+52,242424+93 */
background: rgb(67,67,67); /* Old browsers */
background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(51,51,51,1) 51%, rgba(36,36,36,1) 52%, rgba(25,25,25,1) 52%, rgba(36,36,36,1) 93%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%,rgba(51,51,51,1) 51%,rgba(36,36,36,1) 52%,rgba(25,25,25,1) 52%,rgba(36,36,36,1) 93%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(67,67,67,1) 0%,rgba(51,51,51,1) 51%,rgba(36,36,36,1) 52%,rgba(25,25,25,1) 52%,rgba(36,36,36,1) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#242424',GradientType=0 ); /* IE6-9 */
border: 1px solid #434343; color:#feae55 !important;
}

.button-base, a.button-base {
	background:#a6adb9; color:#fff !important; border:none;
}

.button-base:hover, .button-base:focus {
  background:#8f99a9 !important; color:#fff !important
}

.button-point {
	background:#393c44 !important; color:#fff !important; border:none;
}
.button-point:hover, .button-point:focus {
  background:#24272e !important; color:#fff !important
}

.button-gray {
	background:#828282; color:#fff !important; border:none;
}
.button-gray:hover, .button-gray:focus {
  background:#828282 !important; color:#fff !important
}

.button-yellow {
	background:#ffc600; color:#fff !important; border:none;
}
.button-yellow:hover, .button-yellow:focus {
  background:#e1af03 !important; color:#fff !important
}

.button-orange {
	background:#ff6600; color:#fff !important; border:none;
}
.button-orange:hover, .button-orange:focus {
  background:#ed5f01 !important; color:#fff !important
}

.button-blue {
	background:#448cd6; color:#fff !important; border:none; 
}
.button-blue:hover, .button-blue:focus {
  background:#397ec4 !important; color:#fff !important
}
.button-green {
	background:#00c73c; color:#fff !important; border:none; border:1px solid #00c73c
}
.button-green:hover, .button-orange:focus {
  background:#00b135 !important; color:#fff !important	
}