@charset 'utf-8';
/*******************************************************************
 * font define
 ******************************************************************/
@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:300;
	src:url(/sup/font/OpenSans-Light.eot?v=1.1.0); /*IE9 호환성 보기*/
	src:local("☺"),
		url(/sup/font/OpenSans-Light.eot?#iefix&v=1.1.0) format('embedded-opentype'),
		url(/sup/font/OpenSans-Light.woff?v=1.1.0) format('woff');
}

@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:normal;
	src:url(/sup/font/OpenSans-Regular.eot?v=1.1.0); /*IE9 호환성 보기*/
	src:local("☺"),
		url(/sup/font/OpenSans-Regular.eot?#iefix&v=1.1.0) format('embedded-opentype'),
		url(/sup/font/OpenSans-Regular.woff?v=1.1.0) format('woff');
}

@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:600;
	src:url(/sup/font/OpenSans-Semibold.eot?v=1.1.0); /*IE9 호환성 보기*/
	src:local("☺"),
		url(/sup/font/NOpenSans-Semibold.eot?#iefix&v=1.1.0) format('embedded-opentype'),
		url(/sup/font/OpenSans-Semibold.woff?v=1.1.0) format('woff');
}

@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:bold;
	src:url(/sup/font/NOpenSans-Bold.eot?v=1.1.0); /*IE9 호환성 보기*/
	src:local("☺"),
		url(/sup/font/OpenSans-Bold.eot?#iefix&v=1.1.0) format('embedded-opentype'),
		url(/sup/font/OpenSans-Bold.woff?v=1.1.0) format('woff');
}

@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:800;
	src:url(/sup/font/OpenSans-ExtraBold.eot?v=1.1.0); /*IE9 호환성 보기*/
	src:local("☺"),
		url(/sup/font/OpenSans-Bold.eot?#iefix&v=1.1.0) format('embedded-opentype'),
		url(/sup/font/OpenSans-Bold.woff?v=1.1.0) format('woff');
}

@font-face {
	font-family:'NG';
	font-style:normal;
	font-weight:400;
	src:url(/sup/font/NanumGothic-Regular.eot); /*IE9 호환성 보기*/
	src:local("☺"),
		url(/sup/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(/sup/font/NanumGothic-Regular.woff) format('woff');
}

@font-face {
	font-family:'NG';
	font-style:normal;
	font-weight:700;
	src:url(/sup/font/NanumGothic-Bold.eot); /*IE9 호환성 보기*/
	src:local("☺"),
		url(/sup/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(/sup/font/NanumGothic-Bold.woff) format('woff');
}

@font-face {
	font-family:'NG';
	font-style:normal;
	font-weight:800;
	src:url(/sup/font/NanumGothic-ExtraBold.eot); /*IE9 호환성 보기*/
	src:local("☺"),
		url(/sup/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		url(/sup/font/NanumGothic-ExtraBold.woff) format('woff');
}

/*******************************************************************
 * reset css
 ******************************************************************/
html, body, #warpper {min-width:998px;height:100%;min-height:100%;}
html {overflow-y:scroll;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {font-family:'Open Sans',NanumGothic,'나눔고딕','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;color:#333;font-size:12px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;background:transparent;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;background:transparent;vertical-align:baseline;color:#333;text-decoration:none;}
table {border-spacing:0;border-collapse:collapse;}
caption {width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;}
button, label, input, textarea, select {margin:0;padding:0;font-family:'Open Sans',NanumGothic,'나눔고딕','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;cursor:pointer;}
textarea {overflow-y:auto;font:inherit;font-family:'Open Sans',NanumGothic,'나눔고딕','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;resize:vertical;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0;}
::-moz-selection {background:#b3d4fc;text-shadow:none;}
::selection {background:#b3d4fc;text-shadow:none;}
address, em, i {font-style:normal;}
::-webkit-input-placeholder {opacity:0.6;font-family:'Open Sans',NanumGothic,'나눔고딕','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;}
::-moz-placeholder {font-family:'Open Sans',NanumGothic,'나눔고딕','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;}
:-ms-input-placeholder {opacity:0.6;font-family:'Open Sans',NanumGothic,'나눔고딕','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;}
:-moz-placeholder {opacity:0.6;font-family:'Open Sans',NanumGothic,'나눔고딕','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;}

/*******************************************************************
 * custom
 ******************************************************************/
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.vt {vertical-align:top !important;}
.db {display:block !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.cf:before,
.cf:after {display:table;content:" ";}
.cf:after {clear:both;}
.ie.ie6 .cf,
.ie.ie7 .cf {zoom:1;}
.ie.ie7 legend {width:0;}
.ell {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.ani {-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, input:-moz-placeholder {font-family:inherit;}
.hidden, legend, hr {overflow:hidden;position:absolute;top:0;left:-10000%;width:1px;height:1px;font-size:0;line-height:0;text-indent:-10000px;}
.centrerWrapper {width:999px;margin:0 auto;}
.centrerWrapper.pos_r {position:relative;}
.videoWrapper {position:relative;padding-bottom:56.25%;/* 16:9 */padding-top:25px;height:0;margin-bottom:20px;}
.videoWrapper object,
.videoWrapper embed,
.videoWrapper iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.tbl table {width:100%;border-spacing:0;border-collapse:collapse;}
/*******************************************************************
 * layout
 ******************************************************************/
#warpper {background:#f1f1f1;}
#error_404_header {overflow:hidden;height:130px;border-bottom:2px solid #0088e7;background:#ffffff;}
#error_404_header > h1 {width:198px;height:45px;margin:41px auto 0 auto;}
#error_404_header > h1 > a {display:block;width:198px;height:45px;background:url(/sup/images/common/spr.png) no-repeat 0 -84px;text-indent:-9999em;}
#container {padding:40px 0;background:#f9f9f9;}
#container .conetnt {width:543px;margin:0 auto;text-align:center;}
#container .conetnt > h2 {height:80px;padding-top:296px;border-bottom:1px solid #dbdbdb;background:url(/sup/images/common/spr.png) no-repeat -81px -2227px;font-size:28px;font-weight:700;color:#62686f;line-height:80px;}
#container .conetnt > .bg_down {height:92px;padding-top:235px;background-position:160px -2701px;font-size:28px;font-weight:700;color:#62686f;line-height:92px;}
#container .conetnt .txt_down_01 {margin-top:20px;font-size:19px;font-weight:700;color:#5f6a89;line-height:30px;}
#container .conetnt .txt_down_02 {margin-top:20px;font-size:20px;color:#686868;line-height:30px;}
#error_404_footer {padding-bottom:33px;background:#f1f1f1;}
#error_404_footer .footerBannerArea {height:76px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;}
#error_404_footer .footerBannerArea .centrerWrapper h3 {width:101px;height:37px;padding-top:39px;border-right:1px solid #dddddd;border-left:1px solid #dddddd;font-size:14px;font-weight:700;color:#000000;line-height:37px;text-align:center;background:url(/sup/images/common/spr.png) no-repeat 34px -2470px;}
#bannerWrap {overflow:hidden;width:831px;height:76px;}
#bannerWrap .bx-wrapper {float:left;width:785px;min-width:785px;max-width:785px;height:76px;padding:0 23px;}
#bannerWrap #slider li {float:left;list-style:none;width:111px;height:76px;margin:0 23px;}
#bannerWrap #slider li a {display:block;}
#bannerWrap #slider li a img {width:111px;height:76px;border:0;}
#btn_history_go {display:inline-block;height:51px;margin-top:40px;padding:0 27px 0 74px;border:1px solid #c3c3c3;background:url(/sup/images/common/spr.png) no-repeat -749px -3253px;font-size:20px;}
#error_404_footer .footerBannerArea .centrerWrapper .banner_btn {width:65px;margin-top:23px;}
#error_404_footer .footerBannerArea .centrerWrapper .banner_btn #slider-prev {width:31px;height:30px;border:0;background:url(/sup/images/common/spr.png) no-repeat 0 -3045px;text-indent:-9999em;}
#error_404_footer .footerBannerArea .centrerWrapper .banner_btn #slider-next {width:31px;height:30px;margin-left:3px;border:0;background:url(/sup/images/common/spr.png) no-repeat -34px -3045px;text-indent:-9999em;}
#error_404_footer .centrerWrapper > strong {width:230px;height:35px;margin:42px 35px 0 0;background:url(/sup/images/common/logo_footer.png) no-repeat 0 0;text-indent:-9999em;}
.policyAddressArea .policy {margin-top:33px;}
.policyAddressArea .policy dd {float:left;}
.policyAddressArea .policy dd a {display:block;height:25px;padding-right:8px;color:#6b6b6b;line-height:25px;}
.policyAddressArea .policy dd a em {font-weight:700;}
.policyAddressArea .policy dd + dd a {padding:0 8px 0 9px;background:url(/sup/images/common/bg_footer_bar.png) no-repeat 0 50%;}
.policyAddressArea address {height:25px;color:#6b6b6b;line-height:25px;}
.policyAddressArea address .copy {font-family:'Malgun Gothic',sans-serif;font-size:11px;}
/* 오류페이지 */
.errorWrap {padding:47px 0 27px 0;}
.errorWrap.bug {width:543px;margin:0 auto;text-align:center;}
.errorWrap.bug > h2 {height:92px;padding-top:256px;border-bottom:1px solid #dbdbdb;background:url(/sup/images/common/spr.png) no-repeat -129px -3049px;font-size:28px;font-weight:700;color:#62686f;line-height:92px;text-align:center;}
.errorWrap.bug > p {margin-top:21px;font-size:19px;color:#5f6a89;line-height:30px;text-align:center;}
.errorWrap.bug > p > strong {font-weight:700;color:#0077ca;}
.errorWrap.bug > #btn_history_go {display:inline-block;height:51px;margin-top:45px;padding:0 27px 0 74px;border:1px solid #c3c3c3;background:url(/sup/images/common/spr.png) no-repeat -749px -3253px;font-size:20px;}