@charset "utf-8";
/* CSS Document */
.cb-more span.icon {
	text-align:center;
}
*{margin:0; padding:0; vertical-align:middle;}
.clear{clear:both;}
img{border:0;}
h2, h3{font-weight:normal; text-align:left;}
ul{list-style:none;}
a{text-decoration:none; color:rgb(0,0,0);}

@font-face {font-family:'NanumGothic';
			src:url(../font/nanum.eot); 
			src:local('☺'), url(../font/nanum.woff) format("woff") , url(../font/nanum.ttf) format("truetype");
}

@font-face {font-family:'NanumBarunGothic';
			src:url(../font/nanum.eot); 
			src:local('☺'), url(../font/NanumBarunGothic.woff) format("woff") , url(../font/NanumBarunGothic_0.ttf) format("truetype");
}

body, table, th, td { 
	font-family:'NanumGothic', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:rgb(0,0,0,1);
}


.cbeditor-css p span {
	font-family:'NanumGothic', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:1.7;
}
body{
	font-family:'NanumBarunGothic', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:rgb(0,0,0,1);
	background-color:rgb(245,243,235);
}
.content-body { max-width: 924px; margin:0 18px;}
#wrapper{
	width:100%;
	background-color:rgb(245,243,235);
}


/* start head */
header#hgroup_wrap{
	margin:0;
	padding:0;
	height:60px;
	background-color:rgb(52,173,201);
	width:100%;
	display:table;

}
.logo1 { 
	display:none;
}
.logo2 {
	display:block;
}
.hcontainer{
	margin:0 auto;
	max-width:1280px;
	display:block;
}

a.home_link{
	float:left;
	margin:12px 0 0 33px;
	text-transform:uppercase;	
	color:rgb(255,255,255);
	width:0px;	
	width:50px;
}

.site_logo{
	display:inline-block;
	margin:12px auto;
	width:auto;
}

.site_logo p{
	display:inline-block;
	margin-left:20px;
	color:rgb(255,255,255);	
}

.search_toggle{
	top:0px;
	float:right;
	margin-top:-40px;
	margin-right:20px;
}

#inner_wrap{
	position:relative;
	margin:0 auto;
	max-width:1280px;
}
/* end header */

.cbeditor-css{ font: 12px/1.7 'NanumBarunGothic', Arial, Helvetica, sans-serif;*word-break:break-all;-ms-word-break:break-all;}

section#side-section{
	position:absolute;
	float:left;
	width:260px;
	background-color:rgb(255,255,255);
	overflow:hidden;
	
	z-index:9999;
}
#SB_Closebnt{ 
	position:absolute;
	top:120px;
	margin-left:0px;
	z-index:3;
	cursor:pointer;
}
#SB_Openbnt{ 
	position:absolute;
	top:120px;
	margin-left:0px;
	z-index:3;
	display:none;
	cursor:pointer;
}
.bgf_logo{
	margin-top:50px;
	margin-left:65px;
}

.bgf_volum{
	margin-top:30px;
}
.bgf_cover img{
	border: 1px solid rgb(92,92,92);
}
#bgf_column{
	float:right;
	/*width:227px;*/
	width:250px;
}

h2.vol{
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	color:rgb(92,92,92);
	width:195px;
	font-size:20px;
}
h2.vol2{
	margin:20px auto;
	text-align:center;
	font-weight:bold;
	color:rgb(92,92,92);
	width:195px;
	font-size:30px;
}
h3.term{
	margin-top:7px;
	text-align:center;
	font-size:64px;
	color:rgb(92,92,92);
	margin: 0 50px;
	border-bottom:2px solid rgb(228,228,229);
}

h2.sp_title,h2.col_title{
	text-transform:uppercase;
	font-size:1.1em;
	color:rgb(92,92,92);
	font-weight:bold;
	letter-spacing:.3em;
}

h2.sp_title{
	margin-top:58px;
}

h2.col_title{
	margin-top:40px;
}

.sp_txt,.col_txt{
	/*height:99px;*/
	margin-top:16px;
}

.sp_txt{
	border-left:10px solid rgb(119,42,144);	
}
/*
.col_txt{
	border-left:10px solid rgb(199,200,202);
}

.col_txt:hover{
	height:99px;
	margin-top:16px;
	border-left:10px solid rgb(78,184,87);
}

.col_txt_crrent{
	height:99px;
	margin-top:16px;
	border-left:10px solid rgb(78,184,87);
}
*/
.s_title,.c_title{
	/*margin-left:17px;
	width:200px;*/
	margin-left:5px;
	width:240px;
	border-top:1px solid rgb(228,228,229);
}

.s_title h4,.c_title h4{
	margin-top:20px;
}

.s_title h4{
	color:rgb(119,42,144);
}

.c_title h4{
	color:rgb(52,173,201);
	font-size:15pt;
}

.s_title p,.c_title p{
	margin-top:6px;
	/*font-size:1em;*/
	font-size:12pt;
	line-height:1.4em;
}

.bgf_last{
	margin-top:38px;
	margin-left:33px;
	margin-bottom:38px;
	width:195px;
}

h3.last_tilte{
	padding:12px 0;
	font-size:1em;
	text-align:center;
	color:rgb(0,0,0);
	border:1px solid rgb(223,224,225);
}

.bgf_panel{
	padding:14px 0 14px 16px;
	border:1px solid rgb(223,224,225);
	border-top:none;
	overflow-y: scroll;
	overflow-x: hidden;
	width:177px;
	height:124px;

}

.bgf_panel li{
	font-size:1.1em;
	line-height:1.5em;	
}

.element-invisible{
	position:absolute !important;
	
	/*position:absolute !important;height:1px;width:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);*/
}

article{
	
}

article#main{
	max-width:1280px;
	width:100%;
	margin:0 auto;
	/*background-color:rgb(255,255,255);	*/
	overflow:hidden;
}

.main-content {
	/*
	padding-top:39px;
	padding-bottom:39px;
	*/
	max-width:1280px;
	margin:0 auto;
	margin-left: 280px;
	background-color:rgb(255,255,255);
}
.content-section {
	max-width:960px;
	margin:0 auto;
	min-height:1200px;
}

/* SNS POSTING DIV */
#sns-posting {
	position:absolute;
	top:500px;
	left:500px;
	width:300px;
	height:auto;
	border:1px solid #666666;
	background-color:#fff;
	overflow:hidden;
	border-radius: 5px 5px 5px 5px;
	display:none;
}
#sns-posting .spt-header {
	background-color:#446ba3;
	width:100%;
	height:20px;
	padding:5px;
	
}
#sns-posting #sns-name {
	font-weight:bold;
	display:table-cell;
	height:20px;
	float:left;
	padding-left:15px;
}
#sns-posting #sns-close{
	display:table-cell;
	height:18px;
	width:18px;
	background:url('../images/cmticon.png') no-repeat 0px -12px;
	float:right;
	padding-right: 10px;
	cursor:pointer;
}
#sns-posting .spt-body {
	padding:10px;
}
#sns-posting .spt-body span {
	clear : both;
	margin-bottom:5px;
	margin-right: 10px;
	display:block;
}
#sns-posting .spt-body .spt-btn { text-align:right;}
 .spt-btn button { cursor:pointer; padding:5px;}

#sns-posting .spt-footer {
	background-color:#e7e7e7;
	display:block;
}
#sns-posting .spt-fline {
	display: block;
	height:15px;
	padding:5px;
	font-weight:bold;
	color:#666;
}
#sns-posting .spt-content{
	
	border:1px solid #eaeaea;
	margin-bottom:5px;
}
#sns-posting .spt-content span{
	width:100%;
}
#sns-posting .spt-content span img {
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
}

#sns-posting .spt-con-subject {
	font-size:0.8em;
	max-height:15px;
	overflow:hidden;
}
#sns-posting .spt-con-des {
	font-size:0.7em;
	max-height:22px;
	overflow:hidden;
}
#sns-posting .spt-con-name 
{
	font-size:0.6em;
	max-height:10px;
	overflow:hidden;
}
section#side-section{
	z-index:2;
	margin-right:20px;
}

#panel-cog2 { display:none; }
#panel-cog3 { display:none; }
#panel-cog1 { 
		display:inline-block;
		height:36px;
		width:36px;
		color:white;
		margin-bottom: 0;
		padding-bottom: 0;
		float:left;
		text-align: center;
		border-bottom: 0;
		font-size: 20px;
		border-radius: 5px 5px 5px 5px;
		margin-left:5px;
		border-right: 0;
		cursor: pointer;
		overflow: hidden;
	}
@media screen and (max-width:960px) {
	.main-content {
		margin-left:0px !important;
	}
}
/* Tablet view */

@media screen and (max-width:769px) {
	.bgf_logo{
		display:none;	
	}
	.bgf_cover {
		display:none;
	}
	.bgf_volum{
		padding-top:30px;	
	}
	.bgf_column{
	}
	
	
	#SB_Closebnt{ 
		top:50px;
		
	}
	#SB_Openbnt{ 
		top:50px;
		
	}
	
	#panel-cog2 { 
		display:inline-block;
		height:36px;
		width:36px;
		color:white;
		margin-bottom: 0;
		padding-bottom: 0;
		float:left;
		text-align: center;
		border-bottom: 0;
		font-size: 20px;
		border-radius: 5px 5px 5px 5px;
		margin-left:20px;
		border-right: 0;
		cursor: pointer;
		overflow: hidden;
	}
	#panel-cog3 { 
		display:inline-block;
		height:36px;
		width:36px;
		color:white;
		margin-bottom: 0;
		padding-bottom: 0;
		float:left;
		text-align: center;
		border-bottom: 0;
		font-size: 20px;
		border-radius: 5px 5px 5px 5px;
		margin-right:20px;
		border-right: 0;
		overflow: hidden;
	}

	#SB_Openbnt ,#SB_Closebnt { display:none; }
	
}

/* Mobile view */
@media screen and (max-width:480px) {
	
	#logo_txt{
		display:none;	
	}
	a.home_link{ display:none; }
	
	.logo1 { 
		display:block;
	}
	.logo2 {
		display:none;
	}
}