@charset "utf-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
	font-family:'Nanum Gothic','Malgun Gothic','맑은 고딕','궁서체','굴림',gulim,'돋움',dotum,'Microsoft NeoGothic', 'Droid sans', sans-serif; /* 1 */
  	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%; 
}
body {
	margin: 0;
	padding: 0;
}


/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
/*
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
*/
	padding: :0;
	margin: 0;
	border: 0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  resize:none;
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
ul,li,ol { list-style: none; margin: 0; padding: 0;}

th,td,input,select,textarea,button {
	font-size:14px;line-height:1;color:#333
}
 
*,*:before,*:after { box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

img {max-width:100%;}

::-webkit-input-placeholder {
    color:    #666; 
}
:-moz-placeholder {
    color:    #666;
}
::-moz-placeholder {
    color:    #666;
}
:-ms-input-placeholder {
    color:    #666;
}


a,
a:hover,
a:active,
a:visited { text-decoration: none; color:inherit}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
}
i, time { font-style: normal; }

#wrap {min-height: 100%; padding-bottom:95px;position:relative; }
#wrap.main {background:url(/nChamMob/Service/images/bg_main.png);}
#content { padding-bottom: 10px; }
.ic {
	display:inline-block;vertical-align:middle;
	text-indent: -9999px;
	background: url('/nChamMob/Service/images/ic_common.png') no-repeat ;
	background-size: 150px 150px;
}
.ic.ic-side-menu {background-position: -25px 0;width: 23px;height: 14px;}
.ic.ic-blue-glass {background-position: -25px -25px;width: 21px;height: 21px;}
.ic.ic-gray-glass {background-position: 0 -25px;width: 14px;height: 14px;}
.ic.ic-search-close {background-position: 0 0;width: 14px;height: 14px;}
.ic.ic-playmark {background-position: -25px -50px;width: 21px;height: 21px;}
.ic.paging-prev {	background-position: 0 -75px;width: 36px;	height: 34px;}
.ic.paging-next {background-position: -50px -75px;	width: 36px;	height: 34px;}
.ic.attach-file {background-position: -75px -125px;	width: 14px; height: 20px; }
.ic.bta,
.ic.board-title-arrow {background-position: -75px 0;	width: 5px;	height: 7px; margin-right: 4px; margin-bottom: 2px;}
.ic.tit {background-position: -75px -25px;width: 14px;height: 14px; margin-bottom: 2px;}
.ic.pdf {background-position:  -100px 0;	width: 12px;	height: 10px; margin-bottom: 1px ;}
.ic.date-search {background-position: -100px -25px;	width: 18px;	height: 18px; }
.btn-plus-more {display: inline-block; background: url('/nChamMob/Service/images/ic_common.png') no-repeat 0 -50px;	background-size: 150px 150px;	width: 13px;	height: 12px;text-indent: -9999px;}
.page-header ,.head-searcharea  {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(227,227,227,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(227,227,227,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
}

.head-gnb {text-align:center;height:46px;padding:10px 50px 11px 50px;border-bottom: 1px solid #000;}
	.btn-head-sidemenu {
		position:absolute;left:10px;top:8px;
		padding:8px 4px 8px 3px;
		line-height:0;
	}
	.btn-head-search {
		position:absolute;right:10px;top:8px;
		padding:4px 4px 5px 5px;
		line-height:0;
	}
	.top-logo {display: inline-block;width: 139px;height: 25px; text-indent: -9999px; background: url(/nChamMob/Service/images/img_top_logo.png) no-repeat 0 0; -webkit-background-size: 139px 25px; background-size: 139px 25px ;}

.head-searcharea {
	display:none;
	position:absolute;top:0;left:0;width:100%;z-index:10;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	height:46px;
	padding:6px 42px 6px 15px;
	z-index: 1010;
}
.head-searcharea-overlay { display: none; position: absolute; top:46px;right:0;left:0;bottom:0; background:rgba(0,0,0,0.85) ; z-index: 1000;}
.head-searcharea > form {display:block;position: relative;}
.head-searcharea .sinput {
	border:1px solid #9b9b9b;
	width:100%;
	height:34px;
	font-size: 15px;
	color: #666;
	line-height:34px;
	padding:0 5px 0 39px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}
.head-searcharea .btn-search {
	position:absolute;left:15px;top:11px;line-height:0;display:block;
}
.head-searcharea .btn-searcharea-close {
	position:absolute;top:50%;right:15px;
	margin-top:-7px;line-height:0;
	display:block;width:14px;height:14px;
}



.page-footer {background:#353841;border-top:1px solid #4b4b4b;height: 95px;padding:15px 0 0;position:absolute;bottom:0;left:0;right:0;}

.footer-menu-wrap {
	padding:0;
	text-align:center;
}
.footer-menu > a {
	display:inline-block;
	height:20px;padding: 0 8px;margin-left:5px;
	text-align:center;
	font-size:12px;line-height:18px;color:#949495;
	border:1px solid #505259;background: #3b3e47;
}
.footer-menu > a:first-child { margin-left: 0; }
.footer-submenu {margin-top:8px;}
.footer-submenu a {color:#9a9b9f;font-size:11px;line-height: 18px;}
.footer-submenu .scol {font-size:6px;margin:0 5px;color:#9a9a9a;}
.footer-copyright {margin-top: 6px; font-size:11px;color:#9a9b9f;line-height:18px;text-align:center;}





.side-menu {
	position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;
}
.side-menu .bg {
	position:absolute;top:0;right:0;width:20%;height:100%;z-index:10003;background:#000;opacity:0.85;
	-webkit-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.45);
	box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.45);
}
.side-menu .cont {
	position:absolute;top:0;left:0;width:80%;height:100%;z-index:10002;background:#fff;
	overflow:hidden;overflow-y:scroll;
}
.side-menu .head {
	position:relative;
	height:46px;line-height:46px;
	background: rgb(254,254,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(236,236,236,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(236,236,236,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(236,236,236,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	padding:0 15px;
}
.side-menu .head > img {vertical-align:middle;}
.side-menu .head > a {vertical-align:middle;display:inline-block;line-height:0;position:absolute;top:50%;right:15px;margin-top:-11px;}

.side-menu .nav {width: 100%;}
.side-menu .nav > li {border-top:1px solid #00376d;background:#1a67a8;}
.side-menu .nav a {
	color:#fff;

}
.side-menu .nav > li > a {
	display:block;
	position:relative;
	background:#1a67a8;
	height:35px;line-height:35px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.41);
	font-size:12px;
	border-bottom:1px solid #4885b9;
	padding:0 30px 0 15px;
}
.side-menu .nav > li span.mark {position:absolute;top:50%;margin-top:-5px;right:15px;background:url(/nChamMob/Service/images/bg_aside_toggle.png) no-repeat 0 0;background-size:15px 18px;display:block;width:15px;height:9px;}
.side-menu .nav > li.open span.mark {background-position:0 -9px;}
.side-menu .nav .sub {display:none;background:#004b89;}
.side-menu .nav li.open .sub {display:block;}
.side-menu .nav .sub li {padding:0 25px;border-top:1px solid #00376d;}
.side-menu .nav .sub li a {
	display:block;
	background:url(/nChamMob/Service/images/bg_aside_dot.png) no-repeat left center ;
	background-size:2px 2px;
	padding-left:10px;
	font-size:10px;
	line-height:26px;height:26px;
	
}
.side-menu .bottom {text-align:center;padding:16px 0;}
.side-menu .bottom p {
	display:inline-block;
	border:1px solid #bfbfbf;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.side-menu .bottom p a {font-size:10px;color:#333;display:inline-block;height:28px;line-height:28px;text-align:center;padding:0 30px;}
.side-menu .bottom p a:first-child {border-right:1px solid #dfdfdf;}
.btn-aside-close {position:absolute;top:13px;left:80%;margin-left:10px;z-index:10005;}



.main-block {border-bottom: 1px solid #c6c6c6; background: #fff;}
.main-block + .main-block{margin-top: 8px;}
.main-block h2 {padding: 0 15px; font-size: 14px; color: #111;height: 41px; line-height: 38px; border-bottom: 1px solid #d9d9d9;}
.main-block h2.nobd {border-bottom: 0;}
.main-block h2 span ,
.main-block .btn-plus-more { vertical-align: middle; }

.latest-list { padding: 0 15px; }
.latest-list li { border-top: 1px solid #d9d9d9; height: 41px; }
.latest-list li:first-child { border-top: 0; }
.latest-list a { display: block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; line-height: 36px;}

.latest-list span:before { content:"" ; display: inline-block; margin:0 10px; background: #ebebeb; width: 1px;height: 12px; vertical-align: middle; }
.latest-list span,
.latest-list .tag,
.latest-list time { vertical-align: middle; color: #353535; font-size: 14px;}
/*.latest-list span,*/
/*.latest-list .tag,*/
/*.latest-list time { vertical-align: middle; display: inline-block; color: #353535; font-size: 14px;}*/
.latest-list time { margin-left:5px; color: #333; font-weight: bold; }
.latest-list .tag.orange {color: #de5e00}
.latest-list .tag.blue {color: #115ec7}

.main-banner-wrap { position: relative;}
/*.main-banner-wrap { position: relative; padding-bottom: 35px;}*/
.main-banner {}
.main-banner > li {width:100%;}
.main-banner .multibanner {overflow:hidden;}
.main-banner .multibanner li { float:left; width:33.4375%; }
.main-banner .multibanner li.large { width:66.5625%; }
.main-banner .multibanner li img { max-width:100%; display:block;}
.main-banner .multibanner li a {display:block;position:relative;}
.main-banner .multibanner li a span.desc { 
	width:100%;
	padding:6px 8px;
	position:absolute; bottom:0;left:0;
	color:#fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.main-banner .multibanner li.large a span.desc { 
	width:100%;
	padding:10px 13px;
	position:absolute; bottom:0;left:0;
	color:#fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.main-banner .multibanner li a span.desc i { 
	font-size:9px;
	line-height:16px; height:16px; 
	overflow:hidden;white-space:nowrap;
	text-overflow:ellipsis;
	width:100%;
	display:block;
	font-style:normal;
}

.main-banner .multibanner li.large a span.desc strong {
	display:block;
	font-size:14px;
	line-height:20px;height:20px;
	overflow:hidden;white-space:nowrap;
	text-overflow:ellipsis;
	width:100%;
}
.main-banner .multibanner li.large a span.desc i { 
	font-size:10px;
	line-height:16px; height:16px; 
	overflow:hidden;white-space:nowrap;
	text-overflow:ellipsis;
	width:100%;
	display:block;
	font-style:normal;
}

.main-banner_wrap {border-bottom:1px solid #c6c6c6;background:#f5f5f5;position:relative;padding-bottom:28px;}
/*.bx-controls { background:#f5f5f5; position:absolute; bottom:0; left:0; width:100%; height:35px; text-align:center; }*/
.bx-pager { display:inline-block; padding:13px 0 12px; min-width:72px; text-align:center; height:35px; line-height:10px;}
.bx-pager .bx-pager-item { display:inline-block; margin:0 2px; height:10px; line-height:0; vertical-align:top;}
.bx-pager .bx-pager-link { 
	display:block; width:10px; height:10px; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#b6b6b6;
	font-size:0;line-height:0;
}
.bx-pager .bx-pager-link.active {background:#1366cc;}
.bx-prev ,
.bx-next {
	position:absolute; right:50%; top:50%; margin-top:-9px;
	width:19px;height:19px;
	background:url(/nChamMob/Service/images/btn_main_bxslider.png) no-repeat 0 0;
	-webkit-background-size:auto 19px;
	background-size:auto 19px;
	font-size:0; line-height:0;
}
.bx-next { background-position:-19px 0; right:auto; left:50%;}






.newstab-wrap { background:#fff; border:1px solid #c6c6c6;border-width:0 1px 1px; position:relative;}
/*.newstab-wrap { background:#fff; border:1px solid #c6c6c6;border-width:0 1px 1px; position:relative; padding-bottom:35px;}*/
.newstab-menu * {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.newstab-menu {margin:0;background:#fff;}
.newstab-menu ul {
	height:40px;
	border-bottom: 1px solid #c6c6c6;
}
.newstab-menu ul li { float:left; height:39px; width:25%; }
.newstab-menu ul li a { display:block; position:relative; font-size:14px; color:#111; font-weight:bold; text-align:center; line-height:40px; letter-spacing:-1px;}
.newstab-menu ul li a.active { 
	border-bottom: 3px solid #115ec7;
	height: 40px;color: #115ec7;
}
/*.newstab-wrap .bx-controls {border-top:1px solid #a3a3a7;}*/

.newstab-list {padding:0 15px;}
.newstab-list li {border-top:1px solid #d9d9d9;}
.newstab-list li:first-child {border-top:0;}
.newstab-list li a {display:block;height: 40px;line-height:40px; position:relative; padding-right:65px;}
.newstab-list li a span.tit { 
	font-size:14px; color:#2b2b2b; 
	display:block;
	width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.newstab-list li a span.date { font-size:12px; line-height: 20px; height: 20px;color:#666; vertical-align:baseline; position:absolute; top:50%;margin-top: -10px;right:0;}





.semina-wrap {}
.semina-wrap ul {overflow:hidden;}
.semina-wrap ul li { 
	float:left;width:50%; 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 10px 14px;
}
.semina-wrap ul li a {display:block;position:relative;width:100%;}
.semina-wrap .ic-playmark { position:absolute; bottom:5px; left:5px; }
.semina-wrap .tit {
	margin:8px 0 4px;
	font-size:14px; color:#353535; line-height:19px; max-height:38px; 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.semina-wrap .date { font-size:12px; line-height:14px; color:#666; }



.viewerlist {padding: 0 15px 10px;overflow:hidden;}
.viewerlist li {
	padding:0 3px 5px 2px;float:left;width:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.viewerlist li a {display:block;width:100%;height:65px;position:relative;background:#004585 url(/nChamMob/Service/images/img_main_icon01.png) no-repeat center 0;}
.viewerlist li a span {display:block;width:100%;text-align:center;position:absolute; bottom:3px;left:0; font-size:13px;line-height:18px; color:#fff;}
.viewerlist li a.viewer01 {background-image:url(/nChamMob/Service/images/img_main_icon01.png);-webkit-background-size:auto 60px;
background-size:auto 60px;}
.viewerlist li a.viewer02 {background-image:url(/nChamMob/Service/images/img_main_icon02.png);-webkit-background-size:auto 60px;
background-size:auto 60px;}
.viewerlist li a.viewer03 {background-image:url(/nChamMob/Service/images/img_main_icon03.png);-webkit-background-size:auto 60px;
background-size:auto 60px;}
.viewerlist li a.viewer04 {background-image:url(/nChamMob/Service/images/img_main_icon04.png);-webkit-background-size:auto 60px;
background-size:auto 60px;}
.viewerlist li a.viewer05 {background-image:url(/nChamMob/Service/images/img_main_icon05.png);-webkit-background-size:auto 60px;
background-size:auto 60px;}
.viewerlist li a.viewer06 {background-image:url(/nChamMob/Service/images/img_main_icon06.png);-webkit-background-size:auto 60px;
background-size:auto 60px;}



.article-header {  }
.article-header h2 { padding: 5px 15px;  font-size: 14px; line-height: 21px; height: 32px;color: #fff; border-bottom: 1px solid #003466;background: #075197; }
.article-header h3 { padding: 11px 15px;height: 44px; border-bottom: 1px solid #111; font-size: 16px; line-height: 22px; background:url(/nChamMob/Service/images/bg_main.png);}

.board-search-wrap {}
.board-search { display: table; table-layout:auto; width: 100%;padding: 0 12px; border-bottom: 1px solid #bfbfbf;}
ul.board-search-ui { display: table-row; }
ul.board-search-ui li { display: table-cell; padding: 7px 3px; }
.board-search.sub {background: #f5f5f5;border-bottom: 1px solid #d9d9d9;}
.board-search.sub ul.board-search-ui li {padding: 5px 3px;}

.ui-select {
	display: inline-block;
	background:#fff url(/nChamMob/Service/images/bg_select_arrow.png) no-repeat right center;
	background-size:18px 7px;
	width:100%;
	border: 1px solid #aaa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 31px;

}
.ui-select select { 
	border: 0; 
    -webkit-appearance: none;
    -moz-appearance: none;
	height: 29px; 
	
	padding: 0 30px 0 10px;
	background: transparent;
}
.ui-search-input { width: 100%;background: #fff; padding-right: 24px;height: 31px; position: relative;border: 1px solid #aaa; }
.ui-search-input input { width: 100%;border: 0; background: transparent; padding: 0 10px;height: 29px;}
.ui-search-input .button { position: absolute; top:0; right:1px; width: 25px; height: 30px; padding: 7px 5px;border-left: 1px solid #aaa;}
.ui-search-input .button .ic { display: block; }

ul.board-search-ui li .ui-select ,
ul.board-search-ui li .ui-select select {width: 100%; }

.board-list-wrap {}
.board-list-title {margin-top: 15px;font-size: 15px; color: #1b1b1b; height: 44px; line-height: 42px; padding: 0 15px; background: #f5f5f5; border: 1px solid #d9d9d9;border-width: 1px 0;font-weight: bold;}
.board-list { padding: 0 15px; }
.board-list.callinglist { padding: 0 }
.board-list { padding: 0 15px; }
.board-list > li { padding: 12px 0; border-bottom: 1px solid #d9d9d9 ;}
.ba-block {display: block; text-decoration: none; position: relative;}
	.ba-cont,
	.ba-tit,
	.ba-tit-s {
		font-size: 14px; line-height: 19px; color: #2b2b2b; display: block; 
	}

	.ba-cont,
	.ba-tit { 
		max-height:38px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word; 
	}
	.ba-tit-s {white-space:nowrap;overflow: hidden; text-overflow:ellipsis;}
	.ba-cont { font-size: 12px; line-height: 15px; color: #6f6f6f; margin-top: 3px;}
	.ba-desc,
	.ba-info { font-size: 12px; line-height: 16px; color: #a3a3a3; display: block; margin-top:3px;}
	.ba-info > i { display: inline-block; vertical-align: middle; }
	.ba-info > i + i:before { content:""; display: inline-block; vertical-align: middle;  height: 9px; width: 1px; background: #ededed; margin: 0 4px;}

/* 새로운 퍼블리싱에서 추가*/
	.ba-hit {font-size: 12px; color: #a3a3a3;position: absolute; bottom:0;right:0;line-height: 16px;}
	.ba-hit:before { 
		content:""; display: inline-block; 	
		background: url('/nChamMob/Service/images/ic_common.png') no-repeat -50px 0;
		background-size: 150px 150px;
		width: 18px;
		height: 12px;
		vertical-align: middle;margin-right: 5px;
	}
	.ba-img img,
	.ba-img { width: 88px; height: 66px; display: block; }
	.ba-img { position: absolute; top:3px; left:0; }


	.ba-tit-s + .ba-item { margin-top: 4px; }
	.ba-feature {margin-top: 6px;padding-left: 6px;font-size: 12px; color: #a3a3a3; line-height: 17px;max-height:51px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word; }
	.ba-feature i {position: relative;}
/*	.ba-feature i:before {content:"-";position: absolute; top:0;left:-6px;}*/
	.ba-feature i:before {content:"";position: absolute; top:0;left:-6px;}
	.ba-feature2 { margin-top: 6px;padding-left: 0; font-size: 12px; color: #666; line-height: 17px;max-height:51px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word; }

.ba-block.with-sts { position: relative;}
/*.ba-block.with-sts {padding-right:83px; position: relative;}*/
/*.ba-block.with-sts-dbl {padding-right:83px; position: relative;min-height:57px}*/
.ba-block.with-sts-dbl .ba-info > i { display: block; }
.ba-block.with-sts-dbl .ba-info > i:before { display: none; }
.ba-block.with-sts-dbl .ba-sts-wrap { margin-top: -29px; }

.ba-block.with-img {padding-left:98px; position: relative;min-height:72px;} /*추가*/
.ba-sts-wrap { position: absolute; top:50%; margin-top: -13px;right:0;}

.ba-sts { display: block; width: 68px; height: 26px; line-height: 26px; text-align: center; color: #fff;font-size:13px ; }
.ba-sts.orange {background: #f26522;}
.ba-sts.gray {background: #828282;}
.ba-sts.skyblue {background: #12b5f1;}
.ba-sts.blue {background: #0e5ec1;}
.ba-sts.green {background: #5BA40D;}

.ba-sts + .ba-sts {margin-top: 5px;}



.paging-wrap {padding: 15px 0 ; text-align: center; }
.paging-wrap li {display:inline-block; margin:0 10px;} /* 페이징 추가*/
	.paging-per {margin: 0 15px; color: #6f6f6f; font-size: 14px; }
	.paging-per strong { color: #075197;font-weight: normal; }


.btn-wrap {padding: 0 15px;}
.btn-wrap.tr {text-align: right; }
.btn {line-height: 27px; height: 27px; padding: 0 16px; display: inline-block;  font-size: 14px;}
.btn.fullsize { display: block; text-align: center; }
.btn.orange {color: #fff; background: #f26522; }
.btn.blue {color: #fff;background: #075197;}
.btn.sblue {color: #fff;background: #12b5f1;}

.board-view-info {}
.board-view-info h4 {padding: 5px 15px;font-size: 15px; line-height: 23px; color: #075197;}
.board-view-info table {width: 100%;}
.board-view-info table th,
.board-view-info table td { padding: 5px 10px; border: 1px solid #d9d9d9; border-width: 1px 0; font-size: 14px; color: #2b2b2b; line-height: 26px;}
.board-view-info table th { background: #f5f5f5; }
.board-view-info .btn {font-size: 14px;line-height: 26px;height: 26px;padding: 0 23px;}
.board-view-info.simple { border-bottom: 1px solid #d9d9d9; padding: 5px 15px;}
.board-view-info.simple h4 {padding: 0;}
.board-view-info.simple .date {padding: 0;font-size: 12px; line-height: 20px; color: #a3a3a3;}

.board-view {padding:22px 15px;font-size: 15px; line-height: 18px; color: #666;}

.board-related {border-top: 1px solid #d9d9d9;}
.board-related li { padding: 11px 15px; border-bottom: 1px solid #d9d9d9;}
.related-article { display: block; position: relative; padding-left: 10px; padding-right: 72px;  line-height: 18px; font-size: 12px; color: #464646;}
.related-article:before {content:""; display: block; position: absolute; top:5px; left:0; background: url('/nChamMob/Service/images/ic_common.png') no-repeat ;background-size: 150px 150px;}
.related-article.prev:before {background-position: 0 -125px;	width: 5px;	height: 5px; }
.related-article.curr:before {background-position: -25px -125px;width: 5px;height: 2px; top:8px}
.related-article.next:before {background-position: -50px -125px;	width: 6px;	height: 5px;}
.related-article.pprev {background: url('/nChamMob/Service/images/pprev.png') no-repeat ;background-size: 4px 20px;}
.related-article.nnext {background: url('/nChamMob/Service/images/nnext.png') no-repeat ;background-size: 4px 20px;}

.related-article span { position: absolute; top:0; right:0; height: 18px; line-height: 18px; font-size: 12px; color: #a3a3a3; }

.board-related + .btn-wrap { margin-top: 10px }

.attachfile-link {line-height: 22px; display: inline-block; }
.attachfile-link .ic.attach-file {margin-bottom: 1px;}


.ui-category {display: block;margin: 0 -15px -1px;overflow: hidden;overflow: hidden;}
.ui-category > li { position: relative; display: block; float:left; padding: 0; margin-top: -1px; margin-left: -1px;height: 36px;width: 50%; border: 1px solid #aeaeae;}
.ui-category > li > a { color: #2b2b2b; font-size: 14px; display: block; line-height: 34px;height: 34px; text-align: center; background: #f5f5f5;}
.ui-category > li > a.current {position: absolute; border-bottom: 3px solid #115ec7; height: 36px;width: 100%;z-index: 10;color: #115ec7;font-weight: bold;}
.ui-category > li:nth-child(odd) {border-left: 0;}
.ui-category > li:nth-child(1),
.ui-category > li:nth-child(2){border-top: 0;}

.page-block {}
.guide-gotopc-wrap { padding: 15px; margin-top: 5px;}
.guide-gotopc { padding: 15px 10px; background:url(/nChamMob/Service/images/bg_main.png); border: 1px solid #cfcfcf; }
.guide-gotopc > p { font-size: 14px; line-height: 18px; color: #2b2b2b}
.guide-gotopc > p + p { margin-top: 12px ;}

/*추가*/
.photo-view {border-bottom: 1px solid #d9d9d9; padding: 15px;}
.photo-view-screen img {width: 100%; display: none;}
.photo-view-screen img.curr {width: 100%; display: block;}
.photo-view-thumb { margin: 15px -6px 0; }
.photo-view-thumb:after { content:""; display: table; clear: both; }
.photo-view-thumb img {width: 100%; display: block;}
.photo-view-thumb li { float:left; width: 33.33333333%; padding: 0 4px;}
.photo-view-thumb li a { display: block; border: 2px solid #fff;}
/*.photo-view-thumb li.current a {border: 2px solid #03b1ed;} 기존소스 */
.photo-view-thumb li a.curr {border: 2px solid #03b1ed;}


/*추가*/
.introduce-wrap { padding: 15px; }

.introduce-box img { width: 100%; }
.introduce-box p { margin-top: 15px; font-size: 14px; line-height: 19px; color: #2b2b2b; }
.introduce-box p.sign { font-weight: bold; text-align: right; }

.introduce-box.blue { margin-bottom: 10px;padding: 12px 25px; background: url(/nChamMob/Service/images/bg_introduce_dot.png) ;background-size: 5px 5px; }
.introduce-box.blue p { margin: 0; position: relative; font-size: 15px; color: #ffffff; line-height: 20px; font-weight: bold; }
.introduce-box.blue p + p { margin: 10px 0 0; }
.introduce-box.blue p.first:before { 
	/*position: absolute; top:2px; left:-20px;*/
	display: inline-block;margin-left: -20px;margin-bottom: 4px;
	content:""; background: url(/nChamMob/Service/images/ic_introduce_q.png) no-repeat 0 0;
	width: 16px; height: 10px; 
	background-size: 32px 10px;
}
.introduce-box.blue p.last:after { 
	display: inline-block;margin-bottom: 4px;
	content:""; background: url(/nChamMob/Service/images/ic_introduce_q.png) no-repeat right 0;
	width: 16px; height: 10px; 
	background-size: 32px 10px;
}

.business-wrap { padding: 0 15px; }
.business-box { padding: 10px 0; font-size: 13px; line-height: 18px; color: #666; }
.business-box h5{font-size: 14px; color: #2b2b2b; line-height: 20px;}
.business-box h5:before {content:"▶"; font-size: 10px; display: inline-block; vertical-align: middle; margin-bottom: 4px; }
.business-box .gohomepage {display: inline-block;width: 16px; height: 16px; background: url(/nChamMob/Service/images/btn_gohomepage.png) no-repeat 0 0;background-size: 16px 16px; text-indent: -9999px;}
.business-box p {font-size: 13px; color: #666666; line-height: 18px;}
.business-box p + h5 { margin-top: 6px; }
.business-box p.tit { color: #2b2b2b; margin-bottom: 2px;}
.business-box .img + p.tit,
.business-box p + p.tit {margin-top: 6px; }
.business-box .box {border: 1px solid #cfcfcf;padding: 7px 10px; margin-top: 7px;}
.business-box .dash li {position: relative;}
.business-box .dash li:before {content:"-";position: absolute; top:0; left:0;}
.business-box .dash.half { padding: 7px 5px; }
.business-box .dash.half li {float:left;width: 50%; padding: 0 5px 0 13px;}
.business-box .dash.half li:before { left:5px; }
.business-box .box img {display: block; max-width:100%; }
.business-box .img.half {padding:8px;}
.business-box .img.half li {float:left;width: 50%; padding: 2px;}
.business-box .half:after {content:"";display: table; clear: both;}
.business-box .desc figcaption {margin-top: 6px;}
.business-box .desc p.tit { margin: 4px 0;display: block;}
.business-box .desc figcaption p strong {color: #2b2b2b;}
.business-box .desc figure img { width: 50%; }
.business-box .desc figure + figure {margin-top: 10px;}
.business-box .dot li {position: relative;padding-left: 8px;}
.business-box .dot li:before {content:"";position: absolute; top:7px; left:2px;width: 2px;height: 2px;background: #666;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

.business-box .sub-box {margin-top: 6px; }
.business-box .sub-box .dash + .dot,
.business-box .sub-box .dot + .dash { margin-top: 10px ; }

.ceo-list-wrap { padding: 15px; }

.ceo-list > li + li { margin-top: 15px; }
.ceo-list > li:after { content:"" ; display: table; clear: both; }
.ceo-list img {width: 99px;height: 95px; display: block; float:left; }
.ceo-list > li > p ,
.ceo-list > li > ul.dot {margin-left: 114px; }
.ceo-list > li > ul.dot { margin-top: 4px; }
.ceo-list > li > p { font-size: 14px; color: #2b2b2b; line-height: 20px; }
.ceo-list > li > p > span { font-size: 13px; color: #666666; margin-left: 10px; }
.ceo-list > li > ul.dot li {font-size: 13px; color: #666666; line-height: 18px;}


.history-list-wrap { padding: 10px 15px; }
.history-list {}
.history-list + .history-list  { margin-top: 10px; }
.history-list h5 {font-size: 15px; color: #0a5796;line-height: 25px;}
.history-list ul li {padding-left: 85px; position: relative; line-height: 18px; letter-spacing: -1px;}
.history-list ul li strong { position: absolute; top:0; left:0; font-size: 14px; color: #2b2b2b}
.history-list ul li p { font-size: 13px; color: #666}

/*추가*/
.kcci-intro-wrap { padding: 15px; }
.kcci-desc {font-size: 13px; color: #666666; line-height: 18px;}
.kcci-desc h5 {color: #2b2b2b; font-size: 14px; line-height: 24px;}
.kcci-desc h5:before {content:"▶"; font-size: 10px; display: inline-block; vertical-align: middle; margin-bottom: 4px; }
.kcci-desc h5.nomark:before { display: none; }
.kcci-desc p + h5 { margin-top: 15px; }
.kcci-desc .refer {font-size: 13px; color: #666; margin-top: 12px;}
.kcci-desc p.img {text-align: center; margin-top: 15px;}
.kcci-desc p.img.bd {padding: 15px;border: 1px solid #cecece; margin-top: 0;}

.kcci-desc .strong { color: #2b2b2b; font-size: 14px;}
.kcci-desc .quote {background: #e9f3fa; padding: 12px 15px; line-height: 18px; font-size: 13px; color: #666;}
.kcci-desc .quote.mt { margin-top: 10px; }
.price-table .refer,
.kcci-desc .quote .refer {margin-top: 0;position: relative;padding-left: 15px;}
.price-table .refer span,
.kcci-desc .quote .refer span { position: absolute; top:0; left:0 }

.kcci-desc .quote h6 {font-size: 13px;}
.kcci-desc .dash ,
.kcci-desc .quote .refer + .refer ,
.kcci-desc .quote h6 + p, 
.kcci-desc .quote p + p { margin-top: 5px; }
.kcci-desc .quote + h5 {margin-top: 15px; }
.kcci-desc .quote p + h6 { margin-top: 10px;}
.price-table {margin-bottom: 15px; }
.price-table  table {}
.price-table  thead th {border-top: 2px solid #000;border-bottom: 1px solid #aaa; font-size: 14px; color: #111; line-height: 20px; padding: 11px 5px;}
.price-table  tbody td { border-bottom:1px solid #d9d9d9;font-size: 13px; line-height: 20px; padding: 9px 5px;text-align: center;color: #2b2b2b;}
.price-table .refer { margin-top: 5px;}

.quote {background: #e9f3fa; padding: 12px 15px; line-height: 18px; font-size: 13px; color: #666;}
.quote.mt { margin-top: 10px; }
.quote .refer {margin-top: 0;position: relative;padding-left: 15px;}
.quote .refer span { position: absolute; top:0; left:0 }

.kcci-intro h5 {color: #0a5796; font-size: 22px; line-height: 22px; }
.kcci-intro p { font-size: 13px; line-height: 18px; color: #666}
.kcci-intro p.strong { color: #333333; font-weight: bold; margin: 4px 0;}
.kcci-intro p.img {text-align: center; margin-top: 15px;}
.kcci-intro p.img.bg {padding: 15px;background: url(/images/bg_imgbox.png); background-size: 5px 5px; border: 1px solid #cecece; margin-top: 0;}
.kcci-intro p.img img {max-width:100%; }
.kcci-intro h6 {font-size: 15px; color: #0a5796; line-height: 22px; margin-top: 15px;}
.kcci-intro h6:first-child { margin-top: 0; }
.kcci-intro .tag { margin: 4px 0;display: block; width: 105px; padding: 0 3px; background:#c4e4f3 ; font-size: 14px; color: #2b2b2b; font-weight: bold; line-height: 15px;}
.kcci-intro p.img.bg { margin: 4px 0 8px;}
.kcci-intro h6 + p.img.bg { margin-top: 8px;}


/* 추가 퍼블리싱 CSS - 160222 임병영 */

.page-header.login { background: #fff; }
.page-header.login .top-logo { display: none; }
.page-header.login .head-gnb { border-bottom: 0; }


.board-search-wrap.mid {padding: 0 15px;}
.board-search-wrap.mid .board-search { padding: 0 5px;border-top: 1px solid #bfbfbf; }

.article-header .board-search { border-bottom: 0; }

.ba-tit .cate { color: #075197; margin-right: 4px;font-style: normal;}

.ba-addlink {position: relative; padding-left: 18px; line-height: 22px;}
.ba-addlink a { color: #075197; font-size: 12px;  vertical-align: middle; }
.ba-addlink a:after { content:""; display: inline-block; height: 10px; width: 1px; background: #a3a3a3; display: inline-block; margin: 0 2px 0 6px; vertical-align: middle;}
.ba-addlink a:last-child:after { display: none;}
.ba-addlink:before { 
	position: absolute;top:5px;left:5px;
	content:""; width: 8px; height: 8px; border: 1px solid #2868a5;border-width: 0 0 1px 1px; 
}

.ba-video img,
.ba-video { width: 115px; height: 64px; display: block; }
.ba-video { position: absolute; top:4px; left:0; }
.ba-video:after { 
	position: absolute; 
	left:5px; bottom:5px;
	content:"";
	background: url('/nChamMob/Service/images/ic_common.png') no-repeat ;
	background-size: 150px 150px;
	background-position: -25px -50px;width: 21px;height: 21px;
}
.ba-publish img,
.ba-publish {width: 69px;height: 96px; display: block; }
.ba-publish { position: absolute; top:4px; left:0; }
.ba-item {font-size: 12px;color: #6f6f6f; line-height: 17px; display: block; }
.ba-item i {color: #075197;margin-right: 4px;}

.ba-feature2.line5 { -webkit-line-clamp: 2;max-height:85px;}
/*.ba-feature2.line5 { -webkit-line-clamp: 5;max-height:85px;}*/

.callinglist .ba-block { padding:  0 98px 0 15px; position: relative;  min-height:56px;}
.callinglist .ba-blockF { padding:  0 15px 0 15px; position: relative;  min-height:56px;} /*외국상의 전용 CSS*/

.ba-calling { margin-top: -3px; display: inline-block; padding-right: 25px; position: relative; font-size: 14px ; color: #2b2b2b ; line-height: 28px;}

.ba-calling:after {
	content:"";
	background: url('/nChamMob/Service/images/ic_common.png') no-repeat -50px -25px;
	background-size: 150px 150px;
	width: 13px;
	height: 20px;
	position: absolute; top:50%; right:0;
	margin-top: -10px;
}

.ba-address {font-size: 13px; line-height: 18px; color: #666666;}
.ba-menu {position: absolute; top:50%; right:15px; margin-top: -28px;}
.ba-menu a {display: block; width: 68px; height: 25px; line-height: 25px; text-align: center; font-size: 13px; display: block;color: #fff;}
.ba-menu a.sblue {background: #12b5f1;}
.ba-menu a.orange {background: #f26522; }
.ba-menu a + a { margin-top: 6px; }

.ba-block.with-video {padding-left:125px; position: relative;min-height:72px;}
.board-list.with-hit .ba-block { padding-right: 58px;}
.board-list.with-publish .ba-block { padding-left: 79px; position: relative; min-height:104px;}


.board-view-info .calling { display: inline-block; padding-right: 25px; position: relative; }
.board-view-info .calling:after {
	content:"";
	background: url('/nChamMob/Service/images/ic_common.png') no-repeat -50px -25px;
	background-size: 150px 150px;
	width: 13px;
	height: 20px;
	position: absolute; top:50%; right:0;
	margin-top: -10px;
}

.board-view-info h4.with-where {color: #111111;}
.board-view-info h4.with-where span {color: #075197;}

.board-view img { max-width:100%; }

.related-article.curr { font-weight: bold; }

.ui-category.dbl {}
.ui-category.dbl > li {height:auto;position: relative;height: 47px;}
.ui-category.dbl > li > a {line-height: 18px;padding: 5px 0;height: 45px;}
.ui-category.dbl > li:nth-child(1),
.ui-category.dbl > li:nth-child(2){border-top: 0;height: 46px;}

.article-header .ui-category { margin: 0 -15px; }
.article-header .ui-category > li { border: 1px solid #aeaeae; border-width: 1px 0 0 1px; margin: 0;}
.article-header .ui-category > li:nth-child(odd) {border-left:1px solid #aeaeae; ;}
.article-header .ui-category > li:nth-child(1),
.article-header .ui-category > li:nth-child(2){border-top: 1px solid #aeaeae; ;}

.comment-write {padding: 20px 81px 20px 15px; position: relative; background: #f5f5f5;}
.comment-write textarea { height: 50px; width: 100%; border: 0; padding: 5px 15px; font-size: 12px; line-height: 20px; color: #2b2b2b;}
.comment-write .btn { width: 59px; height: 50px; position: absolute; top:20px; right:15px; background: #666; line-height: 50px; text-align: center; font-size:14px ; color: #fff;}


.video-view-list {}
.video-view-list li {border-top: 1px solid #d9d9d9;padding: 10px 80px 10px 15px; position: relative; }
.video-view-list p { margin-top: 3px; padding-left: 15px; position: relative; font-size: 12px; line-height: 20px; color: #666;}
.video-view-list p.tit { margin-top: 0; font-size: 14px; font-weight: bold; }
.video-view-list p.tit span { position: absolute; top:0; left:0; }
.video-view-list a { position: absolute; top:50%; right:15px;  width: 60px; height: 28px; margin-top: -14px; text-align: center; background: #12b5f1; font-size: 14px;color: #fff;line-height: 28px;letter-spacing: -1px;}


.dash {}
.dash li {position: relative; padding-left: 8px;}
/*.dash li:before { content:"-"; position: absolute; top:0; left:0; }*/
.dash li:before { content:"-"; position: absolute; top:0; left:0; }


.publish-view {position: relative; padding-left: 80px;}
.publish-view img {width: 69px;height: 96px; display: block; position: absolute; top:4px; left:0; }
.publish-view figcaption > p { font-size: 14px; line-height: 26px; margin-bottom: 6px; color: #666; font-weight: bold; }

.publish-view figcaption > .dash { font-size:14px ;line-height: 20px; color: #666 }

.publish-view-wrap .btn-wrap {margin: 20px -5px 0;}
.publish-view-wrap .btn-wrap:after { content:""; display: table; clear: both; }
.publish-view-wrap .btn-wrap li { float:left; width: 50%; padding: 0 5px; }
.publish-view-wrap .btn-wrap a {display: block; height: 27px; text-align: center; font-size: 14px; line-height: 27px; color: #fff;}
.publish-view-wrap .btn-wrap a.sblue {background: #12b5f1;}
.publish-view-wrap .btn-wrap a.orange {background: #f26522;}


.sitemap {margin-top: 20px; border-top: 1px solid #d7d7d7 ;}
.sitemap > ul {}
.sitemap > ul > li {}
.sitemap > ul > li > p  {display: block;font-size: 15px; line-height: 40px; color: #1b1b1b; height: 42px; background: #f5f5f5;  font-weight: bold; border: 1px solid #d7d7d7 ; border-width: 0 0 1px; padding: 0 15px;}
.sitemap .depth2 { padding: 2px 15px; }
.sitemap .depth2 li {padding: 0 9px; border: 1px solid #d7d7d7; border-width: 1px  0 0; line-height: 35px;}
.sitemap .depth2 > li:first-child { border-top: 0; }
.sitemap .depth2 li > a { font-size: 14px;color: #2b2b2b}
.sitemap .depth2 > li > a:before {
	content:"";
	display:inline-block;vertical-align:middle;
	text-indent: -9999px;
	background: url('/nChamMob/Service/images/ic_common.png') no-repeat ;
	background-size: 150px 150px; 
	background-position: -75px 0;	width: 5px;	height: 7px; margin-right: 4px; margin-bottom: 2px;
}

.sitemap .depth3 {margin: 0 -9px;}
.sitemap .depth3 > li {padding: 0 18px; background: #f5f5f5;}

.assemblyman-list,
.assemblyman {padding: 15px;}
h5.tit { margin-bottom: 10px; font-size: 14px; color: #2b2b2b;}
.assemblyman-list table,
.assemblyman table {table-layout: fixed;width: 100%;}
.assemblyman td,
.assemblyman th { padding: 6px 0; line-height: 18px; border: 1px solid #d9d9d9; border-width: 1px 0;}
.assemblyman thead td,
.assemblyman thead th {font-size: 13px; color: #2b2b2b; font-weight: bold; text-align: center; }
.assemblyman thead th, 
.assemblyman tbody th {background: #f5f5f5; text-align: center; }
.assemblyman tbody th,
.assemblyman tbody td { font-size: 12px; text-align: center; }
.assemblyman tbody td:last-child { text-align: left; padding: 6px;}
.assemblyman .contact-info { margin-top: 15px ;background: #8f9ba0; padding: 0 6px; font-size: 12px; line-height: 30px; color: #fff;}
.assemblyman .contact-info:before {
	content:"";display: inline-block;
	background: url('/nChamMob/Service/images/ic_common.png') no-repeat -75px -50px;
	background-size: 150px 150px;
	width: 9px;
	height: 14px;vertical-align: middle;
}

.assemblyman-list td,
.assemblyman-list th { padding: 6px 0; line-height: 18px; border: 1px solid #d9d9d9; border-width: 1px 0;}
.assemblyman-list thead td,
.assemblyman-list thead th {font-size: 13px; color: #2b2b2b; font-weight: bold; text-align: center; }
.assemblyman-list thead th, 
.assemblyman-list tbody th {background: #f5f5f5; text-align: center; }
.assemblyman-list tbody th,
.assemblyman-list tbody td { font-size: 12px; text-align: center; }
.assemblyman-list table + h5 { margin-top: 12px; }

.org-map { padding: 15px;  font-size: 14px; line-height: 20px; text-align: center;}
.org-map .blue {background: #0a5796; color: #fff;}
.org-map .dgray {background: #686a71; color: #fff;}
.org-map .sblue {background: #3ab8d5; color: #fff;}
.org-map .gray {background: #9e9fa3; color: #fff;}
.org-map li {padding: 5px;}
.org-map > ul > li + li { margin-top: 5px; }
.org-map > ul > li.team {padding: 0;position: relative; padding-left: 50%;}
.org-map > ul > li.team ul li + li  { margin-top: 3px; }
.org-map > ul > li.team ul li { border: 1px solid #a5a6a9;font-size: 14px; color: #666; padding: 4px 5px;}
.org-map > ul > li.team .parent {position: absolute; top:0;left:0;width: 48%;padding: 5px 0;}


.doc {font-size: 13px; color: #666666; line-height: 18px;padding: 15px;}
.doc h5 {margin-bottom: 10px;font-size: 14px; color: #2b2b2b;font-weight: normal;}
.doc h6{font-size: 14px; color: #2b2b2b; line-height: 20px;font-weight: bold;}
.doc h6:before {content:"▶"; font-size: 10px; display: inline-block; vertical-align: middle; margin-bottom: 4px; }
.doc .guidebox + h5,
.doc p + h5,
.doc p + h6 { margin-top: 10px; }

.doc .guidebox { background: #e9f3fa; font-size: 13px; line-height: 18px; padding: 12px 15px; color: #666; }

.doc .partner + h5 { margin-top: 15px; }
.doc .partner {font-size: 13px; color: #666; line-height: 18px;border: 1px solid #d9d9d9;}
.doc .partner + .partner {margin-top: 15px; }
.doc .partner .head { background: #e7e7e7; text-align: center; }
.doc .partner .head img { margin: 0 auto; display: block; }
.doc .partner .body { padding: 6px 10px; }
.doc .partner .body h6 {font-size: 14px; color: #2b2b2b; line-height: 24px; margin-bottom: 4px;}
.doc .partner .body h6:before { display: none; }
.doc .partner .body p {}
.doc .partner .body .dot {margin-top: 6px;}
.doc .partner .body .dot li { margin-top: 2px; padding-left: 65px; position: relative; }
.doc .partner .body .dot li:before {background: #075197;content:""; display: block; width: 2px; height: 2px; border-radius: 2px; position: absolute; top:8px;left:0;}
.doc .partner .body .dot span { color: #075197; width: 55px; position: absolute; top:0; left:8px; }


.member-guide-box {border: 1px solid #cfcfcf; padding: 10px;font-size: 15px; color: #333; line-height: 24px;background:url(/nChamMob/Service/images/bg_sub.png);}
.member-guide-box p { font-size: 20px; font-weight: bold; }
.member-guide-box .type01:before ,
.member-guide-box .type02:before ,
.member-guide-box .btn.orange:before {
	content:"";
	background: url('/nChamMob/Service/images/ic_member_guide.png') no-repeat 0 0;
	background-size: 85px 126px;
	width: 50px;
	height: 45px;
	
}
.member-guide-box .type02:before {

	background-position: -2px -80px;
	width: 45px;
	height: 46px;
}
.member-guide-box .btn.orange:before {
	background-position: -73px -27px;
	width: 12px;
	height: 10px;
	display: inline-block;vertical-align: middle;margin-bottom: 2px;
	margin-right: 4px;
}
.member-guide-box .type01,
.member-guide-box .type02 {
	padding:15px 0 15px 68px;position: relative;min-height:46px;
}
.member-guide-box .type01:before,
.member-guide-box .type02:before {
	position: absolute; top:15px;left:0;
}
.member-guide-box .type01:before { top: 21px; }
.member-guide-box .btn-wrap { margin: 0 -3px; padding: 0;}
.member-guide-box .btn-wrap:after { content:""; display: table; clear: both; }
.member-guide-box .btn-wrap li {float:left; width: 50%;padding: 0 3px; }
.member-guide-box .btn-wrap .btn {display: block; color: #fff; padding: 0;line-height: 25px;text-align: center;font-size: 13px;}
.member-guide-box .btn-wrap .btn.orange { background: #f26522;}
.member-guide-box .btn-wrap .btn.blue { background: #0e5ec1;}


.login-wrap {padding: 15px; }
.login-logo {margin-bottom: 28px;}
.login-logo img { display: block; margin: 0 auto; width: 208px; }

.login-form {}
.login-form div.elem {border: 0px solid #dcdcdc; height: 42px;}
.login-form div.elem.with-btn {position: relative;padding-right: 65px;}
.login-form div.elem.with-btn .btn { padding: 0;position: absolute; top:-1px;right:-1px; width: 66px; text-align: center; font-size: 14px; color: #fff; line-height: 42px; height: 42px; background: #8e8e8e;}
.login-form div.elem + div.elem { margin-top: 4px; }
.login-form input[type=text],
.login-form input[type=password]  {
	padding: 0;font-size: 14px; color: #909090; line-height: 42px; height: 40px;
	width: 100%;
	border: 1 solid;padding: 0 15px;
}

.login-form div.elem.tel {position: relative; padding-left: 73px;}
.login-form div.elem.tel .ui-select {width: 73px; position: absolute; top:0;left:0;height: 40px;border: 0; padding: 0;}
.login-form div.elem.tel .ui-select select { height: 40px; }



.login-form .option {line-height: 31px; height: 35px; border: 0;margin: 0; padding: 2px 0;}
.ui-checked input[type='checkbox'],
.ui-checked input[type='radio'] { position: absolute; left:-9999px; }
.ui-checked { margin-right: 5px; display: inline-block; background: url(/nChamMob/Service/images/ic_checkbox.png) no-repeat 0 0; background-size: auto 16px; width: 16px; height: 16px; vertical-align: middle; }
.ui-checked.checked {background-position: right 0;}
.login-form .option span { font-size: 11px; color: #666; }

.login-wrap .btn-wrap { padding: 0; margin: 0; }
.login-wrap .btn-wrap .btn {display: block; height: 30px; font-size: 12px; color: #fff; text-align: center; background: #0e5ec1}
.login-wrap .btn-wrap .btn.gray { background: #555;}
.login-wrap .btn-wrap.join-btn {margin: 15px 0 0;}
.join-complete .btn-wrap .btn,
.login-form .btn-wrap .btn { font-size: 14px; }

.login-guide {padding: 12px 15px; margin: 15px -15px;font-size: 11px; line-height: 17px; color: #666; border-top: 1px solid #d9d9d9;}
.login-guide.lg { font-size: 13px; line-height: 18px; }
.login-guide span {color: #0e5ec1}
.login-guide .dot li,
.login-guide p.dot { position: relative; padding-left: 8px;}
.login-guide .dot li:before,
.login-guide p.dot:before { top:7px; left:0; position: absolute; content:""; display: block; width: 2px;height: 2px; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; background: #969696; }
.login-guide .dot + .btn-wrap ,
.login-guide .dot li + li { margin-top: 15px; }
.login-guide .btn-wrap + p.dot { margin-top: 10px; }
.login-guide.join-guide { margin: 0 -15px; padding: 0 15px; border: 0;}
.login-guide.join-guide .head {font-weight: bold;font-size: 16px; color: #050708; line-height: 24px; margin-bottom: 8px;}

/*로그인캡차 관련 추가 2016-07-05 오종경 */
.loginCaptcha-wrap {padding: 15px; }
.loginCaptcha-logo {margin-bottom: 28px;}
.loginCaptcha-logo img { display: block; margin: 0 auto; width: 208px; }

.loginCaptcha-form {}
.loginCaptcha-form div.elem {border: 1px solid #dcdcdc; height: 42px;}
.loginCaptcha-form div.elem.with-btn {position: relative;padding-right: 65px;}
.loginCaptcha-form div.elem.with-btn .btn { padding: 0;position: absolute; top:-1px;right:-1px; width: 66px; text-align: center; font-size: 14px; color: #fff; line-height: 42px; height: 42px; background: #8e8e8e;}
.loginCaptcha-form div.elem + div.elem { margin-top: 4px; }
.loginCaptcha-form input[type=text],
.loginCaptcha-form input[type=password]  {
	padding: 0;font-size: 14px; color: #909090; line-height: 40px;
	width: 100%;
	border: 0;padding: 0 15px;
}

.loginCaptcha-form div.elem.tel {position: relative; padding-left: 73px;}
.loginCaptcha-form div.elem.tel .ui-select {width: 73px; position: absolute; top:0;left:0;height: 40px;border: 0; padding: 0;}
.loginCaptcha-form div.elem.tel .ui-select select { height: 40px; }

.loginCaptcha-form .a {display:block;float:right;width:25%;border:1px solid #939393;font-size:20px;line-height:58px;text-align:center;color:#444;font-size: 14px;margin-top:5px;}

.loginCaptcha-form .option {line-height: 31px; height: 35px; border: 0;margin: 0; padding: 2px 0;}
.ui-checked input[type='checkbox'],
.ui-checked input[type='radio'] { position: absolute; left:-9999px; }
.ui-checked { margin-right: 5px; display: inline-block; background: url(/nChamMob/Service/images/ic_checkbox.png) no-repeat 0 0; background-size: auto 16px; width: 16px; height: 16px; vertical-align: middle; }
.ui-checked.checked {background-position: right 0;}
.loginCaptcha-form .option span { font-size: 11px; color: #666; }

.loginCaptcha-wrap .btn-wrap { padding: 0; margin: 0; }
.loginCaptcha-wrap .btn-wrap .btn {display: block; height: 30px; font-size: 12px; color: #fff; text-align: center; background: #0e5ec1}
.loginCaptcha-wrap .btn-wrap .btn.gray { background: #555;}
.loginCaptcha-wrap .btn-wrap.join-btn {margin: 15px 0 0;}
.join-complete .btn-wrap .btn,
.loginCaptcha-form .btn-wrap .btn { font-size: 14px; }

.loginCaptcha-guide {padding: 12px 15px; margin: 15px -15px;font-size: 11px; line-height: 17px; color: #666; border-top: 1px solid #d9d9d9;}
.loginCaptcha-guide.lg { font-size: 13px; line-height: 18px; }
.loginCaptcha-guide span {color: #0e5ec1}
.loginCaptcha-guide .dot li,
.loginCaptcha-guide p.dot { position: relative; padding-left: 8px;}
.loginCaptcha-guide .dot li:before,
.loginCaptcha-guide p.dot:before { top:7px; left:0; position: absolute; content:""; display: block; width: 2px;height: 2px; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; background: #969696; }
.loginCaptcha-guide .dot + .btn-wrap ,
.loginCaptcha-guide .dot li + li { margin-top: 15px; }
.loginCaptcha-guide .btn-wrap + p.dot { margin-top: 10px; }
.loginCaptcha-guide.join-guide { margin: 0 -15px; padding: 0 15px; border: 0;}
.loginCaptcha-guide.join-guide .head {font-weight: bold;font-size: 16px; color: #050708; line-height: 24px; margin-bottom: 8px;}
/*로그인캡차 관련 추가 2016-07-05 오종경 */


.join-box {border: 1px solid #dadada;}
.join-box + .join-box { border-top: 0; }

.ic.member {
	background-image:url(/nChamMob/Service/images/ic_member.png);
	background-size: 75px 200px;
}
.ic.member.lpolicy-01 {	background-position: 0 0;	width: 21px;	height: 22px;}
.ic.member.lpolicy-02 {	background-position: 0 -25px;	width: 19px;	height: 27px;}
.ic.member.joinguide {	background-position: 0 -75px;	width: 23px;	height: 23px;}
.ic.member.joincomplete {	background-position: 0 -100px;	width: 57px;	height: 57px;}


.login-policy {}
.login-policy .head {padding: 12px 125px 12px 40px  ;border-bottom: 1px solid #dadada;position: relative;}
.login-policy .labelset { position: absolute; top:12px; right:15px; width: 105px;}
.login-policy .labelset label + label { margin-left: 5px }
.login-policy .labelset span { font-size: 13px; color: #666}
.login-policy .head .ic { position: absolute; top:15px;left:15px; }
.login-policy .head p {display: inline-block;vertical-align: top; font-size: 15px; font-weight: bold; color: #050708; line-height: 22px; word-break:break-word}

.login-policy .body { padding: 15px; overflow: hidden; overflow-y: scroll; height: 100px; font-size: 12px; line-height: 16px; color: #666; background: #f5f5f5;}
.login-form.join-box { padding: 15px; }

.login-form.join-box .btn-wrap , 
.login-form.join-box div.elem + div.elem { margin-top: 10px;  }
.login-form.join-box .btn-wrap .btn { font-size: 12px; }

.join-complete {}
.join-complete .icon {text-align: center; padding: 32px 0 10px;}
.join-complete .desc {font-size: 16px; line-height: 24px;color: #050708; }
.join-complete .desc span {color: #0e5ec1}
.join-complete .desc strong {font-weight: bold; color: #0e5ec1; display: block; text-align: center;}
.join-complete .btn-wrap { margin-top: 32px; }


.searchpage-wrap {padding:7px 84px 7px 15px;position: relative; }
.searchpage-wrap .ui-select + .ui-element { margin-top: 7px; }
.searchpage-wrap .ui-element input { background: #f7f7f7; border: 1px solid #aaa; height: 30px; font-size: 14px;}
.searchpage-wrap .ui-select ,
.searchpage-wrap .ui-element input,
.searchpage-wrap .ui-select select { width: 100%; }
.searchpage-wrap .btn { position: absolute; top:7px;right:15px;width: 62px; height: 67px; text-align: center; line-height: 67px; color: #fff; font-weight: bold; background: #0e5ec1; font-size: 14px; font-weight: bold; }

.searchpage-wrap {}

.search-result-cnt {border-top: 2px solid #0e5ec1;font-size: 17px; color: #1b1b1b; font-weight: bold; text-align: center; padding:  15px; line-height: 25px;}
.search-result-cnt span { color: #f26522; text-decoration: underline; }

.board-list-wrap .search-result-cnt { border: 1px solid #d9d9d9; border-width: 1px 0; padding: 10px 15px; font-size: 13px; line-height: 19px; padding-left: 25px; text-align: left; font-weight: normal; background: #f5f5f5;}
.board-list-wrap .search-result-cnt strong:before { content:"▶";font-size: 10px; display: block; position: absolute; margin-left: -10px; }

.board-list-wrap .more { background: #075197; height: 28px; line-height: 28px; text-align: center; color: #fff; font-size: 14px; margin: 10px 15px;}



/* 조직도 팝업 20150403 유승엽추가 */
div.layerPopupWrap {}
div.layerPopupWrap div.layerPopupBg {
	position:absolute;top:50;left:0;width:100%;height:2300px;background:#000;
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index:10000;
}
div.layerPopupWrap div.layerPopup {
	position:absolute;
	top:5%;left:50%; /* top : 50% -> 34%  */
	width:315px;height:755px;padding:0;
	margin-top:0px;margin-left:-155px;
	background:#fff;
	z-index:10001;
}
div.layerPopupWrap div.layerPopup h4 {
	height:65px;border-bottom:4px solid #10a3db;background:#0a5796;
	font-size:20px;color:#fff;line-height:35px;
	position:relative;padding:12px 20px;
}
div.layerPopupWrap div.layerPopup h4 span {font-size:16px;font-weight:normal;}
div.layerPopupWrap div.layerPopup h4 span.scol {
	font-size:14px;
	opacity: .6;font-weight:normal;margin:0 4px;
	filter: alpha(opacity=60);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";vertical-align:middle;
}
div.layerPopupWrap div.layerPopup h4 a {position:absolute;top:50%;right:20px;height:18px;line-height:18px;margin-top:-9px;}
div.layerPopupWrap div.layerPopup div.cont {padding:10px;}
div.layerPopupWrap div.layerPopup div.map {position:relative;border:1px solid #bcbcbc;}
div.layerPopupWrap div.layerPopup div.map img {display:block;max-width:none;}
div.layerPopupWrap div.layerPopup div.map span.flag {position:absolute;top:40%;left:35%;}
div.layerPopupWrap div.layerPopup ul.info {border-top:2px solid #bcbcbc;border-bottom:1px solid #bcbcbc;margin-top:20px;}
div.layerPopupWrap div.layerPopup ul.info li {padding:15px 0;font-size:13px;line-height:24px;color:#767676;border-top:1px solid #d4d4d4;}
div.layerPopupWrap div.layerPopup ul.info li.first,
div.layerPopupWrap div.layerPopup ul.info li:first-child {border-top:0;}
div.layerPopupWrap div.layerPopup ul.info li span.tit {
	font-size:16px;font-weight:700;color:#111;
	padding-left:17px;width:113px;display:inline-block;*display:inline;*zoom:1;
}
div.layerPopupWrap div.layerPopup p.btnarea {margin-top:20px;text-align:center;}
div.layerPopupWrap div.layerPopup p.btnarea a {display:inline-block; *display:inline; *zoom:1; width:142px;height:36px;color:#fff;line-height:36px;text-align:center;margin:0 3px;}
div.layerPopupWrap div.layerPopup p.btnarea a.gohome {background:#ef5a00;}
div.layerPopupWrap div.layerPopup p.btnarea a.close {background:#aaaaaa;}

.icon.tclose {background-position:-251px -128px;width: 17px;height: 17px;}

div.tablewrap {border:2px solid #000;border-width:2px 0px 1px 0px;border-bottom:1px solid #9e9e9e; }
i.new {display:inline-block;*display:inline;*zoom:1;background:#ef5a00;width:35px;height:18px;line-height:17px;font-size:12px;font-weight:700;text-align:center;vertical-align:middle;color:#fff;font-style:normal;margin-bottom:2px;}
div.tablewrap table {text-align:center;table-layout:fixed;}
div.tablewrap table thead th {height:40px;vertical-align:middle;border-bottom:1px solid #AAAAAA;}
div.tablewrap table tbody th,
div.tablewrap table tbody td {border-bottom:1px solid #E2E2E2;vertical-align:top;}
div.tablewrap table tbody td {height:60px; font-size:18px; line-height:24px; font-weight:700; padding:0; vertical-align:middle;}
div.tablewrap table tbody td.type {font-size:14px;color:#333;}
div.tablewrap table tbody td.num {font-size:20px;color:#000;}
div.tablewrap table tbody td {white-space:normal;overflow:hidden;}


.sch-list-guide {padding: 10px 15px 15px; line-height: 24px;}
.sch-list-guide { font-size: 14px; color: #2b2b2b; }
.sch-list-guide .dash { margin: 5px 0 8px;}
.sch-list-guide .dash li {font-size: 12px; color: #666666; line-height: 16px; }
.sch-list-guide .btn-wrap { padding: 0; }
.sch-list-guide .btn {display: inline-block; padding: 0 5px; line-height: 25px;height: auto; color: #fff; font-size: 13px;}

.ic.pdf {background-position:  -100px 0;	width: 12px;	height: 10px; margin-bottom: 1px ;}

.sch-list {width: 100%;border-bottom: 1px solid #d9d9d9;}

.bld-tit td { padding: 10px 5px;font-size: 14px; line-height: 17px;color: #2b2b2b;   text-align: center; border: 1px solid #d9d9d9; border-width: 1px 0 1px 1px; background: #f5f5f5; } 
.bld-tit td:nth-child(2) { text-align:  left}
.bld-cont {	font-size: 13px; line-height: 18px; color: #666 ; padding: 10px 15px;}

.contact-info {padding: 10px 15px 15px;}
.contact-info.no-pd { padding: 0; }
.contact-info .tit { font-size: 15px; color: #1b1b1b; line-height: 25px; }
.contact-info li { position: relative; padding-left: 45px;  font-size: 14px; color: #666; line-height: 21px;}
.contact-info li span { position: absolute; width: 45px; top:0;left:0; color: #2b2b2b;}


.reservation-status { padding: 15px 15px 30px; font-size: 13px; color: #666666; line-height: 18px;}
.reservation-status p.dash {position: relative; padding-left: 8px; }
.reservation-status p.dash:before { position: absolute; top:0;left:0; content:"-"}
.reservation-status h5 { font-size: 14px; color: #2b2b2b; line-height: 20px;  margin-top: 15px; margin-bottom: 4px;}
.reservation-status h5:first-child { margin-top: 0; }
.reservation-status table + ul.dash { margin-top: 7px; }
.reservation-status ul.dash li {font-size: 13px; line-height: 18px; color: #666; }
.reservation-status ul.dash li .orange {color: #f26522;}
.reservation-status table .dash {text-align: left;}
.reservation-status table .orange {color: #f26522;}

.res-list {border-top: 2px solid #111;table-layout:fixed;margin-top: 10px;width: 100%;}
.res-list thead th {color: #111; font-size: 14px; text-align: center; line-height: 24px; padding: 10px 0; white-space:nowrap}
.res-list tbody th {background: #f5f5f5; }
.res-list tbody td { text-align: center; line-height: 17px; }
.res-list tbody td,
.res-list tbody th { padding: 5px; border: 1px solid #d9d9d9; border-width: 1px 0; font-size: 13px;}

.res-list .btn { padding: 0; display: block; font-size: 13px; height: 25px; line-height: 25px;}
.res-list .btn + .btn { margin-top: 5px; }

.reservation-process {padding: 15px 20px;border: 1px solid #cfcfcf;}
.reservation-process li { position: relative; padding:3px 0 3px 70px; line-height: 42px;}
.reservation-process li + li { margin-top: 27px; }
.reservation-process li p { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 18px; color: #666;}
.reservation-process li:before {
	content:""; display: block; position: absolute; top:50%; left:0;  margin-top: -20px;
	background: url('/nChamMob/Service/images/ic_resv_process.png') no-repeat 0 0;
	background-size: 41px 241px;
	width: 41px;
	height: 41px;
}
.reservation-process li:nth-child(2):before {background-position: 0 -67px;}
.reservation-process li:nth-child(3):before {background-position: 0 -133px;}
.reservation-process li:nth-child(4):before {background-position: 0 -200px;}

.reservation-process li:after {
	content:"";
	background: url('/nChamMob/Service/images/ic_resv_process.png') no-repeat -16px -177px;
	background-size: 41px 241px;
	width: 8px;
	height: 21px;
	position: absolute;
	top:-24px;left:17px
}
.reservation-process li:nth-child(1):after {display: none;}

.price-list { border-top: 2px solid #000;}
.price-list table {width: 100%;table-layout:fixed }
.price-list table caption {background: #f5f5f5;font-size: 14px; color: #111; line-height: 20px; padding: 6px; text-align: center; font-weight: bold; }
.price-list thead th,
.price-list tbody th,
.price-list tbody td { padding: 6px 2px; font-size: 13px; line-height: 17px; color: #666 ; border: 1px solid #d9d9d9;border-width: 1px 0; text-align: center;}
.price-list thead th { font-weight: normal; }



.resv-table {border-top: 2px solid #111;table-layout:fixed;margin-top: 10px;width: 100%;}
.resv-table thead th {color: #111; font-size: 14px; text-align: center; line-height: 17px; padding: 9px 2px;}
.resv-table tbody th {background: #f5f5f5; }
.resv-table tbody td { text-align: center; line-height: 17px; }
.resv-table tbody td,
.resv-table tbody th { padding: 9px 2px; border: 1px solid #d9d9d9; border-width: 1px 0; font-size: 13px;}
.resv-table thead th,
.resv-table tbody td { border-left: 1px solid #d9d9d9; }
.resv-table thead th:first-child { border-left: 0 ;}
.resv-table sub { display: block; text-align: center;  line-height: 15px; bottom: auto; position: static; }
.resv-table .dash { margin: 0 4px; }

.reservation-check { padding: 0 15px 15px; }
.resv-check-process {}
.resv-check-process li {border-top: 2px solid #d6dee6;padding: 22px 10px;padding-left: 130px;position: relative;}
.resv-check-process li:before { content:""; background: url(/nChamMob/Service/images/bg_resv_check.png) no-repeat 0 0; background-size: 41px 18px; width: 41px; height: 18px; display: block; position: absolute; lefT:50%; margin-left: -20px; top:-2px;}
.resv-check-process li:first-child {border-top: 0; }
.resv-check-process li:first-child:before { display: none; }
.resv-check-process p {font-size: 14px; color: #2b2b2b; line-height: 24px;}
.resv-check-process p.tit {color: #145a95; line-height: 16px;}
.resv-check-process li:after {
	content:""; display: block; position: absolute; top:50%;left:65px;
	background: url('/nChamMob/Service/images/ic_resv_check.png') no-repeat 0 0;
	background-size: 74px 339px;
	width: 74px;
	height: 63px;
	margin-left: -37px;
	margin-top: -32px;
}
.resv-check-process li:nth-child(2):after {
	background-position: -10px -92px;
	width: 48px;
	height: 64px;
	margin-left: -24px;
	margin-top: -32px;
}
.resv-check-process li:nth-child(3):after {
	background-position: 0 -183px;
	width: 66px;
	height: 65px;
	margin-left: -33px;
	margin-top: -32px;
}
.resv-check-process li:nth-child(4):after {
	background-position: 0 -277px;
	width: 65px;
	height: 62px;
	margin-left: -32px;
	margin-top: -31px;
}
.resv-check-search { padding: 15px; background: #f5f5f5; }
.resv-check-search .select-wrap:after { content:""; display: table; clear: both; }
.resv-check-search .select-wrap .ui-select {float:left; width: 28%;margin-left: 2%;}
.resv-check-search .select-wrap .ui-select:first-child { margin-left: 0; width: 40%;}

.reservation-check .rsmark { display: inline-block; }
.reservation-check .rsmark.can {background: #12b5f1; }
.reservation-check .rsmark.ing {background: #f26522; }
.reservation-check .rsmark.tel {background: #55bf34; }
.reservation-check .rsmark.confirm {background: #828282; }

.resv-check-example {margin-top: 8px; }
.resv-check-example .rsmark {display: inline-block; width: 30%;height: 14px; vertical-align: middle; margin-right: 2px; margin-bottom: 2px;}
.resv-check-example li {float:left;width: 50%; padding: 2px 0;font-size: 13px; color: #6f6f6f; line-height: 18px }
.resv-check-example:after {content:""; display: table; clear: both; }

.resv-check-list { border-top: 2px solid #000;}
.resv-check-list table {width: 100%;table-layout:auto }
.resv-check-list thead th,
.resv-check-list tbody th,
.resv-check-list tbody td { padding: 6px 2px; font-size: 14px; line-height: 17px; color: #2b2b2b ; border: 1px solid #d9d9d9;border-width: 1px 0; text-align: left;}
.resv-check-list thead th { font-weight: normal; color: #111; line-height: 20px; text-align: center;}
.resv-check-list .rsmark { color: #fff;width: 34px;height: 26px; text-align: center; line-height: 26px;}
.resv-check-list tbody td:last-child {white-space:nowrap;text-align: right;}
.resv-check-list tbody .odd {background:#f5f5f5 ; }

 
.ui-element.date { }
.ui-element.date:after { content:""; display: table; clear: both;  }
.ui-element.date .ui-select { float:left; width: 30%;  margin-left: 1%; display: block; line-height: 0;}
.ui-element.date .ui-select:first-child { width: 38%; margin-left: 0;}

.board-search-date {padding:0px 48px 10px 0;position: relative;}
.board-search-date ul:after {content:""; display: table; clear: both; }
.board-search-date li {float:left;width: 100%;margin-top: 5px;padding-left: 24px;position: relative;line-height: 31px;}
.board-search-date li.half {width: 50%;}
.board-search-date li span { font-size: 14px; color: #111; line-height: 19px;}
.board-search-date label {display: block;margin-right: 0; position: absolute; top:8px; left:0;}
.board-search-date label span {display: block;margin: 0;}
.board-search-date .btn { position: absolute; top:10px;right:0;bottom:10px;width: 38px;background:#0e5ec1 ;height: auto; line-height: 1;padding: 0;}
.board-search-date .btn .ic { position: absolute; top:50%; left:50%; margin: -9px 0 0 -9px }
.board-search-date .ui-element.date  + .ui-element.date  {margin-top: 5px; }


/*발간자료 상세 추가*/
.view-cover-wrap { padding: 15px; }
.view-cover {position: relative; padding: 30px 51px; }
.view-cover .bx-controls { background: transparent; position: static; height: auto;width: auto; }
.view-cover-wrap .dash li { font-size: 14px; color: #666666; line-height: 19px; }
.view-cover .bx-prev, 
.view-cover .bx-next {
	display:block;vertical-align:middle;
	text-indent: -9999px;
	background: url('/nChamMob/Service/images/ic_common.png') no-repeat ;
	background-size: 150px 150px;
	top:50%;margin-top: -17px;
}
.view-cover .bx-prev {	background-position: 0 -75px;width: 36px;	height: 34px; lefT:0;}
.view-cover .bx-next {background-position: -50px -75px;	width: 36px;	height: 34px; right:0;left:auto}

.tc { text-align: center; }


@charset "utf-8";
.stxt,
.icon {
	background:url(../images/sprite.png?v=14) no-repeat;text-indent:-9999px;font-size:0;line-height:0;*text-indent:0;display:inline-block;*display:inline;*zoom:1;
	vertical-align:middle;margin-bottom:4px;font-style:normal;
}
.icon.more {background-position:-90px -152px;	width: 5px;	height: 9px;}
a.more2 {font-size:12px;line-height:18px;color:#767676;font-weight:bold;position:absolute;right:22px;bottom:0;}



/* 사회공헌활동 */
section.ebookcsr {overflow:hidden;margin-bottom:15px;}
section.ebookcsr h4 {position:relative;padding:0 5px 0 5px;margin-bottom:10px;font-size:20px;}
section.ebookcsr > div {width:100%;float:center;padding:0 0 0;}
section.ebookcsr div.left {margin-right:2px;}
section.ebookcsr ul {padding:2px 5px 0 5px;height:53px;}
section.ebookcsr div.left ul {background:url(../imgs/bg_ebookcsr.png) no-repeat -3px 0;}
section.ebookcsr div.right ul {background:url(../imgs/bg_ebook_right.png) no-repeat -3px 0;}
section.ebookcsr ul {}
/*section.ebook ul li {float:left;width:127.5px;}*/
section.ebookcsr ul li {float:left;width:100%;margin-right:20px;}
section.ebookcsr ul li a {display:block;}
section.ebookcsr ul li a span ,
section.ebookcsr ul li a strong,
section.ebookcsr ul li a i {display:block;}
section.ebookcsr ul li a span {margin-top:0px;margin-bottom:15px;}
section.ebookcsr ul li a strong {font-size:13px;line-height:18px;color:#333; height:15px;}
section.ebookcsr ul li a i {font-size:12px;line-height:18px;color:#767676;font-style:normal;margin-top:4px;}
 

section.ebookcsr2 {overflow:hidden;margin-bottom:15px;}
section.ebookcsr2 h4 {position:relative;padding:0 5px 0 5px;margin-bottom:10px;font-size:20px;}
section.ebookcsr2 > div {width:100%;float:left;padding:0 0 0;}
section.ebookcsr2 div.left {margin-right:2px;}
section.ebookcsr2 ul {padding:2px 5px 0 5px;height:253px;}
section.ebookcsr2 div.left ul {background:url(../imgs/bg_ebookcsr.png) no-repeat -3px 0;}
section.ebookcsr2 div.right ul {background:url(../imgs/bg_ebook_right.png) no-repeat -3px 0;}
section.ebookcsr2 ul {}
/*section.ebookcsr2 ul li {float:left;width:127.5px;}*/
section.ebookcsr2 ul li {float:left;width:100%; margin-right:20px;}
section.ebookcsr2 ul li a {display:block;}
section.ebookcsr2 ul li a span ,
section.ebookcsr2 ul li a strong,
section.ebookcsr2 ul li a i {display:block;}
section.ebookcsr2 ul li a span {margin-top:0px;margin-bottom:15px;}
section.ebookcsr2 ul li a strong {font-size:13px;line-height:18px;color:#333; height:15px;}
section.ebookcsr2 ul li a i {font-size:12px;line-height:18px;color:#767676;font-style:normal;margin-top:4px;}






/* 사회공헌활동 */
section.ebookcsr3 {overflow:hidden;margin-bottom:30px;}
section.ebookcsr3 h4 {position:relative;padding:0 5px 0 15px;margin-bottom:10px;font-size:20px;}
section.ebookcsr3 > div {width:100%;float:center;padding:0 0 0;}
section.ebookcsr3 div.left {margin-right:2px;}
section.ebookcsr3 tr {padding:2px 5px 0 15px;height:253px;}
section.ebookcsr3 div.left tr {background:url(../imgs/bg_ebookcsr.png) no-repeat -3px 0;}
section.ebookcsr3 div.right tr {background:url(../imgs/bg_ebook_right.png) no-repeat -3px 0;}
section.ebookcsr3 tr {}
/*section.ebookcsr3 tr td {float:left;width:127.5px;}*/
section.ebookcsr3 tr td {float:left;width:100%;max-width:450px; margin-right:20px;}
section.ebookcsr3 tr td a {display:block;}
section.ebookcsr3 tr td a span ,
section.ebookcsr3 tr td a strong,
section.ebookcsr3 tr td a i {display:block;}
section.ebookcsr3 tr td a span {margin-top:0px;margin-bottom:15px;}
section.ebookcsr3 tr td a strong {font-size:13px;line-height:18px;color:#333; height:15px;}
section.ebookcsr3 tr td a i {font-size:12px;line-height:18px;color:#767676;font-style:normal;margin-top:4px;}
 

section.ebookcsr4 {overflow:hidden;margin-bottom:30px;}
section.ebookcsr4 h4 {position:relative;padding:0 5px 0 15px;margin-bottom:10px;font-size:20px;}
section.ebookcsr4 > div {width:100%;float:left;padding:0 0 0;}
section.ebookcsr4 div.left {margin-right:2px;}
section.ebookcsr4 tr {padding:2px 5px 0 15px;height:253px;}
section.ebookcsr4 div.left tr {background:url(../imgs/bg_ebookcsr.png) no-repeat -3px 0;}
section.ebookcsr4 div.right tr {background:url(../imgs/bg_ebook_right.png) no-repeat -3px 0;}
section.ebookcsr4 tr {}
/*section.ebookcsr4 tr td {float:left;width:127.5px;}*/
section.ebookcsr4 tr td {float:left;width:100%;max-width:450px; margin-right:20px;}
section.ebookcsr4 tr td a {display:block;}
section.ebookcsr4 tr td a span ,
section.ebookcsr4 tr td a strong,
section.ebookcsr4 tr td a i {display:block;}
section.ebookcsr4 tr td a span {margin-top:0px;margin-bottom:15px;}
section.ebookcsr4 tr td a strong {font-size:13px;line-height:18px;color:#333; height:15px;}
section.ebookcsr4 tr td a i {font-size:12px;line-height:18px;color:#767676;font-style:normal;margin-top:4px;}