@charset "utf-8";
/****************************************************************************
	Reset
*****************************************************************************/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Custom reset
 */

* {	
	padding:0px;
	margin:0px;
}

html {
	height:100%;
}

body {
	height:100%;
	font-size:13px;
	line-height:1.42857143;
	background:#f5f5f5;
	font-family:'Open Sans', 'Nanum Gothic','나눔고딕', NanumGothic, Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
}

tr, 
td {
	vertical-align:middle;
}

a {
	color:#333;
	text-decoration:none;
} 

a:active, a:hover {
	text-decoration:none;
}

input {
	vertical-align:middle;
}

i,
em,
address {
	font-style:normal;
}

select {
	min-width: 65px;
	height: 30px;
	padding:4px 35px 4px 10px;
	border:1px solid #dcdcdc;
	background:url(/ccp_img/arrow-down-balck-big.png) 99% 55% #fff no-repeat;
	background-size:16px;
	line-height: 15px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;/*select박스 기본화살표이미지 없애기*/
	vertical-align: middle;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.065);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.065);
	outline:0;
}

/* ie 9 이상 */
select::-ms-expand {
	display: none;
}

html.ie8 select,
html.ie9 select{
	background:#fff;
	padding-right:10px;
}

input[type="text"], input[type="search"], input[type="password"]{
	min-width:65px;
	height:30px;
	padding: 4px 10px;
	border:1px solid #ddd;
	-webkit-appearance:none;
	border-radius:3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.065);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.065);
	outline:0;
}

textarea{
	width:100%;
	min-height:80px;
	padding: 4px 10px;
	border:1px solid #ddd;
	-webkit-appearance:none;
	border-radius:3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.065);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.065);
	outline:0;
}

*,
*:before,
*:after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body{
  height: 100%;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

img{
  max-width:100%;
  height:auto;
  vertical-align: middle;
}

label {
	display: inline-block;
	max-width: 100%;
	font-weight: 700;
	vertical-align:middle;
}

button,
input,
select,
textarea{
	margin:0;
	font: inherit;
	color: inherit;
}

button{
	background:transparent;
	border:0;
	cursor:pointer;
	vertical-align:middle;
}

a:hover{
	text-decoration:none;
}

fieldset {
	min-width: 0; /* chrome overflow bug */
	padding: 0;
	margin: 0;
	border: 0;
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; } /* firefox overflow bug */
}

a{
  color:#212121;
  text-decoration:none;
}

input[type=checkbox],
input[type=radio]{
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;  
}

.hidden, 
legend {
	display:block;
	overflow:hidden;
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0px;
	text-indent:-9999em;
}

caption{
	overflow:hidden;
	width:0px;
	height:0px;
	font-size:0;
	line-height:0px;
	text-indent:-9999em;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

li {
  list-style: none;
}

hr.unset,.seedbbsContentWrap hr,.webnote_container hr{overflow: visible;position: static;top: 0;left: 0;width: 100%;height: auto;font-size: inherit;line-height: inherit;text-indent: 0;}table[width="1%"]{width:1%;}table[width="2%"]{width:2%;}table[width="3%"]{width:3%;}table[width="4%"]{width:4%;}table[width="5%"]{width:5%;}table[width="6%"]{width:6%;}table[width="7%"]{width:7%;}table[width="8%"]{width:8%;}table[width="9%"]{width:9%;}table[width="10%"]{width:10%;}table[width="11%"]{width:11%;}table[width="12%"]{width:12%;}table[width="13%"]{width:13%;}table[width="14%"]{width:14%;}table[width="15%"]{width:15%;}table[width="16%"]{width:16%;}table[width="17%"]{width:17%;}table[width="18%"]{width:18%;}table[width="19%"]{width:19%;}table[width="20%"]{width:20%;}table[width="21%"]{width:21%;}table[width="22%"]{width:22%;}table[width="23%"]{width:23%;}table[width="24%"]{width:24%;}table[width="25%"]{width:25%;}table[width="26%"]{width:26%;}table[width="27%"]{width:27%;}table[width="28%"]{width:28%;}table[width="29%"]{width:29%;}table[width="30%"]{width:30%;}table[width="31%"]{width:31%;}table[width="32%"]{width:32%;}table[width="33%"]{width:33%;}table[width="34%"]{width:34%;}table[width="35%"]{width:35%;}table[width="36%"]{width:36%;}table[width="37%"]{width:37%;}table[width="38%"]{width:38%;}table[width="39%"]{width:39%;}table[width="40%"]{width:40%;}table[width="41%"]{width:41%;}table[width="42%"]{width:42%;}table[width="43%"]{width:43%;}table[width="44%"]{width:44%;}table[width="45%"]{width:45%;}table[width="46%"]{width:46%;}table[width="47%"]{width:47%;}table[width="48%"]{width:48%;}table[width="49%"]{width:49%;}table[width="50%"]{width:50%;}table[width="51%"]{width:51%;}table[width="52%"]{width:52%;}table[width="53%"]{width:53%;}table[width="54%"]{width:54%;}table[width="55%"]{width:55%;}table[width="56%"]{width:56%;}table[width="57%"]{width:57%;}table[width="58%"]{width:58%;}table[width="59%"]{width:59%;}table[width="60%"]{width:60%;}table[width="61%"]{width:61%;}table[width="62%"]{width:62%;}table[width="63%"]{width:63%;}table[width="64%"]{width:64%;}table[width="65%"]{width:65%;}table[width="66%"]{width:66%;}table[width="67%"]{width:67%;}table[width="68%"]{width:68%;}table[width="69%"]{width:69%;}table[width="70%"]{width:70%;}table[width="71%"]{width:71%;}table[width="72%"]{width:72%;}table[width="73%"]{width:73%;}table[width="74%"]{width:74%;}table[width="75%"]{width:75%;}table[width="76%"]{width:76%;}table[width="77%"]{width:77%;}table[width="78%"]{width:78%;}table[width="79%"]{width:79%;}table[width="80%"]{width:80%;}table[width="81%"]{width:81%;}table[width="82%"]{width:82%;}table[width="83%"]{width:83%;}table[width="84%"]{width:84%;}table[width="85%"]{width:85%;}table[width="86%"]{width:86%;}table[width="87%"]{width:87%;}table[width="88%"]{width:88%;}table[width="89%"]{width:89%;}table[width="90%"]{width:90%;}table[width="91%"]{width:91%;}table[width="92%"]{width:92%;}table[width="93%"]{width:93%;}table[width="94%"]{width:94%;}table[width="95%"]{width:95%;}table[width="96%"]{width:96%;}table[width="97%"]{width:97%;}table[width="98%"]{width:98%;}table[width="99%"]{width:99%;}table[width="100%"]{width:100%;}