@charset “utf-8”;
/* ---------------------------------------------------------
	layout : 공통 레이아웃
--------------------------------------------------------- */
:root {
	--base-font-size: 16px;
	--base-color : #3f333f;
	--bbs_h1_fontsize : 2em;
	--bbs_h1_lineheight : 3em;
	--bbs_h2_fontsize : 1.5em;
	--bbs_h2_lineheight : 2.25em;
	--bbs_h3_fontsize : 1.17em;
	--bbs_h3_lineheight : 1.755em;
	--bbs_h4_fontsize : 1em;
	--bbs_h4_lineheight : 1.5em;
	--bbs_h5_fontsize : .83em;
	--bbs_h5_lineheight : 1.245em;
	--bbs_h6_fontsize : .67em;
	--bbs_h6_lineheight : 1.005em;
}

h1, a h1 { font-size:var(--bbs_h1_fontsize); }
h2, a h2 { font-size:var(--bbs_h2_fontsize); }
h3, a h3 { font-size:var(--bbs_h3_fontsize); }
h4, a h4 { font-size:var(--bbs_h4_fontsize); }
h5, a h5 { font-size:var(--bbs_h5_fontsize); }
h6, a h6 { font-size:var(--bbs_h6_fontsize); }

.modal-overlay { display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;filter: alpha(opacity = 80);z-index:9998 !important }
.overlay-alpha { opacity:0;filter: alpha(opacity = 0) }

.dialog-type01 { padding:5px;background:#f9f9f9;font-size:1.0em;color:#666666 }
.dialog-type01 .pop-header { position:relative;height:49px;padding:0 20px;border-bottom:1px solid #62931c;background:#6cbb20 }
.dialog-type01 .pop-header .tit { padding-top:11px;font-weight:600;font-size:1.385em;color:#ffffff }
.dialog-type01 .pop-header .btn-close { position:absolute;right:20px;top:5px;width:35px;height:35px;border:none;background:url(/images/pop/btn_close.png) 0 0 no-repeat }
.dialog-type01 .pop-container { padding:30px 20px }
.dialog-type01 .pop-content { }

.dialog-type01 .form-login { position:relative;width:336px;margin:0 auto 20px }
.dialog-type01 .form-login p { margin-top:9px }
.dialog-type01 .form-login p:first-child { margin-top:0 }
.dialog-type01 .form-login label { width:74px;color:#555555;margin-right:10px;font-weight:bold;text-align:right }
.dialog-type01 .form-login .text { width:144px;padding:4px 7px;border:1px solid #dddddd;background:#ffffff }
.dialog-type01 .form-login .btn { position:absolute;right:0px;top:0px }

/* nanum-gothic-regular - korean */
@font-face {
  font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400;
  src: local('NanumGothic'), url('/font/nanum-gothic-v7-korean-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/font/nanum-gothic-v7-korean-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nanum-gothic-700 - korean */
@font-face {
  font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700;
  src: local('NanumGothic Bold'), local('NanumGothic-Bold'), url('/font/nanum-gothic-v7-korean-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/font/nanum-gothic-v7-korean-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nanum-gothic-800 - korean */
@font-face {
  font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800;
  src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'), url('/font/nanum-gothic-v7-korean-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/font/nanum-gothic-v7-korean-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'Open Sans'; font-weight: 800; font-style: italic;
    src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),url('/font/OpenSans-ExtraBoldItalic.woff2') format('woff2'),url('/font/OpenSans-ExtraBoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans'; font-weight: normal; font-style: italic;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/font/OpenSans-Italic.woff2') format('woff2'), url('/font/OpenSans-Italic.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans'; font-weight: 600; font-style: normal;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/font/OpenSans-SemiBold.woff2') format('woff2'), url('/font/OpenSans-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans'; font-weight: 300; font-style: italic;
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('/font/OpenSans-LightItalic.woff2') format('woff2'), url('/font/OpenSans-LightItalic.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans'; font-weight: bold; font-style: italic;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/font/OpenSans-BoldItalic.woff2') format('woff2'), url('/font/OpenSans-BoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans'; font-weight: 600; font-style: italic;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('/font/OpenSans-SemiBoldItalic.woff2') format('woff2'), url('/font/OpenSans-SemiBoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans'; font-weight: normal; font-style: normal;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/font/OpenSans-Regular.woff2') format('woff2'), url('/font/OpenSans-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans'; font-weight: 300; font-style: normal;
    src: local('Open Sans Light'), local('OpenSans-Light'), url('/font/OpenSans-Light.woff2') format('woff2'), url('/font/OpenSans-Light.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans'; font-weight: bold; font-style: normal;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/font/OpenSans-Bold.woff2') format('woff2'), url('/font/OpenSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans'; font-weight: 800; font-style: normal;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('/font/OpenSans-ExtraBold.woff2') format('woff2'), url('/font/OpenSans-ExtraBold.woff') format('woff');
}

@font-face { font-family:D2 coding; src:url('/font/D2Coding-Ver1.3-20171129.ttc') };

*  { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;word-break:keep-all; }
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video  {
	margin:0;padding:0;border:0;word-break:keep-all;
 }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section  { display: block; }
ol, ul  { list-style: none; }
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after  { content: ''; content: none; }
table  { border-collapse: collapse; border-spacing: 0; }
strong  { font-weight: bold; }
em  { font-style: italic; }
input[type="text"], input[type="password"], input[type="number"], input[type="tel"]  { -webkit-appearance:none;appearance:none;-moz-appearance:none }
a:link { color: none; text-decoration: none;}
a:visited { color: none; text-decoration: none;}
a:hover { color: none; text-decoration: none;}
img { vertical-align:top; }
legend, caption { display:none }
ul,li,dd,dt,dl,ol { list-style:none;padding-left:0; }
input[type="text"], input[type="password"], input[type="number"], input[type="tel"]  { -webkit-appearance:none;appearance:none;-moz-appearance:none }

html  { position: relative;min-width:340px;font-size:13px; }
body { /*position:relative;*/min-width:340px;font-family:"Nanum Gothic", "나눔고딕", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;color:#303030;font-size:1.0rem;line-height:1.7;  }
button { outline: none; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}
.content-wrap { position:relative;margin-top:0;min-height:400px; }
.sub-content { min-height:400px; }
@media (max-width: 767px) {
	body { font-size:1.0rem; }
	.content-wrap { position:relative;padding-top:100px;min-height:auto; }
	.sub-content { min-height:auto; }
}

/* --------------------------- QRCODE --------------------------- */
.qrcode { display:inline-block; }

/* --------------------------- POPUP1 --------------------------- */
@media (max-width: 767px) {
    .popup-content { width:100% !important; height:auto !important; top:0px !important;left:0px !important; }
    .popup-content img { width:100% !important; }
}

/* --------------------------- POPUP2 --------------------------- */
div[data-css*="_wb_pop"] { position: absolute; top: 0px; left: 0%; width: 100%; margin-left: 0px; z-index: 11; }
div[data-css*="_wb_pop"] html,div[data-css*="_wb_pop"] body,div[data-css*="_wb_pop"] div,div[data-css*="_wb_pop"] span,div[data-css*="_wb_pop"] applet,div[data-css*="_wb_pop"] object,div[data-css*="_wb_pop"] iframe,div[data-css*="_wb_pop"] h1,div[data-css*="_wb_pop"] h2,div[data-css*="_wb_pop"] h3,div[data-css*="_wb_pop"] h4,div[data-css*="_wb_pop"] h5,div[data-css*="_wb_pop"] h6,div[data-css*="_wb_pop"] p,div[data-css*="_wb_pop"] blockquote,div[data-css*="_wb_pop"] pre,div[data-css*="_wb_pop"] a,div[data-css*="_wb_pop"] abbr,div[data-css*="_wb_pop"] acronym,div[data-css*="_wb_pop"] address,div[data-css*="_wb_pop"] big,div[data-css*="_wb_pop"] cite,div[data-css*="_wb_pop"] code,div[data-css*="_wb_pop"] del,div[data-css*="_wb_pop"] dfn,div[data-css*="_wb_pop"] em,div[data-css*="_wb_pop"] img,div[data-css*="_wb_pop"] ins,div[data-css*="_wb_pop"] kbd,div[data-css*="_wb_pop"] q,div[data-css*="_wb_pop"] s,div[data-css*="_wb_pop"] samp,div[data-css*="_wb_pop"] small,div[data-css*="_wb_pop"] strike,div[data-css*="_wb_pop"] strong,div[data-css*="_wb_pop"] sub,div[data-css*="_wb_pop"] sup,div[data-css*="_wb_pop"] tt,div[data-css*="_wb_pop"] var,div[data-css*="_wb_pop"] b,div[data-css*="_wb_pop"] u,div[data-css*="_wb_pop"] i,div[data-css*="_wb_pop"] center,div[data-css*="_wb_pop"] dl,div[data-css*="_wb_pop"] dt,div[data-css*="_wb_pop"] dd,div[data-css*="_wb_pop"] ol,div[data-css*="_wb_pop"] ul,div[data-css*="_wb_pop"] li,div[data-css*="_wb_pop"] fieldset,div[data-css*="_wb_pop"] form,div[data-css*="_wb_pop"] label,div[data-css*="_wb_pop"] legend,div[data-css*="_wb_pop"] table,div[data-css*="_wb_pop"] caption,div[data-css*="_wb_pop"] tbody,div[data-css*="_wb_pop"] tfoot,div[data-css*="_wb_pop"] thead,div[data-css*="_wb_pop"] tr,div[data-css*="_wb_pop"] th,div[data-css*="_wb_pop"] td,div[data-css*="_wb_pop"] article,div[data-css*="_wb_pop"] aside,div[data-css*="_wb_pop"] canvas,div[data-css*="_wb_pop"] details,div[data-css*="_wb_pop"] embed,div[data-css*="_wb_pop"] figure,div[data-css*="_wb_pop"] figcaption,div[data-css*="_wb_pop"] footer,div[data-css*="_wb_pop"] header,div[data-css*="_wb_pop"] hgroup,div[data-css*="_wb_pop"] menu,div[data-css*="_wb_pop"] nav,div[data-css*="_wb_pop"] output,div[data-css*="_wb_pop"] ruby,div[data-css*="_wb_pop"] section,div[data-css*="_wb_pop"] summary,div[data-css*="_wb_pop"] time,div[data-css*="_wb_pop"] mark,div[data-css*="_wb_pop"] audio,div[data-css*="_wb_pop"] video  { margin:0;padding:0;border:0;word-break:keep-all; }
div[data-css*="_wb_pop"] body { overflow-x: hidden; -webkit-touch-callout:none; }
div[data-css*="_wb_pop"] article,div[data-css*="_wb_pop"] aside,div[data-css*="_wb_pop"] details,div[data-css*="_wb_pop"] figcaption,div[data-css*="_wb_pop"] figure,div[data-css*="_wb_pop"] footer,div[data-css*="_wb_pop"] header,div[data-css*="_wb_pop"] hgroup,div[data-css*="_wb_pop"] menu,div[data-css*="_wb_pop"] nav,div[data-css*="_wb_pop"] section  { display: block; }
div[data-css*="_wb_pop"] ol,div[data-css*="_wb_pop"] ul  { list-style: none; }
div[data-css*="_wb_pop"] blockquote,q demo blockquote:before,div[data-css*="_wb_pop"] blockquote:after,div[data-css*="_wb_pop"] q:before,div[data-css*="_wb_pop"] q:after  { content: ''; content: none; }
div[data-css*="_wb_pop"] table  { border-collapse: collapse; border-spacing: 0; }
div[data-css*="_wb_pop"] strong  { font-weight: bold; }
div[data-css*="_wb_pop"] em  { font-style: italic; }
div[data-css*="_wb_pop"] input[type="text"],div[data-css*="_wb_pop"] input[type="password"],div[data-css*="_wb_pop"] input[type="number"],div[data-css*="_wb_pop"] input[type="tel"]  { -webkit-appearance:none;appearance:none;-moz-appearance:none }
div[data-css*="_wb_pop"] a:link { text-decoration: none;}
div[data-css*="_wb_pop"] a:visited { text-decoration: none;}
div[data-css*="_wb_pop"] a:hover { text-decoration: none;}
div[data-css*="_wb_pop"] img { vertical-align:top; }
div[data-css*="_wb_pop"] legend,div[data-css*="_wb_pop"] caption { display:none }
div[data-css*="_wb_pop"] ul,div[data-css*="_wb_pop"] li,div[data-css*="_wb_pop"] dd,div[data-css*="_wb_pop"] dt,div[data-css*="_wb_pop"] dl,div[data-css*="_wb_pop"] ol { list-style:none;padding-left:0; }
div[data-css*="_wb_pop"] input[type="text"],div[data-css*="_wb_pop"] input[type="password"],div[data-css*="_wb_pop"] input[type="number"],div[data-css*="_wb_pop"] input[type="tel"]  { -webkit-appearance:none;appearance:none;-moz-appearance:none }

div[data-css*="_wb_pop"] html  { position: relative;min-width:320px;font-size:13px; }
div[data-css*="_wb_pop"] body { position:relative;min-width:320px;-webkit-touch-callout:none;font-size:1.0rem;line-height:1.7;  }
div[data-css*="_wb_pop"] map { display: inline; outline: none !important; }
div[data-css*="_wb_pop"] area:-webkit-any-link { cursor: pointer; outline: none !important; }
div[data-css*="_wb_pop"] user agent stylesheet area { display: inline; outline: none !important; }
div[data-css*="_wb_pop"] .col-xs-1,div[data-css*="_wb_pop"] .col-sm-1,div[data-css*="_wb_pop"] .col-md-1,div[data-css*="_wb_pop"] .col-lg-1,div[data-css*="_wb_pop"] .col-xs-2,div[data-css*="_wb_pop"] .col-sm-2,div[data-css*="_wb_pop"] .col-md-2,div[data-css*="_wb_pop"] .col-lg-2,div[data-css*="_wb_pop"] .col-xs-3,div[data-css*="_wb_pop"] .col-sm-3,div[data-css*="_wb_pop"] .col-md-3,div[data-css*="_wb_pop"] .col-lg-3, .col-xs-4,div[data-css*="_wb_pop"] .col-sm-4,div[data-css*="_wb_pop"] .col-md-4,div[data-css*="_wb_pop"] .col-lg-4,div[data-css*="_wb_pop"] .col-xs-5,div[data-css*="_wb_pop"] .col-sm-5,div[data-css*="_wb_pop"] .col-md-5,div[data-css*="_wb_pop"] .col-lg-5,div[data-css*="_wb_pop"] .col-xs-6,div[data-css*="_wb_pop"] .col-sm-6,div[data-css*="_wb_pop"] .col-md-6,div[data-css*="_wb_pop"] .col-lg-6,div[data-css*="_wb_pop"] .col-xs-7,div[data-css*="_wb_pop"] .col-sm-7,div[data-css*="_wb_pop"] .col-md-7,div[data-css*="_wb_pop"] .col-lg-7,div[data-css*="_wb_pop"] .col-xs-8,div[data-css*="_wb_pop"] .col-sm-8,div[data-css*="_wb_pop"] .col-md-8,div[data-css*="_wb_pop"] .col-lg-8,div[data-css*="_wb_pop"] .col-xs-9,div[data-css*="_wb_pop"] .col-sm-9,div[data-css*="_wb_pop"] .col-md-9,div[data-css*="_wb_pop"] .col-lg-9,div[data-css*="_wb_pop"] .col-xs-10,div[data-css*="_wb_pop"] .col-sm-10,div[data-css*="_wb_pop"] .col-md-10,div[data-css*="_wb_pop"] .col-lg-10,div[data-css*="_wb_pop"] .col-xs-11,div[data-css*="_wb_pop"] .col-sm-11,div[data-css*="_wb_pop"] .col-md-11,div[data-css*="_wb_pop"] .col-lg-11,div[data-css*="_wb_pop"] .col-xs-12,div[data-css*="_wb_pop"] .col-sm-12,div[data-css*="_wb_pop"] .col-md-12,div[data-css*="_wb_pop"] .col-lg-12 { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; }
div[data-css*="_wb_pop"] .content-wrap { position:relative;margin-top:0;min-height:400px; }
div[data-css*="_wb_pop"] .sub-content { min-height:400px; }
@media (max-width: 767px) {
	div[data-css*="_wb_pop"] body { font-size:1.0rem; }
	div[data-css*="_wb_pop"] .content-wrap { position:relative;padding-top:100px;min-height:auto; }
	div[data-css*="_wb_pop"] .sub-content { min-height:auto; }
}

div[data-css*="_wb_pop"] input[readonly] { background-color: #f3f3f8; opacity: 1; }
div[data-css*="_wb_pop"] input .placeholder { padding: 0 8px; color: #bbb; }
div[data-css*="_wb_pop"] html input[type='button'],div[data-css*="_wb_pop"] input[type='submit'],div[data-css*="_wb_pop"] input[type='reset'],div[data-css*="_wb_pop"] button,div[data-css*="_wb_pop"] button[class*='button'],div[data-css*="_wb_pop"] button[type='submit'],div[data-css*="_wb_pop"] button[type='reset'],div[data-css*="_wb_pop"] .button,div[data-css*="_wb_pop"] a[class*='button'] { -webkit-border-radius: 0; -webkit-appearance: none; border: 1px solid #dadada; background-color: #eee; color: var(--title_color); line-height: 1.375; white-space: nowrap; }
div[data-css*="_wb_pop"] button,div[data-css*="_wb_pop"] input[type='button'],div[data-css*="_wb_pop"] input[type='submit'],div[data-css*="_wb_pop"] input[type='reset'],div[data-css*="_wb_pop"] input[type='image'] { overflow: visible; cursor: pointer; }
div[data-css*="_wb_pop"] label,div[data-css*="_wb_pop"] input,div[data-css*="_wb_pop"] textarea,div[data-css*="_wb_pop"] select,div[data-css*="_wb_pop"] button,div[data-css*="_wb_pop"] table,div[data-css*="_wb_pop"] pre,div[data-css*="_wb_pop"] code,div[data-css*="_wb_pop"] kbd,div[data-css*="_wb_pop"] samp,div[data-css*="_wb_pop"] em,div[data-css*="_wb_pop"] cite,div[data-css*="_wb_pop"] dfn,div[data-css*="_wb_pop"] var,div[data-css*="_wb_pop"] address { font-style: normal; font-family: inherit; letter-spacing: inherit; }

div[data-css*="_wb_pop"] .pop { position: absolute; top: 0;left: 0; padding-bottom:35px; z-index: 1;font-size:13px; }
div[data-css*="_wb_pop"] .pop .ct { background: #fff; width: 100%; height:100%; }
div[data-css*="_wb_pop"] .pop .ct p img { margin-bottom:-21px; }
div[data-css*="_wb_pop"] .pop .ct img { display:block; font-size:0; width:100%; }
div[data-css*="_wb_pop"] .pop .ct .pop_button { width:70%; overflow:hidden; position:absolute; bottom:60px; left:50%; margin-left:-35%; }
div[data-css*="_wb_pop"] .pop .ct .pop_button a { display:block; width:40%; background-color:#3f9a2b; text-align:center; float:left; padding:10px 15px; letter-spacing: -1px; font-size: 14px; color: #fff; }
div[data-css*="_wb_pop"] .pop .ct .pop_button1 a { display:block; width:90%; margin:0 auto; background-color:#f36700; float:none; padding:10px 0px; border-radius:30px; }
div[data-css*="_wb_pop"] .pop .ct .pop_button.pop_button2 { width:80%; margin-left:-39%; }
div[data-css*="_wb_pop"] .pop .ct .pop_button.pop_button2 a { width:42%; }
div[data-css*="_wb_pop"] .pop .ct .pop_button.pop_button2 a.output { background-color:#f36700; }

div[data-css*="_wb_pop"] .pop .closepopup { position: absolute; height: 35px; background:#353541; box-sizing:border-box;padding: 0 10px; width:100%;bottom:0; }
div[data-css*="_wb_pop"] .pop .closepopup label { font-size: 13px; color: #fff; }
div[data-css*="_wb_pop"] .pop .closepopup .inp_c>input[type=checkbox] { width:17px;height:17px;margin:9px -16px 0 0; }
div[data-css*="_wb_pop"] .pop .closepopup .inp_c>a { cursor: pointer; float: right; color: #fff; font-size: 13px; }
div[data-css*="_wb_pop"] .pop .closepopup .inp_c>label { padding: 8px 0 0 25px; background-size: 15px 15px !important; /*position: absolute;*/ font-weight: 100; height: calc(100% - 10px); }
div[data-css*="_wb_pop"] .pop .closepopup a { position: absolute; right: 5px; padding: 9px 7px 7px 10px; font-size: 13px; color:#ffffff; height: calc(100% - 16px)}



/* --------------------------- SNS BBS --------------------------- */
#snsview { clear:both;	position:relative;	z-index:20; padding:10px 0; }
#snsview:after { content:'';display:table;clear:both; }
#snsview ul { float:right;position:relative; }
#snsview li { float:left;position:relative; }
#snsview a { float:left;position:relative;
	box-sizing:border-box;
	width:30px;height:30px;
	margin:0px 0 0 10px;
}
#snsview .share1 ul { display:none; }
#snsview .share1 li a {
	background:none;
	border:0;
}
#snsview .share1>a.on { }
#snsview a>.ic1 { float:left;
	position:absolute;left:50%;top:50%;
	width:30px;height:30px;margin:-15px;
	background:url() no-repeat center center;background-size:contain;
	overflow:hidden;text-indent:-9999px;cursor:pointer;
}
#snsview .sns>a>.ic1 { background-image:url(/bbs/images/sns_share.png);}
#snsview .print>a>.ic1 { background-image:url(/bbs/images/sns_print.png);}
#snsview .link>a>.ic1 { background-image:url(/bbs/images/sns_link.png);}
#snsview .blog>a>.ic1 { background-image:url(/bbs/images/sns_blog.png);}
#snsview .facebook>a>.ic1 { background-image:url(/bbs/images/sns_facebook.png);}
#snsview .naverband>a>.ic1 { background-image:url(/bbs/images/sns_band.png);}
#snsview .naverline>a>.ic1 { background-image:url(/bbs/images/sns_line.png);}
#snsview .twitter>a>.ic1 { background-image:url(/bbs/images/sns_twitter.png);}
#snsview .kakaostory>a>.ic1 { background-image:url(/bbs/images/sns_kakaostory.png);}
#snsview .kakaotalk>a>.ic1 { background-image:url(/bbs/images/sns_kakaotalk.png);}
#snsview .pinterest>a>.ic1 { background-image:url(/bbs/images/sns_pinterest.png);}
#snsview .qrcode>a>.ic1 { background-image:url(/bbs/images/sns_qrcode.png);}

#snsview .sns-list { display:block !important;overflow:hidden;position:absolute;top:-6px;right:-1px;left:auto;bottom:auto;width:0;height:43px;background:#ddd;transition:all .3s ease;border-radius:25px;opacity:0;visibility:hidden }
#snsview .sns-list.on { width:337px;opacity:1;visibility:visible; }
#snsview .sns-list ul { padding:3px 5px 0;float:left; }
#snsview .sns-list li { margin:3px 0 }
#snsview .sns-list li a { margin:0 0 0 10px }
#snsview .sns-list .sclose { position:relative;width:30px;height:30px;margin:6px 5px 0;background:#585858;border-radius:50%; }
#snsview .sns-list .sclose:before, #snsview .sns-list .sclose:after { position:absolute;top:50%;left:50%;margin-top:-9px;content:"";display:block;width:1px;height:18px;background:#fff; }
#snsview .sns-list .sclose:before { transform:rotate(45deg);-ms-transform:rotate(45deg); }
#snsview .sns-list .sclose:after { transform:rotate(-45deg);-ms-transform:rotate(-45deg); }
/* [~IE8] */
#snsview a>.ic1>div { height:100%; }
#snsview a>.ic1>div>img { display:block;position:static !important;margin:0 auto; }

.copyTrackback { opacity : 0; display : none; position : relative; width : 300px; border : 2px solid #fff; padding : 10px; background-color : #fff; border-radius:5px; }
.copytrackback-close { position : absolute; right : 5px; top : 5px; padding : 0px; display : inline-block; cursor : pointer; color:#2874b7; background:#fff; }

.snsTrackback { opacity : 0; display : none; position : relative; width : 300px; border : 2px solid #fff; padding : 10px; background-color : #fff; border-radius:5px; }
.snstrackback-close { position : absolute; right : 5px; top : 5px; padding : 0px; display : inline-block; cursor : pointer; color:#2874b7; background:#fff; }
/* --------------------------- SNS POPUP --------------------------- */
.social-btn ul { list-style: outside none none; padding:0; }
.social-btn li { float: left; width: 68px; margin-bottom: 10px }
.social-btn li:first-child, .social-btn li:nth-child(5) { margin-left: 0px }
.social-btn li a { text-align: center; padding: 0; font-size: 12px; line-height: 1; display: block; width: 68px; height: 80px; background: url("/bbs/images/sns_modal.png") no-repeat; background-size: 56px; padding-top: 63px; }
.social-btn li.kakao a { background-position: 7px 0; }
.social-btn li.line a { background-position: 7px -81px; }
.social-btn li.face a { background-position: 7px -163px; }
.social-btn li.twitter a { background-position: 7px -244px; }
.social-btn li.story a { background-position: 7px -325px; letter-spacing: -1px; }
.social-btn li.band a { background-position: 7px -406px; }
.social-btn li.instagram a { background-position: 7px -487px; }
.social-btn li.googleplus a { background-position: 7px -568px; }
.social-btn li.naver a { background-position: 7px -648px; }
.social-btn li.naverblog a { background-position: 7px -728px; }
.social-btn li a br { line-height: 0 }
.social-btn li a:hover { background-color: transparent; font-weight:bold; }
/* --------------------------- Top으로 이동 --------------------------- */
#top_btn { position: fixed; bottom: 20px; right: 20px; width: 39px; height: 39px; background:#fff; padding:5px 0 0 3px; line-height: 999; border: solid 1px #999; z-index:999999; cursor:pointer; display:none; }

@media screen and (max-width:760px) {
	#top_btn { display:block; }
}

#body_content {
    clear: both;
    position: relative;
    min-height: 300px;
    word-wrap: break-word;
	padding:0px;
}
@media only screen and (max-width: 576px) {
	#body_content {
		clear: both;
		position: relative;
		min-height: 300px;
		word-wrap: break-word;
		padding:5px;
		overflow: hidden;
	}
}