@charset "utf-8";

.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left; margin-left:0 !important;}
.clearRight{ clear:right; margin-right:0 !important;}

.x_widgetContainer .open{ display:block !important;} 
.x_widgetContainer img{ border:0;}
.x_widgetContainer span.icon img {vertical-align: middle;}
.x_widgetContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;}
.x_widgetContainer form{ margin:0; padding:0;}
.x_widgetContainer fieldset{ border:0; margin:0; padding:0;}

.x_widgetTabA{ position:relative; margin-bottom:15px; *zoom:1; padding:0;}
.x_widgetTabA_border{ border-bottom:1px solid #ddd; position:relative; top:28px;}
.x_widgetTabA:after{ content:""; display:block; clear:both;} 
.x_widgetTabA li{ float:left; margin-right:-1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}

.x_widgetTabA li.active a{ background:white;border-bottom:1px solid #fff;}
.x_widgetTabA li a { position:relative;float:left; padding:6px 8px; text-decoration:none; font:normal 12px 'Open Sans','나눔고딕',NanumGothic,ng,Helvetica,sans-serif; color: #585858; background-color: #f8f8f8; border:1px solid #ddd;}



ul.x_widgetA { margin:0 !important; padding:0 !important; list-style:none; }
ul.x_widgetA li { margin:0; padding:0; list-style:none; line-height: 1.5;}
ul.x_widgetA li.x_widgetA_first { padding-bottom: 17px; margin-bottom: 17px; border-bottom: 1px dashed #d8d8d8; }
ul.x_widgetA li.x_widgetA_first p.titleArea {padding: 2px 0px 12px;}
ul.x_widgetA li.x_widgetA_first a.title {font-weight: 600; font-size: 15px; color: #555; letter-spacing: -1px;}
ul.x_widgetA li.x_widgetA_first p.text {color: #787878; line-height: 1.7;}
ul.x_widgetA li.x_widgetA_first .authorArea {margin-left: 0; margin-top: 10px; line-height: 17px; height: 17px;}
ul.x_widgetA li.x_widgetA_first .authorArea li {float: left; margin: 0; padding-right: 10px; padding-left: 10px; width: auto; background: url('../bar10.gif') no-repeat left 3px;}
ul.x_widgetA li.x_widgetA_first .authorArea li:first-child {padding-left: 0; background: none;}
ul.x_widgetA li.x_widgetA_first .authorArea .author, ul.x_widgetA li.x_widgetA_first .authorArea .date {color: #666;}
ul.x_widgetA li.x_widgetA_first .authorArea .author {margin:0; padding-left: 18px; background: url('../img/icon_user.gif') no-repeat left 0;}
ul.x_widgetA li.x_widgetA_first .authorArea .date { padding-left: 18px; background: url('../img/icon_date.svg') no-repeat left 0px;}

ul.x_widgetA li.x_widgetA_first ul.authorArea li {
	float: left;
}

ul.x_widgetA li.a_widtetA_others a.title {
	color: #777; 
	font-family: ; 
	letter-spacing:-0.01em;
}
	
ul.x_widgetA li.a_widtetA_others {margin-bottom: 7px;}

ul.x_widgetA li.a_widtetA_others span.date {float: right;}
.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}

dl.x_widgetDivider{ margin:0 !important; padding: 0 !important; position: relative;}
dl.x_widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.x_widgetDivider dd{ display:none; margin:0;} 

.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url(../img/white/buttonWidgetNavigation.gif); border:1px solid #999; cursor:pointer;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}


/* widgetThumb */
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5;}
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none; _float:left;}
.widgetThumb .thumb img{ display:block; width:100%;}
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetThumb .title{ display:block;}
.widgetThumb .author{ display:block;}
.widgetThumb .date{ font-size:11px; font-family:'Open Sans','나눔고딕',NanumGothic,ng,Helvetica,sans-serif;}
.widgetThumb .hour{ font-size:11px; font-family:'Open Sans','나눔고딕',NanumGothic,ng,Helvetica,sans-serif;}

.x_widgetZineA{ position:relative; margin:0; padding:0; font-size:13px; line-height:1.5; *zoom:1; width:100% !important;}
.x_widgetZineA:after{ content:""; display:block; clear:both;}
.x_widgetZineA.itc li { list-style:none;*zoom:1; overflow:hidden; margin-top:15px; }
.x_widgetZineA li:first-child {margin-top: 0; padding-top: 0;}
.x_widgetZineA li p{ margin:0; padding:0;}
.x_widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; overflow:hidden;}

.x_widgetZineA li p.titleArea { 
	margin-left:120px; 
	padding: 0px 0px 2px; 
	margin-bottom:0; 
}

.x_widgetZineA li p.titleArea a {
	color: #777; 
	font-weight: bold;
}

.x_widgetZineA li p.titleArea .board{ padding-right: 8px;}

.x_widgetZineA li p.text { 
	margin-left:120px;
	font-weight: 300;
	font-size: 12px;
}

.x_widgetZineA li p.text > span { 
	display: block;
	margin-top: 3px;
}

.x_widgetZineA li p.text .date { 
	font-size: 11px;
}

.x_widgetZineA li .authorArea {
	margin-left: 120px; 
	line-height: 1.5;
	font-size: 11px;
}
	
.x_widgetZineA li .authorArea li {
	float: left; 
	margin: 0; 
	padding-right: ; 
	padding-left: 10px; 
	width: auto; 
	background: url('../bar10.gif') no-repeat left 3px;
}
	
.x_widgetZineA li .authorArea li:first-child {padding-left: 0; background: none;}

.x_widgetZineA li .authorArea .author, .x_widgetZineA.blog li p.authorArea .date {color: #999; font-family: 'Open Sans','나눔고딕',NanumGothic,ng,Helvetica,sans-serif;}

.x_widgetZineA li .authorArea .author {margin:0;}
.x_widgetZineA li .authorArea .date { no-repeat left 0px; font-family: 'Open Sans','나눔고딕',NanumGothic,ng,Helvetica,sans-serif;}

.x_widgetZineA li .thumb { 
	display: block; 
	position: relative; 
	width: 100%; 
	height: auto; 
	text-decoration: none; 
	overflow: hidden;
}

.x_widgetZineA li .thumb img { 
	position:relative; width:100%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
	
.x_widgetZineA li .thumb img:hover{ position:relative; width:100%; 
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);}
	
.x_widgetZineA li .thumb .imgNone { 
	display:block; 
	position:relative; 
	width:100%; 
	height:100%; 
	padding-top:20%; 
	background:#eee; 
	text-align:center; 
	cursor:pointer; 
	color:#000;
}




.x_widgetA .title {color: ; font-weight:400; font-size:13px;}
.x_widgetA a.board {font-size:12px; font-weight: 400; color: #696969; margin-right: 3px;}
.x_widgetA .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.x_widgetA .category{ color:#696969; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.x_widgetA .replyNum a{ color:#ff1a1a;}
.x_widgetA .trackbackNum a{ color:#66c;}

.x_widgetA .author { 
	float: right;
	font-size: 12px; 
	color: #333;
}

.x_widgetA .date { 
	font-size: 12px; 
	font-family: ;
	margin-left: 10px;
}

.x_widgetA .hour { 
	color: ;
}



.x_widgetGalleryA li .title{ color:#555; font-weight:600;}
.x_widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.x_widgetGalleryA li .trackbackNum a{ color:#66c;}
.x_widgetGalleryA li .author{ color:#696969; font-family:'Open Sans','나눔고딕',NanumGothic,ng,Helvetica,sans-serif;}
.x_widgetGalleryA li .date{ color:#696969; font-family:'Open Sans','나눔고딕',NanumGothic,ng,Helvetica,sans-serif;}
.x_widgetGalleryA li .hour{ color:#696969;}

.widgetThumb{ color:#333;}
.widgetThumb a{ color:#333;}
.widgetThumb .hour{ color:#888;}




.x_widgetContainer.black .x_widgetA li.a_widtetA_others a.title,
.x_widgetContainer.black .x_widgetA .author,
.x_widgetContainer.black .x_widgetA .date {
	color:#999;
}



.x_widgetContainer.black .x_widgetGalleryA li .title{ color:#999;}
.x_widgetContainer.black .x_widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.x_widgetContainer.black .x_widgetGalleryA li .trackbackNum a{ color:#66c;}
.x_widgetContainer.black .x_widgetGalleryA li .author{ color:#999;}
.x_widgetContainer.black .x_widgetGalleryA li .date{ color:#999;}
.x_widgetContainer.black .x_widgetGalleryA li .hour{ color:#888;}

.x_widgetContainer.black .widgetThumb{ color:#999;}
.x_widgetContainer.black .widgetThumb a{ color:#999;}
.x_widgetContainer.black .widgetThumb .hour{ color:#888;}




.x_widgetZineA {margin: 0 !important; padding: 0 !important; list-style:none;}



.hour {display: none !important;}


.x_widgetZineA.blog > li {
	float: left; 
	padding: 15px; 
	width:100px; 
	margin-bottom:30px;
}

.x_widgetZineA.blog li:first-child {margin-left: 0;}

.x_widgetZineA.blog li p.thumbArea {float: none;}

.x_widgetZineA.blog li .thumb img {
	position: relative;
	width:100% !important;
}

.x_widgetZineA.blog li p.titleArea {
	margin-left: 0; 
	margin: 15px 0 0 0; 
	border-bottom: 0;
}

.x_widgetZineA.blog li p.titleArea a.title {
	font-size: 13px; 
	font-weight: 600; 
	letter-spacing: -1px;	 
	color: #555;
}
	
.x_widgetZineA.blog li div.textWrap {}
.x_widgetZineA.blog li p.text {margin-left: 0; line-height: 1.5em; color: #787878;} 

.x_widgetZineA.blog li .authorArea {
	margin-left: 0; 
	line-height: 1.5;
}

.x_widgetZineA.blog li .authorArea li {float: left; margin: 0; padding-right: 10px; padding-left: 10px; width: auto; background: url('../bar10.gif') no-repeat left 3px;}
.x_widgetZineA.blog li .authorArea li:first-child {padding-left: 0; background: none;}
.x_widgetZineA.blog li .authorArea .author, .x_widgetZineA.blog li p.authorArea .date {color: #666;}
.x_widgetZineA.blog li .authorArea .author {}
.x_widgetZineA.blog li .authorArea .date {}



.x_title_content li { border-bottom: 1px solid #d8d8d8; margin-bottom: 15px; padding-bottom: 5px;}
.x_title_content li div.textWrap {}
.x_title_content li.lc_fix { margin-bottom: 0;}
.x_title_content p.titleArea { /*background: url('../img/icon_plus.gif') no-repeat 0 7px; padding-left: 16px;*/}
.x_title_content p.titleArea a.title {color: #555; font-weight: 600; letter-spacing: -0.5px; font-size: 14px; font-family: 'Open Sans','나눔고딕',NanumGothic,ng,Helvetica,sans-serif;}
.x_title_content p.text {color: #787878; margin-top: 10px; padding-top:10px; line-height:1.6em; border-top: 1px dashed #e1e1e1; font-size:13px; font-family:'Open Sans','나눔고딕',NanumGothic,ng,Helvetica,sans-serif;}
.x_title_content p.date {margin-top: 2px; font-size: 12px; color: #999; font-family: 'Open Sans','나눔고딕',NanumGothic,ng,Helvetica,sans-serif;}
.x_title_content li p .date_text {color: #999;}

span.layer_overlay_wrap {display: none; posidiont: relative;}
span.layer_overlay {width: 100%; height: 100%; position: absolute; top:0; left: 0; background: url() repeat left top; 
  background: #ddd;
  -moz-opacity: .30;
  filter: alpha(opacity=30);
  opacity: .30;
}

span.layer_overlay_img {width: 35px !important; height: 35px !important; position: absolute; left: 50%; top:50%; margin-left: -17px; margin-top: -17px}


@media screen and (max-width:425px){

}

@media screen and (min-width:425px){

}

@media screen and (min-width:426px) and (max-width:768px){

}

@media screen and (min-width:768px){

}

@media screen and (min-width:1024px){

}


.xe-widget-wrapper {
	float: ;
}






.xs-gallery {position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}

.xs-gallery:after{ }

.xs-gallery li {
	float:left;
	padding:0!important;
	overflow:hidden;
	width:330px;
	white-space:; 
	list-style:none;
}

.xs-gallery li.clearRight { margin-right:0;}

.xs-gallery li .thumb { 
	display:block; 
	position:relative;
	width:100%;
	height:auto;
	margin-bottom:0;
	overflow:hidden;
	text-decoration:none;
}
	
.xs-gallery li .thumb img { display:block; position:relative; width:100%;}
.xs-gallery li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.xs-gallery li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.xs-gallery li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }

.xs-gallery li .title {
	display: block;
	width: 1005;
	font-size:13px;
	font-weight: 500;
	
}

.xs-gallery li .author {
	display:block; 
	margin-top: 5px;
	font-size: 11px;
}

.xs-gallery li .date {
	margin-top:7px; 
	font:12px;
}

.xs-gallery li .replyNum a {
	font:10px Tahoma; 
	margin:0 -1px;
}

.xs-gallery .thumb-block,
.x_widgetZineA.blog .thumb-block {
	display: block;
	position:relative;
	margin: 0;padding: 0;
	max-width: 100%;
	height: auto;
	line-height: 1.428571429;
	border: 0;
	border-radius: 0
}

.xs-gallery .thumb-block:after {} 

.xs-gallery .thumb-wrap {overflow:hidden;}

.xs-gallery .thumb-block a>img {display:inline}

.xs-gallery .thumb-wrap a img {
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.xs-gallery .thumb-block {background-color: #f5f5f5}

.xs-gallery .thumb-block .thumb-wrap {
	filter:alpha(opacity=100);opacity:100;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
}

.xs-gallery .thumb-block:before {
	position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
	background: #000;
}
	
.xs-gallery .thumb-block:hover img {
	-webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
	opacity: 0.4;
}

.xs-gallery .thumb-block .post-info {
	opacity: 0;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 15px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xs-gallery .thumb-block:hover .post-info {
	opacity: 1;
}

.xs-gallery li .title, .xs-gallery li .date, .xs-gallery li .author {
	color: #fff;
}



.x_widgetZineA.blog .thumb-block a div {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.x_widgetZineA.blog .thumb-block:hover a div {
	-webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

@media screen and (max-width: 991px) {
	.xs-gallery li, .x_widgetZineA.blog li {width:50% !important;}
}

@media screen and (max-width: 480px) {
	.xs-gallery li, .x_widgetZineA.blog li {width:100% !important;}
}
