@import url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css');
@import url('//cdn.jsdelivr.net/font-spoqa-han-sans/2.1.0/css/SpoqaHanSans-kr.css');
@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');
@import url('//fonts.googleapis.com/css?family=Open+Sans');


/* Resets
 -------------------------------------------------- */
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
:after, :before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-size: 10px;
}
img, map, area { outline: none; }

input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #cccccc;
	opacity: 1; /* Firefox */
}
input.date::placeholder {
	text-align: center;
}

/*
button, input, select, textarea {
	font-family:inherit;
	font-size:inherit;
	line-height:inherit
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display:inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
	display:none;
}
*/


.web_id_link, .domain_link {
	font-size: 14px;
	color: #555555;
	cursor: pointer;
}
.web_id_link:hover, .domain_link:hover{
	color: #439acd;
	text-decoration: none;
}
.arrow_icon_img {
	height: 10px;
	margin-left: 4px;
}
.arrow_icon_img:hover {
	cursor: pointer;
}

.date_html > div { display: inline-block; }
.date_html > div:last-child { color: silver; }


/* table
---------------------------------------------- */
.tblv { border-spacing:1px; background-color:#dadada; }
.tblv tr { background-color: #ffffff; }
.tblv th { height: 31px; background-color: #efefef; padding-left: 8px; padding-right: 8px; font-size: 11px; font-family: dotum; color: gray; text-align: right; font-weight: normal; }
.tblv td { height: 31px; padding-left: 8px; padding-right: 8px; font-size: 11px; font-family: dotum; color: gray; }
.td_no_data { text-align: center; padding-top: 100px; padding-bottom: 100px; }


/* button
---------------------------------------------- */
a, *[class$="btn"], *[id$="btn"] {
	cursor: pointer;
}

*[class^="btz"] {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	/* size */
	font: 11px/100% Arial, Helvetica, sans-serif;
	padding: 3px 6px;
	min-width: 10px;

}
*[class^="btz"]:hover { text-decoration: none; }
*[class^="btz"]:active { position: relative; top: 1px; }


.btz {  /* dark gray */
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.btz:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
	text-decoration: none;
}
.btz:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
	position: relative; top: 1px;
}


.btz01 {  /* white */
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.btz01:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
	text-decoration: none;
}
.btz01:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	position: relative; top: 1px;
}


.btz02 {  /* black */
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.btz02:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
	text-decoration: none;
}
.btz02:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
	position: relative; top: 1px;
}


.btz03 {  /* pink */
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.btz03:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
	text-decoration: none;
}
.btz03:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
	position: relative; top: 1px;
}


.btz04 {  /* red */
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.btz04:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
	text-decoration: none;
}
.btz04:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
	position: relative; top: 1px;
}


*[class^="btw"] {
	background-color: #808080;  /* gray */
	border: 1px solid #aaaaaa;
	color: #f0f0f0;
	cursor: pointer;
	border-radius: 3px;
	display: inline-block;
	font-family: 'Spoqa Han Sans Neo';
	font-size: 10px;
	font-weight: 300;
	text-align: center;
	line-height: 20px;
	height: 22px;
	width: 54px;
}
*[class^="btw"]:hover { color: #ffffff; text-decoration: none; }
*[class^="btw"]:active { color: #f0f0f0; }


.btw02 {  /* black */
	background-color: #333333;
	border-color: #777777;
}
.btw03 {  /* pink */
	background-color: #f694c0;
	border-color: #fac0da;
}