@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:32px; }
h3, a h3 { font-size:var(--bbs_h3_fontsize); }
h4, a h4 { font-size:var(--bbs_h4_fontsize); }
h5, a h5 { font-size:20px; }
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, 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;
 }
body { overflow-x: hidden; }
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;-webkit-touch-callout:none;color:#303030;font-size:1.0rem;line-height:1.7;  }
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;
}
.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 --------------------------- */
#pop_zone2 { position: absolute; top: 0px; left: 0%; width: 100%; margin-left: 0px; z-index: 9999999; }
#pop_zone2 .pop { position: absolute; top: 0;left: 0; padding-bottom:35px; z-index: 1;font-size:14px; }
#pop_zone2 .bgTop { overflow-x:hidden;width:100%;height:4px !important;background:#92c04c; }
#pop_zone2 .pop .ct { background: #fff; width: 100%; height: expression( this.scrollHeight > 99 ? "100px" : "auto" ); height:100%; }
#pop_zone2 .pop .ct p img { margin-bottom:-21px; }
#pop_zone2 .pop .ct img { display:block; font-size:0 }
#pop_zone2 .pop .ct .pop_button { width:70%; overflow:hidden; position:absolute; bottom:60px; left:50%; margin-left:-35%; }
#pop_zone2 .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: 17px; color: #fff; }
#pop_zone2 .pop .ct .pop_button1 a { display:block; width:90%; margin:0 auto; background-color:#f36700; float:none; padding:10px 0px; border-radius:30px; }
#pop_zone2 .pop .ct .pop_button.pop_button2 { width:80%; margin-left:-40%; }
#pop_zone2 .pop .ct .pop_button.pop_button2 a { width:50%; }
#pop_zone2 .pop .ct .pop_button.pop_button2 a.output { background-color:#f36700; }

#pop_zone2 .pop .closepopup { position: absolute; height: 35px; background:#353541; box-sizing:border-box;padding: 0 10px; width:100%;bottom:0; }
#pop_zone2 .pop .closepopup label { font-size: 13px; color: #fff; }
#pop_zone2 .pop .closepopup .inp_c>input[type=checkbox] { width:17px;height:17px;margin:9px -16px 0 0; }
#pop_zone2 .pop .closepopup .inp_c>a { cursor: pointer; float: right; height: 20px; color: #fff; margin-top: 2px; font-size: 13px; }
#pop_zone2 .pop .closepopup .inp_c>label { height: 15px !important; padding: 10px 0 0 20px; background-size: 15px 15px !important; line-height: 15px !important; position: absolute; font-weight: 100; }
#pop_zone2 .pop .closepopup a { position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font-size: 13px; color:#ffffff; }

@media screen and (max-width:760px) {
    #pop_zone2 .pop { box-sizing:border-box }
    #pop_zone2 { top: 5px; left: 0; width: 100%; box-sizing: border-box; margin: 0; padding: 0 10px 0 10px; text-align: center; }
	#pop_zone2 .pop { display: inline-block; position: relative; top: 0 !important; left: 0 !important; margin: 5px 5px 0px 0; vertical-align: middle; text-align: left; width: 100% !important; height:auto !important; }
	#pop_zone2 .pop .ct img { width:100% !important; }
	#pop_zone2 .pop .ct .pop_button { width:90%; margin-left:-45%; bottom:48px; }
	#pop_zone2 .pop .ct .pop_button.pop_button2 { width:66%; margin-left:-33%; bottom:50px; }
	#pop_zone2 .pop .ct .pop_button a{ font-size:14px;padding:8px 10px; }
}

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

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

#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;
	}
}
@media only screen and (max-width: 1024px) {
	#mousecursor { display:none; }
}