@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #000;
}

body {
	font-family:"tahoma", "굴림","arial","helvetica","sanserif";
    font-size: 1em;
    line-height: 1.4;
	margin: 0 0 0 40px;
	padding: 0 0 0 40px;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* import jquery step */
/*
    Common
*/

.wizard,
.tabcontrol
{
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a
{
    outline: 0;
}

.wizard ul,
.tabcontrol ul
{
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard ul > li,
.tabcontrol ul > li
{
    display: block;
    padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
    position: absolute;
    left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title
{
    position: absolute;
    left: -999em;
}



/*
    Wizard
*/

.wizard > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.wizard.vertical > .steps
{
    display: inline;
    float: left;
    width: 30%;
}

.wizard > .steps .number
{
    font-size: 1.429em;
}

.wizard > .steps > ul > li
{
    width: 25%;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li
{
    float: left;
}

.wizard.vertical > .steps > ul > li
{
    float: none;
    width: 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
    background: #eee;
    color: #aaa;
    cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
    background: #2184be;
    color: #fff;
    cursor: default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
    background: #9dc8e2;
    color: #fff;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active
{
    background: #ff3111;
    color: #fff;
}

.wizard > .content
{
    background: #fff;
    display: block;
    margin: 0.5em;
    min-height: 45em;
    overflow: hidden;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard.vertical > .content
{
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}

.wizard > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.wizard > .content > .body ul
{
    list-style: none !important;
}

.wizard > .content > .body ul > li
{
    display: list-item;
}

.wizard > .content > .body > iframe
{
    border: 0 none;
    width: 100%;
    height: 100%;
}

.wizard > .content > .body input
{
    display: inline-block;
 }

.wizard > .content > .body input[type="checkbox"]
{
    display: inline-block;
}
.wizard > .content > .body input[type="radio"]
{
    display: inline-block;
}

.wizard > .content > .body input.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.wizard > .content > .body label
{
    display: inline-block;
    margin-bottom: 0.5em;
}

.wizard > .content > .body label.error
{
    color: #b94a48;
	font-weight:normal;
    display: inline-block;
    margin-left: 1.5em;
}

.wizard > .actions
{
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}

.wizard.vertical > .actions
{
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard > .actions > ul
{
    display: inline-block;
    text-align: right;
}

.wizard > .actions > ul > li
{
    margin: 0 0.5em;
}

.wizard.vertical > .actions > ul > li
{
    margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
    background: #2184be;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active
{
    background: #eee;
    color: #aaa;
}

.wizard > .loading
{
}

.wizard > .loading .spinner
{
}



/*
    Tabcontrol
*/

.tabcontrol > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.tabcontrol > .steps > ul
{
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.tabcontrol > .steps > ul > li
{
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover
{
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}

.tabcontrol > .steps > ul > li.current
{
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.tabcontrol > .steps > ul > li > a
{
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover
{
    text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a
{
    padding: 15px 30px 10px 30px;
}

.tabcontrol > .content
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

.tabcontrol > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.tabcontrol > .content > .body ul
{
    list-style: none !important;
}

.tabcontrol > .content > .body ul > li
{
    display: list-item;
}

/* import jquery step */

a:link      {color:#363636;text-decoration:none}
a:visited   {color:#363636;text-decoration:none}
a:active    {color:#363636;text-decoration:none}
a:hover     {color:#363636;text-decoration:underline}
a:link.under{text-decoration:underline}
a.hrefblue  {color:blue;text-decoration:none}
a.hrefwhite {color:white;text-decoration:none}
a.dottedgreenline {border-bottom: 1px dotted green}

.textindent5  {text-indent:5px;}
.textindent10 {text-indent:10px;}
.textindent15 {text-indent:15px;}
.textindent20 {text-indent:20px;}
.textindent25 {text-indent:25px;}
.textindent30 {text-indent:30px;}

.fontsize8  {font-family: 'Courier New', 'Lucida Console', 'Monaco'; font-size: 8pt; line-height: 140%}
.fontsize9  {font-family: 'Courier New', 'Lucida Console', 'Monaco'; font-size: 9pt; line-height: 140%}
.fontsize10 {font-size:10px;}
.fontsize11 {font-size:11px;}
.fontsize12 {font-size:12px;}
.fontsize13 {font-size:13px;}
.fontsize14 {font-size:14px;}
.fontsize15 {font-size:15px;}

.color_red {color:red;}
.color_blue {color:blue;}
.color_gray {color:gray;}
.color_333 {color:#333;}
.color_666 {color:#666;}
.color_999 {color:#999;}
.color_forum {color:#CA3F5C;}


.margin0 {margin:0px;}

.margintop0  {margin-top:0px;}
.margintop5  {margin-top:5px;}
.margintop10 {margin-top:10px;}
.margintop15 {margin-top:15px;}
.margintop20 {margin-top:20px;}
.margintop25 {margin-top:25px;}
.margintop30 {margin-top:30px;}

.marginright0  {margin-right:0px;}
.marginright5  {margin-right:5px;}
.marginright10  {margin-right:10px;}
.marginright15  {margin-right:15px;}
.marginright20  {margin-right:20px;}
.marginright25  {margin-right:25px;}
.marginright30  {margin-right:30px;}

.marginbottom0  {margin-bottom:0px;}
.marginbottom5  {margin-bottom:5px;}
.marginbottom10 {margin-bottom:10px;}
.marginbottom15 {margin-bottom:15px;}
.marginbottom20 {margin-bottom:20px;}
.marginbottom25 {margin-bottom:25px;}
.marginbottom30 {margin-bottom:30px;}

.marginleft-5  {margin-left:-5px;}
.marginleft-10 {margin-left:-10px;}
.marginleft-15 {margin-left:-15px;}
.marginleft-20 {margin-left:-20px;}
.marginleft-25 {margin-left:-25px;}
.marginleft-30 {margin-left:-30px;}
.marginleft5  {margin-left:5px;}
.marginleft10 {margin-left:10px;}
.marginleft15 {margin-left:15px;}
.marginleft20 {margin-left:20px;}
.marginleft25 {margin-left:25px;}
.marginleft30 {margin-left:30px;}

.cursor_pointer {cursor:pointer;}

#unitView .modal-dialog {width: 340px;}
/*
.sidemenu1 {position:relative;font-size:13px;font-weight:bold;vertical-align:middle;line-height:120%;margin-top:5px;text-indent:20px;}
.sidemenu2 {padding-bottom:5px;font-size:12px;height:15px;font-weight:normal; vertical-align:middle;letter-spacing:-0.1em;text-indent:15px;}
.sidemenu3 {position:relative;font-size:13px;font-weight:bold;vertical-align:middle;line-height:120%;margin-top:5px;}
.sidemenu4 {padding-bottom:2px;font-size:12px;height:20px;font-weight:normal; vertical-align:middle;letter-spacing:-0.1em;text-indent:15px;}
.sidemenu5 {padding-bottom:2px;font-size:12px;font-weight:normal; vertical-align:middle;letter-spacing:-0.1em;text-indent:10px;}
.textbox1{background-color:#f6f6f6;border-top:2px solid #86A24C;border-bottom:1px solid #86A24C;padding:8px 0px 8px 10px;}
.textbox2{background-color:fff;border-top:1px solid #86A24C;border-bottom:1px solid #f6f6f6;padding:8px 0px 8px 10px;}
ul {list-style:none;}
.myspan1 {width:95%;float:left;margin:0 24px 0 0;}
.myspan2 {width:45%;float:left;margin:0 24px 0 0;}
.myspan3 {width:30%;float:left;margin:0 24px 0 0;}
.mytextarea{
	width:650px;
	height:250px;
	border:1px solid #ccc;
	background-color:#fff;
}
#loginform,
#findpasswordform,
#boardsearchform,
{
	width: 350px;
	max-width: 350px;
	padding: 15px;
	margin: 0 auto;
}
.replyimage {
  background:
    url(data:image/gif;base64,R0lGODlhDAAMAKEAAPj8+AAAAP///////yH+Dk1hZGUgd2l0aCBHSU1QACH5BAEKAAAALAAAAAAMAAwAAAIXhI+pGKx9AoxuAgun3HrldYWgBBpWiRQAOw==)
    no-repeat;
    left center;
  padding: 0px 0px 0px 15px;
}
.pdfimage {
  background:
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAAY1BMVEXc4+Pd5+ffurrd4ODfxMTjmJnkb3Dkc3Xe19fhp6jc5+fd3d7hrK3mamzgtrbip6jkZGTlXWDeysrgsrLfvLzd5eXlbG3lZ2jldXfhmZnd4eDd4+Pd3d0RERH/AAAAAAD///8oc8KtAAAAIXRSTlP//////////////////////////////////////////wCfwdAhAAAAW0lEQVQI103MVw7AIAwFQRNI772Awfc/ZXBAEfs38pOByH0hkg88DYeWDeHmPNngLOcM7xPyPhlH8iu9Ha1MmE1DIyASqqubi3KMVOedLarOI/tVaPnoPRD/iF6LUBGHmkRySwAAAABJRU5ErkJggg==)
    no-repeat;
    left center;
    padding: 2px 0px 0px 15px;
}
*/


.box {position:relative; height:145px; padding:0px 18px 0 30px; margin-bottom:10px; border:1px solid #ccc; overflow:auto; scrollbar-base-color:#e5e5e5; scrollbar-3dlight-color: #e5e5e5; scrollbar-darkshadow-color: #e5e5e5; scrollbar-face-color: #e5e5e5; scrollbar-highlight-color: #e5e5e5; scrollbar-shadow-color: #e5e5e5; scrollbar-track-color: #f2f2f2;-webkit-overflow-scrolling:touch}
.box::-webkit-scrollbar {overflow:visible;width:6px;margin-right:10px;background:transparent}
.box::-webkit-scrollbar-thumb {background-color:rgba(45,70,97,0.3);-webkit-border-radius:5px; min-height:20px;margin:0 5px 0 0}
.box::-webkit-scrollbar-thumb:hover {background-color:rgba(45,70,97,0.3)}
.box::-webkit-scrollbar-corner {background:transparent}
/*
input[type="checkbox"],
input[type="radio"] {vertical-align:middle;}
input {padding:0 5px 5px 5px; height:30px; line-height: 30px;}
label {padding:0px 10px 0 5px;}
*/
label.error:before {
	content: "\f071";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
    color: #b94a48;
	margin-right: 3px;
	top: 4px;
}
.infobox{background-color:#f6f6f6; border-top:1px solid #86A24C;border-bottom:1px solid #86A24C;padding:5px 0px 5px 0px;}

.sitemap {font-size:16px; font-weight:bold; height:12px;}

.googleAdsense {margin: 0; padding:0}

/* Customize Bootstrap */
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #3B84CE;
}


.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  color:#000;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > .active {
  font-weight:normal;
  color: #3B84CE;
}

.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:focus,
.breadcrumb a:active,
.breadcrumb a:hover {color:#000;}

.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #000;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

blockquote p {font-size:12px;font-weight:normal;}
blockquote p:last-child{margin-bottom:5px;}
blockquote ul {font-size:12px;font-weight:normal;}

.table td.valign_middle {vertical-align: middle;}
.table th.valign_middle {vertical-align: middle;}

.panel-noborder{border:0; box-shadow: none;}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
       /* content: " (" attr(href) ")"; */
	   content: "";
    }

    abbr[title]:after {
      /*  content: " (" attr(title) ")"; */
       content: "";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    /*
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
   */
    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* icon image */
[class^="cus-"],
[class*=" cus-"] {
	display:inline-block;
	*margin-right:.3em;
	line-height:16px;
	vertical-align:text-bottom;
	background-image:url("/images/css/icons.png");
	background-repeat:no-repeat;
}
[class^="cus-"]:last-child,
[class*=" cus-"]:last-child {
	*margin-left:0;
}
/* icons code below */
/*http://ko.spritegen.website-performance.org/*/
.cus-application{ background-position: 0 0; width: 16px; height: 16px; } 
.cus-application-delete{ background-position: -17px 0; width: 16px; height: 16px; } 
.cus-application-edit{ background-position: -34px 0; width: 16px; height: 16px; } 
.cus-application-view-list{ background-position: -51px 0; width: 16px; height: 16px; } 
.cus-bullet_black{ background-position: -68px 0; width: 16px; height: 16px; } 
.cus-bullet_blue{ background-position: -85px 0; width: 16px; height: 16px; } 
.cus-bullet_green{ background-position: -102px 0; width: 16px; height: 16px; } 
.cus-bullet_orange{ background-position: -119px 0; width: 16px; height: 16px; } 
.cus-bullet_pink{ background-position: -136px 0; width: 16px; height: 16px; } 
.cus-bullet_purple{ background-position: -153px 0; width: 16px; height: 16px; } 
.cus-bullet_red{ background-position: -170px 0; width: 16px; height: 16px; } 
.cus-bullet_yellow{ background-position: -187px 0; width: 16px; height: 16px; } 
.cus-crossref{ background-position: -204px 0; width: 36px; height: 12px; } 
.cus-doc{ background-position: -241px 0; width: 16px; height: 16px; } 
.cus-email{ background-position: -258px 0; width: 16px; height: 16px; } 
.cus-emoticon_evilgrin{ background-position: -275px 0; width: 16px; height: 16px; } 
.cus-emoticon_grin{ background-position: -292px 0; width: 16px; height: 16px; } 
.cus-emoticon_happy{ background-position: -309px 0; width: 16px; height: 16px; } 
.cus-emoticon_smile{ background-position: -326px 0; width: 16px; height: 16px; } 
.cus-emoticon_surprised{ background-position: -343px 0; width: 16px; height: 16px; } 
.cus-emoticon_tongue{ background-position: -360px 0; width: 16px; height: 16px; } 
.cus-emoticon_unhappy{ background-position: -377px 0; width: 16px; height: 16px; } 
.cus-emoticon_waii{ background-position: -394px 0; width: 16px; height: 16px; } 
.cus-emoticon_wink{ background-position: -411px 0; width: 16px; height: 16px; } 
.cus-endnote{ background-position: -428px 0; width: 60px; height: 15px; } 
.cus-feed{ background-position: -489px 0; width: 16px; height: 16px; } 
.cus-file{ background-position: -523px 0; width: 16px; height: 16px; } 
.cus-new{ background-position: -540px 0; width: 16px; height: 16px; } 
.cus-pdf{ background-position: -506px 0; width: 16px; height: 16px; }
.cus-pencil{ background-position: -557px 0; width: 16px; height: 16px; } 
.cus-ppt{ background-position: -574px 0; width: 16px; height: 16px; } 
.cus-reply{ background-position: -591px 0; width: 16px; height: 16px; } 
.cus-twitter{ background-position: -608px 0; width: 16px; height: 16px; } 
.cus-facebook{ background-position: -625px 0; width: 16px; height: 16px; } 
.cus-snsicon03{ background-position: -642px 0; width: 16px; height: 16px; } 
.cus-video{ background-position: -659px 0; width: 16px; height: 16px; } 
.cus-xls{ background-position: -676px 0; width: 16px; height: 16px; } 
.cus-zip{ background-position: -693px 0; width: 16px; height: 16px; } 

/* document links icon*/
/*
a[href$='.pdf'] {
    display:inline-block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABPlBMVEVtCQJjAACMAAiUAABzGBitAAi1AADGAADOCAicISHOEBDnCBDWGBj3EBD3GBjOKTGcQkK9OTn3KSneOTm9SkrvOTn/MTnOSkq9UlreSkrvQkrnSkpVgMjvSkpZgcZYgsVdhMRehMTvUlLvUlphiMNiicPnWlplisLnWmNni8HWY2tpjMFsjsBujr9ykL9ykb92k716lbt7lbx+l7rnc3OCmryFnb6IoMD/c3Pve3uLosKMosLehISPpcSRp8aSqMbnjIyVq8iXrMmZrcqcsMydsc2jttHvnJypu9SsvtavwNizw9rvra3etb3v1tbS4vrU4/rW5PrX5fvZ5vvb5/vc6Pve6fvg6vzh7Pzj7fzl7vzn7/fm7/zo8P3q8f3r8v3t8/3v9P3w9v7y9/70+P71+f73+v75+/////9aAACwyNz9AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfWBhAMAijZc8SxAAAA0klEQVQY02NgYGDw9nBzdbKzMjM2ZoAAr/S01JTkpETjDKiIJ4SfYJwBEpEQERTXUFNWk+KPBwoARSxkxYT4+Hj5uFnjjEGAQZSHi4udg52VjSk2JioywpiBmTGTRQAIOAVA/HCwsS6JCfFxkmB+mCFIwBnI9xN2B/FDDUACjvFxsZbRDj5AfogeSMA+LtZP2sdHUlrJJlgHJGAbG6PmC1LvqxWkCRKwjtFwAPFDgoMCVUEC5iYmMH6AIkjALBLO95cDCZgaGRno62qrqyjIy8gAAGduNQKHw8HXAAAAAElFTkSuQmCC) left center no-repeat;
    padding-left: 20px;
    vertical-align:text-bottom;
    background-size: contain;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.7z'] { 
    display:inline-block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAB6VBMVEUgICAAAAgAAAoAABsAAB8AAC4AAkUGEQYAGEAEHhsELDQANhcPLjsMLkUOLz0ML0UANE0AM1UANmgwLR0gNTInOkYAQJNhKwAOR2MATYQsQ0khQI3ZAABaRwCOLgAMXnIAbV3/AAAuXmH/CQ07XHA9XXA1VrBEXWIAioL/Iwr/JSr/Ly+bX1och+b/NzYsjdxVgMj9TCNZgcZYgsX/UwBdhMRehMRhiMNiicNlisJni8FpjMFsjsBujr//XjdykL9ykb//Yk52k716lbt7lbx+l7qCmrz/anGFnb6IoMCLosKMosKPpcSRp8b4nACYqc6XrMmdsc2nsMv/qwCjttH7rjepu9T/rEauvtf/vQCvwNi5v9qzw9r/qLG60+DbzcPsxc7xybD/2jz/zoj/xcX/9RXU5PrW5Pr/36nW5frW5fvX5fvY5frY5vvZ5vvZ5/va5/ra5/vb5/vc6Pvc6Pzc6fvc6fzd6fvd6fze6fve6vve6vzf6vvf6vzf6/zg6/vg6/zh6/zg7Pzh7Pvh7Pzi7fzj7fzj7vzj7v3k7vzl7vzl7v3/9Jrm7/zm7/3o8P3/+JXp8f3r8v3s8/3t8/3t9P7u9P3v9P3v9f7w9f7w9v3x9v3y9/3y9/7z9/70+P7//93///8AAAD51qJcAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfWBhALNxPPBvmmAAAA+klEQVQY02NgYGCICQsJDPD18nB1ZYCAqPnz582ZNWOa60KoSMT8ubNnTp86xXUhVGQhi5CCgPTkSUABoIhmuOEiRjYuKV2Jia4gwKAc6+5oZ6KYosTT39vd1urKoL1w4YIJqbL+qrx9XR2tza4MWgszkkP9xINU+DvbW1oanBn0FvYkBUfKRavztbU01VU5MciwCy/iFOEW1RdsaaiqLLMHWZvAKqYhr9ZSX1VeXGgDEvBJjNdhbqyrLi0uzLcCCXjHLeKQZFpUUlyQm20BEvBsbamrqSguKsjLyTQDCXg01FYCteflZqWnGYEE3FxcnBxsrS3NTY0NDAC5lU3D988UOQAAAABJRU5ErkJggg==) left center no-repeat;
    padding-left: 20px;
    vertical-align:text-bottom;
    background-size: contain;

}
*/
.term-index a {width:33px; height:31px; margin-right:5px;}

.imagetop {vertical-align: top;}
.imagebottom {vertical-align: bottom;}
/*sns*/

#sns {
float:left;
}
.sharrre .button{float:left; width:80px;}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('/images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.article_retraction {font-family: 'times new roman', 'verdana', 'tahoma'; font-size: 15px; color: #cc0000; margin: 1em 0em;}
.article_ktitle      {font-family: '돋움', '굴림', '바탕'; font-size: 16px; font-weight: bold; letter-spacing: 0em; line-height: 140%;}
.article_etitle      {font-family: 'times new roman', 'verdana', 'tahoma'; font-size: 17px; font-weight: bold; letter-spacing: 0em; line-height: 140%;}
.article_authors     {font-family: 'times new roman', 'verdana', 'tahoma'; font-size: 12px; font-weight: bold; letter-spacing: 0em; color: #555; word-spacing: 2px}
.article_authorsup   {font-size: 10px; font-weight: normal; letter-spacing: -0.2em;}
.article_kabstract   {font-family: 'times new roman', 'verdana', 'tahoma'; font-size: 12px; font-weight: normal; letter-spacing: 0em; line-height: 140%;}
.article_eabstract   {font-family: 'times new roman', 'verdana', 'tahoma'; font-size: 14px; font-weight: normal; letter-spacing: 0em; line-height: 130%;}
.article_keywords    {font-family: 'times new roman', 'verdana', 'tahoma'; font-size: 13px; font-weight: normal; letter-spacing: 0em;}
.article_references  {font-family: 'times new roman', 'verdana', 'tahoma'; font-size: 13px; font-weight: normal; letter-spacing: 0em;}
.article_references li        {font-family: 'times new roman', 'verdana', 'tahoma'; font-size: 13px; font-weight: normal; letter-spacing: 0em; margin: 0px 0px 5px 0px; line-height: 130%;}
.article_references a:link    {font-family: 'times new roman', 'verdana', 'tahoma'; font-size: 13px; font-weight: normal; letter-spacing: 0em; color: blue; text-decoration: none; line-height: 130%: }
.article_references a:hover   {font-family: 'times new roman', 'verdana', 'tahoma'; font-size: 13px; font-weight: normal; letter-spacing: 0em; color: red; text-decoration: underline; line-height: 130%: }
.article_references a:active  {font-family: 'times new roman', 'verdana', 'tahoma'; font-size: 13px; font-weight: normal; letter-spacing: 0em; color: red; text-decoration: underline; line-height: 130%: }
.article_references a:visited {font-family: 'times new roman', 'verdana', 'tahoma'; font-size: 13px; font-weight: normal; letter-spacing: 0em; color: blue; text-decoration: none; line-height: 130%: }

/* highlight searched result */
.highlight {font-weight: bold;color: #cc0000; }
/* researcher network service */
#rns {width: 740px;height: 600px; border:1px solid;}


.display-none {display:none;}

.boardview p { margin-top:0px; margin-bottom:1px;}
.comment p { margin-top:0px; margin-bottom:1px;}
.comment textarea { resize:none; font-size:12px;}
.comment fieldset {
	border: 1px groove #ddd !important;
	padding: 0 15px 15px 15px !important;
	margin: 0 0 15px 0 !important;
	-webkit-box-shadow:  0px 0px 0px 0px #000;
	box-shadow:  0px 0px 0px 0px #000;
}
.comment legend  {
	font-size: 16px !important;
	font-weight: bold !important;
	text-align: left !important;
	width:auto;
	padding:0 10px;	
	margin-bottom:0;
	border-bottom:none;
}
.commentwriter {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border:1px solid #808080;
	background-color: #eee;
}
.commentborder {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
	border:1px solid #c0c0c0;
}

.keysearch { text-align:left; margin-top:10px;}
.keysearch button {width:35px; margin:9px;}

.phaselist {padding:0 25px 0 25px;}
.phaselist li {width:19%; min-width:115px; border-bottom:solid 1px #ddd;}
.line-down {line-height:40px; border-bottom:solid 1px #ddd;}
#forumwriteform .padding0, #forumeditform .padding0 {padding:0;}
#forumwriteform h6,#forumeditform h6 {margin:0 0 3px 0;}
#forumwriteform label,#forumeditform label {font-weight:normal; margin-top:7px;}

#phaseModal .modal-dialog {width:700px;}
#phaseModal .modal-header, 
#phaseModal .modal-body, 
#phaseModal .modal-footer {text-align:center;}


#commentListDept2 {margin-left:4%;}
#commentListDept1 > span > span.nick,
#commentListDept2 > span > span.nick {color:#0849AB}
#commentListDept1 > span > span.data,
#commentListDept2 > span > span.data {font-family:tahoma;font-size:7pt;color:#666;}
#commentListDept1 > span > span > span.btnReply,
#commentListDept2 > span > span > span.btnReply {cursor:hand; cursor:pointer; font-size:11px; font-family:돋움;color:#333;}
#commentListDept1 > span > span > span.btnAgree,
#commentListDept2 > span > span > span.btnAgree {cursor:hand; cursor:pointer; font-size:11px; font-family:돋움;color:#0849AB;}
#commentWrite .arr {cursor:hand; cursor:pointer; color:#666}
#commentWrite #body {height:100px; font-size:12px;}
#commentWrite button {height:100px;}
.ckpw_d_reply {position:absolute; top:7px; right:10px; background:whitesmoke;}
.ckpw_d_reply button {font-size:11px; height:23px; margin-left:5px;}
[id^="form_"] input {font-size:11px; width:124px; height:23px;}

.padding0 {padding:0px;}

.paddingtop0  {padding-top:0px;}
.paddingtop5  {padding-top:5px;}
.paddingtop10 {padding-top:10px;}
.paddingtop15 {padding-top:15px;}
.paddingtop20 {padding-top:20px;}
.paddingtop25 {padding-top:25px;}
.paddingtop30 {padding-top:30px;}

.paddingright0  {padding-right:0px;}
.paddingright5  {padding-right:5px;}
.paddingright10  {padding-right:10px;}
.paddingright15  {padding-right:15px;}
.paddingright20  {padding-right:20px;}
.paddingright25  {padding-right:25px;}
.paddingright30  {padding-right:30px;}

.paddingbottom0  {padding-bottom:0px;}
.paddingbottom5  {padding-bottom:5px;}
.paddingbottom10 {padding-bottom:10px;}
.paddingbottom15 {padding-bottom:15px;}
.paddingbottom20 {padding-bottom:20px;}
.paddingbottom25 {padding-bottom:25px;}
.paddingbottom30 {padding-bottom:30px;}

.paddingleft0 {padding-left:0px;}
.paddingleft-5  {padding-left:-5px;}
.paddingleft-10 {padding-left:-10px;}
.paddingleft-15 {padding-left:-15px;}
.paddingleft-20 {padding-left:-20px;}
.paddingleft-25 {padding-left:-25px;}
.paddingleft-30 {padding-left:-30px;}
.paddingleft5  {padding-left:5px;}
.paddingleft10 {padding-left:10px;}
.paddingleft15 {padding-left:15px;}
.paddingleft20 {padding-left:20px;}
.paddingleft25 {padding-left:25px;}
.paddingleft30 {padding-left:30px;}

.bg-gray {background:gray}
.bg-ghostwhite {background:ghostwhite}
.bg-whitesmoke {background:whitesmoke}
.bg-lightblue {background:lightblue}
.bg-skyblue {background:skyblue}
.bg-hotpink {background:hotpink}
.bg-tomato {background:tomato}
.bg-navy {background:navy}
.bg-darkkhaki {background:darkkhaki}
.bg-orangered {background:orangered}
.color-gray {color:gray}
.color-ghostwhite {color:ghostwhite}
.color-whitesmoke {color:whitesmoke}
.color-lightblue {color:lightblue}
.color-skyblue {color:skyblue}
.color-hotpink {color:hotpink}
.color-tomato {color:tomato}
.color-navy {color:navy}
.color-darkkhaki {color:darkkhaki}
.color-orangered {color:orangered}


/* popup */
#pop{ position:absolute; top:0px; left:228px; width:302px; display:none; height:465px;  background:#fff; border:3px solid #3571B5; z-index:100; padding:3px;}
#pop_txt {height:410px; border-bottom: 1px solid #DDD; background:#fff;}
#pop_btn {height:45px; background:#fff; padding-top:9px;  }
#close {padding:5px 10px;color:#fff; height:25px; border:1px solid #304a8a; background-color:#3f5a9d; float:right; cursor:pointer;}
#onedayclose {padding:5px 10px; text-align:center; color:#fff; height:25px; border:1px solid #304a8a; background-color:#3f5a9d; float:right; margin-right:3px; cursor:pointer;}