@charset "UTF-8";
/*-------------------------------------------------
Author : JMKIM
Create date : 2018. 01. 11
-------------------------------------------------*/
@import url(/resources/css/cluster/XEIcon-2.2.0/xeicon.css);
@font-face { font-family: 'noto'; font-weight: 200; src: url("font/notokr-light.eot"); src: url("font/notokr-light.eot?#iefix") format("embedded-opentype"), url("font/notokr-light.woff2") format("woff2"), url("font/notokr-light.woff") format("woff"); }
@font-face { font-family: 'noto'; font-weight: 400; src: url("font/notokr-regular.eot"); src: url("font/notokr-regular.eot?#iefix") format("embedded-opentype"), url("font/notokr-regular.woff2") format("woff2"), url("font/notokr-regular.woff") format("woff"); }
@font-face { font-family: 'noto'; font-weight: 500; src: url("font/notokr-medium.eot"); src: url("font/notokr-medium.eot?#iefix") format("embedded-opentype"), url("font/notokr-medium.woff2") format("woff2"), url("font/notokr-medium.woff") format("woff"); }
@font-face { font-family: 'noto'; font-weight: 600; src: url("font/notokr-bold.eot"); src: url("font/notokr-bold.eot?#iefix") format("embedded-opentype"), url("font/notokr-bold.woff2") format("woff2"), url("font/notokr-bold.woff") format("woff"); }
body { margin: 0; padding: 0; font-size: 16px; font-family: 'noto'; color: #656565; }
ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none; }
a { color: #555; text-decoration: none; margin: 0; padding: 0; vertical-align: baseline; }
img { border: 0; vertical-align: top; outline: 0; margin: 0; padding: 0; }
table { border-collapse: separate; border-spacing: 0; width: 100%; table-layout: fixed; }
caption { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
select, input, textarea { color: #454545; font-size: 1em; }
select, input { vertical-align: middle; }
address, em { font-style: normal; }
button { border: 0; background: none; cursor: pointer; }
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
::-moz-selection { background: #29b6f6; color: #fefefe; }
::selection { background: #29b6f6; color: #fefefe; }
hr { margin: 0; border: none; padding: 0; display: block; }
figure, figcaption { padding: 0; margin: 0; }
fieldset { border: none; padding: 0; margin: 0; }
legend { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
strong { font-weight: 400; }
i { font-style: normal; }
mark { background: none; }
*:lang(en) { font-family: 'PT Serif'; letter-spacing: 0 !important; }

/* Skip to content */
.skip-to { position: absolute; top: -99px; left: 0; background: #333; color: #fff; width: 100%; padding: 10px 0; text-align: center; text-decoration: none; z-index: 999; }
.skip-to:hover, .skip-to:focus, .skip-to:active { display: block; top: 0; }

.clearfix { position: relative; }
.clearfix:after { content: ""; display: block; clear: both; }
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.form-control { display: inline-block; width: 100%; height: 35px; padding: 2px 8px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ddd; font-family: "noto"; }

textarea.form-control { height: inherit; resize: none; }
.form-control.xs { width: 75px; }
.form-control.sm { width: 100px; }
.form-control.md { width: 130px; }
.form-control.lg { width: 240px; }
.form-control.xl { width: 300px; }
.form-control.xxl { width: 700px; }
.form-control.normal { width: auto; }

.btn { display: inline-block; margin-bottom: 0; font-size: 15px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; color: #333; background-color: #fff; -webkit-transition: all .25s ease; transition: all .25s ease; border: 1px solid #cacfda; padding: 6px 12px; font-family: "noto"; border-radius: 0; }

.btn:hover, .btn:focus { transition: all .25s ease; -webkit-transition: all .25s ease; }
.btn.normal { width: auto; }

/* ...생성 */
.substring { position: relative; padding-right: 15px; font-weight: 400; }
.substring:after { position: absolute; bottom: 0; right: 0; content: "..."; font-size: 14px; }

/* 반응형 아이프레임, 오브젝트, 엠베디드 */
.embed-container { position: relative; padding-bottom: 40%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.img-responsive { max-width: 100%; display: block; margin: 0 auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.container { margin-left: auto; margin-right: auto; width: 1820px; }
.container::after { clear: both; content: ""; display: block; }