@charset "utf-8";
/*
 * default style definition
 */
html {
	overflow-y:scroll;
}
body {
	background: #e8ecf2;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5em;
}

body a {
	font-size: 12px;
}

form {
	margin: 0;
	padding: 0;
}
hr {
	display: none;
}
p, div, th, td, select, input {
	color: #333;
}
a:link, a:visited {
	color: #666;
	text-decoration: none;
}
a:active, a:hover {
	color: #000;
	text-decoration: none;
}
a img, 
input.type-image {
	border: 0 none;
}
input.type-text, 
textarea {
	background: #fff;
	padding: 0;
	border: 0;	
}
input.type-text:hover, 
input.type-text:focus, 
textarea:hover, 
textarea:focus, 
select:hover, 
select:active {
	background-color: #ffd;
}
input, select, textarea {
	vertical-align: middle;
	font-size: 1em;
	color: #333;
	padding: 0;
	margin: 0;
	border: 0;	
}

.login-area input {
	padding: 2px;
	height: 14px;
}

#id,#password {
	width:136px;
}

select {
	font-size: 11px;
}
span.button, 
img.button, 
a.button {
	cursor: pointer;
	vertical-align: middle;
}

ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
}

table { 
	border-collapse: collapse;
}

p{margin:0;}

img {
	max-width: 100%;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.container {
	width: 942px;
	margin: 0 auto;
}

.header {
	height: 36px;
	border-bottom: 3px solid #585858;
	padding: 0 0 9px 0;
	font-size: 11px;
	position: relative;
}

.header .user-info {
	color: #999999;
	position: absolute;
	left: 0;
	top: 20px;
}

.user-info li {
	float: left;
	margin-right: 5px;
}

.user-info .val a{
	font-weight: bold;
	color: #999999;
}

.user-info .point {
	color: #0da0dc;
}

.user-info img {
	position: relative;
	top: 2px;
}

.user-info .icon-p {
	top: 2px;
}

.user-info .guide {
	color: #000000;
}

.user-info .ing {
	color: #f8333d;
}

.user-info .success {
	color: #000000;
}

.user-info .val {
	font-weight:bold;
}

.guide .icon-g {
	top: -1px;
}

.guide .val {
	position: relative;
}

.user-info, .login-area, .user-btns {
	position: relative;
	bottom: -20px;
	line-height: 20px;
	height: 20px;
	float: right;
	color: #dbdbdb;
}

.userid {
	color:#474747;
	font-weight:bold;
	font-size:9pt;
}

.header-icon {
	top:2px;
}

.header-guide-ing-box {
	font-size:8pt;
	font-family:돋움;
	padding:2px 5px;
	letter-spacing:-1px;
	color:#FFF;
	background:#f8333d;
}
.header-guide-success-box {
	font-size:8pt;
	font-family:돋움;
	padding:2px 5px;
	letter-spacing:-1px;
	color:#FFF;
	background:#959595;
	margin-left:5px;
}

.login-area {
	float: left;
	position: relative;
	height: 24px;
	line-height: 24px;
	top: 16px;
}

.login-area  .input input {
	border: 1px solid #d5d5d5;
}

.login-area .loginbtn input {
	width: 44px;
	height: 20px;
}

.user-btns a {
	color: #777777;
}

.user-btns li {
	float: left;
	margin-left: 5px;
}

.banner-area {
	position: relative;
	background:#FFF;
	height: 88px;
}

.banner-area div {
	float: left;
}

.banner-area .banner2 {
	float: right;
}

.banner-area .logo {
	position: absolute;
	left: 333px;
}

.menu-area {
	height: 40px;
	background-color: #1d1d1d;
}

.menu {
	width: 700px;
	float: left;
	height: 40px;
}

.menu li {
	cursor: pointer;
	float: left;
}

.searchbox {
	float: right;
	margin-top: 11px;
	margin-right: 20px;
}

.searchbox .searchbox-textfield {
	width: 177px;
	height: 17px;
}

.user-btns .allow {
	width: 74px;
}

span.allow-btn {
	top: 3px;
	position: absolute;
	height: 20px;
	width: 20px;
}

.footer {
	border-top: 3px solid #585858;
	padding: 20px 0 48px 10px;
}

.footer .look {
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}

.footer .addr {
	margin-top: 10px;
	margin-bottom: 16px;
	font-size: 11px;
	color: #999999;
}

.footer .addr a {
	margin-top: 10px;
	margin-bottom: 16px;
	font-size: 11px;
	color: #999999;
}

.footer .copy {
	font-size: 11px;
	color: #999999;
}

.sub-menu li:first-child {
	padding-left: 30px;
	background: none;
}

.sub-menu li {
	float: left;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	background: #e8ecf2  url(../img/common/sub_menu_bar.png) 0 14px no-repeat;
}

.sub-menu .current a {
	color: #2446a2;
	font-weight: bold;
}

.sub-menu a {
	color: #555555;
}

.submenu {
	margin-top:-5px;
	position:absolute;
	filter:alpha(opacity=85);
	opacity:0.85;
	z-index:2;
}
.submenu ul {
	border:#333 1px solid;
	background:#000;
	overflow:hidden;
	display:none;
}
.submenu li {
	width:auto;
	float:none;
	margin:0;
	padding:0 5px;
}
.submenu a {
	text-align:center;
	padding:5px 0;
	color:#EEE;
	width:100%;
	height:100%;
	display:block;
}
.submenu a:hover {
	font-weight:bold;
	color:#86A9F2;
}
.submenu1 {
	width:113px;
}
.submenu2 {
	width:93px;
}
.submenu3 {
	width:105px;
}
.submenu4 {
	width:86px;
}


.mypage-dropdown {
	width:130px;
	top:25px;
	left:-71px;
	z-index:10000;
}
.mypage-dropdown ul {
	border:#CCC 1px solid;
	background:#FFF;
	overflow:hidden;
	display:none;
}
.mypage-dropdown li {
	width:auto;
	float:none;
	margin:0px;
	padding:0px;
}
.mypage-dropdown a {
	text-align:center;
	padding:3px 0;
	color:#333;
	width:100%;
	height:100%;
	display:block;
}
.mypage-dropdown a:hover {
	font-weight:bold;
	color:#1A50A2;
}

.language-dropdown {
	min-width:80px;
	top:25px;
	right:0;
	z-index:10000;
	filter:alpha(opacity=100);
	opacity:1;
}

.language-dropdown ul {
	background:#224fb2;
	border:0;
}

.language-dropdown a {
	text-align:right;
	padding:2px 0;
	color:#EEE;
	width:100%;
	height:100%;
	display:block;
}

.menu-area .searchbox .searchbox-textfield {
	position: relative;
	top: -2px;
}

.menu-area .searchbox .searchbox-submit {
	position: relative;
	top: -1px;
}

.menu .a {
	display: block;
}

.sub-menu-area {
	height: 40px;
}

.sub-menu {
	position: absolute;
}

#lang_map {
	position: relative;
	z-index: 9999;
	top: 35px;
	width: 360px;
	left: 573px;
}

*:first-child + html #lang_map {
	*left: 264px;
}

.cc {
	margin-top: 30px;
}

.content-body {
	width: 720px;
	background: #e8ecf2;
	padding-right: 20px;
}

.content-body {
	float: left;
}

.side-menu {
	float: right;
	width: 184px;
	margin-left: 18px;
}

.my_cal {
	margin-left: 10px;
	float: left;
}

.body-header .category {
	float: right;
}

.body-header .category ul li {
	float: left;
	list-style: none;
	padding-left: 12px;
	background: url(../img/common/category_left_allow.png) no-repeat 5px 6px
}

.body-header .category ul li a {
	color: #999999;
}

.body-header .category ul li.current a {
	color: #555555;
}

.body-header .category ul li:first-child {
	padding-left: 0;
	background: none;
}

button > span {
	display: none;
}

.val.margin-t {
	padding-top: 4px;
}

.content-body .desc {
	font-size: 11px;
	color: #999;
}

.member-layer {
	display:inline;
	border: 3px solid #4f93c9;
	position: absolute;
	background-color: #fff;
	padding: 5px 10px;
	line-height: 20px;
	z-index: 10;
	width: 100px;
	text-align:left;
}
.member-layer div {
/*	height: 20px;*/
}

.error-area {
	width: 500px;
	background: url(../img/common/error_bg.png) no-repeat;
	padding-top: 70px;
	margin: 50px auto 50px auto;
}

.error-title {
	font-weight: bold;
	font-size: 20pt;
	line-height: 22pt;
	padding-right: 120px;
}

.error-desc {
	margin-top: 20px;
	font-size: 10pt;
	word-wrap: break-word;
}

.error-btns {
	float:left;
	list-style:none;
	margin-top:10px;
}

.side-menu .board .list li {
	overflow: hidden;
}

.user-nickname-link {
	cursor: pointer;
}

/* ###### side-menu-text ###### */

.side-menu-text {
	margin:0px;
	padding:5px 0px 0px 0px;
}

.side-menu-text a:link,
.side-menu-text a:visited {
	color: #777;
	text-decoration: none;
	font-weight: bold;
	font-size: 14pt;
}

.side-menu-text a:active, 
.side-menu-text a:hover,
.side-menu-text .now a:link,
.side-menu-text .now a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 14pt;
}

.side-menu-text ul {
	margin:0px;
	padding:0px 0px 0px 0px;	
}

.side-menu-text li {
	margin:0px;
	padding:4px 0px 0px 8px;
}

.google-map {
	width:500px;
	height:300px;
}

#map_address {
	width:300px;
	border:1px #CCC solid;
	font-size:10pt;
	padding:5px;
}

#map_selector .left {
	float:left;
	width:400px;
}

#map_selector .right {
	float:right;
}

.infothum img { max-width: 100%; max-height: 100% }

.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.google-map img,#selectorMap img {
	max-width:none !important;
}

/* 페이지 네비게이션 설정 */

.pagination {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 30px;
}
.pagination > span {
	margin: 1px;
}
.pagination > span > a {
	text-decoration: none;
	color: #666;
	padding: 5px 8px;
	border: 1px transparent solid;
}
.pagination > span > a:hover {
	color: #F72F39;
	border: 1px #CED4DB solid;
}
.pagination > span.current > a {
	color: #F72F39;
	border: 1px #CED4DB solid;
}

/* 진행바 설정 */

.progress {
  height: 20px;
  overflow: hidden;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
     -moz-background-size: 40px 40px;
       -o-background-size: 40px 40px;
          background-size: 40px 40px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.list-area div {
	word-wrap: break-word;
	word-break:break-all;
}

#popup_image {
	width:90%;
	height:90%;
	margin-left:-45%;
	text-align:center;
	background:none;
	display:absolute;
	overflow:auto;
	padding:0;
	margin-top:-50px;
	-webkit-box-shadow: none;
	-box-shadow: none;
}
#popup_image img {
	max-width:none;
	cursor:pointer;
}
#popup_image a:link,#popup_image a:visited {
	color: #CCC;
	text-decoration: none;
}
#popup_image a:active,#popup_image a:hover {
	color: #FFF;
	text-decoration: none;
}

div.image-exif {
	text-align:center;
	color:#666;
	margin-bottom:15px;
}

.icon-cal {
	background: url(../img/common/cal_icon.png);
	width: 15px !important;
	height: 16px !important;
	vertical-align: middle;
	padding: 0 !important;
	margin: 0;
	cursor: pointer;
	border: 0 !important;
}

.nodisplay {
	display:none;
}

span.round-rect-orange {
	font-size: 5pt;
	color: #FFFFFF;
	background-color: #E87352;
	*background-color: #E87352;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #E87352;
	padding: 0px 5px;
	display: inline-block;
	line-height:12px;
	position:relative;
	top:-2px;
}

span.round-rect-cyan {
	font-size: 5pt;
	color: #FFFFFF;
	background-color: #3BBEC0;
	*background-color: #3BBEC0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #3BBEC0;
	padding: 0px 5px;
	display: inline-block;
	line-height:12px;
	position:relative;
	top:-2px;
}

span.round-rect-skyblue {
	font-size: 5pt;
	color: #FFFFFF;
	background-color: #67B0D1;
	*background-color: #67B0D1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #67B0D1;
	padding: 0px 5px;
	display: inline-block;
	line-height:12px;
	position:relative;
	top:-2px;
}

span.text-new-icon {
	font-size:5pt;
	color:#FF0000;
	font-weight:bold;
	display:inline-block;
	margin-right:5px;
}

ul.popup_nickname_assist {
	position:absolute;
	background:#4F93C9;
}

ul.popup_nickname_assist li {
	cursor:pointer;
	padding:3px 5px;
	color:#FFFFFF;
}

ul.popup_nickname_assist li.selected {
	background:#1483DB;
}

/* 메트로 위젯 관련 CSS */
ul.list-metro {
	padding: 0;
}

ul.list-metro li {
	float: left;
	list-style: none;
	padding:0;
	margin:0;
	height:110px;
	display:flex;
}

ul.list-metro li.line {
	background: #ddd;
	height:6px;
	width:23px;
	margin-top:40px;
	margin-bottom:64px;
}

ul.list-metro li span {
	display:block;
	font-size: 9pt;
	text-align: center;
}

ul.list-metro li div {
	margin-top: 12px;
}

ul.list-metro li span.end {
	border-radius: 45px;
	border:6px solid #ff9854;
	background: #feece0;
	width: 50px;
	height: 50px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
}

ul.list-metro li span.point {
	border-radius: 45px;
	border: 5px solid #3ca8e2;
	background: #ecf8ff;
	font-size: 9pt;
	width: 50px;
	height: 50px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	padding-top:1px;
	color:#333;
}

ul.list-metro li.selected div {
	margin-top: 0px;
}

ul.list-metro li span.text {
	height: 24px;
	width: 59px;
	margin-top: 3px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
}

ul.list-metro li.selected span.point {
	border-radius: 70px;
	border: 5px solid #4fa028;
	background: #FFF;
	font-weight: bold;
	width: 70px;
	height: 70px;
}

ul.list-metro li.selected span.text {
	width: 80px;
}

/* 연관글 보기 CSS */
.associated.catlist ul {
	list-style-type: disc;
    list-style-position: inside;
	margin:5px 0px 0px 20px;
}
.associated.catlist li {
	width:100%;
	float: left;
	padding: 5px 0;
	padding-right:14px;
	padding-left:5px;
	margin-left:-19px;
	border-bottom: 1px solid #CED4DB;
}
.associated.catlist li:nth-child(2) {
	border-top: 1px solid #CED4DB;
	margin-top:5px;
}
.associated.catlist li:hover {
	color: #333;
}
.associated.catlist {
	color: #999;
}
.associated.catlist.name {
	font-weight: bold;
	font-size: 12pt;
	line-height: 20pt;
	color: #333;
}
.associated.catlist.now {
	color: #333;
}
.associated.right {
	float: right;
	margin-right:-14px;
}

/* 공통 타이틀 */
div.body-header {
	color: #fff;
	height: 40px;
	background: #5a80d5;
	padding-left: 10px;
	margin-bottom: 10px;
}

div.body-header h1.cs_title {
	font-weight: bold;
	text-decoration: none;
	font-size: 14pt;
	display: inline-block;
	line-height: 40px;
	margin: 0;
	padding: 0;
	color: #fff;
}

div.body-header div.category {
	float: right;
	background: url(/assets/img/common/title_icon.png) no-repeat left 0 #7b99dd;
	height: 40px;
	padding-left: 65px;
	padding-right: 10px;
}

div.body-header div.category ul {
	margin-top: 11px;
}

div.body-header div.category li a {
	font-size: 9pt;
	color: #d6d3f4;
}

div.body-header div.category li.current a {
	color: #fff;
}