@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; }

.btw01 {  /* white */
    background-color: #f0f0f0;
    border-color: #ededed;
    color: #333333;
}
.btw01:hover { color: #777777; }
.btw01:active { color: #333333; }

.btw02 {  /* black */
    background-color: #333333;
    border-color: #777777;
}
.btw03 {  /* pink */
    background-color: #f694c0;
    border-color: #fac0da;
}
.btw04 {  /* red */
    background-color: #d81b21;
    border-color: #ef4045;
}
.btw_green {
    background-color: #23ab49;
    border-color: #78cf93;
}