: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.175);
	--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-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:17px;font-weight:400;line-height:1.5;margin:0;color:#333;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;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.5;color:#111;}
.h1,h1{font-size:2rem;;margin:0 0 1rem 0;letter-spacing:-0.025rem;font-weight:var(--font-exbold);}
.h2,h2{font-size:1.5rem;margin:2.25rem 0 1rem;letter-spacing:-0.025rem;font-weight:var(--font-exbold);}
.h3,h3{font-size:1.25rem;margin:2rem 0 0.725rem;font-weight:600}
.h4,h4{font-size:1rem}
.h5,h5{font-size:.8125rem}
.h6,h6{font-size:.625rem}

@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}
.delay2{animation-delay:0.2s}
.delay3{animation-delay:0.3s}
.delay4{animation-delay:0.4s}
.delay5{animation-delay:0.5s}
.delay6{animation-delay:0.6s}
.delay7{animation-delay:0.7s}
.delay8{animation-delay:0.8s}
.delay9{animation-delay:0.9s}
.delay10{animation-delay:1.0s}

/* grid */
.row	{display:flex;flex-flow:row wrap;}
.row.vat{align-items:flex-start}
.row.vab{align-items:flex-end}
.row.vac{align-items:center}
.row-bx-wrap			{display:flex;flex-flow:row wrap;margin:0 -15px}
.row-bx-wrap > div		{margin:0 15px 30px 15px;}
.row-bx-wrap.d3	> div	{width:calc(33.3333% - 30px);}
.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%;}

@media (max-width:767px){

}

/* btn */
.badge				{padding:0.375rem 0.375rem 0.325rem 0.375rem;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-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:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.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);}
.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;}
.btn-d.btn-xlg		{padding:0 36px;font-size:var(--font-lg);line-height:58px;}

.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";font-weight:900}
.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-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-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.4rem;-moz-border-radius:0.4rem;-ms-border-radius:0.4rem;-o-border-radius:0.4rem;border-radius:0.4rem !important;}

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


/* 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:9999}
[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:9999}
[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;}
.w150	{width:150px !important;}
.w200	{width:200px !important;}
.w300	{width:300px !important;}
.w400	{width:400px !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;}
.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}

.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;}
.thumb img	{min-width:100%;max-width:100%;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;z-index:1;}

/* 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);z-index:-1}
.tab-txt a		{position:relative;display:block;background:var(--basic-bg);border:1px solid var(--basic-border);border-bottom:none;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-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.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:1;}
.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-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;}

}


/**/



/**/
@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){
}
/**/
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;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;height:55px;line-height:1.5;}
.item-control a						{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-updown a						{color:var(--main-color);}
.item-updown a:before				{font-family:FontAwesome;font-weight:900;vertical-align:middle;margin:2px 0;display:block;}
.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}


[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				{position:absolute;display:flex;flex-flow:row nowrap;align-items:flex-end;height:100%}
.graph-bar-v li				{position:relative;flex:1;height:100%;display:flex;flex-flow:row nowrap;align-items:flex-end;}
.graph-bar-v em				{position:absolute;width:100%;left:0;top:-25px;color:#555;text-align:center;font-size:var(--font-sm)}
.graph-bar-v .bar			{display:block;width:40px;margin:0 auto;animation:Growup 0.35s ease-out both}

.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);
  }
}