@charset "utf-8";
@import url("/css/font.css");


@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
/* Reset */
html,body{height:100%;/*line-height:18px;*/}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {
	margin:0;padding:0;box-sizing:border-box;
}
body, th, td, div, p, li, dt, dd, input, textarea, select, button {
	 color:#222; font-size: 14px;
	font-family: 'SCoreDream','NanumSquareRound', 'Nanum Square', dotum, verdana, arial, sans-serif;
	font-weight:400;
}
fieldset, img, area {border:0 none;vertical-align:top;}
ul, ol {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;text-align:left;}
hr {display:none;}
a:link, a:visited, a:active {color:#666;text-decoration:none;}
a:hover {color:#666;text-decoration:none;}

caption, th {text-align:left;font-weight:normal;}
legend, caption {overflow:hidden;left:0;top:-5000px;width:0;height:0;font-size:0;line-height:0;display:none;}

button,label{cursor:pointer;}
button {display:inline-block;border:0;vertical-align:top;}
button img{left:-3px;*left:auto}
button * {position:relative;}
button span {z-index:-1;}
textarea{*margin:-1px 0;resize:none;}
em,address{font-style:normal}

select { background:#6a6a6a; }

table {width:100%;}
table, table th, table td {border-collapse:collapse;border-spacing:0;}
table td a {text-decoration:underline;}


a.accessibility {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1.3em}
a.accessibility:hover, a.accessibility:focus, a.accessibility:active {position: absolute; top:0; padding: 15px 0; font-weight:bold; color:#fff; background:#1d60a7; z-index:500}


/*
a:active {outline:none;}
a {outline:none;}
a {selector-dummy: expression(this.hideFocus=true);}
*/
/* Common */
.cfx:after{display:block;clear:both;content:"";}
.cfx{zoom:1;overflow:hidden;}

.overh {overflow:hidden;clear:both;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.blind {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;font-size:0;line-height:0;visibility:hidden;}

.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.fl {float:left;}
.fr {float:right;}
.tl {text-align:left !important;}
.tr {text-align:right;}
.tc {text-align:center !important;}
.spacing {letter-spacing:normal !important;}

.bgn {background:0 !important;}

.hide {display:none;}
.show {display:block;}

/* input 기본 스타일 초기화 */
input[type=text],input[type=button],input[type=password] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
		  background-color:transparent;
}
input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}


.inp { border:1px solid #d7d7d7; background:#fff; padding:7px 11px 8px 10px; color:#555; font-size:1.00em; border-radius:3px; }
.inp:focus {
	outline:3px solid #fcce00;
}
.inp-h { border:1px solid #d7d7d7; background:#fff; padding:12px 14px 13px 13px; color:#555; font-size:1.20em; border-radius:3px; }
.inp-h:focus {
	outline:3px solid #fcce00;
}
.sel {padding:7px 11px 7px 10px; border:1px solid #4a4b4f; color:#fff;}


/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }


/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* Select box 스타일 초기화  */
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* IE 에서 Select box 화살표 제거  */
select::-ms-expand { display: none; }

/* color */
.yellow {color:#fcce00;}
.orange {color:#ff9900;}
.wihte {color:#fff;}
.white {color:#fff;}
.pink {color:#ff99cc;}
.blue {color:#cc99ff;}
.black {color:#494949;}
.gray {color:#c9c9c9;}

/* font */
.fnt100 {font-size:80px;}

/* 정렬 */
.left	{text-align: left;}
.center {text-align: center;}
.right	{text-align: right;}
.f-left	{float:left;}
.f-right {float:right;}

.wp100 {width:100%;}
.wp90 {width:90%;}
.wp80 {width:80%;}
.wp70 {width:70%;}
.wp60 {width:60%;}
.wp50 {width:50%;}
.wp40 {width:40%;}
.wp30 {width:30%;}
.wp20 {width:20%;}
.wp10 {width:10%;}

.h100 {height:100px;}
.h150 {height:150px;}
.h200 {height:200px;}
.h300 {height:300px;}



.bg-orange {background-color:#ff9900; color:#fff;}
.bg-blue {background-color:#0066cc; color:#fff;}
.bg-black {background-color:#000; color:#fff;}
/*
 * Component: Button
 * -----------------
 */
.btn-empathy {
	background-color:#fff;
	border:solid 1px #ddd;
	width:150px;
	height:50px;
	border-radius:25px;
	text-align:center;
	margin:0 auto;
	vertical-align:middle;
	line-height:53px;
	color: #000;
	font-size:16px;
	font-weight:400;
}
.btn-empathy:hover,
.btn-empathy:active,
.btn-empathy.hover {
	border:solid 1px #000;
}

.btn-circle {
	background-color:#ff9900;
	width:50px;
	height:50px;
	border-radius:25px;
	text-align:center;
	margin:0 auto;
	vertical-align:middle;
	line-height:53px;
	color: #fff;
	font-size:35px;
	font-weight:800;
}
.btn-circle:hover,
.btn-circle:active,
.btn-circle.hover {
  background-color: #ff6600;
}


.btn {
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;

}
.btn-normal {padding:8px 10px;}
.btn-lg {padding:20px 100px; font-size: 16px; border-radius: 5px;}
.btn-sm {padding:4px 6px; font-size:12px;}
.btn-xs {padding:2px 4px; font-size:10px;}
.btn-full {padding:20px 10px; width:100%; font-size: 18px;}


a.btn {color: #fff;}
.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:focus {
  outline: none;
}
.btn-default {
  background-color: #f4f4f4;
  color: #444;
  border-color: #ddd;
}
.btn-default:hover,
.btn-default:active,
.btn-default.hover {
  background-color: #e7e7e7;
}

.btn-yellow {
  background-color: #e8e2d9;
  color: #444;
}
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow.hover {
  background-color: #d3c8b6;
}

.btn-orange {
  background-color: #ff9900;
  color: #444;
  border-color: #ddd;
}
.btn-orange:hover,
.btn-orange:active,
.btn-orange.hover {
  background-color: #ffcc00;
}

.btn-primary {
  background-color: #3c8dbc;
  border-color: #367fa9;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
  background-color: #367fa9;
}
.btn-success {
  background-color: #00a65a;
  border-color: #008d4c;
  color:#fff;
}
.btn-success:hover,
.btn-success:active,
.btn-success.hover {
  background-color: #008d4c;
}
.btn-info {
  background-color: #00c0ef;
  border-color: #00acd6;
}
.btn-info:hover,
.btn-info:active,
.btn-info.hover {
  background-color: #00acd6;
}
.btn-danger {
	background-color: #dd4b39;
	border-color: #d73925;
	color:#fff;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
	background-color: #d73925;
}
.btn-warning {
  background-color: #f39c12;
  border-color: #e08e0b;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.hover {
  background-color: #e08e0b;
}
.btn-outline {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
}
.btn[class*='bg-']:hover {
  -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
}