/* ---------------------------------------------------------
	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 }
*/

*  { -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, 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; }
body { overflow-x: hidden; -webkit-touch-callout:none; }
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 { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { 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; }

map { display: inline; outline: none !important; }
area:-webkit-any-link { cursor: pointer; outline: none !important; }
user agent stylesheet area { display: inline; outline: none !important; }
.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; }

/* --------------------------- 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: 9999999; }
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 }
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: 13px; 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: 6px 0 0 20px; 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: 6px 7px 7px 10px; font-size: 13px; color:#ffffff; height: calc(100% - 16px)}



/* --------------------------- SNS BBS --------------------------- */
#snsview { clear:both;	position:relative;	z-index:20; padding:0 0 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(/skin/bbs/images/sns_share.png);}
#snsview .print>a>.ic1 { background-image:url(/skin/bbs/images/sns_print.png);}
#snsview .link>a>.ic1 { background-image:url(/skin/bbs/images/sns_link.png);}
#snsview .blog>a>.ic1 { background-image:url(/skin/bbs/images/sns_blog.png);}
#snsview .facebook>a>.ic1 { background-image:url(/skin/bbs/images/sns_facebook.png);}
#snsview .naverband>a>.ic1 { background-image:url(/skin/bbs/images/sns_band.png);}
#snsview .naverline>a>.ic1 { background-image:url(/skin/bbs/images/sns_line.png);}
#snsview .twitter>a>.ic1 { background-image:url(/skin/bbs/images/sns_twitter.png);}
#snsview .kakaostory>a>.ic1 { background-image:url(/skin/bbs/images/sns_kakaostory.png);}
#snsview .kakaotalk>a>.ic1 { background-image:url(/skin/bbs/images/sns_kakaotalk.png);}
#snsview .pinterest>a>.ic1 { background-image:url(/skin/bbs/images/sns_pinterest.png);}
#snsview .qrcode>a>.ic1 { background-image:url(/skin/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 10px 10px 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 10px 10px 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; background: url("/skin/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; }

/* --------------------------- �섏쑉 --------------------------- */
#usd { display: inline-block; font-size:13px; }
#usd .usd_value { color:#404860; font-weight:bold; }
#usd .usd_value .usd_info {  }
#usd .usd_value .usd_info_dollar { color:#404860; }
#usd .usd_value .usd_info_division { color:#ff0000; }
#usd .usd_value .usd_info_money { color:#ff0000; }
#usd .usd_date { font-size:12px; color:#404860; }

/* --------------------------- 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; }
}


/* --------------------------- Youtube 諛섏쓳�� --------------------------- */
.youtubeWrap { position:relative; width:100%; padding-bottom:56.25%; }
.youtubeWrap iframe { position:absolute; width:100%; height:100%; }

/* --------------------------- Youtube POPUP --------------------------- */
body .YouTubePopUp-Wrap { position:fixed; width:100%; height:100%; background-color:#000; background-color:rgba(0,0,0,0.8); top:0; left:0; z-index:9999999999999; }
.YouTubePopUp-animation { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUp; animation-name: YouTubePopUp; }

@-webkit-keyframes YouTubePopUp {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes YouTubePopUp {
    0% { opacity: 0; }
    100% { opacity: 1; }
}


.YouTubePopUp-Content { max-width:680px; display:block; margin:0 auto; height:100%; position:relative; }
.YouTubePopUp-Content iframe { max-width:100% !important; width:100% !important; display:block !important; height:480px !important; border:2px solid #fff; position:absolute; top: 0; bottom: 0; margin: auto 0; }
.YouTubePopUp-Hide { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUpHide; animation-name: YouTubePopUpHide; }

@-webkit-keyframes YouTubePopUpHide {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes YouTubePopUpHide {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.YouTubePopUp-Close { position:absolute; top:0; cursor:pointer; bottom:528px; right:0px; margin:auto 0; width:24px; height:24px; background:url(/skin/bbs/images/youtube_close.png) no-repeat;
    background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; -o-background-size:24px 24px;
}

.YouTubePopUp-Close:hover { opacity:0.5; }

@media all and (max-width: 768px) and (min-width: 10px) {
    .YouTubePopUp-Content { max-width:96%; }
}

@media all and (max-width: 600px) and (min-width: 10px) {
    .YouTubePopUp-Content iframe { height:320px !important; }
    .YouTubePopUp-Close { bottom:362px; }
}

@media all and (max-width: 480px) and (min-width: 10px) {
    .YouTubePopUp-Content iframe { height:220px !important; }
    .YouTubePopUp-Close { bottom:262px; }
}

/* --------------------------- POPUP Licence --------------------------- */
#popup_modal_licence { max-width:98%; width:590px; height:360px; border-radius:5px; background:#fff; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
#popup_modal_licence { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

#popup_modal_licence .close-reveal-modal_800 { font-size: 32px; line-height: .5; position: absolute; top: 18px; right: 11px; color:#2874b7; font-weight: bold; cursor: pointer; text-decoration: none; }
#popup_modal_licence .close-reveal-modal_800:hover { color:#d00; text-decoration: none; }
#popup_modal_licence_background { -webkit-transition: all 3s; -moz-transition: all 3s; transition: all 3s; }
#popup_modal_licence_wrapper { -webkit-transition: all 3s; -moz-transition: all 3s; transition: all 3s; -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
#popup_modal_licence { -webkit-transition: all 3s ease-in; -moz-transition: all 3s ease-in; transition: all 3s ease-in; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); }
#popup_modal_licence { -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); }

.editp { display:block; }

.summernote_img { max-width:100%; }

.table_group {
    overflow: auto;
    position: relative;
    background: #fff;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}
.table-bordered {
    border: 0px solid #f4f4f4;
    font-size: 9pt;
    overflow: auto;
    /*min-width: 850px;*/
	white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0px);
}

.table-float-left {
	float:left;
	margin:0;
}
.table-float-center {
	margin:0 auto;
	float:none;
}
.table-float-right {
	float:right;
	margin:0;
}

.popover-content {
    padding: 9px 14px;
    max-width: 206px;
}

@media all and (max-width:900px){
	.table-float-left {
		float:none;
		margin:0;
	}
	.table-float-center {
		margin:0 auto;
		float:none;
	}
	.table-float-right {
		float:none;
		margin:0;
	}
}

/* 濡쒕뵫諛뺤뒪 */
.loading_box{width:100%; height:100%; position: fixed; top:0; left:0; z-index: 20000 ; display: none; }
.loading_box .bg{width:100%; position: absolute; top:0; left: 0; height: 100%; background-color: #000; opacity : 0.5; }
.loading_box img{position: absolute; top:50%; margin-top: -150px; left: 50%; margin-left: -150px; }
.loading_box2 .content {
    background-color: #fff;
    width: 250px;
    position: absolute;
    left: calc(37% - 0px);
    top: calc(60% - 100px);
    text-align: center;
    display: flex;
}