@charset "utf-8";
/* CSS Document */
/*************************************************************************************************************************************
유틸리티 클래스
fl: 왼쪽 정렬
fr: 오른쪽 정렬
clearfix: float clear
***************************************************************************************************************************************************************************************************************************************************/
/* https://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
a:link    { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover   { text-decoration:none; }
a:active  { text-decoration:none; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,  img, ins, kbd, q, s, samp,
 sub, sup, tt, var,
  center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.fr { float: right; }
.fl { float: left; }
.cb { clear: both; }

a {
	text-decoration: none;
}



/*리셋**********************/
/********************************************* 리셋 스타일 아랫부분을 수정해주세요 *********************************************/

body { background-color: white;
		font-family:"맑은 고딕", 나눔 고딕, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, 나눔고딕, Arial, sans-serif, Helvetica neue; 

		}
		
h1 {font-family: 'Dorsa', sans-serif, 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;
  	 font-size:66px;}

	 
h2 { font-family: 'oswald', 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;	font-size: 24px; color:#353c3f; !important;} 

h2 a {color:#353c3f; }

h3 { font-family: 'oswald', 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;	font-size: 14px; }

h4 {font-family: 'oswald', 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;	font-size: 22pt; }

h5 {font-family: 'oswald', 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;	font-size: 12px; }

h6 {font-family: 'oswald', 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕 !important;}

hr {
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	 border:solid 1px 0 0 0 #c6cbd2;
	 margin: 10px 0px;}
	 



header {margin-bottom:20px;}

.grey {color:#c4c6c6;}

.grey a {color:#c4c6c6;}

.skyblue {color:#4a6d87;}

.skyblue a {color:#4a6d87;}

.light-grey {color:#edf1f2;}

.dark-grey {color:#2f3943;}

p {line-height:22px; letter-spacing: -0.5px; 		font-size:13px;}

article p {line-height:1.8em;}

form input[type="button"] {font-family:맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;}
		
.t-align-center {text-align:center;}	

.topmargin {margin-top:20px;}	

strike {
 color:#bdc0c2;
}

/*선택한 항목*/

::selection
{
color:#FFE11A;
background-color:#2f3943;

}
::-moz-selection
{
color:#eef1f2;
background-color:#2f3943;
}

/*선택한 항목*/


/*검색결과*/

.flexible_img_col ul{margin:0;padding:0;font-size:12px;font-family:'oswald', 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕 ;list-style:none;*zoom:1}
.flexible_img_col ul:after{display:block;clear:both;content:""}
.flexible_img_col li{float:left;width:320px;margin:0 5px 10px;padding:0}
.flexible_img_col li.masonry-brick{margin-top:0}
 
.flexible_img_col .thumb{display:block;overflow:hidden;position:relative;width:318px;background:#C6CBD2;color:#666;line-height:180px;text-align:center;white-space:nowrap;border:0px solid #C6CBD2; border-radius: 5px; }
.flexible_img_col .thumb img{display:block;width:318px;border:0 }
.flexible_img_col a{display:block;width:320px;margin:0 auto;padding:0;text-decoration:none;cursor:pointer}
.flexible_img_col a h3{display:inline-block;margin:4px 0 0 0;color:#333}
.flexible_img_col p{width:320px;margin:0 auto;font-size:11px;color:#C6CBD2; font-family: 'oswald'; font-weight: 100;}
.flexible_img_col a:hover strong{text-decoration:underline}
.flexible_img_col a:hover .thumb{border:0px solid #999}
 
.w180 li{width:150px}
.w180 .thumb{width:150px}
.w180 .thumb img{width:150px; border-radius: 5px;}
.w180 a{width:150px}
.w180 p{width:150px}
/*검색결과*/


/*제목*/
		
.title {height: 100px; width:100%;}
		
.title h1 {
	width:100%;
text-align:center;
			font-size: 40px;
			font-weight:bold;
			text-transform:uppercase;
			margin-top: 35px;
/* 			margin-bottom: 40px; */
			}		
			
.title a {color:#014994;
			line-height:21pt;}		
			
.title a:hover {text-decoration:none;
	color: #076bd3;
		-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sub_title {
	border-top: 1px solid #d8dadd;
	color: #d8dadd;
	margin-left:15px;
 font-size: 1em;
	font-family: oswald;
	text-align: center;
	letter-spacing: 5em;
	width: 310px;
	margin-bottom:16px;
	box-shadow: #000 0px -1px 0px;
}

.sub_title p {
	letter-spacing: 0.2em;
	text-shadow:#000 0px 3px 4px;
}			

				
/*제목 끝*/			
			
/*배경	*/		
.main-header {
	background-color:/*@title-background-color*/transparent/*@*/; 
               }
/*배경끝	*/		   

.search {width:400px; margin-top:-80px; }
			
/*메뉴*/			   
.main-menu {background-color:#0359b3;
			font-family: 'oswald' , 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕 ;
			font-weight:400;
			font-size:12px;
			box-shadow: 0px 3px 5px #ccc;
			width:100%;
			z-index:99999;}		
			
.main-menu a {color:#e2e3e3;}
.mobile_menu  {
	font-size:14px;

		color:#e2e3e3;
		float:left;
		list-style-type:none;
		background-color:#222629;
		margin-right:3px;
		padding:12px;
		display: none;
}

.mobile_menu:hover { text-decoration:none;
							 background-color:#2f3943;
							 
							 		/*css3 transitions*/
							 transition: background-color 0.2s ease;
							 -moz-transition: background-color 0.2s ease;
							 -webkit-transition: background-color 0.2s ease;
							 
							 }

ul#nav{float:left;
margin-left:-14px;
z-index:100;
position:relative;
		}

	ul#nav li { float:left; 
			position:relative;}

	
		ul#nav li a { font-size:15px;

		color:#fff;
		float:left;
		list-style-type:none;
		
		margin-right:0px;
		padding:15px;
		
			
		}
		

		ul#nav li a:hover { text-decoration:none;
							 background-color:#2f3943;
							 
							 		/*css3 transitions*/
							 transition: background-color 0.2s ease;
							 -moz-transition: background-color 0.2s ease;
							 -webkit-transition: background-color 0.2s ease;
							 
							 
							 }

							 
		ul#nav li ai:active { background-color: #2f3943;}
		
		
		/*서브메뉴*/
		
		ul#nav li ul {position:absolute;
					left:0px;
					display:none;
					top:100%;
					background: #222629;
					border-radius: 4px;
					
					
					
					}
			ul#nav li ul li a {
				 width:155px;
				 border-top: 1px solid #4b5054;
				}
				
		/*서브메뉴 2단계	*/	
				ul#nav li ul li ul { left:97%;
				top:0;
				}
				
		ul#nav li:hover > ul { display:block;}
		ul#nav li:hover > a { color: #FFE11A;}

.navlogo {font-family:'dorsa'; font-size:25px; margin-top:8px; opacity:0.3; text-transform:uppercase;}

.navlogo:hover {text-decoration:none; opacity:1; transition: opacity 0.2s ease;
							 -moz-transition: opacity 0.2s ease;
							 -webkit-transition: opacity 0.2s ease;}

/*메뉴*/

/*본문*/

.article { background-color: white; 
		
		
			}

.article-header {margin-top: 0px;}

.article-header h3 {font-size:14px;}
.article-header hr {padding: 5px 0; margin:5px 0px;}
.article-header h2 {margin-bottom: 15px;}

.image-caption {border: 10px solid white;
				margin:5px;
				box-shadow: 0 0 5px #c0c6cd;
				float:left;
				margin-right:1em;}
				
.image-caption  p {font-family: 'oswald' , 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;
					font-style:italic;
					text-align:center;
					font-size:14px;
					padding:5px;
					
					}				

/*본문*/

/*작성자 정보*/

.profile-layer {border-radius:5px; border: dashed 1px #c7cdd2; padding:10px;}

.profile-layer img {
	border-radius: 500px;
	margin-right: 1em;
}


.about-the {
	font-family: 'oswald' , 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;
	font-size: 1.5em;
}

.about-the i {
	font-weight: 100;
}

/*작성자 정보*/

/*소셜도구*/

.divider {margin-top:10px; border-color:transparent;}

.author-info-wrap {margin-top:20px; position: relative;  margin-bottom:60px;}

/*소셜도구*/

/*태그 로그*/

.tagitem {display:inline-block; line-height:3em; font-size:14px;}



.tagitem span { margin-right:10px; }

.tagitem a { margin-right:10px; }

.bubble 
{
position: relative;
width: 100%;
height: 34px;
padding: 0px;
background: #2e3233;

}

.bubble:after 
{
content: "";
position: absolute;
top: 0px;
left: -17px;
border-style: solid;
border-width: 17px 17px 17px 0;
border-color: transparent #2e3233;
display: block;
width: 0;
z-index: 1;
}

.bubble a
{
position: relative;
width: 100%;
height: 34px;
padding: 0px;
background: #2e3233;

}

.bubble a:after 
{
content: "";
position: absolute;
top: 0px;
left: -17px;
border-style: solid;
border-width: 17px 17px 17px 0;
border-color: transparent #2e3233;
display: block;
width: 0;
z-index: 1;
}

.bubble span
{
position: relative;
width: 100%;
height: 34px;
padding: 0px;
background: #2e3233;

}

.bubble span:after 
{
content: "";
position: absolute;
top: 0px;
left: -17px;
border-style: solid;
border-width: 17px 17px 17px 0;
border-color: transparent #2e3233;
display: block;
width: 0;
z-index: 1;
}

/*태그로그*/

.tags {
		font-family: 'oswald' , 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;
		margin-left:20px;}
		
.tags a { 
		padding:7px;

		}
.tags a:hover {}	
.tags ul li {margin-right:20px;}

.tags span { 
		padding:7px;
		}
.tags span:hover {}	

/****************************************************************************/

/*포스팅 태그 */

.article-tag {
	display: block;
	height: 30px;
	margin-bottom:10px;
	margin-top:-20px;
}


.tag-item {display:inline-block; margin-left:10px;}

ul.a-tag li {float:left;}

.tag-item a
{
position: relative;
width: 100%;
height: 25px;
padding: 0px;
background: #0158b1;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color:white;
font-size:13px;
line-height:30px;
padding:5px;
margin-right:10px;
margin-bottom:10px;
}

.tag-item a:after 
{
content: "";
position: absolute;
top: 0px;
left: -13px;
border-style: solid;
border-width: 13px 13px 13px 0;
border-color: transparent #0158b1;
display: block;
width: 0;
z-index: 1;
}


/*포스팅 태그 */




/*태그*/



form textarea {background-color:#f5f5f5; width: 98%; box-shadow:inset 0 0 5px #dfe0e5; display:inline-block; font-family: 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;}

p label {
	font-family: 'oswald' , 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;
	color:#2f3943;

	display:inline;


}

	
/*코맨트 작성란*/	

/*페이지표시*/

.post-pages {text-align:center; font-family: 'oswald' , 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;	font-size: 18pt; margin-top: -30px; font-weight: 100; }

.num{
 display: inline-block;*zoom:1;*display: inline;
 border: 1px solid #ddd;
 width: 52px;
 height: 35px;
 margin: 2px;
 border-radius:4px;
 line-height: 35px;
}
.num:hover {
 border: 2px solid #369;
 margin: 1px;
}

a.pagenav {
	font-family: dorsa;
	font-size: 5em;
	display: inline;
	color: #232B33;
	cursor: pointer;
	line-height: 20px;
}

a.pagenav:hover {
	text-decoration: none;

	color: #185E91;
}


/*페이지표시*/

/*사이드바 왼쪽 선*/

.main-sidebar { box-shadow: -14px 0px 0px 0px white, -15px -0px 0px -0px #c7cdd2;

				
				}

						
				
.side-widgets {}				

/*카테고리*/

.categories {  position:relative;}

.categories h3 {margin-bottom: 12px; padding:11px 11px 0px 11px; font-size: 1em;}

.categories h3 a {color: #222629;}

#category-wrapper {font-size:100%;  margin:0 auto; font-size:13px; }

#category-wrapper ul {margin:0; padding:0; }

.side-menu-style {width:auto; height:auto; border-top: 1px solid #c6cbd2; }

.side-menu-style > li > a {  border-bottom: 1px solid #c6cbd2; width:100$ height: 2em; 
line-height:2em; text-indent:1em; display:block; position:relative; font-family:'oswald' , 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕; font-weight:100; color:#222629;}

.side-menu-style > li > a:before {
	content: '» ';
}

.side-menu-style ul li a { background-color:#eef1f2; border-bottom: 1px solid #c6cbd2; width:100$ height: 2em; 
line-height:2em; text-indent:2.5em; display:block; position:relative; font-family:'oswald' , 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕; font-weight:100; color:#222629;}

.side-menu-style ul li ul li a { background-color:#dbdfe0 ; border-bottom: 1px solid #c6cbd2; width:100$ height: 2em; 
line-height:2em; text-indent:3.5em; display:block; position:relative; font-family:'oswald' , 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕; font-weight:100; color:#222629;}



.side-menu-style > li > a:hover, .menu>li>a.active {background-color:#1a72a2; 							 transition: background-color 0.2s ease;
							 -moz-transition: background-color 0.2s ease;
							 -webkit-transition: background-color 0.2s ease; text-decoration:none; color:white;}

.side-menu-style ul li a:hover, .menu ul li a.active {background-color:#1a72a2; 							 transition: background-color 0.2s ease;
							 -moz-transition: background-color 0.2s ease;
							 -webkit-transition: background-color 0.2s ease; text-decoration:none; color:white;}
							 
.sidebar-title {padding:5px; font-size: 1em;}	

.sub-menu {display:none;}	

/*카테고리*/

/*최근코맨트*/

.recent-comment {}
.recent-comment h6 {margin: 30px 0 0; font-size:0.975em; font-weight: bold}
.recent-comment ul {border-top:1px solid #e9e9e9; list-style:none}
.recent-comment ul li {margin-top:10px; font-size:0.875em; line-height:1}
.recent-comment ul li:after {display:block; clear:both; content:''}
.recent-comment ul li a {float:left}
.recent-comment ul li a:hover, .recent-comment ul li a:active, .recent-comment ul li a:focus {color:#ff8149; text-decoration:none}
.recent-comment ul li .comment-name {float:right; color:#999; font-size:0.875em}
		 

/*최근코맨트*/


/*사이드 바 광고*/ 
.side-ad {margin: 10px 0;}
.side-ad p {text-align:center;}

/*사이드 바 광고*/

/*링크*/
.links {margin: 10px 0;}
/*링크*/

/*카운터*/
.counter-large-circle {font-family:'Dorsa';
				font-size:50px;
				color:white;
				
				}
p.counter-large-circle {text-align:center; margin-top:40px; position: absolute; margin-left: 25px;}	

.counter-small-circle {font-family:'oswald';
				font-weight:100;
				font-size:20px;
				color:white;
}

p.counter-small-circle {text-align:center; position: absolute; margin-top:66px; margin-left: 25px;}




/*카운터*/

/* 카운터 버전2 */

.circle {
	width: 120px;
	height: 120px;
	border-radius: 50% 0% 50% 0%;
	background-color: #2f3943;
	
}

/* 카운터 버전2 */

/*캘린더*/

.cal-date {background-color:#2f3943; color:#edf1f2; font-family:'oswald' , 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕; font-weight:300; font-size:20px; display:block; padding:5px; } 

.cal-date  p {line-height:50px;}

.cal-date span { display:inline-block; margin-top:7px; }

.calendar {box-shadow:#d5d9de;  border: 1px solid #d5d9de; margin:5px;  font-family:'oswald', 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕; font-weight:100; font-size:14px; text-align:center; line-height:2em; width: 50%; display: inline-block;}

/*캘린더*/

.rtag {display:inline-block;}

ul.rtag li {float:left;}

.rtag-item
{
display:inline-block;
position: relative;
text-align:center;
padding:0px 5px;;
height: 20px;
line-height:20px;
margin-left:20px;
background: #353c3f;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin-bottom:5px;
}

.rtag-item:after 
{
content: "";
position: absolute;
top: 0px;
left: -13px;
border-style: solid;
border-width: 10px 13px 10px 0;
border-color: transparent #353c3f;
display: block;
width: 0;
z-index: 1;
}



.widget-side {margin-top:20px;}

.b-space {line-height:2em; text-indent:5px;}

/*사이드바*/

/*푸터*/

.footer {
	margin-top:50px; 
	font-family:'oswald', 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;
	}
	
.footer-s1 {height:180px;}	
	
.footer-s1 h1 {text-transform:uppercase; font-size: 30px;}

.footer-s1 a {color:#e8ebed; }

.footer-s1 a:hover { text-decoration:none; color: #FFE11A; 		-webkit-transition: all 300ms ease;
	transition: all 300ms ease;}

.footer-s1 p {font-weight:100; font-size:20px; line-height:21px;}

.footer-divider {border-right:1px solid #c6cbd2;}

/*.contactme {margin-left:15px;}

.contactme h3 {line-height:2em;}

.contactme ul li {font-weight:100; font-size:18px; line-height:20px;}*/

.footer-widgetbox {margin:5px 0 5px 10px;}

.footer-sub {background-color:#fff; color:#6a6a6a; font-family:'oswald', 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕; font-size:14px; font-weight:lighter; line-height:14px; padding:10px 1%;}

.footer-sub p {font-size:14px; width:100%; text-align:center;}

.footer-sub a {color: #6a6a6a; }

/*푸터*/

/*슬라이더*/ 

.slider {width:100%; height:100%; margin-left:40px; display:none;}

.tedition_blog .slider {display:block;}

/*슬라이더*/

/*모달팝업*/

body .modal {

	z-index:99999999999;
	
}


/*모달팝업*/

.btn { font-family:"맑은 고딕", Apple SD 산돌고딕 Neo, 나눔고딕;}

.hidden-article {margin-top:8%;}

.hidden-article p {font-size:18px;}

.admin {text-align:center; background: #222629; color:#E8EBED; display: block; border-radius: 6px; margin-top: 1em;}
.admin a {color:#E8EBED;}

/*트랙백*/

.trackback-container {background-color:#f4f6f8; border-radius:5px; box-shadow: 0 0 2px #c7cdd2; padding:10px; margin-top:10px;}

.trackback-container h5 {line-height:2em;}

.trackback-container p {margin-top:-10px;}

/*댓글 코맨트*/

span.date,
span.from,
.actionTrail {font-family: 'oswald' , 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕;
		font-weight:300;
		display: block;
		} 
		
.counter .counter-large {
	text-align: right;
}


.archive-item {background-color:#2f3943; color:white; text-align:center; border:0px solid #eef1f2; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; line-height:1.5em; display: inline-block; font-family:'oswald' 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕; padding:0 5px; font-weight:100; margin-bottom:5px;}

.archive-item a {color:white;}

.rp-item {display:block; background-color:#f4f6f8; color:#2f3943; text-align:left; border:0px solid #eef1f2; line-height:1.5em;  font-family: '맑은 고딕', Apple SD 산돌고딕 Neo, 나눔고딕; padding:0 5px; font-weight:100; margin-bottom:5px; font-size:12px;}

.rp-item a {color:#2f3943;}



.notice-item {display:block; background-color:#f4f6f8; color:#2f3943; text-align:left; border:0px solid #eef1f2; line-height:1.5em;  font-family: '맑은 고딕', Apple SD 산돌고딕 Neo, 나눔고딕; padding:0 5px; font-weight:700; margin-bottom:5px; font-size:15px;}

.notice-item a {color:#2f3943;}

/*티스토리 css*/



/*관리자댓글*/
.rp_admin {}



.rp_admin {}

/*관리자댓글*/
 /*비밀 댓글*/


.rp_secret  {background: transparent url('./images/redstig.png') left top no-repeat; }



.rp_secret div.reprofile-image  {background: transparent url('./images/redstig.png') left top no-repeat; border-radius:500px; background-size:120px 120px; width:120px; margin-right:80px;}

 /*비밀 댓글*/
 
 /*일반댓글*/
 
.rp_general {background: transparent url('./images/greenstig.png') left top no-repeat; }



div.recomment > .rp_general {background: transparent url('./images/greenstig.png') left top no-repeat; 
	background-position:0% 10%;
	
}

/*일반댓글*/


  /*비밀 댓글(로그인 하지 않았을 경우)*/


 /*관리자가 올린 방명록*/


.guest_admin  {}



.guest_admin {}

/*관리자가 올린 방명록*/

/*손님이 올린 방명록*/

.guest_general  {background: transparent url('./images/greenstig.png') left top no-repeat; }



.guest_general div.reprofile-image  {background: transparent url('./images/greenstig.png') left top no-repeat; }

/*손님이 올린 방명록*/

/*캘린더 설정*/

.cal_month 
{
background-color:#2f3943; color:#edf1f2; font-family:'oswald' , 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕; font-weight:300; font-size:12px;  padding:5px; line-height:1em;
}

.cal_month a
{
color:#edf1f2; 
font-size:8px;}

.cal_day3 {
	font-size:8px;
}

.cal_week1,.cal_week,.cal_current_week,.cal_day,.cal_week2 
{
border-bottom: 1px solid #d5d9de;
font-size:8px;
line-height: 14px;
}



.cal_day1 /*이전달 날짜표시*/
{
color:#ccc;
}


.cal_day2 /*다음달 날짜표시*/
{
color:#ccc;
}

.cal_day4
{
color:#edf1f2;
text-decoration:none;
background-color:#2f3943;
border-radius:1000px;

}

.cal_day4 a {color:#edf1f2;}

a.cal_click:link { font-weight:bold;}
/*a.cal_click:visited { color:#edf1f2; font-weight:bold;}
a.cal_click:hover { color:#edf1f2; font-weight:bold;}*/

/*일요일 */

.cal_day_sunday, .cal_day_sunday a, .cal_week2{ 

color:#e81f1f !important;
}

/*일요일 */

/*캘린더 설정*/


					

/*티스토리 css*/

/*위젯*/

.widgets {padding: 5px;}

.sidebar2 {margin:0; padding:0;}

/*위젯*/

/*카테고리 다른글*/ 

div.another_category{border:0px solid #c6cbd2 !important;}
div.another_category h4{!important;}
div.another_category h4 a{ !important;}
div.another_category table{border:1px 0 0 0 solid  #c6cbd2; !important}
div.another_category table td{}
div.another_category th a{ !important;}
div.another_category th a.current{border:0 0 0 1px solid #c6cbd2 !important}
div.another_category th span{!important}
div.another_category th{}
div.another_category table th{!important;}
div.another_category tr:first-child th{!important;}
div.another_category table th a:hover{ !important;}


/*카테고리 다른글*/


/*********************************소셜위젯********************************/







/*배너스타일*/

.banner:hover {opacity:0.8;}

/*배너스타일*/

/*선택된페이지*/
.selected 
{

font-weight:bold; 
color:#222629;
} 

/*선택된페이지*/



/* 애드디스 */




/* 공지사항 */


/* 카운터 버전2 */

/* 아코디언 */
.accordion {
	font-size:12px;
}

.accordion a{
	text-decoration:none;
	color: black;
}

.accordion a:hover {
	border-bottom:1px dashed; 
}
/* 아코디언 */

.footnotes {
	font-size:12px;
}






/* 애드디스 커스텀아이콘 */

.addthis_32x32_style .at15nc.at15t_facebook {
background: url(./images/add_this_facebook.png) no-repeat transparent !important;
}
.atss a.at-svc-facebook {
	background-color: transparent !important;
}

.addthis_32x32_style .at15nc.at15t_twitter {
background: url(./images/add_this_twitter.png) no-repeat transparent !important;
}

.atss a.at-svc-lidar, .atss a.at-svc-twitter, .atss a.at-svc-yammer {
background-color: transparent !important;
}

.addthis_32x32_style .at15nc.at15t_compact {
background: url(./images/add_this_add.png) no-repeat transparent !important;
}

.atss a.at-svc-compact {
background-color: transparent !important;
}

#at-whatsnext-dom {
	font-family: 'oswald', 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕 !important;
}

.addthis-content-link {font-size: 11px !important;}

/* 애드디스 커스텀아이콘 */

/* 카테고리 다른글  */

.another_category {
	float: right; width: 100%;  clear: right;
	height: 200px;
	margin: 0px !important;
	padding: 0px;
	}

/* 카테고리 다른글  */

.tsidebar{margin-top:20px;}

/* 다음뷰 목록 */

.view_box {
	width: 47%;
	left: 50%;

	display: block;

}

.view_box iframe {
	margin: 0;
	padding: 0;
}

.daumview {
	margin-top:-2px;
}

.view_list {
	width: 100%;
	display: block !important;
	margin-bottom: -25px;

	
}

.view_list iframe{
	width: 50%;
	

}

.mlfet {
	margin-left: -5px;
}


/* 다음뷰 목록 */

button.search-button {
	background: transparent url('./images/side_search.png') left top no-repeat; background-size:30px 30px; width: 30px;
	height: 30px;
	background-color: transparent;
	border: none;

	cursor: pointer;
	color:black;
}

		/* LayerSlider Full Width Skin */

/* 레이어 슬라이더  */

.ls-fullwidth {
	background: #ddd;
	
}


.ls-fullwidth .ls-playvideo {
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -10px;
}

.ls-fullwidth .ls-playvideo,
.ls-fullwidth .ls-nav-sides,
.ls-fullwidth .ls-bottom-slidebuttons a,
.ls-fullwidth .ls-nav-prev,
.ls-fullwidth .ls-nav-next,
.ls-fullwidth .ls-nav-start,
.ls-fullwidth .ls-nav-stop {
	background-image: url(./images/skin.png);	
}

.ls-fullwidth .ls-playvideo {
	background-position: -300px -150px;
}

.ls-fullwidth .ls-playvideo:hover,
.ls-fullwidth .ls-vpcontainer:hover .ls-playvideo {
	background-position: -375px -150px;
}

.ls-fullwidth .ls-nav-prev {
	background-position: 0px 0px;
	
}

.ls-fullwidth .ls-nav-prev:hover {
	background-position: 0px -75px;
}

.ls-fullwidth .ls-nav-next {
	background-position: -150px 0px;
}

.ls-fullwidth .ls-nav-next:hover {
	background-position: -150px -75px;
}

.ls-fullwidth .ls-nav-start {
	background-position: -300px 0px;
}

.ls-fullwidth .ls-nav-start:hover,
.ls-fullwidth .ls-nav-start-active {
	background-position: -300px -75px;
}

.ls-fullwidth .ls-nav-stop {
	background-position: -450px 0px;
}

.ls-fullwidth .ls-nav-stop:hover,
.ls-fullwidth .ls-nav-stop-active {
	background-position: -450px -75px;
}

.ls-fullwidth .ls-bottom-slidebuttons a {
	background-position: 0px -150px;
}

.ls-fullwidth .ls-bottom-slidebuttons a.ls-nav-active,
.ls-fullwidth .ls-bottom-slidebuttons a:hover {
	background-position: -75px -150px;
}

.ls-fullwidth .ls-nav-sideleft {
	background-position: -150px -150px;	
}

.ls-fullwidth .ls-nav-sideright {
	background-position: -225px -150px;	
}



.ls-fullwidth .ls-nav-prev,
.ls-fullwidth .ls-nav-next {
	width: 40px;
	height: 40px;
	z-index: 10000;
	top: 50%;
	margin-top: -20px;	
	position: absolute;
}

.ls-fullwidth .ls-nav-prev {
	left: 10px;	
}

.ls-fullwidth .ls-nav-next {
	right: 10px;	
}



.ls-fullwidth .ls-bottom-slidebuttons,
.ls-fullwidth .ls-bottom-slidebuttons a,
.ls-fullwidth .ls-nav-start,
.ls-fullwidth .ls-nav-stop,
.ls-fullwidth .ls-nav-sides {
	height: 20px;
}

.ls-fullwidth .ls-bottom-slidebuttons,
.ls-fullwidth .ls-bottom-slidebuttons a,
.ls-fullwidth .ls-nav-start,
.ls-fullwidth .ls-nav-stop,
.ls-fullwidth .ls-nav-sides {
	display: inline-block;
}

.ls-fullwidth .ls-bottom-slidebuttons,
.ls-fullwidth .ls-nav-start,
.ls-fullwidth .ls-nav-stop,
.ls-fullwidth .ls-nav-sides {
	top: -30px;
}

.ls-fullwidth .ls-nav-start,
.ls-fullwidth .ls-nav-stop {
	width: 25px;
}

.ls-fullwidth .ls-bottom-slidebuttons a {
	width: 20px;
}

.ls-fullwidth .ls-nav-sides {
	width: 0px;	
}



.ls-fullwidth .ls-thumbnail-hover {
	bottom: 30px;
	padding: 2px;
	margin-left: 1px;
}

.ls-fullwidth .ls-thumbnail-hover-bg {
	background: #eee;
}

.ls-fullwidth .ls-thumbnail-hover span {
	border: 5px solid #eee;
	margin-left: -5px;
}



.ls-fullwidth .ls-thumbnail {
	top: 10px;
}

.ls-fullwidth .ls-thumbnail-inner {
	padding: 2px;
	margin-left: -2px;
	background: #fff;
}

.ls-fullwidth .ls-thumbnail-slide a {
	margin-right: 2px;
}

.ls-fullwidth .ls-nothumb {
	background: #eee;
}

/* 슬라이더 스킨설정 */

			.ls-layer,
			.ls-layer * {
				font-family:"맑은 고딕", 나눔 고딕, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, 나눔고딕, Arial, sans-serif, Helvetica neue; 
				font-weight: normal;
			}
			

			
			.ls-layer p {
				padding: 0px 10px;				
				line-height: 40px;
				box-shadow: 0px 4px 10px -5px black;
				text-shadow: none;
				font-size: 18px;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
			}

			.l1-s1 {
				height: 80px;
				color: black;
				background: white;
				opacity: .9;
				width: 650px;
				text-align: center;
			}
			
			.l2-s1 {
				height: 40px;
				color: white;
				background: black;
				opacity: .65;
				white-space: nowrap;
			}
			
			.l3-s1 {
				height: 40px;
				color: black;
				background: white;
				opacity: .9;
				white-space: nowrap;
			}
			


@media only screen and (min-width:1280px)  {
				img.ls-bg {
	  width: 100% !important;
	  position: absolute ;
	  top: 0 ;
	  left: 0 ;
	}

}

/* 레이어 슬라이더  */


/* 공지사항 */

/* 티에디션 설정 */

/* .tedition_blog .main-sidebar {display: none;} */


.slider {
	display: none;

}




.tedition_blog .slider {display: inline;}

.tt-span-12 {
	width: 1050px;
	margin: 0 auto;
	padding: 0;

}


/* 티에디션 설정 */

/* 게시글 제목 설정 */

.blog-article h1 {
    margin: 1em 0 0.5em 0;
    font-weight: 600;
    font-family:"맑은 고딕", 나눔 고딕, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, 나눔고딕, Arial, sans-serif, Helvetica neue; 
    position: relative;  
    font-size: 28px;
    line-height: 40px;
    padding: 15px 15px 15px ;
    color: #355681;
    box-shadow: 
        inset 0 0 0 1px rgba(53,86,129, 0.4), 
        inset 0 0 5px rgba(53,86,129, 0.5),
        inset -285px 0 35px white;
    border-radius: 0 10px 0 10px;

}
 
.blog-article h2 {
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    position: relative;
    text-shadow: 0 -1px rgba(0,0,0,0.6);
    font-size: 22px;
    line-height: 40px;
    background: #355681;
    background: rgba(53,86,129, 0.8);
    border: 1px solid #fff;
    padding: 5px 15px;
    color: white;
    border-radius: 0 10px 0 10px;
    box-shadow: inset 0 0 5px rgba(53,86,129, 0.5);
    font-family:"맑은 고딕", 나눔 고딕, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, 나눔고딕, Arial, sans-serif, Helvetica neue; 
}
 
.blog-article h3 {
    margin: 1em 0 0.5em 0;
    font-weight: 600;
    font-family:"맑은 고딕", 나눔 고딕, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, 나눔고딕, Arial, sans-serif, Helvetica neue; 
    position: relative;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
    font-size: 18px;
    line-height: 40px;
    color: #355681;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(53,86,129, 0.3);
}
 
.blog-article h4 {
    margin: 1em 0 0.5em 0;
    font-weight: 600;
    font-family:"맑은 고딕", 나눔 고딕, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, 나눔고딕, Arial, sans-serif, Helvetica neue; 
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #788699;
    
}


.blog-article ol {
	list-style: decimal-leading-zero;
}


.txc-info {
	width: 100% !important;

}
/* 게시글 제목 설정 */

/************************ 소셜도구 *****************/



.my_site {
	
	width: 100px;
	height: 100px;
	background: #fff ;
	border-radius: 50% 0 50% 50%;
	border: solid 1px #dddddd;
	-webkit-transition: all 300ms ease;
	float: left;
	margin-left: 5px;
	    display: block;
	    position: relative;
	    box-shadow: 0 0 0px 5px #F6F6F6 inset;
}

.my_site:hover {
	background: #2F3943;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	box-shadow: 0 0 0px 0px #F6F6F6 inset;
	
}

.yicon {
	width: 60px;
	height: 42px;
	margin: 27px 0 0 20px;
	background: url(./images/youtube.png) no-repeat 0 0  ;
}

.my_site:hover > .yicon {
	background: url(./images/youtube.png) no-repeat 0 -42px !important;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.dicon {
	width: 50px;
	height: 68px;
	margin: 15px 0 0 25px;
	background: url(./images/view.png) no-repeat 0 0  ;
}

.my_site:hover > .dicon {
	background: url(./images/view.png) no-repeat 0 -69px ;

}

.picon {
	width: 50px;
	height: 61px;
	margin: 17px 0 0 21px;
	background: url(./images/pandora.png) no-repeat 0 0  ;
}

.my_site:hover > .picon {
	background: url(./images/pandora.png) no-repeat 0 -61px ;
		-webkit-transition: all 300ms ease;
	transition: all 300ms ease;

}



.ticon {
	width: 57px;
	height: 47px;
	margin: 25px 0 0 25px;
	background: url(./images/twitter.png) no-repeat 0 0  ;
}

.my_site:hover > .ticon {
	background: url(./images/twitter.png) no-repeat 0 -47px ;
		-webkit-transition: all 300ms ease;
	transition: all 300ms ease;

}

.ficon {
	width: 32px;
	height: 61px;
	margin: 20px 0 0 35px;
	background: url(./images/facebook.png) no-repeat 0 0  ;
}

.my_site:hover > .ficon {
	background: url(./images/facebook.png) no-repeat 0 -61px ;
		-webkit-transition: all 300ms ease;
	transition: all 300ms ease;

}

.ricon {
	width: 50px;
	height: 50px;
	margin: 22px 0 0 30px;
	background: url(./images/rss.png) no-repeat 0 0  ;
}

.my_site:hover > .ricon {
	background: url(./images/rss.png) no-repeat 0 -50px ;
		-webkit-transition: all 300ms ease;
	transition: all 300ms ease;

}

.nicon {
	width: 62px;
	height: 55px;
	margin: 20px 0 0 25px;
	background: url(./images/naver.png) no-repeat 0 0  ;
}

.my_site:hover > .nicon {
	background: url(./images/naver.png) no-repeat 0 -55px ;
		-webkit-transition: all 300ms ease;
	transition: all 300ms ease;

}

.gicon {
	width: 60px;
	height: 61px;
	margin: 20px 0 0 25px;
	background: url(./images/googlep.png) no-repeat 0 0  ;
}

.my_site:hover > .gicon {
	background: url(./images/googlep.png) no-repeat 0 -61px ;
		-webkit-transition: all 300ms ease;
	transition: all 300ms ease;

}

.faicon {
	width: 50px;
	height: 48px;
	margin: 23px 0 0 25px;
	background: url(./images/favorite.png) no-repeat 0 0  ;
}

.my_site:hover > .faicon {
	background: url(./images/favorite.png) no-repeat 0 -48px ;
		-webkit-transition: all 300ms ease;
	transition: all 300ms ease;

}


.tisicon {
	width: 60px ;
	height: 51px ;
	margin: 23px 0 0 23px ;
	background: url(./images/tistoryadd.png) no-repeat 0 0   ;
}

.my_site:hover > .tisicon {
	background: url(./images/tistoryadd.png) no-repeat 0 -51px  ;
		-webkit-transition: all 300ms ease ;
	transition: all 300ms ease ;

}

.my_site span{
    width: 100px;
    height: auto;
    line-height: 20px;
    padding: 2px 0px;
    left: 55%;
    margin-left: -58px;
    font-family:"맑은 고딕", 나눔 고딕, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, 나눔고딕, Arial, sans-serif, Helvetica neue; 
    font-weight: 400;   
    font-style: italic;
    font-size: 16px;
    color: #2F3943;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 4px solid #EEF1F2;
    background: #EEF1F2;
    text-indent: 0px;
    border-radius: 5px;
    position: absolute;
    pointer-events: none;
    bottom: 120px;
    opacity: 0;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    -webkit-transition: all 0.3s ease-in-out ;
    transition: all 0.3s ease-in-out ;
}

.my_site span:before,
.my_site span:after{
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid  rgba(0,0,0,0.5);
}

.my_site span:after{
    bottom: -14px;
    margin-left: -10px;
    border-top: 10px solid #EEF1F2;
}

.my_site:hover span{
    opacity: 1;
    bottom: 110px;
}


/* 소셜도구 */

.cap1 {
	font-size:12px;
	text-align:center;
}

/* 티스토리 반응형 */

/* Tistory utility  
   ------------------------------------------------ */
.tistorytoolbar, .tt_menubar_link_tit {
  font-family: 'oswald', 맑은 고딕, Apple SD 산돌고딕 Neo, 나눔고딕 !important;
  	padding-top: 2px !important;
	letter-spacing: 0px !important;
	display: inline !important;
}

.tistorytoolbar, .tt_menubar_link_tit a:hover {
	color: #FFE11A !important;
			-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}


   

   
.entry-content img {
  display: block;
  max-width: 100%;
  height: auto;
}
.imageblock { max-width:100%; } 

body.tistory_grid_350 div#ttCanvas,
body.tistory_grid_385 div#ttCanvas,
body.tistory_grid_420 div#ttCanvas,
body.tistory_grid_455 div#ttCanvas,
body.tistory_grid_490 div#ttCanvas,
body.tistory_grid_525 div#ttCanvas,
body.tistory_grid_560 div#ttCanvas,
body.tistory_grid_595 div#ttCanvas,
body.tistory_grid_630 div#ttCanvas,
body.tistory_grid_665 div#ttCanvas,
body.tistory_grid_700 div#ttCanvas,
body.tistory_grid_735 div#ttCanvas,
body.tistory_grid_770 div#ttCanvas,
body.tistory_grid_805 div#ttCanvas,
body.tistory_grid_840 div#ttCanvas,
body.tistory_grid_875 div#ttCanvas,
body.tistory_grid_910 div#ttCanvas,
body.tistory_grid_945 div#ttCanvas,
body.tistory_grid_980 div#ttCanvas,
body.tistory_grid_1015 div#ttCanvas,
body.tistory_grid_1050 div#ttCanvas { max-width: 100% !important; }
.tt-span-1,
.tt-span-2,
.tt-span-3,
.tt-span-4,
.tt-span-5,
.tt-span-6,
.tt-span-7,
.tt-span-8,
.tt-span-9,
.tt-span-10,
.tt-span-11,
.tt-span-12 {
max-width: 100% !important;
}

.moreless_fold {
  padding-left: 10px; 
  background: url(./images/btn_more.gif) no-repeat 0 50%; 
  color: #08c; 
  font-weight:bold;
}
.moreless_top {
  padding-left: 10px; 
  background: url(./images/btn_less.gif) no-repeat 0 50%;
  color: #08c; 
  font-weight:bold;
 }
.moreless_bottom {
  padding-left: 10px; 
  background: url(./images/btn_less.gif) no-repeat 0 50%; 
  color: #08c; 
  font-weight:bold;
}
.moreless_content  {
  padding: 15px 10px;
  border-top:1px dotted #999;
  border-bottom:1px dotted #999;
}


/* utility  
   ------------------------------------------------ */

figure {
  margin: 0;
  padding: 0;
}
figcaption {
  margin: 10px 0;
  padding: 0;
  color:#999;
  font-style: italic;
}
.img-center {
  margin: 0 auto;
}

.text-justify {
  text-align: justify;
}
.responsive-right2left {
  float:right;
}
.responsive-left2right {
  float:left;
}
iframe, object, embed { max-width:100%; } 
video { max-width:100%; height: auto; } 
.media-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.media-container iframe,  
.media-container object,  
.media-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fb-comments, .fb-comments > iframe, .fb-comments > span, .fluid_script, .ttb2ad_offer01, #uchat_wrap83840304 { max-width:100% !important ;  }

.gad {
	max-width:100%;
	overflow: hidden;
}


/* 티스토리 반응형 */


/*--------------- MEDIA Q  공지사항 ----------- */

.tistorytoolbar {
  display:  !important;
}



	.mobilead  {
		display: none !important;
	}

/* Smaller than standard 1200 (devices and browsers) */
@media only screen and (max-width: 1199px) and (min-width:980px) {


	.title, .estoque, .footer-sub, .rss-box, .author-info-wrap{
		zoom: 0.9;
		-webkit-transition: all 300ms ease;
	}
	
	.footer-s1, {
		zoom: 0.8;
		-webkit-transition: all 300ms ease;
	}
	
	.footer-s1 {
		width: 270px;
	}
	
	.uchat {
		display: none;
	}
	
	header {
		margin-bottom: 26px;
	}
	


}

@media only screen and (max-width: 1199px)  {
		.uchat {
		display: none !important;
	}
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width:979px) and (min-width:768px) {


	
	.title, .estoque, .footer-sub, .footer-s1, .rss-box, .author-info-wrap{
		zoom: 0.8;
		-webkit-transition: all 300ms ease;
	}
	

	
		.footer-s1 {
		zoom: 0.6;
		-webkit-transition: all 300ms ease;
		
	}
	
	.footer-s1 {
		width: 270px;
	}
	
	.main-menu a {
		
	}
	
	.navlogo, .main-sidebar {
		display: none;
	}
	
		.article {
		width:724px;
		-webkit-transition: all 300ms ease;
	}
	
		header {
		margin-bottom: 18px;
	}
	




}

@media only screen and (max-width:979px)  {
	.navlogo, .main-sidebar, .viewHide, .left-menu {
		display: none;
	}
	
		.mobilead  {
		display: block !important;
	}
	
	.search-result {
		width: 100%;
	}
	
	
/*
		.mobile_menu{
		display: inline-block;
		float: left;
		margin-bottom: -40px;
		margin-right: 100px;
*/
		
	}
	

}



/*All Mobile Sizes (devices and browser)*/
@media only screen and (max-width:767px) and (min-width:472px) {




	
	.author-info-wrap {
		zoom:0.7;
	}
	
	.footer-sub {
		zoom:0.7;
	}
	
	.footer-s1 {
		width: 270px;
	}
	
	

	

}

@media only screen and (max-width:640px) and (min-width:480px) {


	
}

@media only screen and (max-width:767px) {
		.title, .estoque, .footer-s1, .rss-box {
		zoom: 0.5;
		
		}
		
	header {
		margin-bottom: 10px;
	}
	
	.view_list {
		display: none !important;
	}
	
	.navlogo {
		display: inline-block;
	}
	
	#nav {
	display: none;
	}
	.blogMenu {
	display: none !important;
	}
	
			.container {
		margin: 0 1em;
	}

		

}

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


	
}

/*All Mobile Sizes (devices and browser)*/
@media only screen and (max-width:471px) and (min-width:440px) {



	

	
	.author-info-wrap {
		zoom:0.7;
	}
	
	.footer-sub {
		zoom:0.7;
	}
	
	.footer-s1 {
		width: 270px;
	}

	
		.container {
		margin: 0 1em;
	}
	
		.another_category {
		width: 100%;
		display: inline-block;
	}
	
	.view_box {
		width: 98%;
		display: inline-block;
		border: 0px;
		margin-left: 1em;
	}
	





}


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

		.container {
		margin: 0 1em;
	}
	
		.another_category {
		width: 98%;
		display: inline-block;
		margin-left: 1em;
	}
	
	.view_box {
		width: 98%;
		display: inline-block;
		border: 0px;
		margin-left: 1em;
	}
	


	
}


/*All Mobile Sizes (devices and browser)*/
@media only screen and (max-width:439px)  {


	
	.title {
		zoom:1;
	}
	
	.title h1 {
		font-size: 40px;
	}
	
	.sub_title {
		width: 40%;
	}
	.sub_title p {
		
		 font-size: 0.5em;

	letter-spacing: 0em;
	}


	

	
	.author-info-wrap {
		zoom:0.7;
	}
	
	.footer-sub {
		zoom:0.7;
	}
	
		.main-sidebar, .view_list, .viewHide {
		display: none;
	}
	
	.title {
		margin-top: 5px;
	}
	
					header {
		margin-bottom: 4px;
	}
	






}


/*--------------- MEDIA Q  티에디션 ----------- */

.tt-span-12 {
	width:1170px !important;
}


/* Smaller than standard 1200 (devices and browsers) */
@media only screen and (max-width: 1199px) and (min-width:980px) {

	.tt-span-12 {
		width:740px !important;
	}


}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width:979px) and (min-width:768px) {

	.tt-span-12 {
		width:724px !important;
	}


}



/*All Mobile Sizes (devices and browser)*/
@media only screen and (max-width:767px) {

	.tt-span-12 {
		width:767px !important;
	}


}


#ttCanvas {
	width: 1170px !important;
}


.oswald {
	font-family: 'oswald'; 
}

/* 미디어 로그 */
#mediaLogNest {
/* 	display: none !important; */
}
/* 미디어 로그 */
/* 글 목록 - 카테고리뷰 */
#treeComponent td {font:14px "맑은 고딕";
	line-height: 20px;
} /* 카테고리 폰트 */
/* 카테고리 - 이미지 버튼 */
	.ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
	.branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
	.c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f30;}


.blogMenu {
 text-align: center;
 clear: both;
 display: block;
 width: 500px;
 margin: 0 auto;

}

.blogMenu ul {
	margin-top: -20px;
	
}

.blogMenu ul li {
	float: left;

}
.blogMenu ul li a {
	font-size: 12px;
	color: #C6CBD2;
	text-align: center;
	display: inline-block;

	margin-right: 0.2em;
}

.blogMenu ul li a:after  {
	content: "|";
}

.blogMenu ul li a:hover  {
	color: #FFE11A;
}




#tistorySidebarProfileLayer {
	width:100% !important;
}

.listbox {
	font-size: 11px;
}

.listbox span {
	font-size: 11px;
}

/* 글 목록 - 카테고리뷰 */

/* 빵가루 */
#locator {
	border: solid 1px #ddd;
	border-radius: 4px;
	margin-bottom: 10px;
}

#locator a {
	color: #C4C6C6;
	font-weight: 100;
	font-size: 12px;
	line-height: 25px;
	padding-left: 20px;
}
#locator a:first-child {
	padding-left: 10px;
}

.breadc {
	color: #ddd;
	font-family: 'dorsa';
	font-weight: 100;
	font-size: 70px;
	position: absolute;
	margin-top: -22px;
	margin-bottom: -10px;
}
/* 빵가루 */

.stylehr {

}	 

.pagination {
	margin: 0px;
}


/* ccl 여백  */
.entry-ccl {
	margin: 0px !important;
}
/* ccl 여백  */

/* 글 없음 */
.absent_post {
	color: rgba(0,0,0,0) !important;
	background-image: url(./images/404-error.png) !important;	
	height: 298px !important;
	width: 100%;
}


/* 글 없음 */

/* 태그우선순위 */
.cloud1 {color:#E8699C !important;}
.cloud2 {color:#FFC673;}
.cloud3 {color:#EAFF80;}
.cloud4 {color:#69E8C2;}
.cloud5 {color:#8080FF;}
/* 태그우선순위 */

#ttLinkEditMode a {
	width: 200px !important;
	height: 105px !important;
	background: url(./images/tedition.png) 0 0 no-repeat !important;
	margin-top: -60px !important;
}





/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;outline:none}
fieldset,img{border:0 none}
button {border:0 none;background-color:transparent;cursor:pointer}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
a:active {background-color:transparent}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
/* global */


.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.img_profile{float:left;margin-right:16px;border-radius:50px; }

/* 공통이미지 */
.ico_skin{display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url("images/ico_skin2.gif") 0 0 no-repeat;text-indent:-9999px}


/* 댓글영역★★★★★★★★★★ */
.skin_view .area_reply{}
.area_reply .tit_reply{font-weight:normal;}
.area_reply .btn_reply{font-weight:bold;line-height:18px;color:#3db39e}
.area_reply .btn_reply .ico_reply{width:8px;height:5px;margin:5px 0 0 3px;background-position:0 -425px;vertical-align:top}
.btn_reply.on .ico_reply{background-position:0 -450px}
.area_reply .reply_write{position:relative;margin-top:5px}
.area_reply .lab_write{position:absolute;top:13px;left:16px;font-size:12px}
.area_reply .on_box .lab_write{display:none}
.area_reply .tf_reply{width:100%;height:102px;padding:13px 15px 10px;border:1px solid #eee;font-size:12px;resize:none;box-sizing:border-box;}
.area_reply .reply_writer{margin-top:10px;position:relative;height:36px}
.area_reply .writer_info{float:left}
.area_reply .writer_info .info_name{display:inline-block;position:relative;margin-right:8px}
.area_reply .writer_info .info_pw{display:inline-block;position:relative}
.area_reply .writer_info .lab_info{position:absolute;top:10px;left:16px;font-size:12px}
.area_reply .on_box .lab_info{display:none}
.area_reply .writer_info .inp_info{width:120px;height:36px;padding:0 15px;border:1px solid #eee;font-size:12px;box-sizing:border-box}
.area_reply .writer_info .inp_info::-webkit-input-placeholder { padding-top:2px }
.area_reply .writer_check{position:absolute;right:70px}
.area_reply .writer_check .check_secret{display:inline-block;position:relative;height:36px;margin-right:18px;line-height:36px}
.area_reply .writer_check .inp_secret { display:none;}
.area_reply .writer_check .lab_secret {position:relative;padding-left:20px;font-size:12px;cursor:pointer}
.area_reply .writer_check .ico_check {position:absolute;top: 10px;left:0;width:16px;height:16px;background-position:0 -500px}
.area_reply .writer_check .inp_secret:checked + .lab_secret .ico_check { background-position:0 -525px }
.area_reply .writer_check .inp_secret:focus + .lab_secret .ico_check { outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px; margin-top:20px; }
.area_reply .on .ico_check{background-position:0 -525px}

.area_reply .writer_btn { position:absolute;right:0 }
.area_reply .writer_btn .btn_enter{width:70px;height:36px;border-radius:4px;font-size:12px;line-height:38px;background-color:#0059b5;color:#fff;font-weight:bold}

.area_reply .btn_replymore{display:none;width:100%;height:42px;margin-top:3px;border-top:1px solid #eee;font-size:12px;line-height:44px;color:#aaa}
.on .btn_replymore{display:block}
.area_reply .list_reply{margin-bottom:20px; margin-top:5px;border-top:1px solid #e0e0e0;}
.on .list_reply{display:block;margin-bottom:18px}
.area_reply .list_reply li.tt_more_preview_comments_wrap { padding:10px 20px}
.area_reply .list_reply .tt_more_preview_comments_text { font-size:12px; color:#aaa }
.area_reply .list_reply li{overflow:hidden;position:relative;padding:23px 20px 24px;border-bottom:1px solid #eee;}
.area_reply .list_reply li:hover{background-color:#fcfcfc}
.area_reply .list_reply .my_reply{background-color:#fcfcfc}
.area_reply .list_reply .re_reply{padding-left:86px}
.area_reply .reply_content{width:90%;float:left;}
.area_reply .list_reply .img_profile { margin-top:2px }
.area_reply .tit_nickname{float:left; display:block;overflow:hidden;max-width:515px;margin:4px 5px 0 0;font-weight:bold;color:#333;white-space:nowrap}
.area_reply .my_reply .tit_nickname{color:#3db39e}
.area_reply .tit_nickname:hover{text-decoration:none}
.area_reply .ico_secret{width:10px;height:12px;margin-top:4px;background-position:0 -475px;vertical-align:top;display:none}
.area_reply .rp_secret .tit_nickname {}
.area_reply .rp_secret .ico_secret { display:inline-block }
.area_reply .txt_reply{display:block;width:100%;margin-top:3px;font-size:14px; clear:both;}
.area_reply .txt_reply2{display:block;width:100%; margin-top:3px;font-size:14px; clear:both;}
.area_reply .re_reply .txt_reply{display:block;width:627px;margin-top:3px;font-size:12px}
.area_reply .txt_date{float:left;display:block;margin-top:7px;font-size:12px;color:#aaa}
.area_reply .btn_replymenu{display:none;}
.area_reply .list_reply li .my_edit{display:none;position:absolute;top:27px;right:16px;}
.area_reply .list_reply li:hover .my_edit{display:block}
.area_reply .my_edit .link_edit{margin:0 2px;font-size:12px;color:#3db39e}
.area_reply .my_edit .link_edit:hover{text-decoration:none}
.area_reply .hiddenComment .tit_nickname{display:none}
.area_reply .hiddenComment .txt_reply{font-weight:bold;font-size:14px}
.area_reply .hiddenComment .txt_date{}
dl,ul,ol,menu,li {list-style:none}
/* 댓글영역★★★★★★★★★★ */



/*티스토리 툴바 없애기*/
#tistorytoolbarid {display: none;}


/*왼쪽 검색*/

.article_search_field, .article_search_submit{border:solid 5px #f0f0f0;font-size:1.0em}
.article_search_field{width:60%;height:20px;padding-left:1px;padding-top:1px}
.article_search_submit{margin-top:-10px;width:10%;height:30px;background-color:#f0f0f0;color:#626262;}






/* *********************************************************************
   방명록 글쓰기 폼
   ****************************************************************** */
.guestbook-title {padding:10px 20px; font-weight:normal; font-size:1.5em; background:#2d2d2d; color:#fff}
.guestbook-wrap {padding:20px; border:1px solid #ddd; background:#fff}
/* Guestbook Form */
.guestbook-form {}
.guestbook-form dl.guestbook-guest {}
.guestbook-form dl.guestbook-guest dt {position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.guestbook-form dl.guestbook-guest dd {margin-bottom:10px}
.guestbook-form dl.guestbook-guest dd input {width:100%; padding:10px 0; border:1px solid #ddd; background:#f9f9f9; color:#999; text-indent:10px;}
.guestbook-form dl.guestbook-guest dd input:focus, .guestbook-form dl.guestbook-guest dd input:active {background:#fff; color:#111}
.guestbook-form .secret {}
.guestbook-form .secret label {cursor:pointer}
.guestbook-form .secret input {width:24px; height:24px; margin-right:10px; vertical-align:bottom;}
.guestbook-form dl.guestbook-write {margin-top:10px;}
.guestbook-form dl.guestbook-write dt {position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.guestbook-form dl.guestbook-write dd {}
.guestbook-form dl.guestbook-write dd textarea {width:100%; margin-bottom:10px; padding:10px 0; height:200px; border:1px solid #ddd; background:#f9f9f9; color:#999; text-indent:10px;}
.guestbook-form dl.guestbook-write dd textarea:focus, .guestbook-form dl.guestbook-write dd textarea:active {background:#fff; color:#111}
.guestbook-form button {display:block; width:100%; margin:10px 0 0 0; padding:10px 0; border:1px solid #ff7035; background:#ff8149; color:#fff; text-align:center;}




/* 방명록 목록 */
.guestbook-list {margin-bottom:30px; list-style:none; border-bottom:1px solid #e9e9e9}
.guestbook-list li {padding:20px 0; border-top:1px solid #e9e9e9}
.guestbook-list li:after {display:block; clear:both; content:''}
.guestbook-list li .thumb {float:left; width:10%; text-align:center}
.guestbook-list li .thumb img {border-radius: 50%;}
.guestbook-list li .guestbook-content {float:right; width:90%}
.guestbook-list li .guestbook-content:after {display:block; clear:both; content:''}
.guestbook-list li .guestbook-content ul {}
.guestbook-list li .guestbook-content ul li {border:0; padding:0}
.guestbook-list li .guestbook-content .info {float:left;}
.guestbook-list li .guestbook-content .info li {display:inline-block}
.guestbook-list li .guestbook-content .info li.date {font-size:0.75em; color:#bbb}
.guestbook-list li .guestbook-content .control {float:right}
.guestbook-list li .guestbook-content .control li {display:inline-block; margin-right:10px}
.guestbook-list li .guestbook-content .control li a {color:#3db39e; font:normal 0.75em 'NanumBarunGothic', 'Noto Sans', sans-serif;}
.guestbook-list li .guestbook-content .control li a .fa {color:#3db39e;}
.guestbook-list li .guestbook-content .control li a.reply-modify, .guestbook-list li .guestbook-content .control li a.reply-modify .fa {color:#3db39e}
.guestbook-list li .guestbook-content .text {clear:both; padding:10px 0 0; color:#777; font:normal 0.875em 'NanumBarunGothic', 'Noto Sans', sans-serif; line-height:1.5em}
/* @ 비밀글 */ .guestbook-list li.guest_secret .guestbook-content .text {color:#999}
/* @ 일반 */   .guestbook-list li.guest_general {}
/* @ 관리자 */ .guestbook-list li.guest_admin .guestbook-content .nickname a {color:#076bd3}
/* RE Guestbook list */
.guestbook-list li.re-guestbook {width:90%; margin-left:10%; border-top:1px solid #f5f5f5}





/* 공감 삭제 */
.container_postbtn {display: none!important;}

/* 공감 옆에 신고하기 삭제 */
.container_postbtn .wrap_btn_etc {display: none;} 

/* 구독 버튼 없애기 */
.container_postbtn .btn_menu_toolbar {display: none;}

/* 방명록 댓글 신ㄱ 버튼 삭제 */
a[href^="/toolbar/popup/abuseReport/"] { display: none; }

/* 삭제 */
.tt_box_namecard {display: none!important;}




/* 카테고리 테두리 */
.tt_category ul li, .link_tit {
    position: relative;
    display: block;
    padding: 5px 8px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
} 
 
.sub_category_list li {
    border: 0px !important;
}



/* 첨부파일 */
.tt_article_useless_p_margin > p > span.imageblock > a,
.tt_article_useless_p_margin > #rgyImg > p > span.imageblock > a {
    display: inline-block;
    padding: 10px 20px;
    max-width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: bold;
    color: #414141;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    background: #eee;
    box-shadow: 0 0 10px 0 #ccc;
    transition: all 0.15s;
}

.tt_article_useless_p_margin > p > span.imageblock > a:hover,
.tt_article_useless_p_margin > #rgyImg > p > span.imageblock > a:hover {
    color: #fff;
/* 다운로드 박스 주변 색상 필요할때 주석만 삭제하기    box-shadow: 0 0 25px 0 #0054FF;  */
    background: #333;
}

.tt_article_useless_p_margin > p > span.imageblock > a::before,
.tt_article_useless_p_margin > #rgyImg > p > span.imageblock > a::before {
    display: inline-block;
    padding-right: 17px;
    margin-right: 10px;
    border-right: 2px dashed #aaa;
    box-sizing: border-box;
    content: "\f019";
    font-family: FontAwesome;
    font-size: 30px;
    font-weight: normal;
    vertical-align: middle;
}

.tt_article_useless_p_margin > p > span.imageblock > a img,
.tt_article_useless_p_margin > #rgyImg > p > span.imageblock > a img,
.txc-table img {
    display: none !important;
}


/*모바일 메뉴*/

header .header-box{
	position: relative;
}

header .btnOpenmenu {
	   display:none;
    top: 40%;
    left: 0;
    height: 30%;
    margin-top: 0;
    position: absolute;
}


header .btnOpenmenu .bar{
	  display: block;
    border-radius: 4px;
    background: #6c6c6c;
    width: 22px;
    height: 3px;
    margin: 4px auto;
}

header .blind{
	position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999em;
}

header .centering{
		height: 100%;
    display: flex;
    align-items: center;
}

header .centering h1{
	margin-top:0;
}
header .search-box{display:none;}
header .search-box .btnSearch {
   display: none;
    position: absolute;
    background: url(./images/ico_search.png) 50% 50% no-repeat;
    z-index: 1;
    top: 50%;
    right: 0;
    width: 30px;
    height: 30px;
    background-size: 100%;
    transform: translateY(-50%);
}

header .area_search{
	  position: relative;
    height: 80px;
    margin-top: -10px;
    display:none;
    transition-duration: 0.5s;
	    z-index: 10;
}
body.search_show header {margin-bottom:40px;}
body.search_show header .area_search{
	display:block;
}

header .area_search .inp_search{
	  width: 100%;
    margin: 0;
    padding: 0 60px 0 20px;
    height: 60px;
    box-sizing: border-box;
    font-size: 18px;
    border: 0;
    border-radius: 0;
}

header .area_search .article_search_submit{
	  position: absolute;
    top: 0;
    right: 40px;
    width: 34px;
    height: 100%;
    background: url(./images/ico_search.png) no-repeat center;
    background-size: 50%;
    border: 0;
    text-indent: 10000px;
    display: block;
}
header .area_search .btn_search_del {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 60px;
    background: url(./images/ico_close.png) no-repeat center;
}

#dim {
	  display: none;
    height: 100vh;
    width: 100vw;
    background-color: #000;
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
}
body.dim{overflow: hidden;}
body.dim #dim{
	display:block;
}

header .mobile_menus{display:none;}
header .mobile_menus a {
    padding: 10px 0 10px 30px;
	  display: block;
}
header .mobile_menus {
	   position: fixed;
    top: 0;
    left: -100%;
    display: block;
    width: 70%;
    height: 100%;
    background-color: #fff;
    z-index: 1002;
    transition-duration: 0.5s;

}
header .mobile_menus.open{
	left:0;
}

header .mobile_menus h1 {
	font-size: 30px;
    line-height: 21pt;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1rem 0;
}

header .mobile_menus h1 > a
{
    color: #014994;
}

header .mobile_menus .tt_category .link_tit {
    display: none;
}
header .mobile_menus .tt_category ul li, .link_tit {
    position: relative;
    display: block;
    padding:0;
    margin:0;
    background-color: #fff;
	  border: 0;
    border-bottom: 1px solid #eeeeee !important;
}

header .mobile_menus .tt_category ul.category_list>li>a {
	  display: block;
	  letter-spacing: -2px;
    padding: 20px 0 20px 20px;
    font-size: 16px;
	font-weight: 700;
    color: #1b3f85;
	position: relative;
}
header .mobile_menus .tt_category ul.category_list>li>a.subMenu:after{
content: '';
    background: url(./images/ico_menu_open.png) 50% 50% no-repeat;
    width: 37px;
    height: 24px;
    background-position: center;
    background-size: 50%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 5px;
}
header .mobile_menus .tt_category ul.category_list>li.open>a.subMenu:after{
	background: url(./images/ico_menu_close.png) 50% 50% no-repeat;
	background-position: center;
    background-size: 50%;
}
header .mobile_menus .sub_category_list{
	display:none;
}

header .mobile_menus ul.category_list>li:first-child>a {
    border-top: 1px solid #e7e7e7;
	position: relative;
}
header .mobile_menus .menu-box{
	  overflow-y: auto;
    height: 80vh;
}

header .mobile_menus ul.category_list>li>a {
    border-bottom: 1px solid #e7e7e7;
}
header .mobile_menus ul.sub_category_list>li {
    background-color: #fafafa;
}
header .mobile_menus .btnClosemenu {
	display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: url(./images/btn_close.png) 50% 50% no-repeat;
    background-size: 20px;
    transform: translateX(100%);
}
.link_tit {
	display:none;
}

@media only screen and (max-width: 979px)  {
		header .search-box,header .mobile_menus,header .btnOpenmenu,header .search-box .btnSearch {
			display: block;
	}
}