@charset "utf-8";

@font-face{font-family:'icon'; src:url('./fonts/IcoMoon-Free.woff')}
@font-face{font-family:'icon'; src:url('./fonts/IcoMoon-Free.eot')}

	
/* font */
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src:url(./fonts/notokr-demilight.eot); src: local(※),
url(./fonts/notokr-demilight.eot) format('embedded-opentype'),
url(./fonts/notokr-demilight.woff) format('woff'),
url(./fonts/notokr-demilight.ttf) format('truetype');
}


@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src:url(./fonts/notokr-regular.eot); src: local(※),
url(./fonts/notokr-regular.eot) format('embedded-opentype'),
url(./fonts/notokr-regular.woff) format('woff'),
url(./fonts/notokr-regular.ttf) format('truetype');
}


@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src:url(./fonts/notokr-medium.eot); src: local(※),
url(./fonts/notokr-medium.eot) format('embedded-opentype'),
url(./fonts/notokr-medium.woff) format('woff'),
url(./fonts/notokr-medium.ttf) format('truetype');
}


@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 600;
src:url(./fonts/notokr-bold.eot); src: local(※),
url(./fonts/notokr-bold.eot) format('embedded-opentype'),
url(./fonts/notokr-bold.woff) format('woff'),
url(./fonts/notokr-bold.ttf) format('truetype');
}

@font-face {
font-family: 'Myeongjo';
font-style: normal;
font-weight: 100;
src:url(./fonts/NanumMyeongjo.eot); src: local(※),
url(./fonts/NanumMyeongjo.eot) format('embedded-opentype'),
url(./fonts/NanumMyeongjo.woff) format('woff'),
 
}

/* font */
@font-face {
font-family: 'NanumSquare';
font-style: normal;
font-weight: 300;
src:url(./fonts/NanumSquareL.eot); src: local(※),
url(./fonts/NanumSquareL.eot) format('embedded-opentype'),
url(./fonts/NanumSquareL.woff) format('woff'),
url(./fonts/NanumSquareL.eot.ttf) format('truetype');
}

@font-face {
font-family: 'NanumSquare';
font-style: normal;
font-weight: 400;
src:url(./fonts/NanumSquareR.eot); src: local(※),
url(./fonts/NanumSquareR.eot) format('embedded-opentype'),
url(./fonts/NanumSquareR.woff) format('woff'),
url(./fonts/NanumSquareR.eot.ttf) format('truetype');
}


@font-face {
font-family: 'NanumSquare';
font-style: normal;
font-weight: 500;
src:url(./fonts/NanumSquareB.eot); src: local(※),
url(./fonts/NanumSquareB.eot) format('embedded-opentype'),
url(./fonts/NanumSquareB.woff) format('woff'),
url(./fonts/NanumSquareB.ttf) format('truetype');
}


@font-face {
font-family: 'NanumSquare';
font-style: normal;
font-weight: 600;
src:url(./fonts/NanumSquareEB.eot); src: local(※),
url(./fonts/NanumSquareEB.eot) format('embedded-opentype'),
url(./fonts/NanumSquareEB.woff) format('woff'),
url(./fonts/NanumSquareEB.ttf) format('truetype');
}

@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src:url(./fonts/NunitoSans-Regular.ttf);
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
src:url(./fonts/NunitoSans-Bold.ttf);
}

/*GamjaFlower-Regular*/
@font-face {
	font-family:'Gamja Flower';
	font-style:normal;
	font-weight:300;
	src:url(./fonts/GamjaFlower-Regular.ttf);
}
/*IBMPlexSans*/
@font-face {
	font-family:'IBM Plex Sans KR';
	font-style:normal;
	font-weight:100;
	src:url(./fonts/IBMPlexSansKR-ExtraLight.ttf);
}
@font-face {
	font-family:'IBM Plex Sans KR';
	font-style:normal;
	font-weight:200;
	src:url(./fonts/IBMPlexSansKR-Light.ttf);
}
@font-face {
	font-family:'IBM Plex Sans KR';
	font-style:normal;
	font-weight:300;
	src:url(./fonts/IBMPlexSansKR-Thin.ttf);
}
@font-face {
	font-family:'IBM Plex Sans KR';
	font-style:normal;
	font-weight:400;
	src:url(./fonts/IBMPlexSansKR-Regular.ttf);
}
@font-face {
	font-family:'IBM Plex Sans KR';
	font-style:normal;
	font-weight:500;
	src:url(./fonts/IBMPlexSansKR-Medium.ttf);
}
@font-face {
	font-family:'IBM Plex Sans KR';
	font-style:normal;
	font-weight:600;
	src:url(./fonts/IBMPlexSansKR-SemiBold.ttf);
}
@font-face {
	font-family:'IBM Plex Sans KR';
	font-style:normal;
	font-weight:700;
	src:url(./fonts/IBMPlexSansKR-Bold.ttf);
}

/* reset 2020.01.07 게시판 글 html 표에도 적용되서 table 은 삭제 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

table { /* border-collapse: collapse; border-spacing:0; */  table-layout:fixed; word-break:break-all; }
table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;}
th, td {padding:0px;}

caption	{ overflow: hidden; height: 0px; color: transparent; }
ul,ol,li,dl,dt,dd { list-style: none; margin: 0; padding:0; }
img { vertical-align:middle; border:0; max-width: 100%; }
textarea { overflow: auto; padding: 5px; }
input,select,button,label { vertical-align: middle; }
input[type="radio"],
input[type="checkbox"],
label[for],
button { cursor: pointer;}

input[name="upfile"]	{ position: absolute; z-index: -100; top: 0; left: 0; opacity: 0; }
input.required,	textarea.required	{ text-indent: 0 !important; background-image: url('/resources/images/cmm/ico_required.png') !important; background-repeat: no-repeat  !important; background-position: 8px 50%  !important; padding-left: 20px !important; }
textarea.required	{ background-position: 8px 12px !important; }

select,
input[type="text"],
input[type="password"]	{ height: 30px; border: 1px solid #d1d1d1; border-radius: 3px; box-sizing: border-box; padding: 0 10px; }

input.both		{ width: 100%; }

.hidden		{ position: absolute; overflow: hidden; width: 1px; height: 1px; top: 0; left: 0; }

input { margin:0; }
button { margin: 0; padding: 0; border: 0; background: 0; cursor: pointer; }
address, i { font-style:normal}
a {text-decoration: none; color: #161616;}
a:link,a:visited { text-decoration: none; }
a:hover,a:active,a:focus { text-decoration:underline; }

/* Base */
body { font-size: 0.8em; line-height: 1.7em; }

/* ellipsis */
.ellipsis {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(/assets/css/ellipsis.xml#ellipsis);}
.clip {text-overflow:clip; overflow:hidden; white-space:nowrap;}

/* hidden style */
.invisible { position: absolute; left: -9999px; width: 0; height: 0; overflow :hidden; font-size: 0; line-height: 0; z-index: -1; }
.invisible_IR { position: absolute; left: -9999px; width: 0; height: 0; font-size: 0; line-height: 0; z-index: -1; }

/* Ajax Loading */
body.ajaxLoading:after	{ content: ""; display: block; position: fixed; top: 0; lefT: 0; right: 0; bottom: 0; z-index: 99999; background: url('/resource/img/common/loader.gif') no-repeat 50% 50% rgba(255,255,255,  0.7); }

.txt-left	{ text-align: left !important; }
.txt-right	{ text-align: right !important; }
.txt-center	{ text-align: center !important; }

.fl-left			{ float: left !important; }
.fl-right			{ float: right !important; }
.fl-clear			{ float: none !important; clear: both !important; }

/*** Web Size Viewer Control ***/
/* PC Screen*/
@media all and (min-width: 1200px) { 
	.only-ta	{ display: none !important; }
	.only-mo	{ display: none !important; }

	.not-pc	{ display: none !important; }
}

/* Tablet Screen */
@media all and (min-width: 768px) and (max-width:1200px) {
	.only-pc			{ display: none !important; }
	.only-mo			{ display: none !important; }

	.not-ta				{ display: none !important; }
}

/* Mobile Screen */
@media all and (max-width:768px) {
	.only-pc			{ display: none !important; }
	.only-ta			{ display: none !important; }

	.not-mo	{ display: none !important; }
}


/*** Web Size Viewer Control ***/
/* PC Screen ( 1001px ) */
@media all and (min-width: 1001px) {
	.pc_N	{ display: none !important;}
}

/* Tablet Screen ( 641px ~ 1000px ) */
@media all and (min-width: 641px) and (max-width: 1000px) {
	.ta_N	{ display: none !important;}
}

/* Mobile Screen */
@media all and (max-width:640px) {
	.mo_N	{ display: none !important;}
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
	background-color: transparent;
}


.ui-ico:before			{ content: "\e994"; font-family: 'icon'; }

.ico-detail:before		{ content: "\e92e"; }
.ico-user:before		{ content: "\e976"; }
.ico-board:before		{ content: "\e926"; }
.ico-homepage:before	{ content: "\e956"; }
.ico-image:before		{ content: "\e90e"; }
.ico-book:before		{ content: "\e920"; }
.ico-app:before			{ content: "\e96f"; }
.ico-graph:before		{ content: "\e99b"; }

.ico-pen:before			{ content: "\e906"; }
.ico-list:before		{ content: "\e9bb"; }
.ico-lock:before		{ content: "\e98f"; }
.ico-unlock:before		{ content: "\e990"; }
.ico-search:before		{ content: "\e986"; }
.ico-mobile:before		{ content: "\e958"; }
.ico-marker:before		{ content: "\e947"; }
.ico-map:before			{ content: "\e94c"; }
.ico-calendar:before	{ content: "\e953"; }
.ico-time:before		{ content: "\e94e"; }
.ico-print:before		{ content: "\e954"; }
.ico-phone:before		{ content: "\e942"; }
.ico-save:before		{ content: "\e962"; }
.ico-del:before			{ content: "\e9ac"; }
.ico-cancle:before		{ content: "\ea0f"; }
.ico-add:before			{ content: "\ea0a"; }
.ico-minus:before		{ content: "\ea0b"; }
.ico-check:before		{ content: "\ea10"; }
.ico-copy:before		{ content: "\e92c"; }

.ico-arrow-left:before		{ content: "\ea44"; }
.ico-arrow-right:before		{ content: "\ea42"; }



.agreement				{ position: relative; margin-top: 30px; }
.agreement h4			{ position: relative; font-size: 16px; padding-left: 15px; margin-bottom: 10px;}
.agreement h4:before	{ content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -5px; height: 10px; width: 5px; background: #49a5bf; }
.agreement fieldset		{ margin: 10px 0 30px; text-align: right; }
.agreement pre	{ font-size: 12px;
	display: block; position: relative;  word-break: break-all; border: 1px solid #d1d1d1;
	 padding: 10px 10px 50px 10px; line-height: 1.6em; word-break: break-all; overflow: hidden; 
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-all;
}