/* css init */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,
em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,
nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,
u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline;background:transparent;}
html{height:100%;overflow-y:scroll;font-size:16px;}body{height:100%;color:#000;position:relative;font-size:.75em;line-height:1;font-family:sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-weight:bold;}
blockquote,q{quotes:none;}q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
ins{text-decoration:none;}del{text-decoration:line-through;}hr{display:none;}
a,a:visited{text-decoration:underline;}a:hover,a:active,a:focus{text-decoration:underline;}a img{border:0;}
button{cursor:pointer;}button::-moz-focus-inner{padding:0;border:0;}
:invalid,:required{box-shadow:none;}input::-ms-clear{display: none;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ -webkit-appearance: none; margin: 0;}
body, input, textarea, select, button{font-family: arial,helvetica,clean,sans-serif;}
.lang-ko, .lang-ko input, .lang-ko textarea, .lang-ko select, .lang-ko button{font-family: gulim,arial,sans-serif;}


/* common */
.relay-layout { position: relative; width: 822px; margin: 0 auto; background-color: #fff; }
.section-roof, .section-floor { display: none; position: relative; overflow: hidden; }

/* hedader */
#relay-header { position: relative; overflow: hidden; height: 92px; padding-top: 31px; background: #fff; }
#relay-logo { position: absolute; top: 0; left: 0; overflow: hidden; height: 46px; padding: 3px 0 0 15px; }
#relay-title {font-family: Noto Sans KR; font-weight: 700; padding-top: 55px; text-align: center; color: #239cd1; font-size:30px;}
#relay-title img { max-height: 46px; }

/* body */
#relay-body .relay-layout { position: relative; height: auto; padding: 0 0 39px; }
#relay-common-image, #relay-information { position: relative; width: 822px; }
#relay-common-image .section-roof,
#relay-common-image .section-container { padding-left: 13px; background-position: 0 0; }
#relay-information .inner-wrap { padding-right: 24px; background-position: right bottom; }
#relay-common-image .section-roof,
#relay-common-image .section-roof .inner-wrap,
#relay-information .section-floor,
#relay-information .section-floor .inner-wrap {
	display: block; overflow: hidden; height: 14px; background-color: #fff;
	background-image: url(../image/box-white-gradation-round-corner.png);
	background-repeat: no-repeat;
}
#relay-common-image .section-container,
#relay-common-image .section-container .inner-wrap,
#relay-information .section-container,
#relay-information .section-container .inner-wrap {
	background-color: #fff;
	background-image: url(../image/box-white-gradation-side-border.png);
	background-repeat: repeat-y;
}
#relay-common-image .section-floor,
#relay-information .section-roof { display: none; }
#relay-common-image .inner-wrap {
	position: relative; padding-right: 13px; background-position: right 0;
}
#relay-common-image .image-wrap { min-height: 20px; _height: 20px; }
.image-wrap {
	position: relative; float: none; overflow: visible; padding: 3px 3px 0 !important;
	background-color: #fff; *zoom: 1;
}
.image-wrap .image-corner-left-top,
.image-wrap .image-corner-right-top,
.image-wrap .image-corner-left-bottom,
.image-wrap .image-corner-right-bottom {
	position: absolute; overflow: hidden; width: 10px; height: 10px; z-index: 2;
	background-image: url(../image/image-corner.png);
	_background-image: url(../image/image-corner.gif);
}
.image-wrap .image-corner-left-bottom,
.image-wrap .image-corner-right-bottom {
	display: inline; position: relative; margin-top: -7px;
}
.image-wrap .image-corner-left-top { top: 0; left: 0; background-position: 0 0; }
.image-wrap .image-corner-right-top { top: 0; right: 0; background-position: -10px 0; }
.image-wrap .image-corner-left-bottom {
	float: left; margin-left: -3px; background-position: 0 -10px;
}
.image-wrap .image-corner-right-bottom {
	float: right; margin-right: -3px; background-position: -10px -10px;
}
.image-wrap .image {
	position: relative; overflow: hidden; min-height: 25px; _min-height: 25px;
	padding; 0; z-index: 1; border: 1px solid #e5e5e5; background-color: #f3f3f3;
}
.image-wrap .image img { display: block; padding: 0; border: 0; }
#relay-common-image .image-wrap .image { width: 788px; }
#relay-common-image .image-wrap .image img { margin: 0 auto; }

#relay-information .section-floor,
#relay-information .section-container {
	padding-left: 24px; background-position: 0 bottom;
}
#relay-information .section-container .inner-wrap {
	padding-top: 12px; padding-bottom: 8px;
}
#relay-information h3 {
	overflow: hidden; padding-top: 3px; padding-bottom: 12px;
	font-size: 14px; color: #434343; word-wrap: break-word;
}
#relay-information p {
	overflow-y: auto; max-height: 80px; line-height: 20px; color: #656565;
}
#relay-information address {
	display: inline-block; overflow-y: auto; max-height: 80px;
	line-height: 20px; font-style: normal;
}
.point-color { color: #5795bb; }
#relay-information .section-container .inner-wrap:after {
	content: ""; display: block; clear: both; height: 0; visibility: hidden;
}

#relay-main { min-height: 172px; _height: 172px; }
#relay-main .section-container { position: relative; height: auto; }
#steps-wrap { float: none; overflow: visible; }
#relay-main .section-container .inner-wrap { position: relative; }
.relay-step { position: relative;  float: left; width: 100%; margin: 0 auto; margin-right: -822px;}
.fastmodule-1 #relay-step-starter-host { padding: 40px 0 60px; text-align: center; }
#relay-main section .section-container { min-height: 0; height: auto; }
.button, .button *{
  height: 26px; margin:0; padding:0; border:0; display:inline-block; line-height: 26px; _line-height: 27px;
  text-decoration:none !important; font-size:12px; white-space:nowrap; font-family:inherit !important;
  vertical-align:top; overflow:visible; _overflow-y: hidden; background-color: transparent !important; background-repeat: no-repeat;
}
.button { position: relative; }
.button button, .button a {
	position: relative; left: -17px; padding: 0 17px; margin-right: -17px;
	font-weight: bold; color: #888; cursor: pointer; background: transparent;
}
.button span { position: relative; left: 17px; background-position: right 0; }
.button span,
.button, .color-blue .button,
.color-blue .button span {
	background-image: url(../image/buttons-blue.png);
}
#relay-gate .exe2 #relay-step-starter-host .button-starter {
	height: 60px; margin-right: 25px; line-height: 60px; font-size: 21px;
	background-position: 0 -506px;
}
#relay-gate .exe2 #relay-step-starter-host .button-starter span {
	height: 60px; line-height: 60px; background-position: 100% -506px;
}
#relay-step-starter-host .button-starter * {
	height: 60px; font-size: 21px; line-height: 60px; _line-height: 63px;
}
#relay-step-starter-host .button-starter * { color: #fff; }
#relay-step-starter-host .button-starter span { left: 25px; }
#relay-gate .exe2 #relay-step-starter-host .button-starter a {
	top: 0; left: -25px; padding: 0 25px; margin-right: -25px;
}

#relay-privacy-policy { margin-bottom: -39px; padding: 12px 0; text-align: center;}
#relay-privacy-policy #privacy-policy { margin: 0; color: #3d6e8e; }

/* footer */
#relay-footer {
	height: 38px; padding-top: 12px; border-top: 1px solid #e5e5e5;
	font-weight: bold; color: #c0c0c0;
}
#relay-footer .relay-layout {
	position: relative; float: none; overflow: visible; *zoom: 1;
}
#relay-footer p { display: inline; line-height: 1.5; }
#relay-footer p.footer-announce { display: block; width: 580px; text-align: justify; }
#relay-footer .footer-powered { position: absolute; top: 0; right: 0; }
#relay-footer a { color: #c0c0c0; text-decoration: none; }

#iframe { width: 0; height: 0; border: none; margin: 0; padding: 0; }