/*
Theme Name: 그룹 테마
Theme URI: http://www.xinics.com
Author: Xinics SVC Team
Author URI: http://www.xinics.com
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *  	6.1 - Index
 * 	6.2 - 위젯 접기/펴기 제목
 * 	6.3 - 게시글 리스트 위젯
 * 	6.4 - 보고서 제출함 위젯
 * 	6.5 - 멤버 리스트 위젯
 * 	6.6 - 멤버 리스트 페이지
 * 7.0 - Sidebar
 *   7.1 - Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * 13.0 - 보고서 중복 제출 안내
 * -----------------------------------------------------------------------------
 */

/**
 * 1.0 Reset
 *
 * -----------------------------------------------------------------------------
 */
body {
	margin: 0;
	background: url("./xn-sources/images/index/group_content_bg.png") no-repeat center top;
}

body,
button,
input,
select,
textarea {
	font-family: "Nanum Gothic", "NanumGothic", "나눔고딕", "Dotum", "돋움", "Aria";
	font-size: 12px;
}

p {
	margin-bottom: 0px;
}

button.disabled, .btn.disabled,
button[disabled], .btn[disabled] {
	color: #999;
	background-color: #f3f3f3;
	*background-color: #d9d9d9;
}

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

a {
	text-decoration: none;
}

/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Buttons */

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 0;
}

.btn,
button {
display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 3px 10px;
  margin: 0px;
  font-size: 12px;  
  line-height: 20px;
  *line-height: 20px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:active,
.btn.active,
button:hover,
button:active,
button.active  {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.btn-primary {
  color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #256ce9;
background-image: -moz-linear-gradient(top, #5990ee, #256ce9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5990ee), to(#256ce9));
background-image: -webkit-linear-gradient(top, #5990ee, #256ce9);
background-image: -o-linear-gradient(top, #5990ee, #256ce9);
background-image: linear-gradient(to bottom, #5990ee, #256ce9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5990ee', endColorstr='#ff256ce9', GradientType=0);
border-color: #256ce9 #256ce9 #1e59c1;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	color: #fff;
	background-color: #2e73ea;
	background-position: 0px;
	background-image: -moz-linear-gradient(top, #2e73ea, #256ce9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e73ea), to(#256ce9));
	background-image: -webkit-linear-gradient(top, #2e73ea, #256ce9);
	background-image: -o-linear-gradient(top, #2e73ea, #256ce9);
	background-image: linear-gradient(to bottom, #2e73ea, #256ce9);
}
.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}
.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #df2d28;
  background-image: -moz-linear-gradient(top, #ee5f5b, #df2d28);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#df2d28));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #df2d28);
  background-image: -o-linear-gradient(top, #ee5f5b, #df2d28);
  background-image: linear-gradient(to bottom, #ee5f5b, #df2d28);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #fff;
  background-color: #df2d28 !important;
  background-image: linear-gradient(to bottom, #df2d28, #df2d28);
}
.btn-danger:active,
.btn-danger.active {
  background-color: #df2d28 \9 !important;
}

/**
 * 4.0 Header
 *
 * Header에 대한 스타일
 * -----------------------------------------------------------------------------
 */

.site-header {
	max-width: none;
}

.header-main {
	padding: 0;
	background: none;
	z-index: 100;
}

/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */

.blogmenu_wrapper .menu-main-container {
	width: 588px;
	display: inline-block;
}

.blogmenu_wrapper .menu-main-container .nav-menu {
	width: 588px;
	margin: 0 auto;
	list-style: none;
	padding: 0;
}

.blogmenu_wrapper .menu-main-container .nav-menu .menu-item {
	width: 147px;
	float: left;
	padding: 0px;
	text-align: center;
}

.blogmenu_wrapper .menu-main-container .nav-menu .menu-item:hover,
.blogmenu_wrapper .menu-main-container .nav-menu .menu-item.current-menu-item,
.blogmenu_wrapper .menu-main-container .nav-menu .menu-item.current-menu-item:hover {
	color: #2280f3;
	border-bottom: 2px solid #2280f3;
}

.blogmenu_wrapper .menu-main-container .nav-menu .menu-item a{
	display: block;
	padding: 8px 0px 9px 0px;
	color: #444;
}

.blogmenu_wrapper .menu-main-container .nav-menu .menu-item.current-menu-item a{
	color: #2280f3;
	font-weight: bold;
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */

.site {
	float: left;
	max-width: 100%;
	width: 100%;
	position: relative;
	background: url("./xn-sources/images/index/group_bg.png") repeat-y center top;
}

.site:before {
	background: none;
}

.site-main{
	width: 993px;	
	margin: 0 auto;
	position: relative;
}

.content-area {
	padding-top: 0px;
	min-height: 700px;
	position: relative;
	width: 588px;
	float: left;
}

.site-content{
	float: left;
	width: 568px;
}

.main-content {
	float: none;
}

/**
 * 6.1 Index
 *
 * -----------------------------------------------------------------------------
 */

.left_container {
	float: left;
	width: 203px;
	margin-bottom: 20px; 
}

.center_container {
	float: left;
	width: 100%;
	background: green;
}

.main-content{
	position: relative;
	float: left;
	width: 548px;
	margin: 0px;
	padding: 28px 20px 20px 20px;
	background: url("./xn-sources/images/index/main-content_bg.png") repeat-x;
}

.right_container {
	float: right;
	width: 202px;
	min-height: 100px;
	padding-top: 15px;
	margin-bottom: 20px; 
}




/**
 * 6.2 위젯 접기/펴기 제목
 *
 * -----------------------------------------------------------------------------
 */
 
.left_container .panel-heading, .panel-collapse{
	float: left;
	width: 203px;
 }
 
.left_container .panel-body{
	float: left;
	width: 183px;
	margin: 0px 10px 10px 10px;
	background: #fff;
}

.left_container .titlebar {
	background: url("./xn-sources/images/index/widget_titlebar_bg.png") no-repeat 0px 0px;
	height: 34px;
}

.left_container .titlebar h3 {
	float: left;
	display: block;
	float: left;
	color: #444;
	font-weight: bold;
	font-size: 12px;
	margin: 5px 0px 0px 22px;
	padding: 8px 0px 0px 25px;
	overflow: hidden;
	white-space: nowrap;
	background: url("./xn-sources/images/index/icon.png") no-repeat -5px -61px;
}

#xn_members_container .titlebar h3 {
	background-position: -5px -121px;
}

.left_container .titlebar h3 a{
	text-decoration: none;
	color: #444;
}

.left_container .titlebar h3 a:hover{
	text-decoration: underline;
	color: #000;
}


.left_container .titlebar a.btn-collapse{	
	display: block;
	float: right;
	width: 21px;
	height: 22px;
	background: url("./xn-sources/images/index/icon.png") no-repeat -5px -214px;	
	text-indent: -9999px;
	margin: 8px 10px 0px 0px;
}

.left_container .titlebar a.btn-collapse:hover{
	background-position: -5px -274px;
}	

.titlebar a.btn-collapse.collapsed{
	background-position: -5px -244px;
}

.left_container .titlebar a.btn-collapse.collapsed:hover{
	background-position: -5px -304px;
}

/**
 * 6.3 게시글 리스트 위젯
 * -----------------------------------------------------------------------------
 */
 
#xn_categories_container ul{
	float: left;
	width: 164px;
	margin: 5px 0px 0px 13px;
	padding: 0px;
	list-style: none;
	background: #ffffff;
}

#xn_categories_container ul li{
	margin: 5px 0px 8px 0px;
}

#xn_categories_container ul li a{
	background:  url("./xn-sources/images/index/icon_catagory.png") no-repeat 0px 1px;	
	padding-left: 20px;
	line-height: 16px;
	color: #777;
	text-decoration: none;
	display: block;
	word-break: break-all;
}

#xn_categories_container ul li a:hover{
	text-decoration: underline;
}

#xn_categories_container ul li.depth-2 {
	margin-left: 10px;
}


/**
 * 6.4 보고서함 위젯
 * -----------------------------------------------------------------------------
 */

#xn_reports_container .titlebar h3 {
	background-position: -5px -92px;
}

#xn_reports_container .report_box_notice {
	font-size: 11px;
	color: #fe6c00;
	background: url(./xn-sources/images/index/icon.png) no-repeat 2px -739px;
	padding: 6px 0px 10px 32px;
	letter-spacing: -1px;
	margin-top: 5px;
	line-height: 14px;
}

#xn_reports ul{
	float: left;
	width: 164px;
	margin: 0px 0px 0px 13px;
	padding: 0px;
	list-style: none;
	border-top: 1px dashed #cfcfcf;
}

#xn_reports ul li{
	padding: 10px 0px;	
	border-bottom: 1px dashed #cfcfcf;
	min-height: 29px;
}

#xn_reports ul li div{
	line-height: 17px;
	float: left;
}

#xn_reports ul li div.report_status_box{
	width: 42px;
}

#xn_reports ul li div.report_status_content{
	width: 122px;
}

#xn_reports ul li div.report_status_content span{
	width: 122px;
	display: block;
	height: 17px;
	overflow: hidden;
	float: left;
}

#xn_reports ul li a{
	text-decoration: none;
	color: #777;
}

#xn_reports ul li span.report_date{
	color: #999;
	font-size: 10px;
	background: none;
}

#xn_reports li .report_status{
	display: block;
	background: url("./xn-sources/images/index/icon.png") no-repeat 0px -338px;
	width: 37px;
	height: 32px;
}

body.locale-ja #xn_reports li .report_status{
	background: url("./xn-sources/images/index/icon_ja.png") no-repeat 0px -338px;
}

/* 보고서 제출함 진행중 */
#xn_reports li.in_progress .report_status,
body.locale-ja #xn_reports li.in_progress .report_status{
	background-position: 0px -339px;
}
/* 보고서 제출함 마감 */
#xn_reports li.closing .report_status,
body.locale-ja #xn_reports li.closing .report_status{
	background-position: 0px -384px;
}
/* 보고서 제출함 예정 */
#xn_reports li.scheduled .report_status,
body.locale-ja #xn_reports li.scheduled .report_status {
	background-position: 0px -430px;
}
/* 보고서 제출함 기간미정 */
#xn_reports li.unscheduled .report_status,
body.locale-ja #xn_reports li.unscheduled .report_status {
	background-position: 0px -475px;
}

/**
 * 6.5 멤버 리스트 위젯
 * -----------------------------------------------------------------------------
 */

#xn_members_container ul{
	float: left;
	width: 164px;
	margin: 8px 0px 0px 13px;
	padding: 0px;
	list-style: none;
 }
 
#xn_members_container li{
	float: left;
	width: 164px;
	margin: 2px 0px;
}

#xn_members_container li .member_img{
	float: left;
	width: 40px;
	height: 32px;
	position: relative;
}

#xn_members_container li .member_img .thumbnail_img{
	position: relative;
	width: 32px;
}

#xn_members_container li .member_img img{
	width: 32px;
	height: 32px;
}

#xn_members_container li .member_img .thumbnail_frame{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 32px;
	height: 32px;
	background: url("./xn-sources/images/index/member_list_thumbnail_bg.png") no-repeat;
}

#xn_members_container li .member_dis,
#xn_members_container li .member_dis span{
	display: block;
	float: left;
	width: 124px;
	padding-top: 1px;
	line-height: 14px;
}

#xn_members_container li .member_dis span.member_role{
	color: #777;
	font-size: 11px;
}

#xn_members_container li .member_dis span.member_name{
	color: #444;
	font-size: 12px;
}

/**
 * 6.6 멤버 리스트 페이지
 * -----------------------------------------------------------------------------
 */

.site-content .page_title_member{
	float: left;
	width: 500px;
	color: #444;
	font-size: 18px;
	display: block;
	float: left;
	background: url(./xn-sources/images/index/icon.png) no-repeat -3px -554px;
	padding-left: 35px;
	margin-bottom: 29px;
}

.site-content .memeber_count{
	float: left;
	width: 548px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #444;
	font-size: 14px;
	border-bottom: 1px solid #dbe0e3;
}

.site-content ul.member_list{
	float: left;
	width: 568px;
	margin: 0px;
	padding: 0px;
}

.site-content ul.member_list li{
	float: left;
	width: 264px;
	height: 91px;
	list-style: none;
	margin: 10px 20px 10px 0px;
	padding: 0px;
	background: url(./xn-sources/images/index/page_member_list_bg.png) no-repeat;
}

.site-content ul.member_list li .member_img {
	float: left;
	width: 105px;
	height: 90px;
	position: relative;
}

.site-content ul.member_list li .member_img .thumbnail_img {
	position: relative;
	width: 90px;
}

.site-content ul.member_list li .member_img .thumbnail_img img{	
	width: 90px;
	height: 90px;
}

.site-content ul.member_list li .member_img .thumbnail_frame {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 90px;
	height: 90px;
	background: url("./xn-sources/images/index/page_member_list_thumbnail_frame.png") no-repeat;
}

.site-content ul.member_list li .member_dis,
.site-content ul.member_list li .member_dis span{
	display: block;
	float: left;
	width: 158px;
	word-break: break-all;
}

.site-content ul.member_list li .member_dis{
	margin-top: 28px;
}

.site-content ul.member_list li .member_dis .member_role{
	font-size: 12px;
	color: #777;
}

.site-content ul.member_list li .member_dis .member_name{
	font-size: 14px;
	color: #444;
	margin-top: 4px;
}

.main-content .page_title_carlender{
	display: block;
	float: left;
	width: 500px;
	height: 23px;
	padding: 5px 0px 0px 35px;
	margin: 3px 0px 25px 0px;
	color: #444;
	font-size: 18px;
	background: url(./xn-sources/images/index/icon.png) no-repeat -3px -647px;	
}

/**
 * 7.0 Sidebars
 * -----------------------------------------------------------------------------
 */

/* Secondary */

#secondary {
	padding: 0;
	margin: 0;
	width: 175px;
	float: left;
	border: none;
	min-height: inherit;
}

.primary-sidebar {
	padding: 0;
	float: left;
}

.left_container .new_post{
	margin: 20px 0px 15px 22px;
}

.left_container .new_post .btn{
	margin: 0px;
	width: 164px;
	padding: 10px 0px;
	font-size: 14px;
	line-height: 17px;
}

.left_container .new_post .btn span{
	background: url("./xn-sources/images/index/icon.png") no-repeat -3px -37px;
	padding-left: 27px;
	display: inline-block;
	height: 16px;
}

.panel-group{
	margin-bottom: 15px;
}

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */
 
.widget.xn-widget-lhlab-board-class{
	position: absolute;
	top: 87px;
	right: 10px;
}
 
 .widget.CourseSearchWidget{
	position: absolute;
	top: 23px;
	right: 20px;
	z-index: 80;
 }
 

.widget {
	margin-bottom: 0px;
}

.widget a {
	color: #000;
}

.widget-title,
.widget-title a {
	color: #000;
}

.widget input,
.widget textarea {
	color: #555;
}

.widget button, 
.widget input[type="button"], 
.widget input[type="reset"], 
.widget input[type="submit"] {
	padding: 0;
}

.footer-sidebar .widget,
.footer-sidebar .board {
	padding: 0;
	margin: 0;
	width: 300px;
	height: 160px;
}

/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */
 
.site-footer {	
	float: left;
	position: relative;
	width:100%;
	padding: 20px 0px;
	background: #e7e7e7;
	border-top: 1px solid #c8c8c8;
	color: #929292;		
}

#inner-footer{	
	position: relative;
	max-width: 980px;
	margin:0 auto;
}

#inner-footer .footer_logo{
	float: left;
	width: 215px;
	float: left;
	text-align: center;
}

#inner-footer .footer_info{
	float: left;	
	width: 765px;
	font-size: 11px;
}

#inner-footer .footer_info ul{
	display: block;
	height: 22px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 12px;	
}

#inner-footer .footer_info ul li{
	display: block;
	float: left;
	margin-right: 8px;
	padding-left: 8px;
	color: #4b5e78;
	border-left: 1px solid #9a9a9a;
	line-height: 12px;	
}

#inner-footer .footer_info ul li:first-child{
	border-left: 0px solid #9a9a9a;
}

#inner-footer .footer_info ul li a{
	color: #666666;
	text-decoration: none;
}

#inner-footer .footer_info ul li a:hover{
	text-decoration: underline;
}

#inner-footer .footer_info span{
	display: block;
	float: left;
	width: 100%;
	background: #e7e7e7;
	line-height: 16px;
	color: #666666;
}

#inner-footer .footer_info .footer_copyright{
	margin-top: 5px;
}

/**
 *  9.0 - 404 Page
 * -----------------------------------------------------------------------------
 */ 
 
 #post-not-found {
	width: 993px;
	height: 600px;
	margin: 0 auto;
	padding-top: 80px;
	background: #fff;
	text-align: left;
}

 #post-not-found .post_content{
	position: relative;
	width: 400px;
	height: 285px;
	margin: 0 auto;
	background: url(./xn-sources/images/post_not_found.png) no-repeat;
	text-align: left;
}

 #post-not-found .post_content h1{
	width: 280px;
	padding: 35px 0px 0px 100px;
	height: 60px;
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin: 0px;
	color: #878787;
}

 #post-not-found .post_content span{
	display: inline-block;
	font-size: 12px;
	width: 340px;
	margin-top: 20px;
	margin-left: 30px;
	color: #91939e;
}

/**
 * 13.0 보고서 중복 제출 안내
 * -----------------------------------------------------------------------------
 */
body.page-template-page-templatespage-tmpl-report-form-php #main-content {
	width: 993px;
	min-height: 360px;
    margin: 0 auto;
    padding: 0px;
	background: #fff;
}
body.page-template-page-templatespage-tmpl-report-form-php #xn_duplicates_report {
	display: block;
	margin-top: 75px;
	width: 100%;
	height: 160px;
	background: url("./xn-sources/images/index/xn_duplicates_report.png") no-repeat center top;
}