:root{
	--basic-color:#768395;
	--basic-bg:#f6f6f6;
	--basic-border:#e4e4e4;
	--basic-shadow:rgba(90,100,120,.2);
	--basic-round:0.25rem;
	--round-sm:0.125rem;
	--round-lg:0.4375rem;
	--round-xlg:0.875rem;
	--red:#FF3333;
	--pink:#FF6666;
	--org:#FF9900;
	--yorg:#FF9933;
	--yellow:#FFBB2F;
	--green:#3DB979;
	--sky:#4AAACA;
	--blue:#3366cc;
	--navy:#336699;
	--violet:#6666CC;	
	--gray:#B8BFC7;
	--lgray1:#E8EBEC;
	--lgray2:#D8DDE0;
	--dgray0:#8993A5;
	--dgray1:#5A6378;
	--dgray2:#3E4553;
	--dgray3:#262C33;
	--black:#151515;
	--black1:rgba(0,0,0,0.1);
	--black2:rgba(0,0,0,0.2);
	--black3:rgba(0,0,0,0.3);
	--black4:rgba(0,0,0,0.4);
	--black5:rgba(0,0,0,0.5);
	--black6:rgba(0,0,0,0.6);
	--black7:rgba(0,0,0,0.7);
	--black8:rgba(0,0,0,0.8);
	--black9:rgba(0,0,0,0.9);
	--white:#ffffff;
	--white1:rgba(255,255,255,0.1);
	--white2:rgba(255,255,255,0.2);
	--white3:rgba(255,255,255,0.3);
	--white4:rgba(255,255,255,0.4);
	--white5:rgba(255,255,255,0.5);
	--white6:rgba(255,255,255,0.6);
	--white7:rgba(255,255,255,0.7);
	--white8:rgba(255,255,255,0.8);
	--white9:rgba(255,255,255,0.9);
	--bg-blue:#F2F5FB;
	--bg-yellow:#FEFCEF;
	--bg-red:#FEF5F8;
	--v-center:translateY(-50%);
	--font-base:1rem;
	--font-sm:calc(var(--font-base) * 0.875);
	--font-xsm:calc(var(--font-base) * 0.725);
	--font-2xsm:calc(var(--font-base) * 0.685);
	--font-lg:calc(var(--font-base) * 1.25);
	--font-xlg:calc(var(--font-base) * 1.5);
	--font-2xlg:calc(var(--font-base) * 2);
	--font-3xlg:calc(var(--font-base) * 2.5);
	--font-4xlg:calc(var(--font-base) * 3);
	--font-5xlg:calc(var(--font-base) * 3.5);
	--font-light:100;
	--font-regular:300;
	--font-normal:400;
	--font-bold:500;
	--font-semibold:600;
	--font-bold:700;
	--font-exbold:900;
	--faw:FontAwesome;
	--padding-d:2rem;
	--padding-sm:1rem;
	--padding-lg:3rem;
}

@-ms-viewport{width:device-width}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}/*table,*/
html,article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{font-family:/*'Open Sans',*/'pretendard','Noto Sans KR', sans-serif;font-size:1rem;font-weight:400;line-height:1.6;margin:0;color:#555;letter-spacing:-0.0145rem}
[tabindex='-1']:focus{outline:0!important}
hr{display:none;}
ul,ol,li{list-style:none;}
abbr[data-original-title],abbr[title]{cursor:help;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;-webkit-text-decoration:underline dotted}
address,cite,code,em{font-style:normal;font-weight:normal;}
address{word-break:keep-all !important}
iframe{border:0}
figcaption,figure,main{display:block}
main{overflow:hidden}
main,header,section,nav,footer,aside,article,figure{display:block;}
table caption	{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}

dfn{font-style:italic}
b,strong{font-weight:bolder}
small	{font-size:80%}
sub,sup	{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;font-size:1em}
pre{overflow:auto;margin-top:0;margin-bottom:1rem;-ms-overflow-style:scrollbar}
img{vertical-align:middle;border-style:none;border:0;}
svg{overflow:hidden;vertical-align:middle}
table{width:100%;border-spacing:0;border-collapse:collapse;
-webkit-text-size-adjust : none;
-ms-text-size-adjust : none;
-moz-text-size-adjust : none;
-o-text-size-adjust : none;}
caption{padding-top:1rem;padding-bottom:1rem;caption-side:bottom;text-align:left;color:#768395}
th{text-align:inherit}
label{display:inline-block;}
button{border-radius:0}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical;width:100%;}
fieldset{min-width:0;margin:0;padding:0;border:0}
legend	{font-size:1.5rem;line-height:inherit;display:block;width:100%;max-width:100%;padding:0;white-space:normal;color:inherit}
progress{vertical-align:baseline}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:none}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
template{display:none}
[hidden]{display:none!important}

@media print{
	*,::after,::before{box-shadow:none!important;text-shadow:none!important}
	a:not(.btn){text-decoration:underline}
	abbr[title]::after{content:' (' attr(title) ')'}
	pre{white-space:pre-wrap!important}
	blockquote,pre{border:1px solid #ccc;page-break-inside:avoid}
	thead{display:table-header-group}
	img,tr{page-break-inside:avoid}
	h2,h3,p{orphans:3;widows:3}
	h2,h3{page-break-after:avoid}
	@page{size:a3}	
	.table td,.table th{background-color:#fff!important;white-space:normal}
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;line-height:1.2;color:#111;}
.h1,h1{font-size:2.25rem;;margin:0 0 2rem 0;letter-spacing:-0.025rem;font-weight:var(--font-exbold);}
.h2,h2{font-size:1.725rem;margin:3rem 0 1rem;letter-spacing:-0.025rem;font-weight:var(--font-exbold);}
.h3,h3{font-size:1.5rem;margin:2rem 0 1rem;font-weight:600}
.h4,h4{font-size:1.25rem;margin:1.5rem 0 1.25rem}
.h5,h5{font-size:1rem;;margin:1.5rem 0 1rem}
.h6,h6{font-size:.8125rem}

@media only screen and (max-width:1023px){
	.h1,h1{font-size:1.75rem;;}
	.h2,h2{font-size:1.5rem;}
	.h3,h3{font-size:1.25rem;}
}
@media only screen and (max-width:767px){
	.h1,h1{font-size:1.5rem;;}
	.h2,h2{font-size:1.25rem;}
	.h3,h3{font-size:1.125rem;}
}

em{color:var(--main-color)}
.graybg	{background:var(--basic-bg)}

a		{text-decoration:none;color:inherit;background-color:transparent;-webkit-text-decoration-skip:objects;transition:all ease-out 0.2s}
a:hover	{text-decoration:none;color:inherit}
a:not([href]):not([tabindex]){text-decoration:none;color:inherit}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{text-decoration:none;color:inherit}
a:not([href]):not([tabindex]):focus{outline:0}

*		{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
*:before, 
*:after {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.clear	{display:block;float:none;clear:both;height:0;width:100%;font-size:0 !important;line-height:0 !important;height:0 !important;overflow:hidden; margin:0 !important; padding:0 !important;}
.clear:after,
.clearfix:after	{content:"";clear:both;display:block;float:none;}
.floatfix:after,
.floatfix:before{display:table;content:''}
.floatfix:after	{clear:both}
.va-pc			{display:block;}
.va-mo			{display:none;}
@media (max-width:576px){
	.va-pc		{display:none;}
	.va-mo		{display:block;}
}
.indent	{padding:20px;}
.po-re{position:relative}
.po-ab{position:absolute;}
.fst	{margin-top:0 !important;}
.last	{margin-bottom:0 !important;}
.m0		{margin:0}
.left{float:left !important;}
.right{float:right !important;}
.cnt{margin:0 auto !important;}
.tal{text-align:left !important;} 
.tar{text-align:right !important;}
.tac{text-align:center !important;}
.taj{text-align:justify !important;}
.dpb{display:block !important;}
.dpi{display:inline-block !important;}
.dpn{display:none !important;}
.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.fwn{font-weight:normal !important}
.fwb{font-weight:bold !important}
.text-underline{text-decoration:underline}
.text-through{text-decoration:line-through}
.text-xs{font-size:.725rem!important}
.text-sm{font-size:.875rem!important}
.text-d	{font-size:1rem!important}
.text-lg{font-size:1.25rem!important}
.text-xl{font-size:1.5rem!important}
.center	{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.img-center{display:block;margin-right:auto;margin-left:auto}
.mask	{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .15s ease}
.round	{-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;-ms-border-radius:0.25rem;-o-border-radius:0.25rem;border-radius:0.25rem;}
.circle	{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}

.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.m10{margin:10px !important;}
.m20{margin:20px !important;}
.mlp5{margin-left:5px !important;}
.mlp10{margin-left:10px !important;}
.mlp20{margin-left:20px !important;}
.mrp5{margin-right:5px !important;}
.mrp10{margin-right:10px !important;}
.mrp20{margin-right:20px;}
.mtp5{margin-top:5px !important;}
.mtp10{margin-top:10px !important;}
.mtp15{margin-top:15px !important;}
.mtp20{margin-top:20px !important;}
.mtp30{margin-top:30px !important;}
.mbp5{margin-bottom:5px !important;}
.mbp10{margin-bottom:10px !important;}
.mbp15{margin-bottom:15px !important;}
.mbp20{margin-bottom:20px !important;}
.mbp30{margin-bottom:30px !important;}
.padding-sm{padding:var(--padding-sm) !important;}

.delay1{animation-delay:0.1s !important}
.delay2{animation-delay:0.2s !important}
.delay3{animation-delay:0.3s !important}
.delay4{animation-delay:0.4s !important}
.delay5{animation-delay:0.5s !important}
.delay6{animation-delay:0.6s !important}
.delay7{animation-delay:0.7s !important}
.delay8{animation-delay:0.8s !important}
.delay9{animation-delay:0.9s !important}
.delay10{animation-delay:1.0s !important}

/* grid */
.row	{display:flex;flex-flow:row wrap;}
.row-title	{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
.row.vat{align-items:flex-start}
.row.vab{align-items:flex-end}
.row.vac{align-items:center}
.row-wrap.even>div,
.row.even>div			{flex:1}
.row-bx-wrap			{display:flex;flex-flow:row wrap;margin:0 -15px}
.row-bx-wrap > li,
.row-bx-wrap > div		{margin:0 15px;}
.row-bx-wrap.d3	> li,
.row-bx-wrap.d3	> div	{width:calc(33.3333% - 30px);}
.row-bx-wrap.d4	> li,
.row-bx-wrap.d4	> div	{width:calc(25% - 30px);}
.col_d2	{float:left;width:50%;}
.col_d3	{float:left;width:33.33333%;}
.col_d4	{float:left;width:25%;}
.col_d5	{float:left;width:20%;}
.d2 li	{width:calc(100%/2);}
.d3	li	{width:calc(100%/3);}
.d4	li	{width:calc(100%/4);}
.d5	li	{width:calc(100%/5);}
.d6	li	{width:calc(100%/6);}
.d7	li	{width:calc(100%/7);}
.d8	li	{width:calc(100%/8);}
.d9	li	{width:calc(100%/9);}
.d10 li	{width:calc(100%/10);}

@media (max-width:767px){
	.d6	li	{width:calc(100%/3);}
}

/* btn */
.badge				{padding:0.5rem 0.5rem 0.415rem 0.5rem;line-height:1;display:inline-block;text-transform: uppercase;white-space:nowrap;text-align:center;vertical-align: middle;border-style:solid;border-width:1px;border-color:var(--basic-color);background-color:var(--basic-color);color:var(--white);font-size:var(--font-xsm);border-radius: .125rem;}
.badge.badge-lg		{padding:0.615rem 1rem;font-size:var(--font-base);border-radius:0.25rem;}
.badge.badge-sm		{padding:0.275rem 0.275rem 0.215rem 0.275rem;}
.badge.category		{padding:.5rem 0.75rem;border-radius:80px;font-size:var(--font-sm)}
.btnarea			{margin:2rem 0}
button.btn-d, input[type="submit"].btn-d, input[type="button"].btn-d	{cursor:pointer;}
.btn-d				{-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;cursor:pointer !important;-webkit-border-radius:0.125rem;-moz-border-radius:0.125rem;-ms-border-radius:0.125rem;-o-border-radius:3px;border-radius:0.125rem;}
.btn-d				{padding:0 16px;line-height:38px;display:inline-block;*zoom:1;cursor:pointer;white-space:nowrap;text-align:center;vertical-align: middle;border-style:solid;border-width:1px;border-color:var(--basic-color);background-color:var(--basic-color);color:var(--white);font-weight:var(--font-normal) !important}
.btn-d:hover,
.btn-d:focus		{background:var(--dgray1);border-color:var(--dgray1);color:#fff;-webkit-box-shadow:0 2px 4px var(--black3);-ms-box-shadow:0 2px 4px var(--black3);box-shadow:0 2px 4px var(--black3);}

.btn-d.btn-xsm		{padding:0 6px;font-size:var(--font-xsm);line-height:28px;}
.btn-d.btn-sm		{padding:0 12px;font-size:var(--font-sm);line-height:33px;}
.btn-d.btn-lg		{padding:0 24px;font-size:var(--font-base);line-height:48px;border-radius:0.25rem}
.btn-d.btn-xlg		{padding:0 36px;font-size:var(--font-lg);line-height:58px;border-radius:0.313rem}

@media only screen and (max-width:767px){
	.btn-d.btn-xlg		{padding:0 24px;font-size:var(--font-base);line-height:48px;border-radius:0.25rem}
}
@media only screen and (max-width:576px){
	.btn-d.btn-lg		{padding:0 16px;font-size:var(--font-base);line-height:38px;border-radius:0.125rem}
}
@media only screen and (max-width:415px){
}

.btn-ico-o			{width:40px;padding:0 !important;text-align:center;}
.btn-ico-o.btn-sm	{width:35px;}
.btn-ico-o.btn-xsm	{width:30px;}
.btn-ico-o:before	{content:"";font-family:FontAwesome;vertical-align:top;}
.btn-ico:before		{content:"";font-family:FontAwesome;vertical-align:top;margin-right:5px;}

.ico-check:before	{content:"\f14a";}
.ico-modify:before	{content:"\f044";}
.ico-delete:before	{content:"\f2ed";font-weight:400}
.ico-delete-s:before{content:"\f00d";}/*X표시*/
.ico-move:before	{content:"\f338";font-weight:900}
.ico-transe:before	{content:"\f0ec";}/*좌우*/
.ico-save:before	{content:"\f0c7";}
.ico-view:before	{content:"\f06e";}
.ico-close:before	{content:"\f00d";font-weight:900}
.ico-list:before	{content:"\f03a";font-weight:900}
.ico-download:before{content:"\f019";font-weight:900}
.ico-excel:before	{content:"\f1c3";}
.ico-pdf:before		{content:"\f1c1";}
.ico-card:before	{content:"\f2c2";font-weight:400}/*회원카드*/
.ico-course:before	{content:"\f51b";}/*강좌카드*/
.ico-option:before	{content:"\f0c9";font-weight:400}/*옵션,추가기능더보기*/
.ico-replace:before	{content:"\f021";font-weight:400}/*교체*/
.ico-link:before	{content:"\f08e";font-weight:400}
.ico-blank:before	{content:"\f35d";}/*새창,미리보기*/
.ico-upload:before	{content:"\e09a";}
.ico-folder:before	{content:"\e18c";}
.ico-board:before	{content:"\f022";}
.ico-setting:before	{content:"\f013";}
.ico-cert:before	{content:"\f5a2";font-weight:900}/*증명서/확인서*/
.ico-up:before		{content:"\f0d8";font-weight:900}
.ico-down:before	{content:"\f0d7";font-weight:900}
.ico-tooltip:before	{content:"\f059";}
.ico-tooltip-f:before	{content:"\f059";font-weight:900}
.ico-nav:before		{content:"\f0c9";font-weight:900}
.ico-open:before	{content:"\f078";}
.ico-add:before		{content:"\f055";}
.ico-bookmark:before{content:"\f02e";}
.ico-bookmark.on:before{content:"\f02e";font-weight:900}

.ico-new:before	{content:"N";display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:var(--basic-round);color:#fff;background:var(--pink);font-size:var(--font-xsm);}


.btn-main		{background-color:var(--main-color);border-color:var(--main-color);}
.btn-sub		{background-color:var(--sub-color);border-color:var(--sub-color);}
.btn-red		{background-color:var(--red);border-color:var(--red);}
.btn-pink		{background-color:var(--pink);border-color:var(--pink);}
.btn-orange		{background-color:var(--org);border-color:var(--org);}
.btn-yellow		{background-color:var(--yellow);border-color:var(--yellow);}
.btn-green		{background-color:var(--green);border-color:var(--green);}
.btn-sky		{background-color:var(--sky);border-color:var(--sky);}
.btn-blue		{background-color:var(--blue);border-color:var(--blue);}
.btn-navy		{background-color:var(--navy);border-color:var(--navy);}
.btn-violet		{background-color:var(--violet);border-color:var(--violet);}
.btn-gray		{background-color:var(--gray);border-color:var(--gray);}
.btn-dgray1		{background-color:var(--dgray1);border-color:var(--dgray1);}
.btn-dgray2		{background-color:var(--dgray2);border-color:var(--dgray2);}
.btn-bl			{background-color:var(--black);border-color:var(--black);}
.btn-bl2		{background-color:var(--black2);border:none !important}
.btn-wh			{background-color:var(--white);border-color:var(--basic-border);color:var(--basic-color)}

[class*="btn-b-"]	{background:#fff}
.btn-b-main		{color:var(--main-color);border-color:var(--main-color);}
.btn-b-sub		{color:var(--sub-color);border-color:var(--sub-color);}
.btn-b-red		{color:var(--red);border-color:var(--red);}
.btn-b-org		{color:var(--org);border-color:var(--org);}
.btn-b-yellow	{color:var(--yellow);border-color:var(--yellow);}
.btn-b-green	{color:var(--green);border-color:var(--green);}
.btn-b-sky		{color:var(--sky);border-color:var(--sky);}
.btn-b-blue		{color:var(--blue);border-color:var(--blue);}
.btn-b-navy		{color:var(--navy);border-color:var(--navy);}
.btn-b-violet	{color:var(--violet);border-color:var(--violet);}
.btn-b-gray		{color:var(--gray);border-color:var(--gray);}
.btn-b-dgray1	{color:var(--dgray1);border-color:var(--dgray1);}
.btn-b-dgray2	{color:var(--dgray2);border-color:var(--dgray2);}
.btn-b-wh		{color:var(--white);border-color:var(--white);background:none !important}

.point-main		{color:var(--main-color) !important;}
.point-sub		{color:var(--sub-color) !important;}
.point-red		{color:var(--red) !important;}
.point-org		{color:var(--org) !important;}
.point-yellow	{color:var(--yellow) !important;}
.point-green	{color:var(--green) !important;}
.point-sky		{color:var(--sky) !important;}
.point-blue		{color:var(--blue) !important;}
.point-navy		{color:var(--navy) !important;}
.point-pink		{color:var(--pink) !important;}
.point-violet	{color:var(--violet) !important;}
.point-gray		{color:var(--gray) !important;}
.point-dgray1	{color:var(--dgray1) !important;}
.point-dgray2	{color:var(--dgray2) !important;}
.point-bl		{color:var(--black) !important;}
.point-wh		{color:var(--white) !important}
.point-up		{color:#FF4F4F !important}
.point-down		{color:#3399FF !important}

.sh-circle		{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50% !important;}
.sh-ell			{-webkit-border-radius:80px;-moz-border-radius:80px;-ms-border-radius:80px;-o-border-radius:80px;border-radius:80px !important;}
.sh-round		{-webkit-border-radius:0.5rem;-moz-border-radius:0.5rem;-ms-border-radius:0.5rem;-o-border-radius:0.5rem;border-radius:0.5rem !important;}

/* modal */
.modal-wrap{position:fixed;left:0;top:0;width:100%;height:100vh;background:Rgba(0,0,0,0.8);z-index:99999;}
#popwrap	{}
#popwrap .pop_tit, #popwrap .pop_btm	{padding:10px;}
#popwrap .pop_tit	{background:#5A6378;color:#fff;font-size:16px;}
#popwrap .pop_btm	{border-top:1px solid #dadada}

.bx-info				{margin:2rem 0;background:var(--bg-blue);border-radius:var(--basic-round);padding:0.75rem 1rem}
.bx-caution				{margin:2rem 0;background:var(--bg-red);border-radius:var(--basic-round);padding:0.75rem 1rem}
.text-info				{color:#9AA6AF}
.text-info:before		{content:"";display:inline-block;width:20px;height:20px;background:url(../img/ico_common.png) no-repeat 0 0;vertical-align:middle;margin-right:4px;}
.text-caution			{color:var(--pink)}
.text-caution:before	{content:"\f06a";display:inline-block;font-family:var(--faw);animation:blink 1s infinite;margin-right:10px;}
.bx-exp					{position:relative;margin:0 0 1rem 0;background:var(--bg-blue);border:2px solid var(--main-color);padding:1rem 1.5rem 1rem 3rem;border-radius:var(--basic-round);font-weight:var(--font-regular);box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.bx-exp:before			{position:absolute;top:0.875rem;left:1.25rem;content:"\f05a";font-family:FontAwesome;color:var(--main-color);font-size:1.25rem}
.bx-nodata				{border:1px dashed var(--basic-border);text-align:center;padding:4rem;color:var(--basic-color)}

/* comment */
.comment						{position:relative;display:inline-block;font-size:.725rem;border-radius:0.125rem;padding:.5rem .615rem;background:#FF9F00;color:#fff;line-height:1;}
.comment:before					{content:"";border:solid transparent;height:0;width:0;position:absolute;border-width:6px;}
.comment.comment-left:before	{top:50%;left:-12px;border-right-color:#FF9F00;margin-top:-6px;}
.comment.comment-right:before	{top:50%;right:-12px;border-left-color:#FF9F00;margin-top:-6px;}
.comment.comment-bottom:before	{top:100%;left:12px;border-top-color:#FF9F00;}
.comment.comment-top:before		{bottom:100%;left:12px;border-bottom-color:#FF9F00;}

.comment.comment-left		{margin-left:15px}
.comment.comment-right		{margin-right:15px}
.comment.comment-bottom		{margin-bottom:15px}
.comment.comment-top		{margin-top:15px}


[data-tooltip]{position:relative;z-index:9}
[data-tooltip]:before,
[data-tooltip]:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:.725rem;}
[data-tooltip]:before{content:attr(data-tooltip);position:absolute;top:-20px;padding:0 .6rem;line-height:25px;border-radius:3px;color:#fff;background:#252525;box-shadow:0 3px 8px var(--black2);}
[data-tooltip]:after{content: '';border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #252525;}
[data-tooltip]:not([data-tooltip=""]):hover:before	{visibility:visible;opacity:1;top:-30px}
[data-tooltip]:not([data-tooltip=""]):hover:after	{visibility:visible;opacity:1;top:-5px}

[data-tooltip-right]{position:relative;z-index:9}
[data-tooltip-right]:before,
[data-tooltip-right]:after{visibility:hidden;opacity:0;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;transition:all .2s ease;font-size:.725rem;}
[data-tooltip-right]:before{content:attr(data-tooltip-right);position:absolute;left:100%;padding:0 .6rem;line-height:25px;border-radius:3px;color:#fff;background:#252525;box-shadow:0 3px 8px var(--black2);}
[data-tooltip-right]:after{content: '';border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #252525;}
[data-tooltip-right]:not([data-tooltip-right=""]):hover:before	{visibility:visible;opacity:1;left:calc(100% + 10px)}
[data-tooltip-right]:not([data-tooltip-right=""]):hover:after	{visibility:visible;opacity:1;left:calc(100% + 5px)}

.vod-iframe{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.vod-iframe iframe, 
.vod-iframe object, 
.vod-iframe embed,
.vod-iframe video{position:absolute;top:0;left:0;width:100%;height:100%;}

/* form */
.w40	{width:40px !important;}
.w50	{width:50px !important;}
.w60	{width:60px !important;}
.w80	{width:80px !important;}
.w100	{width:100px !important;}
.w120	{width:120px !important;}
.w150	{width:150px !important;}
.w200	{width:200px !important;}
.w300	{width:300px !important;}
.w400	{width:400px !important;}
.w500	{width:500px !important;}

.form-txt		{font-size:.785rem;}
.form-txt:before{content:"\f05a";font-family:FontAwesome;font-weight:900;color:var(--pink);margin-right:0.25rem}
.form-inline	{display:flex;flex-flow:row wrap;align-items:center}
.form-inline .form-control{display:inline-block;width:auto;margin:0 2px;}
.form-inline input, .form-inline select{vertical-align:top}
.form-group		{margin-bottom:1rem}

.form-control	{display:block;width:100%;height:calc(2.375rem + 2px);padding:0.25rem 0.75rem;border:1px solid var(--basic-border);border-radius:3px;background-color:#fff;background-clip:padding-box;box-shadow:none;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);}
.form-control::-ms-expand{border:0;background-color:transparent}
.form-control::placeholder			{opacity:1;color:#ccc}
.form-control:-ms-input-placeholder	{opacity:1;color:#ccc}
.form-control::-ms-input-placeholder{opacity:1;color:#ccc}
.form-control:focus					{border-color:var(--main-color);box-shadow:inset 0 1px 1px var(--black1),0 2px 6px rgba(90,100,120,.2);color:#768395;outline:0;background-color:#fff;}
select.form-control:focus::-ms-value	{color:#768395;background-color:#fff}
.form-control:focus:-ms-input-placeholder{color:#ccc}
.form-control:focus::-ms-input-placeholder{color:#ccc}
.form-control:focus::placeholder{color:#ccc}
.form-control:disabled{opacity:1;background:var(--basic-bg)}
.form-control[readonly]{opacity:1;}
.form-main	{border:2px solid var(--main-color)}
.form-sm	{font-size:var(--font-sm);line-height:1.4;height:35px;padding:.125rem .5rem;border-radius:.25rem}
.form-lg	{font-size:var(--font-base);line-height:1.4;height:50px;padding:.875rem 1rem;border-radius:.25rem}
.form-xlg	{font-size:var(--font-lg);line-height:1.4;height:calc(3.625rem + 2px);padding:.875rem 1rem;border-radius:.4375rem}
.form-control-file,
.form-control-range		{display:block;width:100%}
.form-control-plaintext	{line-height:1.5;display:block;width:100%;margin-bottom:0;padding-top:.625rem;padding-bottom:.625rem;color:#525f7f;border:solid transparent;border-width:1px 0;background-color:transparent}
select.form-control[multiple],
select.form-control[size]		{height:auto}
textarea.form-control			{height:auto;min-height:100px;}

.form-control-label				{position:relative;overflow:hidden;display:inline-block;}
.form-control-label .form-control{padding-left:calc(2.25rem + 10px);}
.form-control-label label		{position:absolute;left:1px;top:1px;line-height:2.375rem;width:2.375rem;background:var(--basic-bg);color:var(--basic-color);text-align:center;}
.form-control-label:focus		{border-color:var(--main-color)}

.form-youtube-code				{position:relative;overflow:hidden;display:inline-block;}
.form-youtube-code .form-control{padding-left:260px;display:inline-block;width:auto;}
.form-youtube-code label		{position:absolute;left:1px;top:1px;line-height:2.375rem;width:250px;background:var(--basic-bg);color:var(--basic-color);padding:0 0.725rem;vertical-align:top;white-space:nowrap}
.form-youtube-code:focus		{border-color:var(--main-color)}

.form-date			{position:relative;display:inline-block;width:160px;}
.form-date:before	{content:"\f073";font-family:var(--faw);position:absolute;left:10px;top:0;line-height:calc(2.375rem + 0px);}
.form-date input	{display:block;width:100% !important;padding-left:2rem}

.tv-toggle		{position:relative;z-index:1}
.tv-toggle label {-webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;user-select: none; position: relative; display: flex;align-items: center;}
.tv-toggle input[type="checkbox"] {opacity:0;position: absolute; top: 0; left: 0;}
.tv-toggle input[type="checkbox"][disabled] ~ label {pointer-events: none;color: rgba(119, 119, 119, 0.5);}
.tv-toggle input[type="checkbox"][disabled] ~ label .tv-toggle-slide		{opacity: 0.4;}
.tv-toggle input[type="checkbox"]:checked ~ label .tv-toggle-slide:before	{content: attr(data-unchecked);left:0;}
.tv-toggle input[type="checkbox"]:checked ~ label .tv-toggle-slide:after	{content:attr(data-checked);}
.tv-toggle input[type="checkbox"]:focus ~ label .tv-toggle-slide, .tv-toggle input[type="checkbox"]:hover ~ label .tv-toggle-slide {}
.tv-toggle input[type="checkbox"]:focus ~ label .tv-toggle-slide:after, .tv-toggle input[type="checkbox"]:hover ~ label .tv-toggle-slide:after {color: #5e5e5e;}
.tv-toggle input[type="checkbox"]:hover ~ label			{color:#6a6a6a;}
.tv-toggle input[type="checkbox"]:checked ~ label:hover {color:var(--main-color);}
.tv-toggle input[type="checkbox"]:checked:focus ~ label .tv-toggle-slide, .tv-toggle input[type="checkbox"]:checked:hover ~ label .tv-toggle-slide				{background-color: #fff;}
.tv-toggle input[type="checkbox"]:checked:focus ~ label .tv-toggle-slide:after, .tv-toggle input[type="checkbox"]:checked:hover ~ label .tv-toggle-slide:after	{color:#fff;}
.tv-toggle input[type="checkbox"]:focus ~ label .tv-toggle-slide:after, .tv-toggle input[type="checkbox"]:hover ~ label .tv-toggle-slide:after {}
.tv-toggle input[type="checkbox"]:checked:focus ~ label .tv-toggle-slide:after, .tv-toggle input[type="checkbox"]:checked:hover ~ label .tv-toggle-slide:after {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);}
.tv-toggle input[type="checkbox"]:checked ~ label .tv-toggle-slide:after	{height:34px;font-weight:500;background:var(--main-color);color:#fff;-webkit-transform: translate3d(68px, 0, 0);transform: translate3d(68px, 0, 0);}
.tv-toggle label .tv-toggle-slide			{position:relative;font-size:.75rem;transition:background-color 0.3s cubic-bezier(0, 1, 0.5, 1);background:#fff;border:1px solid rgba(0,0,0,0.15);height:40px; flex: 0 0 142px;border-radius:3px;}
.tv-toggle label .tv-toggle-slide:before,
.tv-toggle label .tv-toggle-slide:after		{position:absolute;text-align:center;width:calc(50% - 2px);cursor:pointer}
.tv-toggle label .tv-toggle-slide:before	{content: attr(data-checked);top:0;left:50%;color:#aaa;line-height:40px;}
.tv-toggle label .tv-toggle-slide:after		{content: attr(data-unchecked);top:2px;left:2px;height:34px;line-height:34px;background:#efefef;color:#999;border-radius:2px;z-index:5;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);transition:-webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);}

.tv-checkbox									{display:inline-block;position:relative;}
.tv-checkbox input[type="checkbox"]				{display: none;}
.tv-checkbox input[type="checkbox"] + label::after			{content:'';margin-right:1rem;position:absolute;left:0;top:0;}
.tv-checkbox input[type="checkbox"] + label::before			{content:'';display:inline-block;width:1.25rem;height:1.25rem;line-height:1.25rem;background:#fff;border:1px solid #ccc;border-radius:2px;vertical-align:middle;margin-right:0.5rem;cursor:pointer}
.tv-checkbox input[type="checkbox"]:checked + label::before {content:'\f00c';font-family:FontAwesome;border-color:var(--main-color);background:var(--main-color);color:#fff;text-align:center;font-size:12px;transition:all 0.2s ease-out;}

.tv-radio										{display:inline-block;position:relative;}
.tv-radio input[type="radio"]					{display: none;}
.tv-radio input[type="radio"] + label::after			{content:'';margin-right:1rem}
.tv-radio input[type="radio"] + label::before			{content:'';display:inline-block;width:1.25rem;height:1.25rem;line-height:calc(1.25rem - 4px);background:#fff;border:1px solid #ccc;border-radius:50%;vertical-align:middle;margin-right:0.5rem;cursor:pointer}
.tv-radio input[type="radio"]:checked + label::before	{content:'●';border:2px solid var(--main-color);background:#fff;color:var(--main-color);text-align:center;font-size:0.724rem;transition:all 0.2s ease-out;text-align:center}

.tv-select{line-height:1.5;display:inline-block;width:100%;height:calc(2.75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;vertical-align:middle;color:#768395;border:1px solid #cad1d7;border-radius:.375rem;background:#fff url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3E%3Cpath fill=\'%2332325d\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3E%3C/svg%3E') no-repeat right .75rem center;background-size:8px 10px;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);-webkit-appearance:none;-moz-appearance:none;appearance:none}
.tv-select:focus{border-color:rgba(50,151,211,.25);outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 0 0 rgba(50,151,211,.5)}
.tv-select:focus::-ms-value{color:#768395;background-color:#fff}
.tv-select[multiple],.tv-select[size]:not([size='1']){height:auto;padding-right:.75rem;background-image:none}
.tv-select:disabled{color:#768395;background-color:#e9ecef}
.tv-select::-ms-expand{opacity:0}
.tv-select-sm{font-size:75%;height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem}
.tv-select-lg{font-size:125%;height:calc(3.625rem + 2px);padding-top:.375rem;padding-bottom:.375rem}

input[type="date"]	{position:relative;margin-right:10px;}
input[type="date"]::-webkit-clear-button, input[type="date"]::-webkit-inner-spin-button {display:none;} 
input[type="date"]::-webkit-calendar-picker-indicator {background:transparent;z-index:1;} 
input[type="date"]::after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);display:block;width:16px;height:16px;background:url(../cmsware/img/ico_calendar.png) no-repeat 0 0;}
input[type="date"] + input[type="date"]{margin-left:10px;}

.dropdown	{position:relative;}
.dropdown .dropbtn			{position:relative;text-align:left;z-index:8;}
.dropdown .dropbtn:after	{content:"\f078";font-family:FontAwesome;font-weight:900;font-size:0.785rem;position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.dropdown .dropdown_cont	{position:absolute;left:0;top:calc(2.375rem - 2px);width:100%;background:#fff;border:1px solid var(--basic-border);border-top:none;border-radius:0 0 0.3rem 0.3rem;z-index:9;}
.dropdown .dropdown_cont .dropdown_search	{padding:5px;background:var(--basic-bg)}
.dropdown .dropdown_cont ul			{overflow-y:scroll}
.dropdown .dropdown_cont li a 		{display:block;padding:5px 10px;font-size:var(--font-sm)}
.dropdown .dropdown_cont li a:hover	{background:var(--basic-color);color:var(--white)}

.thumb		{position:relative;overflow:hidden;transition:all ease-out 0.2s}
.thumb img	{min-width:100%;max-width:100%;min-height:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;z-index:1;}
.thumb-none	{background:var(--basic-bg);}
.thumb-none:before{content:"\f083";font-family:FontAwesome;color:#ccc;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

/* tab */
.tab:before,
.tab:after		{content:"";clear:both;display:block;float:none;}
.tab 			{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items: stretch;margin:0 0 2rem 0}
.tab em			{display:inline-block;font-size:var(--font-xsm);color:#fff;background:var(--gray);line-height:1;padding:0.25rem 0.55rem 0.125rem;border-radius:80px;margin-left:5px;vertical-align:middle}
.tab a.on em	{background:var(--main-color);}

.tab-txt:after		{position:absolute;bottom:0px;left:0;content:"";width:100%;border-bottom:1px solid var(--basic-color);}
.tab-txt a			{position:relative;display:block;background:var(--basic-bg);border:1px solid var(--basic-border);border-bottom-color:var(--basic-color);padding:1rem 1.5rem;margin-left:-1px;line-height:1.2;z-index:11;}
.tab-txt a.on		{background:var(--white);border-color:var(--basic-color);border-bottom:1px solid var(--white);color:var(--basic-color);z-index:12;}

.tab.tab-cnt		{justify-content:center;align-items:center;align-content: center;}
.tab-cnt a			{position:relative;display:block;background:var(--basic-bg);border:1px solid var(--basic-border);padding:1rem;margin-left:-1px;line-height:1.2;z-index:11;text-align:center;}
.tab-cnt a.on		{background:var(--basic-color);border-color:var(--basic-color);color:var(--white);z-index:12;}

.tab-full			{border-radius:0.25rem;overflow:hidden;}
.tab-full a			{flex:1;}
.tab-full a			{position:relative;display:block;background:var(--basic-bg);border:1px solid var(--basic-border);padding:1rem;margin-left:-1px;line-height:1.2;z-index:11;text-align:center;}
.tab-full a:first-child{margin-left:0;}
.tab-full a:hover	{color:var(--dgray3);}
.tab-full a.on		{background:var(--basic-color);border-color:var(--basic-color);color:var(--white);z-index:12;}

.tab-list 			{border:1px solid var(--basic-border);padding:var(--padding-sm)}
.tab-list a			{flex:0 1 20%}
.tab-list a:before	{content:"\f105";font-family:var(--faw);margin-right:5px;color:var(--gray)}
.tab-list a.on		{color:var(--main-color);font-weight:var(--font-bold)}
.tab-list a.on:before{color:var(--main-color);}

.tab-pure a	{margin-right:1.25rem;font-size:var(--font-lg)}

@media only screen and (max-width:576px){
	.tab a	{font-size:var(--font-sm)}
	.tab-full a	{min-width:50%}
	.tab-full a:nth-child(n+3){border-top:none}
}

/* table */
table tr{position:relative}
table th{font-weight:normal;text-align:center;}
thead	{display:table-header-group;vertical-align:middle;border-color:inherit;}
tbody	{display:table-row-group;vertical-align:middle;border-color:inherit;}
table .subject	{text-align:left;}
.tac td	{text-align:center;}
.taj td	{text-align:justify;}
.vat td	{vertical-align:top;}

.off img			{filter:grayscale(100%);-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);opacity:0.5}
table tr:hover		{transition:all .15s ease}
table tr.tr-off,	
table tr.tr-out		{opacity:0.5;background:var(--basic-bg);filter:grayscale(100%);}
table tr.tr-out td:before	{content:"";position:absolute;left:0;top:50%;width:100%;border-top:1px dotted var(--black5)}/**/
table tr.tr-today	{outline:2px solid var(--main-color)}

.table-responsive	{display:block;width:100%;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;position:Relative;}
.table-responsive>.table-bordered{border:0}
@media screen and (max-width:1023px){
	.table-responsive:before{content:"모바일에서 테이블콘텐츠는 가로스크롤을 이용해주세요";padding:0;font-size:12px;display:block;text-align:left;position:absolute;left:0;top:0;}
	.table-responsive>table	{margin-top:30px}
	.table-responsive		{width:100%;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:none;}
	.table-responsive>table>tbody>tr>td,
	.table-responsive>table>tbody>tr>th,
	.table-responsive>table>tfoot>tr>td,
	.table-responsive>table>tfoot>tr>th,
	.table-responsive>table>thead>tr>td,
	.table-responsive>table>thead>tr>th			{white-space:nowrap}
	.table-responsive *::-webkit-scrollbar		{width:5px;border-radius:80px;overflow:hidden;}
	.table-responsive *::-webkit-scrollbar-thumb	{background-color:rgba(0,0,0,0.4);}
	.table-responsive *::-webkit-scrollbar-track	{background-color:transparent;}

}


/**/


/**/
a{transition:all cubic-bezier(.4,0,0,1) 0.3s}
.t-rsp		{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.tit-clamp	{overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:55px;line-height:1.2;}
.txt-clamp	{overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:55px;line-height:1.5;}
.item-control						{display:flex;flex-flow:row nowrap}
.item-control a						{color:var(--dgray1);}
.item-control a:hover				{color:var(--main-color);}
.item-control a:before				{font-family:FontAwesome;font-weight:900;vertical-align:middle;margin:0 2px;}
.item-control a.ico-prev:before		{content:"\f053";}
.item-control a.ico-next:before		{content:"\f054";}
.item-control a.ico-pause:before	{content:"\f04c";font-size:0.75rem}
.item-control a.ico-pause			{margin:0 0.25rem;}

.item-updown						{display:flex;flex-flow:column;}
.item-updown a						{display:inline-block;color:var(--dgray1);padding:0.5rem;text-align:center;}
.item-updown a:hover				{color:var(--main-color)}
.item-updown a:before				{font-family:FontAwesome;font-weight:900;vertical-align:middle;display:block;transition:all ease-out 0.2s;}
.item-updown a.ico-prev:before		{content:"\f106";}
.item-updown a.ico-next:before		{content:"\f107";}
.item-updown a.ico-pause:before		{content:"\f04c";font-size:0.75rem}
.item-updown a.ico-prev:hover:before{transform:translateY(-5px)}
.item-updown a.ico-next:hover:before{transform:translateY(5px)}


[class*="graph-"] .bar.bar1	{background:var(--main-color)}
[class*="graph-"] .bar.bar2	{background:var(--sub-color)}
[class*="graph-"] .bar.bar3	{background:var(--sky)}
[class*="graph-"] .bar.bar4	{background:var(--org)}
[class*="graph-"] .bar.bar5 {background:var(--pink)}

.graph-bar-v				{position:relative;}
.graph-bar-v ul				{display:flex;flex-flow:row nowrap;align-items:flex-end;height:100%}
.graph-bar-v li				{flex:1;display:flex;flex-flow:column;justify-content:flex-end;align-items:center;align-content:flex-end;height:100%;}
.graph-bar-v .bar			{display:block;width:calc(100% - 20px);margin:0 10px;max-width:40px;animation:Growup 0.35s ease-out both}
.graph-bar-v .txt			{text-align:center;font-size:var(--font-sm);margin-top:10px;}

.graph-bar-h				{position:relative;display:flex;flex-flow:row wrap;align-items:center;background:var(--black1);height:10px;border-radius:24rem;overflow:hidden;}
.graph-bar-h .bar			{position:absolute;left:0;top:0;height:100%;display:block;background:var(--basic-color)}

.graph-circle				{position:relative;min-width:40px;min-height:40px;border-radius:50%;overflow:hidden;background:var(--black1)}
.graph-circle>.bar			{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(--black2);}
.graph-circle>.graph-cont	{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px);background:#fff;border-radius:50%;text-align:center;}
.graph-circle .center		{width:100%;}

/* common ani */
@keyframes blink {
  50%	{opacity:0;}
}
@keyframes fadeUp {
   0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



/**/
@media only screen and (max-width:1480px){
}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){

}
@media only screen and (max-width:767px){
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
}


/* 2ver_board */

/* board  */
.prevnext-control		{position:absolute;left:0;top:50%;width:100%;font-size:1.5rem;}
.prevnext-control a		{display:block;color:var(--main-bg)}
.prevnext-control a.prev{float:left;}
.prevnext-control a.next{float:right}

.list-nodata		{text-align:center;padding:4rem;border:1px dashed #eee;}
.list-nodata:before	{content:"\f27a";display:block;font-family:var(--faw);font-size:var(--font-2xlg);color:var(--gray);margin-bottom:10px;}
.list-nodata-btn	{text-align:center;padding:4rem;border:1px dashed #eee;word-break:keep-all}
.list-nodata a		{display:block;}

.board-search		{margin:0 0 1.25rem 0;display:flex;flex-flow:row wrap;align-items:center;background:var(--basic-bg);padding:1.25rem}
.board-search .form-control{display:inline-block;width:auto;}
.board-search table th,.board-search table td{padding:0.125rem}

.board-info				{margin:1.25rem 0;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;font-size:1rem}
.board-info > div		{flex:1;}
.board-info:before,
.board-info:after		{content:"";clear:both;display:block;float:none;}
.board-info-left		{}
.board-info-right		{text-align:right;}
.board-info .form-control	{display:inline-block;width:auto;}
.board-info-search			{position:relative;}
.board-info-search button	{border:none;background:none;position:absolute;right:0;width:45px;text-align:center;color:var(--main-color) !important}
.board-info-search button:hover{border:none;background:none;box-shadow:none;}

.board-paging				{position:relative;margin:2rem 0;text-align:Center;}
.board-paging a				{display:inline-block;width:40px;height:40px;line-height:40px;border:1px solid var(--gray);color:var(--gray);background:#fff;border-radius:2px;text-align:center;vertical-align:top;font-size:.785rem}
.board-paging a.on,
.board-paging a.active		{border-color:var(--main-color);color:var(--main-color);font-weight:600}
.board-paging a.prev:before,
.board-paging a.next:before,
.board-paging a.first:before,
.board-paging a.last:before	{content:"";font-family:var(--faw);font-weight:900;}
.board-paging a.prev:before	{content:"\f053"}
.board-paging a.next:before	{content:"\f054"}
.board-paging a.first:before{content:"\f100"}
.board-paging a.last:before	{content:"\f101"}

.btnarea					{position:relative;margin:2rem 0;}
.btnarea:before,
.btnarea:after				{content:"";display:block;float:none;clear:both;}
.btnarea.row				{align-items:center;justify-content:space-between;}
.btnarea.row > div			{flex:1;}
.btnarea.row .cont-l		{display:block;}
.btnarea.row .cont-r		{text-align:right}

/* board-write  */
.board-write				{background:var(--basic-bg);border-radius:var(--basic-round);padding:1.25rem 1.75rem;}
.board-write table th,
.board-write table td		{padding:0.5rem 0.25rem;text-align:left;}
.board-write table th		{width:200px;word-break:keep-all;vertical-align:top;padding-top:0.75rem}	
.board-write table table th,
.board-write table table td	{padding:0.25rem}
.board-write table table th	{width:auto;}
.board-write textarea		{min-height:200px;}

@media (max-width:1023px)	{
	.board-write			{padding:1.25rem;}
	.board-write table		{display:block;width:100%}
	.board-write table thead,
	.board-write table tbody,
	.board-write table tr,
	.board-write table th,
	.board-write table td	{display:block;width:auto}
}
/* board-view  */
.board-view				{border-top:2px solid var(--basic-color);border-bottom:1px solid var(--basic-border);}
.board-view-title		{padding:1.25rem 0;line-height:1.2;font-size:var(--font-xlg);color:var(--black);}
.board-view-title .date	{font-size:var(--font-sm);margin-top:0.5rem;color:#999;}
.board-view-desc		{padding:1.25rem 0;font-size:var(--font-sm);border:1px solid var(--basic-border);border-left:none;border-right:none;}
.board-view-desc .vd-tit{display:inline-block;min-width:60px;color:#999;}
.board-view-clip		{background:var(--basic-bg);padding:1.25rem}
.board-view-clip li:before	{content:"\f0c7";font-family:var(--faw);margin-right:5px;}
.board-view-cont		{padding:2rem 0;}
.board-view-cont img	{max-width:100% !important}
.board-view-cont .text	{}
.board-view-cont .image	{margin:1.25rem 0;text-align:center;}
.board-view-cont .text	{}

/* board-list  */
.board-list table				{text-align:center;}	
.board-list	thead th			{padding:0.75rem;background:var(--basic-color);color:#fff;}
.board-list	thead th:first-child{border-radius:3px 0 0 3px;}
.board-list	thead th:last-child	{border-radius:0 3px 3px 0;}
.board-list	tbody tr:hover		{background:var(--basic-bg);border-color:var(--main-bg);}
.board-list	tbody tr:hover .subject	{color:var(--main-bg);}
.board-list tbody th,
.board-list tbody td			{border-bottom:1px solid var(--basic-border)}
.board-list tbody th,
.board-list tbody td			{padding:1rem 0.75rem}
.board-list	.subject,
.board-list	.subject a			{font-size:1.125rem;text-align:left;color:var(--black);}
.board-list .writer				{width:120px;word-break:keep-all}
.board-list .date				{width:120px;}
.board-list .clip				{position:relative;font-size:var(--font-sm)}
.board-list .clip .num			{display:inline-block;border-radius:2px;background:#B8BFC7;color:#fff;width:1.25rem;height:1.25rem;line-height:1.25rem;vertical-align:top;text-align:center;margin-left:5px;}
.board-list .clip-list			{position:absolute;z-index:99999;left:0;top:30px;width:200px;padding:3rem 1rem 1rem 1rem;background:#fff;border-radius:0.375rem;box-shadow:5px 5px 20px rgba(0,0,0,0.2);overflow:hidden;text-align:left;}
.board-list .clip-list:before	{content:"첨부파일";position:absolute;left:0;top:0;padding:0 20px;width:100%;height:40px;line-height:40px;display:block;background:#b8bfc7;color:#fff;text-align:left;}
.board-list .clip-list a		{display:block;position:relative;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board-list .ico-notice			{color:var(--main-color);font-weight:var(--font-bold)}

.board-list.head-none					{border-top:2px solid #111}
.board-list.head-none thead th			{display:none;}
.board-list.head-none tbody th,
.board-list.head-none tbody td				{background:none;padding:1.75rem 0.75rem;color:#999;font-weight:Var(--font-light);}
.board-list.head-none tbody td.subject		{font-size:1.375rem;font-weight:var(--font-normal);color:#111}
.board-list.head-none tbody tr:hover .subject	{color:var(--main-color)}
@media only screen and (max-width:767px){
	.board-list						{border-top:2px solid var(--basic-color)}
	.board-list table,
	.board-list thead, 
	.board-list tbody, .board-list tr, .board-list th, .board-list td	{display:block;width:auto;}	
	.board-list tbody th,
	.board-list tbody td			{padding:0;border:none;}
	.board-list thead,
	.board-list tbody th, 
	.board-list .num, 
	.board-list .writer,
	.board-list .hit				{display:none;}
	.board-list tbody tr			{position:relative;border-bottom:1px solid var(--basic-border);padding:1rem 0}	
	.board-list tbody td			{width:auto;text-align:left;}
	.board-list	.subject,
	.board-list	.subject a			{font-size:1.125rem;}
	.board-list	.date				{font-size:var(--font-sm)}
	.board-list .clip				{position:ABsolute;right:0;top:1rem;}
	.board-list .badge.dpb			{display:inline-block !important;margin-bottom:0.5rem}
}
@media only screen and (max-width:576px){
	
}
@media only screen and (max-width:415px){
	
}
.attach-preview				{margin:1.25rem 0;text-align:center;}
.attach-preview iframe		{width:100%;}
.attach-link				{background:var(--basic-bg);padding:1.25rem;border-radius:.2rem;font-size:.725rem;color:#999}
.attach-link:before			{content:"\f0c1";font-family:var(--faw);}
.attach-list				{}
.attach-list li:before		{content:"\f0c7";font-family:var(--faw);margin-right:5px;}

.board-reply				{margin:20px;}
.board-reply .list			{background:var(--basic-bg);padding:20px;font-size:0.725rem;color:#999;text-align:justify}
.board-reply .list li		{width:100%;display:table;border-top:1px solid #eaeaea;padding:10px 0;}
.board-reply .list li:first-child{border:none;padding-top:0;}
.board-reply .list li:after	{content:"";clear:both;display:block;float:none;}
.board-reply .write			{padding:20px;border:1px solid #eaeaea;margin-top:10px;}
.board-reply .thumb			{display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff}
.board-reply .thumb-area	{display:table-cell;float:left;width:40px;padding-right:10px;}
.board-reply .desc			{display:table-cell;float:right;width:calc(100% - 50px);vertical-align:top;}
.board-reply .name			{font-size:0.875rem;color:#555;}
.board-reply .date			{display:inline-block;margin-left:10px;font-size:0.5rem;color:#999;}
.board-reply .control		{background:var(--basic-bg);padding:0 20px 20px 20px;}
.board-reply .control a		{width:40px;height:40px;}
.board-reply .control a:not(.btn-main){background:#fff;border-color:#fff;color:#768395}

.board-link		{}
.board-link	li	{animation:fadeInUp 0.2s ease-out}
.board-link	li a		{display:flex;flex-wrap:wrap;border:1px solid var(--basic-border);margin-bottom:0.5rem;border-radius:0.25rem;padding:1.5rem 2rem;}
.board-link	li a:hover	{border-color:Var(--main-color);box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.board-link	li a:hover i	{color:Var(--main-color);}
.board-link	li .tit, 
.board-link	li .url	{max-width:50%;flex:0 0 50%}
.board-link	li .url	{text-align:right;color:#768395}
.board-link	li .url	span	{display:none;}
.board-link	li i	{margin-right:0.5rem}

.board-namecard	li		{padding:20px 0;border-bottom:1px solid #ccc}
.board-namecard	li:after{content:"";clear:both;float:none;display:block;}
.board-namecard	.thumb	{float:left;width:140px;height:140px;}
.board-namecard	.cont	{float:right;width:calc(100% - 140px - 20px);margin-left:20px;}
.board-namecard	.subject{font-size:1.25rem;color:#333}
.board-namecard	.txt	{display:block;font-size:.875rem;margin:0.5rem 0}
.board-namecard	.tagsgroup		{float:right;width:calc(100% - 140px - 20px);margin-left:20px;}
.board-namecard	.tagsgroup		{width:100%;position:relative;overflow:hidden;z-index:999999;margin-top:0.5rem}

.board-faq						{border-top:2px solid var(--dgray1);}
.board-faq li:first-child		{border:none;}
.board-faq li a.question		{padding:2rem 2rem 2rem 5rem;font-size:1.125rem;border-bottom:1px solid var(--basic-border);display:block;color:#111;position:relative;}
.board-faq li a.question:before	{font-size:var(--font-lg);content:"Q";background:var(--main-color);color:#fff;position:absolute;left:1rem;top:1.325rem;display:inline-block;width:3rem;height:3rem;line-height:3rem;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;text-align:center !important;}
.board-faq li a.question:after	{content:"";position:absolute;right:0.5rem;top:2rem;transform:rotate(135deg);display:block;width:1rem;height:1rem;border:2px solid var(--dgray1);border-left:none;border-bottom:none;}
.board-faq li a.question:hover	{color:var(--main-color);transition:var(--all-ani);}
.board-faq .answer				{display:none;padding:2rem;background:var(--basic-bg);}


/* gallery type */
.board-gallery			{border-bottom:1px solid #ccc;font-size:.875rem;}
.board-gallery ul		{display:flex;flex-flow:row wrap;margin:0 -15px}
.board-gallery li		{padding:0 15px 30px}
.board-gallery .thumb	{position:relative;overflow:hidden;background-color:#fff;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--black1)}
.board-gallery li		{position:relative;overflow:hidden;margin-bottom:1rem}
.board-gallery .badge	{margin:0;padding:0;background:none;}

.board-gallery.type1 li				{width:25%;}
.board-gallery.type1 .subject		{height:1.5rem;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis;font-size:1.125rem}
.board-gallery.type1 .date			{font-size:.725rem;color:#999}
.board-gallery.type1 .thumb			{height:260px;margin-bottom:1rem;}
.board-gallery.type1 .thumb:before		{content:"";opacity:0;transition:all 0.2s;}
.board-gallery.type1 .thumb:after		{content:"";transform:rotate(-90deg);transition:all 0.2s;}
.board-gallery.type1 a:hover .thumb		{border-color:rgba(0,0,0,0.8);}
.board-gallery.type1 a:hover .thumb:before{content:"";opacity:1;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8)}
.board-gallery.type1 a:hover .thumb:after{content:"\f067";transform:rotate(0deg);font-family:var(--faw);font-size:2rem;position:relative;width:100%;height:100%;vertical-align:middle;text-align:center;color:var(--main-color);display:flex;flex-flow:row wrap;align-items:center;justify-content:center;}

.board-gallery.type2 li		{width:33.3333%;}
.board-gallery.type2 .thumb	{height:320px;}

.board-gallery.type3		{position:relative}
.board-gallery.type3 li{width:33.3333%;color:#fff}
.board-gallery.type3 .thumb	{height:320px;}	
.board-gallery.type3 .txtbg				{transform:translateY(10%);opacity:0;transition:all 0.2s;position:absolute;left:0;bottom:0;height:50%;margin:0 15px;background:rgba(80,80,210,.8);padding:20px;}
.board-gallery.type3 li:hover .txtbg	{transform:translateY(0);opacity:1;}
.board-gallery.type3 .badge		{position:absolute;left:20px;top:-25px;}
.board-gallery.type3 .subject	{margin:25px 0 10px;}
.board-gallery.type3 a{font-size:0.65rem;color:#fff}
.board-gallery.type3 .control	{display:none;}

.board-gallery.type2 .badge			{z-index:2;text-align:left;font-size:.725rem}
.board-gallery.type2 .badge .date	{display:block;font-size:0.5rem;color:rgba(255,255,255,.8);margin-top:.25rem}
.board-gallery.type2 .thumb			{height:280px;padding:20px;color:#fff;}
.board-gallery.type2 .text .subject	{margin-top:20px;}
.board-gallery.type2 .img .subject	{position:absolute;left:0;bottom:20px;width:100%;padding:20px;height:6rem;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis;}
.board-gallery.type2 .img .txtbg	{position:absolute;left:0;bottom:0;width:100%;height:50%;background-image: -webkit-gradient(linear, left top, left bottom, to(rgba(0,0,0,0.75)),from(rgba(0,0,0,0)));}
.board-gallery.type2 .img .badge-sns	{background:var(--black1);}
.board-gallery.type2 .img .badge-sns:before	{color:#fff !important}


@media only screen and (max-width:1240px){
	.board-gallery.type1 li				{width:33.33333%;}
	.board-gallery.type1 .thumb			{height:240px;}
}
@media only screen and (max-width:1023px){
	.board-gallery.type1 .thumb			{height:200px;}
}
@media only screen and (max-width:767px){
	.board-gallery.type1 .thumb			{height:160px;}
}
@media only screen and (max-width:576px){
	.board-gallery.type1 li				{width:50%;}
	.board-gallery.type1 .thumb			{height:160px;}
	.board-gallery.type1 .subject		{font-size:1rem}
}
@media only screen and (max-width:415px){
	.board-gallery.type1 li			{width:100%;}
	.board-gallery li				{padding:0 0 10px 0}
}
/* gallery type -cardnews */
.board-cardnews				{border-bottom:1px solid #ccc;font-size:.875rem;}
.board-cardnews ul			{display:flex;flex-flow:row wrap;margin:0 -20px;}
.board-cardnews li			{position:relative;margin:0 20px 40px 20px;width:calc(33.3333% - 20px);}
.board-cardnews .bx			{position:relative;overflow:hidden;border-radius:0.5rem;box-shadow:0 10px 20px rgba(0,0,0,0.05);display:block;transition:all ease-out 0.3s}
.board-cardnews .cont		{position:absolute;left:0;bottom:0;width:100%;background:#fff;padding:1.5rem;z-index:5}
.board-cardnews .thumb		{position:relative;overflow:hidden;flex:1;height:360px;z-index:4}
.board-cardnews .thumb img	{top:0;left:0;transform:translate(0,0);transition:all ease-out 0.3s}
.board-cardnews .subject	{font-size:var(--font-lg);font-weight:var(--font-bold);color:#111;height:1.615rem;line-height:1.615rem;overflow:hidden;text-overflow:ellipsis;}
.board-cardnews .date		{font-size:.725rem;color:#999}
.board-cardnews .bx:hover	{outline:1px solid var(--main-color);box-shadow:0 10px 30px rgba(0,0,0,0.15);}
.board-cardnews .bx:hover img	{transform:scale(1.1)}

.board-cardnews-view				{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:99999999}
.board-cardnews-view .c_width		{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:760px;}
.board-cardnews-view .item-control .btn-d		{position:absolute;top:calc(50% - 25px);width:50px;height:50px;line-height:48px;box-shadow:0 10px 20px rgba(0,0,0,0.5);transition:all ease-out 0.2s;color:#fff}
.board-cardnews-view .ico-prev			{left:-20px}
.board-cardnews-view .ico-next			{right:-20px;}
.board-cardnews-view .cont				{position:relative;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 10px 20px rgba(0,0,0,0.5)}
.board-cardnews-view .cont .subject		{font-size:var(--font-xlg);font-weight:var(--font-semibold);color:#111;margin-top:1.25rem}
.board-cardnews-view .cont .date		{font-size:var(--font-sm);color:#999}
.board-cardnews-view .cont .thumb		{width:480px;height:480px;margin:0 auto;}
.board-cardnews-view .cont .paging		{text-align:center;display:flex;flex-flow:row nowrap;justify-content:center;item-aligns:center;margin:1.25rem 0}
.board-cardnews-view .cont .paging em	{display:inline-block;color:var(--main-color)}
.board-cardnews-view .cont .paging span	{display:inline-block;}
.board-cardnews-view .cont .paging span:before	{content:"";display:inline-block;height:1px;width:1.5rem;border-top:1px solid #ccc;margin:0 0.5rem;}
.board-cardnews-view .contwrap .ico-close	{position:absolute;right:0;top:-3rem;}

@media only screen and (max-width:1480px){
}
@media only screen and (max-width:1240px){
	.board-cardnews .thumb				{height:320px;}

}
@media only screen and (max-width:1023px){	
	.board-cardnews li			{width:calc(50% - 40px);}

}
@media only screen and (max-width:767px){
	.board-cardnews ul			{margin:0 -10px}
	.board-cardnews li			{width:calc(50% - 20px);margin:0 10px 20px}
	.board-cardnews .thumb					{height:260px;}
	.board-cardnews-view .c_width			{width:calc(100% - 40px);left:0;top:50%;transform:translate(0,-50%);}
	.board-cardnews-view .ico-prev			{left:20px}
	.board-cardnews-view .ico-next			{right:20px;}
}
@media only screen and (max-width:576px){
	.board-cardnews ul			{flex-flow:column;margin:0}
	.board-cardnews li			{width:auto;margin:0 0 10px}
	.board-cardnews .thumb					{height:360px;}
	.board-cardnews-view .cont .thumb	{height:320px}
}
@media only screen and (max-width:415px){
	.board-cardnews .thumb				{height:240px;}
	.board-cardnews-view .c_width		{width:calc(100% - 20px);}
	.board-cardnews-view .cont .thumb	{height:240px}
}

/* attach */
.file-upload {position: relative;overflow: hidden;display: inline-block;vertical-align:middle;background:#B8BFC7;border-color:#B8BFC7;}
.file-upload:before{content:"\f0c6";font-family:var(--faw);}
.file-upload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
#fileuploadurl	{display: inline-block;border:none;vertical-align:middle;background:none;box-shadow: none;padding-left: 0;padding-right: 0;width:300px;font-size:.725rem}

.attachbox				{position:relative;}
.attachbox .preview		{position:absolute;margin-right:20px;background:#fff;border:1px solid #ddd;width:120px;height:120px;line-height:120px;text-align:center;overflow:hidden;}
.attachbox .filebox		{position:relative;margin:0 0 5px 0;border:2px dotted #ddd;text-align:center;}
.attachbox .filebox select	{position:relative;width:100%;min-height:100px;border:none;outline:none;background:#fff;}
.attachbox .filebox:before	{content:"파일을 드래그하여 업로드";position:absolute;width:100%;left:0;top:50%;margin-top:-10px;text-align:center;z-index:9}
.attachbox .filebox.on:before{display:none}
.attachbox	.cont,
.attachbox	.attach_cont	{margin-left:140px;font-size:11px;}
.attachbox	.list li		{display:block;position:relative;padding:4px 0;border-bottom:1px solid #eaeaea}
.attachbox	.list li:hover	{background:#efefef}
.attachbox	.list .fa		{position:absolute;right:0;top:8px;color:#999}
.attachbox	.graph			{width:100%;height:10px;background:#fff;border:1px solid #3E78C1;vertical-align:top;}
.attachbox	.graph .bar		{display:inline-block;background:#3E78C1;height:8px;vertical-align:top}
.attachbox	.graph .num		{display:inline-block;float:right;font-size:10px;font-family:verdana;line-height:100%;}
.fileinput-button		{position:relative;overflow:hidden;}
.fileinput-button .btn-d{position:relative;z-index:8;}
.fileinput-button input {position:absolute;z-index:9;top:0;left:0;margin:0;opacity:0;-ms-filter: 'alpha(opacity=0)';height:100%;width:100%;cursor:pointer !important;}

/*calendar*/
.calendar			{font-size:var(--font-sm)}
.calendar thead th,
.calendar tbody td{border:1px solid var(--basic-border);}
.calendar thead th{}
.calendar tbody td{}


.schedule-list		{}
.schedule-list dl	{display:flex;flex-flow:row wrap}
.schedule-list dt	{width:320px;}
.schedule-list dd	{width:calc(100% - 320px);padding-left:40px}
.schedule-list .calendar	{text-align:center;}