/* @charset "utf-8"; "euc-kr"; */
/*구글 웹폰트*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');
/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/css?family=Nanum+Myeongjo);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@charset "utf-8";
html {-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none;}
html, h1, h2, h3, h4, h5, h6, input, button, textarea, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, blockquote, th, td, select, fieldset, img, dl, ul, ol, menu, li, btn, div, body {
  font-size: px; 
	font-family: 'Noto Sans KR', sans-serif; /*'Ubuntu Condensed', "Noto Sans Korean", sans-serif; / 'Noto Sans KR', sans-serif; / Malgun Gothic, sans-serif, / "맑은 고딕", "Noto Sans KR", Nanum Gothic, "나눔 고딕" !important;*/
	font-weight: ; /*폰트는 일반 400, 굵은 700, 더 굵은 800 세가지 종류 사이즈*/
	letter-spacing: em; /*글자 간격, 1px; -0.01em로 표시*/
	word-spacing: em; /*단어(낱말) 간격조절, 1px; -0.01em로 표시*/
  line-height: 1.8; /*1.8; %; 줄 간격*/
  margin: 1;
	padding: 0;
	border: 0;
}

/* 바탕화면 옅은 회색과 폰트 스타일 등 변화; 출처 http://www.blueb.co.kr/?c=1/4&p=3&uid=3980 */
html, body {
  font-family: ;
  color: #; /*변화 색상 4b5f65*/
  background: #; /*변화 색상 f5f7fa*/ /*background-color: #f1f1f1;*/
	margin: 0;
	padding: 0; 
	overflow-x: ; /*hidden;*/
}

/* 이하 추가 부분임 */
/*
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h5,h6,pre,code,form,fieldset,legend,textarea,blockquote,th,td,input,select,textarea,button,fieldset,img,dl,ul,ol,menu,li {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1.5;
	font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Arial, sans-serif;
} */

/* 이하 생략 부분이었음 */
p {text-align: justify; font-size: px; line-height: px; margin:0 auto px; }
a {color: #000;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;}

/* *************** EGG ver.1.0  by Force *************** */

/* 사진과 글 간격 */
.imageblock { margin: 0px 0;}

/* 타이틀 배경 */
@charset "UTF-8";
.titleBar {
	background: url('./images/p752271.png'); /*p752271.png 타이틀 배경 이미지*/ 
	width: %; 
	width: auto;
	height: 251px; /*251px; 256px*/
	/*background-size: contain;  /*'contain'은 이미지를 적합하게 배경에 맞춤, 'cover'는 이미지 늘려 배경 채움*/
	background: #; /*타이틀 바탕 색상*/
	background-position: % %;
	background-repeat: no-repeat; /*repeat; no-repeat로 하면 우측 margin-right:-15px의 간격이 적용되지 않음*/
	background-size: %;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-left: px; /*타이틀 좌측 간격. -로 하면 바깥쪽으로 넓이 확장됨*/
	margin-right: px; /*타이틀 우측 간격. -로 하면 바깥쪽으로 넓이 확장됨*/
	margin-top: 0px; /*타이틀과 상단 네비게이션바 사이의 간격*/
	margin-bottom: 20px; /*20px; 타이틀과 본문 사이의 간격*/
	padding: 65px 0px 0px 0px; /*65px; 도무재닷컴 타이틀의 상하좌우 간격*/
}

/* 이하 Title Bar 설정 */
.titleBar a, .titleBar a:link, .titleBar a:visited, .titleBar a:hover, .titleBar a:active {
	color: #000;
	font-family: ; /*AppleGothic;*/
	text-decoration: none;
}
.titleBar .Top {
	position: absolute;
	z-index: 9999;
	margin-left: 191px; 
	margin-top: 128px;
}
/* 블로그 타이틀 글씨 크기 등 */
.titleBar .Title {
	padding-top: 0px;
	margin-left: 0px;
	color: #fff;
	font-family: ; /*'Noto Sans KR', sans-serif; Pacifico;*/
	font-size: 27px;
	font-weight: bold;
	text-align: left;
	text-shadow: 6px 4px 5px 0px;
	line-height: 0px;
	z-index: 1;
	letter-spacing: 13px;
	padding: 5px 0px 0px 57px;
	background: url('./images/Fimg4355.png'); /*타이틀 도무재닷컴 로고*/
	background-repeat: no-repeat;
}
/*
.titleBar {
	padding-top: 0px;
	margin-left: 0px;
	color: #fff;
	font-family: Pacifico;
	font-size: 27px;
	font-weight: bold;
	text-align: left;
	text-shadow: 6px 4px 5px #999;
	line-height: 0px;
	z-index: 1;
	letter-spacing: 13px;
	padding: 0px 0px 0px 25px;
	background: url('./images/Fimg2855.png'); 
	background-repeat: no-repeat;
} */

/* 블로그 타이틀 글씨 크기·농도·색상 등 */
.titleBar .Title a {
	font-family: ; /*'Noto Sans KR', sans-serif;*/
	font-weight: 700; /*폰트 400, 700, 800*/
	/*font-weight: bold;*/
	font-size: px;
	color: #000;
}
/* 블로그 프로필 '뉴스기사·연예·법률·정책정보 등 수록' 글 삽입 관련 */
/*
.titleBar .Profile {
	padding-top: 12px;
	text-align: center;
	z-index: 2;
} */
.titleBar .Profile {
	text-align: ;
	z-index: 2;
	padding-left: 145px; 
	margin-top: -95px;	
	font-family: ; /*'Noto Sans KR', sans-serif;*/
	/*font-style: oblique; /*글자 기울기*/
	font-size: 95%;
	color: #222; /*#337AB7; #0F7864;*/
	font-weight: 400;
	line-height: 5px; 
	letter-spacing: 0.03em;
	/*word-spacing: 0px; /*단어(낱말) 간격조절, 1px; -0.01em로 표시*/
	/*margin-bottom: 2em;*//*이것은 단락간 간격조절*/
}
.titleBar .Profile .profileImage {
	width: 135px;
	height: 135px;
	z-index: 3;
}

/* Name Bar */
.nameBar {
font-family: ; /*Pacifico;*/
	color: rgba(255,255,255,.0);
	background: rgba(255,255,255.0);
	padding-top: 5px;
	font-size: 20px;
	width: 0;
	top: 0;
	left: 0;
	text-align: center;
	position: fixed;
	max-height: 55px !important;
	min-height: 55px !important;
	z-index: 9999;
}
.nameBar a, .nameBar a:link, .nameBar a:visited, .nameBar a:hover, .nameBar a:active {
	color: rgba(255,255,255,.0);
	text-decoration: none;
}

/* 모바일 드롭다운 카테고리 */
@media screen and (min-width: 1921px) {
body {
	background: #b3b3b3;
}
.Frame {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1440px !important;
}
#Design-your-life {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.titleBar {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
}
.category {
	background: #fff /*rgba(0,0,0,.5)*/;
	border-radius: 5px;
	display: none;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}
/* 모바일 방명록 자체 글씨 색상 */
ul {
	color: #fff;
	list-style: /*none*/;
}
ul li ul {
	padding: 5px;
}
/* ***** ************************************************** ***** */

/* ***** Header ***** */
/*
  #header { 
  clear: both; 
  overflow: hidden; 
  margin-left: 60px; 
  margin-right: px; 
  margin-top: 5px; 
  margin-bottom: 10px; 
  padding-left: px; 
  padding-right: px; 
  padding-top: px; 
  padding-bottom: px; 
  border-bottom: px solid #; 
  width: px; 
  height: 50px; 
  background-image: url("images/p100100."); 
  background-repeat: no-repeat; 
  background-color: #; 
}

#header .blogTitle  a  { 
  float: left; 
  clear: both; 
  overflow: hidden; 
  min-height: px; 
  color: #333; 
  font: 30px AppleGothic; 
  font-weight: bold;  
  margin-left: px; 
  margin-right: px; 
  margin-top: px; 
  margin-bottom: px; 
  padding-left: 45px; 
  padding-right: px; 
  padding-top: 12px;
  padding-bottom: px; 
  border-left: px solid #; 
  border-right: px solid #; 
  border-top: px solid #; 
  border-bottom: px solid #; 
  width: px; 
  height: 50px; 
  background-image: url("images/logo_4050.png"); 
  background-repeat: no-repeat;
  background-color: #; } */

/* BODY COMMONNESS */
body {
  background-color: #fff; /*블로그 바탕화면 배경 색상 1*/
	background:url('./images/.png') ;/*repeat; no-repeat;*/ /*블로그 바탕화면 배경 이미지 1*/
	background-repeat: repeat; /*repeat; no-repeat;*/
  background-attachment: fixed; 
  background-position: top left;
  padding-top: 49px; /*9px 블로그 타이틀과 최상단과의 간격*/
}
a {text-decoration:none; }
hr {display:true; }
p { text-align: justify; }
a {
	color: #303030;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
}
a:hover {
	color: #666;
	text-decoration: none;
}
#tistorytoolbarid {
	z-index: 9999 !important; 
	display: none;
}
img {
  max-width: 100%;
  width: auto\9 !important; /*익스플로러8(ie8) 이하에서도 적용되는 코드임*/
  height: auto; 
}
span.imageblock {
  max-width: 100%;
  width: auto\9 !important; /*익스플로러8(ie8) 이하에서도 적용되는 코드임*/
  height: auto;  
}

/* 태그 */
#taglog ul, #tagbox ul {
 text-align: justify;
}
#tagbox li, #taglog li {
  display: inline;
}

#sidebar li, /*사이드바 - 마크업에 따라 변경*/
#searchList li, /*본문검색리스트*/
#searchRplist li, /*댓글검색리스트*/
#guestList li, /*방명록*/
.trackback li, /* 트랙백 */
.keylog li, /*키로그*/
.commentList li /*댓글*/ {
 list-style-type: none;
}

/*==================== Bootstrap ====================*/
.jumbotron {
	margin-bottom: 20px; 
	padding: 10px 0px 0px 0px; 
	background-color: #;
}

/* Navigation */
.navbar-inverse {
	background-color: #; 
	border: 0;
	color: #fff;
}
div.navbar-inverse .navbar-collapse {
	color: #E6E6FA; /* #6e391a */
	list-style: none;
	background-color: #A98747;
	background: url('./images/G1851.jpg'); /*모바일 상단 네비게이션바 하단 펼친 이미지*/
	width: px; 
	height: px;
}
/* 모바일 카테고리 자체 글씨 색상과 관리자 여는 ▼ 색상 */
div.navbar-inverse .navbar-collapse .navbar-nav .dropdown .dropdown-toggle {
	color: #fff;
	font-size: px;
	font-weight: ;
	height: auto;
	line-height: px;
 } 
div.navbar-inverse .navbar-collapse .navbar-nav .dropdown > ul >li > a {
	color: #fff;
	font-size: px;
	font-weight: 100;
	height: auto;
	line-height: px;
 } 
div.navbar-default {
	background-color: #; 
	border: 0;
	color: #;
}
div.navbar-default a.navbar-brand {
	background-color: #;
	font-size: 18px; /*PC 상단 바 HOME·목록 자체 글씨 크기*/
	text-align: left;
	font-weight: 700;
	color: #fff;
	font-family: ; /*'Verdana', 'Arial', 'Tahoma';*/
}
div.navbar-default .navbar-nav > li > a {
	background-color: #;
	font-size: 15px; 
	text-align: ;
	font-weight: 500;
	color: #fff;
	font-family: 'Verdana', 'Arial', 'Tahoma'; /*'Verdana', 'Arial', 'Tahoma';*/
}
/* 모바일 상단 바 HOME·목록 자체 글씨 크기·색상·폰트 스타일 등 */
div.navbar-inverse a.navbar-brand {
	font-size: 18px; /*모바일 상단 바 HOME·목록 자체 글씨 크기*/
	font-family: 'Verdana', 'Arial', 'Tahoma'; /*'Verdana', 'Arial', 'Tahoma'; 'Noto Sans KR', sans-serif;*/
	color: #fff;	
	font-weight: 700;
	text-align: left;
	background-color: #;
}
/* --------------------
.navbar-default {
	background-color: transparent; 
  border: 0;
}
nav a {
	font-size: 18px;
}
nav .navbar-toggle {
	margin: 23px 15px 23px 0
}
.navbar-brand {
	font-size: 30px;
	height: auto;
	line-height:50px
}
.navbar-inverse {
	border: 0;
	background: rgba(0, 0, 0, .0);
}
nav.navbar-inverse a.navbar-brand {
	color: #fff;
}
nav.navbar-inverse a.navbar-brand:hover {
	color: #eee;
}
nav.navbar-inverse .navbar-nav > li > a {
	color: #fff;
	padding: 30px 20px;
}
nav.navbar-inverse .navbar-nav > li > a:hover {
	color: #eee;
}
nav.navbar-inverse .navbar-nav > li > a:visited {
	color: #eee;
}
nav.navbar-inverse .navbar-nav > li > a:focus {
	color: #eee;
}
nav.navbar-inverse.shrink {
	background: rgba(0, 0, 0, .7);
}
nav.navbar.shrink {
	min-height: 35px;
}
nav.navbar-inverse.shrink .navbar-nav > li > a {
	line-height: 200%;
	padding: 35px 20px;
}
nav.navbar-inverse.shrink .navbar-brand {
	line-height: 100%;
	color: #fff;
	padding: 28px 20px;
}
nav.shrink .navbar-brand {
	font-size: 25px;
}
nav.shrink .navbar-toggle {
	padding: 4px 5px;
	margin: 8px 15px 8px 0;
}
-------------------- */
/* addBy Readiz */
#tt-body-page #navbar-page,#tt-body-guestbook #navbar-guestbook,#tt-body-tag #navbar-tag,#tt-body-media #navbar-media,#tt-body-location #navbar-location,#tt-body-keylog #navbar-keylog{
	background-color: #fff;
  border-color: #fff;
  border-width: 2px;
}
#tt-body-page #navbar-page a,#tt-body-guestbook #navbar-guestbook a,#tt-body-tag #navbar-tag a,#tt-body-media #navbar-media a,#tt-body-location #navbar-location a,#tt-body-keylog #navbar-keylog a{
	color:#000;
}

/* 일반 상단 메뉴바에 있는 검색버튼 관련 설정 */
#searchButton {
  float: right;
  position: relative;
  margin-top: 0px;
  margin-right: 0px;
  padding: 0px;
  color:#;
  cursor: pointer;
}
#search_fixx {
  width: 220px; 
	height: 30px;
  margin: 10px; 0px; 0px; 0px;
	padding: 0px; 0px; 0px; 0px;
	border: px solid #ddd; /*ddd; 상단바에 있는 검색버튼 4각 테투리선 색상*/
	border-left: px solid #ccc;
	border-right: px solid #ccc;
	border-top: px solid #ccc;
	border-bottom: px solid #ccc;
  background-color: #; /*검색 입력 박스 바탕화면 색상*/
	border-radius: 15px 15px 15px 15px; /*검색 입력 박스 4각 테두리 둥글게*/
}
#search_fixx .input-group input {
  width: 180px; 
	height: 30px; /*검색 입력 글자 크기*/
	font-size: 12px;
	font-family: ; /*inherit;*/
	color: #333; /*검색 입력 글자 색상*/
	border-left: px solid #ccc;
	border-right: px solid #ccc;
	border-top: px solid #ccc;
	border-bottom: px solid #ccc;
	margin: 0px; 0px; 50px; 0px;
	padding: -5px; 10px; 110px; 10px;
	outline: none; /*none; input 박스 클릭시 생기는 테두리색상 없애기*/
}
#search_fixx .input-group button {
  width: 40px; 
	height: 30px;
	font-size: 11px; /*검색 버튼 내 아이콘 크기*/
	font-family: ; /*inherit;*/
	color: #fff; /*검색 버튼 내 아이콘 색상*/
	background-color: #ff0000; /*#ff0000; #A30401; #0053F9*//*검색 버튼 바탕 색상*/
	outline: none; /*none; input 박스 클릭시 생기는 테두리색상 없애기*/
	line-height: %; /*검색 버튼 내 아이콘 상하 간격 조절*/
}

input {
  width: px;
  height: px;
  font-size: 26px; /*input 박스 입력 글자 크기 조절*/
	color: #; /*입력 글자 색상*/
}
#search_fixx input::placeholder{color: #333;} /*#00B0F0; #ddd; input 박스 "검색어를 입력해 주세요" 글자 색상*/
#search_fixx input:focus {outline:;} /*none; input 박스 클릭시 생기는 테두리색상 없애기*/
#search_fixx input:focus {outline:px solid #;} /*input 박스를 클릭 했을떄 나오는 테두리 색상 변경하기*/
/* ********* */
 
/* 모바일 상단 메뉴바 검색란 */
#search_fixs button {
  width: 130%; 
	height: 34px;
	background-color: #A98747; /*#846632 #88682F #A98747 #0053F9*/
	color: #fff;
}
#search_fixs .input-group {
  width: 96%; 
	height: 0px;
}
#search_fixs .input-group-btn {
  width: 15%;
}
/* 기본 우측 사이드바 검색란 */
/*검색 박스 전체(입력박스+온클릭 버튼) 넓이*/
#search_fixss .input-group {
  width: 250px; 
	height: px;
	float:;
  position: relative;
	border: px solid #ff0000;
	padding: 0px; /*0px로 하면 전체 입력박스 상하좌우 선이 정상적으로 됨*/
	margin: 0 auto; /*가운데 정렬 코드인데 여기서는 별 상관 없음*/
  margin-top: px; /*전체박스 위쪽과의 간격*/
	margin-bottom: px; /*전체박스 아래쪽과의 간격*/
}
/*검색어 온클릭 버튼 넓이*/
#search_fixss .input-group-btn {
  width: 25%;
	height: px; /*34px*/
	border: px solid #00A2E8;
	background-color: #;
}
/*버튼 백그라운드·검색 아이콘 색상부분*/
#search_fixss button {
  width: 100%; 
	height: px; /*34px*/
	border: 0px solid #00A2E8;
	background-color: #0053F9; /*#0053F9 #4585F3 #A1C855 #D81925 #CF1830 #A30401*/
	color:#fff;
}

#navbar-title-dropdown {
  left: auto;
}
.nav>li>a {
  padding-left: 10px;
  padding-right: 10px;
	margin-left: 0px;
  margin-right: 0px;
}
.navbar-brand {
	font-size: 22px;
	font-weight: 700;
	height: auto;
	line-height: px;
}
nav a {
	font-size: 16px;
	font-weight: 200;
	line-height: px;
}
nav.navbar-inverse .navbar-nav > li > a {
	color: #;
	padding: 30px 20px; 
	font-size: 15px;
	height: auto;
	line-height: px;
}

/* Carousel */
.carousel {
    top:0;
}
a.carousel-control i {
	position: absolute;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	font-size: 60px;
	top: 50%;
	z-index: 5;
	display: inline-block;
}
a.left i {
	left: 50%;
}
a.right i {
	right: 50%;
}

/* ******** 콘테이너(콘텐트+사이드바 뒷쪽) 영역 설정 ******** */
.container-fluid .col-md-12 {
	padding: 0;
}
.container {
	background-color: #; /*콘테이너(콘텐트+사이드바 뒷쪽) 바탕화면 배경 색상*/
  /*background:url('./images/.png'); /*콘테이너(콘텐트+사이드바 뒷쪽) 바탕화면 배경 이미지 1*/
  background-repeat: no-repeat; /*repeat; no-repeat*/
  background-attachment: fixed; 
  background-position: top left; /*top left; top center;*/
	float:; /*float: center; 화면 중앙 위치/ float: left; 화면 왼쪽 위치*/
  padding: px px px px;
  margin: px px px px; /*margin: 0px auto; 화면 중앙 위치/ margin: 0px; 화면 왼쪽 위치*/
}

.dropdown-menu > li > a {
	background: url('./images/G1851.'); 
	width: px; 
	height: px;
	background-color: #;
  font-size: 15px;
	font-weight: 100; 
	color: #fff;
	border-bottom: 0px solid #ccc;
	padding: 5px 10px;
}
.dropdown-menu > li > a li > a {
	background: url('./images/G1851.'); 
	width: px; 
	height: px;
	background-color: #;
  font-size: 15px;
	font-weight: 100; 
	color: #fff;
	border-bottom: 0px solid #ccc;
	padding: 5px 10px;
}
.dropdown > ul > li > a {
	background-color: #;
  font-size: px;
	font-weight: ;
	color: #000;
	border-bottom: 0px solid #ccc;
	padding: px px;
}

/* Content */

/* 카테고리 검색 결과 리스트 등 관련 설정 */
#searchList.jumbotron {
	border: 0px solid #fff; /*카테고리 검색 결과 리스트 사각 테두리선*/
	background-color: #fff; /*카테고리 검색 결과 리스트 바탕 배경 색상*/
	margin: 0px 0px 0px 0px; /*글 검색 결과가 나나타는 위치와 위 상단 메뉴바와의 간격*/
  padding: 0px 0px 0px 0px; /*리스트 목록 박스 상하좌우 간격·모바일에서 '전체글'과 상단 메뉴바와의 간격에서 필요*/
}
/*카테고리를 누르면 ''에 해당되는 글 ''건 자체 글 폰트색상·크기 등*/
#searchList h1 {
	font-family: ; /*'Noto Sans KR', sans-serif;*/
	font-size: 20px;
	font-weight: 700;
	color: #111; /*#337ab7;*/
	letter-spacing:; /*0.04em*/
	padding-top: 0px;
	padding-bottom: 0px;
}
/*''에 해당되는 글 ''건 옆 폴더 등 설정*/
#searchList h1:before {
	content: ""; /*\f0a4; \f07c; \f115; \f114; \f07b: \f0c9; \f0f6; \f15b; \f15c*/
	padding-right: 2px; /*폴더의 우측으로 제목 글 간격*/
	display: inline-block;
	font: normal normal normal 19px/1 FontAwesome;
	font-size: px; /*'inherit' 삭제, 폴더 크기*/
	color: #; /*#F91010; #00ADEF;*/
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
#searchList .count, 
#searchRplist .count { 
	font: 15px Noto Sans KR; /*11px Sans-serif; 리스트 목록 '전체글' 옆 글 건수인 'ARTICLE FOUND' 글자 크기, Sans-serif를 삭제하면 글자가 크게 됨*/
	font-weight: 400; /*normal; bold*/
	color: #111; 
	padding-left: 3px;
}
#searchList ul.fa-ul li:before {
	content: ""; /*\f04b; \f07c; \f115; \f114; \f07b: \f0c9; \f0f6; \f15b; \f15c*/
	padding-right: 3px; /*하위 폴더의 우측으로 날짜·제목간 간격*/
	display: inline-block;
	font: normal normal normal 11px/1 FontAwesome;
	font-size: px; /*'inherit' 삭제, 큰 카테고리 옆 폴더 크기*/
	color: #; /*#F91010; #00ADEF;*/
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0); 
}
/* 카테고리 하위 각 제목 폰트색상·크기 등 */
#searchList a {
	font-family: ; /*'Noto Sans KR', sans-serif;*/
	font-size: 17px;
	font-weight: 400;
	color: #111; /*#337ab7;*/
	letter-spacing: em; /*0.04em*/
	line-height: 31px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#searchList ul.fa-ul {
	margin-left: 0;
	list-style-type: none;
	color: #111; /*카테고리 검색 결과 리스트 각 제목 옆 폴더 색상*/
	padding: 0px 0;
}
/* list-style-type: none;
none 아무런 장식을 보여주지 않음.
disc 채워진 원형. 보통 ul 요소의 기본 값.
circle 속이 빈 원형.
square 채워진 사각형.

decimal 숫자 1. 2. 3.의 형태로 들어감.
lower-alpha 소문자 a. b. c.의 형태로 들어감.
upper-alpha 대문자 A. B. C.의 형태로 들어감.
lower-roman 로마자(소문자) 숫자 ⅰ. ⅱ. ⅲ.의 형태로 들어감.
upper-roman 로마자(대문자) 숫자 Ⅰ. Ⅱ. Ⅲ.의 형태로 들어감.
앞의 square 까지는 ul 요소에 어울리는 값이고, 그 이후 decimal 같은 값은 ol 요소에 어울리는 값임. */

#searchList ul.fa-ul li:first-child {
	border-top: 1px solid #ccc; /*카테고리 검색 결과 리스트 최상단 라인선 색상*/
}
#searchList ul.fa-ul li {
	border-bottom: 1px dashed #ccc; /*카테고리 검색 결과 리스트간 각 구분선 색상*/
	padding: 5px 0;
}
#searchList ul.fa-ul li i {
	position: static;
	padding-right: px; /*하위 폴더와 날짜와의 간격*/
} /*position: relative; static; fixed; absolute;*/
#searchList ul.fa-ul li:last-child {
	border-bottom: 0px solid #ccc; /*카테고리 검색 결과 리스트 최하단 라인선 색상*/
}
#searchList .date {display:none;} /*none; 카테고리 하위 각 제목 오른쪽 옆 날짜 감추기*/

/* **** 카테고리 글 목록 갤러리·앨범형(썸네일형) 가로 나열형 설정 **** */
/*전체 프레임(컨테이너)*/
.category_area {
  float: ; /*left; right;*/
	width: 100%; /*100%;*/
	height: %;
	border: px solid #111;
	margin: 10px 0px 0px 0px; /*20px 0px 0px 0px; '전체 글' 글자 아래 라인선 기준 상하 간격 조절*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px; '전체 글' 글자 아래 라인선 기준 상하 간격 조절*/
}
/*전체 프레임(컨테이너) 다음의 총 프레임(컨테이너)*/
.area_category {
  float: ; /*left; right;*/
	width: %; /*100%;*/ /*이곳을 100%로 하면 모바일 설정의 좌우 10px 여백이 이곳 100%로 돌아감*/
	height: %;
	border: px solid #111; /*#FF0000;*/
	margin: 0px 0px 0px 0px; /*20px 0px 0px 0px; 상하좌우 간격 조절*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px; '상하좌우 간격 조절*/
}
/*'전체 글' 제목 부분*/
.title_section {
	float: ; /*left; right;*/
  width: 100%;
  height: %;
	border: px solid #ccc; /*#8EC1A6; #ccc;*/
	border-bottom: 1px solid #ccc; /*solid; dotted; dashed; double; groove; ridge; inset; outset;*/
	border-style: ; /*dotted; dashed; solid; double; groove; ridge; inset; outset;*/
	font-family:; /*'Noto Sans KR', sans-seri;*/
  font-size: 21px; /*'전체 글' 글자 크기*/
  font-weight: 600;
  color: #333;
  text-align: left;
	font-style: ; /*normal; italic; oblique; initial, inherit;*/
	border: px solid #ccc;
  margin: 0px 0px 15px 0px; /*0px 0px 15px 0px;*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/
}
.title_section a:hover {
  font-size: px;
  font-weight: ; /*bold;*/
  color: #1393DA; /*#666; transparent; '전체 글' 제목 글씨 무지개 색상*/
	text-decoration: ; /*none;선 no, line-through;글자 중간에 선, overline;글자 위에 선, underline;글자 아래 선, initial;기본 값, inherit;부모 요소 속성값 상속*/
}
.title_section:before {
  font-family: bootstrap-icons !important;
	font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-style: normal; /*normal;*/
  font-weight: 600; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: px;
	color: #111; /*#FF0000*/
  line-height: ;
  padding-right: 5px; /*;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""; /*"\F438"; "\F4CA"; '전체 글' 글자' 앞 아이콘*/
}
/*'전체 글'의 건*/
.category_area .title_section span {
  float: ; /*left; right;*/
  width: %;
  height: %;
  border:1px solid #;
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: 16px; /*vertical-align: 2px;*/
  font-weight: 400;
  color: #ff567a; /*'전체 글' 건수 글자 색상*/
  padding-left: 6px; /*'전체 글'과 건수 사이 간격*/
}
.category_type_notice .item_category {
  padding: px px px px; /*px px px px; '전체 글' 아래 실선과 카테고리 글 박스 위간의 간격*/
}
/*페이징 좌우 아이콘 버튼 설정*/
.pagging {
	float: right; /*left; right;*/
	width: %;
	height: %;
	font-size: 0px; /*font-size를 크게 할수록 아이콘과 위 라인선과의 간격이 멀어짐*/
	border: px solid #A30401; /*#8EC1A6; #A30401;*/
	border-radius: px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
	opacity: 1; /*0.6; 80% 불투명도*/
	margin: -50px 0px 0px 0px; /*-45px 0px 0px 0px; '전체 글' 글자 아래 라인선 기준 상하 간격 조절*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px; '전체 글' 글자 아래 라인선 기준 상하 간격 조절*/;
	justify-content: start;
}
.pagging .bi-arrow-left-circle-fill {
  font-family: bootstrap-icons !important;
	font-family: 'Noto Sans KR', sans-serif; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: bold; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 25px;
	color: #EF5380; !important; /*#FF0000; #A30401; #EF5380; #ccc;*/
  line-height: 1;
	margin: 0px 20px 0px 0px; /*0px 20px 0px 0px;*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""; /*"\F438"; "\F4CA"; "\F22D"; 페이징 앞으로 넘기는 아이콘*/
} 
.pagging .bi-arrow-right-circle-fill {
  font-family: bootstrap-icons !important;
	font-family: 'Noto Sans KR', sans-serif; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: bold; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 25px;
	color: #EF5380; !important; /*#FF0000; #A30401; #EF5380; #ccc;*/
  line-height: 1;
 	margin: 0px 25px 0px 0px; /*0px 10px 0px 0px;*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""; /*"\F438"; "\F4CA"; "\F231"; 페이징 뒤로 넘기는 아이콘*/
}
/*글 제목, 이미지, 글 설명, 날짜 등 전체 프레임(컨테이너)*/
.item_list {
  width: 100%; /*100%; /margin: 좌 -12px; width: 103%;일때 전체글 밑 라인선과 아래 글의 수평 일직선이 맞음*/
  height: %;
	border: px solid #111;
  border-radius: px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
	margin: 10px 0px 0px 0px; /*20px 0px 0px 0px; 프레임(컨테이너) 좌우 간격*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px; 프레임(컨테이너) 좌우 간격*/
	overflow: hidden; /*ellipsis; hidden;*/
}
/*글별 프레임(컨테이너)*/
.item_category {
	float: left; /*left; right;*/
  width: 33%; /*33.3%가 최적합*/
  height: 340px; /*340px; 320px;*/ /*'이 높이를 조절하지 않으면 뒤죽박죽이 됨*/
	display: inline; /*block; inline; inline-block;*/ /*none; 컨테이너가 보이지가 않게 됨*/
	border: px solid #111;
  border-radius: px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
	margin: 0px 0px 0px 0px; /*0px 0px 0px 0px; 글별 프레임(컨테이너)간의 좌우 간격*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px; 글별 프레임(컨테이너)간의 좌우 간격*/
	background: #fff;
	overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
}
/*글 제목 앞 아이콘*/
.item_category .name:before {
  font-family: bootstrap-icons !important;
  font-style: normal; /*normal;*/
  font-weight: 600; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 14px;
	color: #8EC1A6; /*#FF0000; #8EC1A6; #2A82DC;*/
  line-height: 1;
	margin-right: px;
  padding-right: 5px; /*5px;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\F4B3"; /*"\f470"; "\F69E"; "\F4B3"; "\F4CA"; "\F106"; 카테고리 제목 글자 앞 아이콘*/
}
/*글 제목*/
.nada .name {
	float: ; /*left; right;*/
	width: 100%; /*100%;*/
  height: %;
	display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
	font-family: ; /*'Noto Sans KR', sans-serif;*/
	font-style: normal; /*normal; italic; oblique; initial, inherit;*/
  font-size: 17px; /*제목 글자 크기*/
  color: #333; /*#0053F9;*/
  line-height: 31px; /*제목 글자 상하 간격*/
  font-weight: 700;
	text-align: left; /*left; right; center; justify; top; middle;*/
  text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
	margin: 0px 0px 10px 0px; /*0px 0px 0px 0px;*/
	padding: 0px 5px 0px 10px; /*0px 5px 0px 10px;*/
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/*이미지*/
.thumb img {
	float: left; /*left; right;*/
  width: 100%; /*100%;*/ /*60%; 232px;*/ 
  height: 40%; /*40%;*/ /*40%; 117px;*/
	display: inline; /*block; inline; inline-block;*/ /*none; 이미지가 보이지가 않게 됨*/
  object-fit: none; /*fill; contain; cover; none; scale-down;*/ /*fill은 이미지 전체, none으로 하면 이미지가 전체화면이 아닌 중앙이 잘라져 부분적으로 나오게 됨*/
	border: px solid #8EC1A6; /*#8EC1A6;*/
  border-radius: px px px px; /*15px 15px 15px 15px;*/
	box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
	vertical-align: top; /*top: 글 위치 이미지 최상단. middle: 글 위치 이미지 중간, bottom: 글 위치 이미지 최하단, 이미지와 텍스트 상단을 나란히 정렬하려면 꼭 이미지에 top; 그리고 margin: 0px가 아닌 px로 해야 하며, vertical-align은 오직 inline과 table-cell 엘리먼트에만 적용됨*
	margin: 0px 0px 0px 0px; /*10px 0px 0px 0px;*/
	padding: 0px 5px 0px 10px; /*0px 5px 0px 10px;*/
	background: #;
	/*background: #fff url(./images/.png) no-repeat center !important; /*#e9e9e9; p100100.png; 카테고리 썸네일 사진*/
  /*background-size: ; /*64px 64px !important; 64px 64px 최적합*/
  display: ; /*none; 이미지가 보이지가 않게 됨*/
}
/* object-fit: fill; contain; cover; none; scale-down;
fill : 기본값임. 주어진 너비와 높이에 딱 맞도록 사이즈 조절. 이미지 가로세로 비율 유지되지 않음
contain : 가로세로 비율 유지한 채로 사이즈 조절되나, 이미지와 컨테이너 간의 비율 맞지 않는 경우엔 자리가 남음
cover : 가로세로 비율 유지한 채로 사이즈 조절되며, 비율 맞지 않더라도 이미지 확대해 컨테이너 완전히 채움
none : 아무것도 하지 않고 본래 이미지 사이즈 유지함. 이미지 가운데가 보여지게 됨
scale-down : none 또는 contain 중에 더 적절한 방향으로 이미지 사이즈를 조절함 */
/*글 설명*/
.item_category .text {
	float: ; /*left; right;*/
  width: 100%; /*100%; PC에서의 내용 면적 80% 적합*/
  height: %; /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
	display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
	font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: 16px; /*설명 글자 크기*/
	font-style: normal; /*normal; italic; oblique; initial, inherit;*/
  color: #595959; /*#595959; 설명 글자 색상*/
  line-height: 26px; /*설명 글자 상하 간격*/
	text-align: left; /*left; right; center; justify; top; middle;*/
	min-height: px; /*min-width, min-height; max-width, max-height*/
	max-height: px;
	margin: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/
	padding: 15px 5px 0px 10px; /*10px 5px 0px 10p;*/
	text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; 
}
/*카테고리명 앞 아이콘*/
.area_category .item_category .link_ct:before {
  font-family: bootstrap-icons !important;
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: 400; /*normal; bold; bolder; lighter; initial; inherit;*/
  font-size: 10px;
  color: #; /*#FF0000; #EF5380;*/
  line-height: px;
  margin: 0px 5px 0px 0px; /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 0px 0px 0px;
  content: "\F5D6"; /*"\F655"; "\F438"; "\F4CA"; "\F1BB"; "\F289"; "\F439"; \F1D7; "\F4CA"; "\F668"; "\F470"!; "\F547"!; "\F54A"!; "\F5D6"!!; 카테고리명 앞 아이콘*/
}
/*카테고리명*/
.area_category .item_category .link_ct {
  float: ; /*left; right;*/
  width: 100%; /*100%; 100px;*/
  height: %;  /*100px; 100px;*/ /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: px;
  font-weight: 600; /*px;*/
  font-style: normal; /*normal; italic; oblique; initial, inherit;*/
  color: #EF5380; /*#FF0000; #EF5380;*/
  line-height: px;
  text-align: ; /*left; right; center; justify; top; middle;*/
  text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  border: px solid #8EC1A6; /*#8EC1A6;*/
  margin: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/ /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 0px 0px 0px; /*0px 0px 0px 0p;*/
  display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
}
/*포스팅 날짜*/
.area_category .item_category .txt_br {
  float: ; /*left; right;*/
  position: ; /*relative*/
  left: %; /*float: left와 position: relative와 left: 50%(-50%)의 세가지 조건에서 중앙에 정렬됨*/
  width: 100%; /*100%; 100px;*/
  height: %;  /*100px; 100px;*/ /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: 11px;
  font-weight: 400; /*px;*/
  font-style: ; /*normal; italic; oblique; initial, inherit;*/
  color: #595959; /*#077A7F; #6ED3D8; #595959; #FF0000;*/
  opacity: ; /*.7; 글 작성 날짜 색상*/
  line-height: px;
  text-align: ; /*left; right; center; justify; top; middle;*/
  text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  border: px solid #8EC1A6; /*#8EC1A6;*/
  margin: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/ /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 0px 0px 0px; /*0px 0px 0px 0p;*/
  opacity: ; /*.7; 글 작성 날짜 색상*/
  display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
}
/*모바일 설정 media query mobile(767px, 768px, 991px, 992px, 1199px, 1200px; 100%, auto)*/
@media screen and (max-width: 1023px/*1023px 또는 992px*/) {
/*전체 프레임(컨테이너)*/
.category_area {
	float: ; /*left; right;*/
	width: %; /*100%;*/
	height: %;
	border: px solid #111;
	margin: 10px 0px 0px 0px; /*20px 0px 0px 0px; '전체 글' 글자 아래 라인선 기준 상하 간격 조절*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px; '전체 글' 글자 아래 라인선 기준 상하 간격 조절*/
}
/*전체 프레임(컨테이너) 다음의 총 프레임(컨테이너)*/
.area_category {
  float: ; /*left; right;*/
	width: %; /*100%;*/ /*이곳을 100%로 하면 모바일 설정의 좌우 10px 여백이 이곳 100%로 돌아감*/
	height: %;
	border: px solid #111; /*#FF0000;*/
	margin: 0px 10px 0px 10px; /*20px 0px 0px 0px; 모바일상의 글 페이지 좌우 여백 조절*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px; 모바일상의 글 페이지 좌우 여백 조절*/
}
/*'전체 글' 제목 부분*/
.title_section {
	float: ; /*left; right;*/
  width: %;
  height: %;
	border: px solid #ccc; /*#8EC1A6; #ccc;*/
	border-bottom: 1px solid #ccc; /*solid; dotted; dashed; double; groove; ridge; inset; outset;*/
	border-style: ; /*dotted; dashed; solid; double; groove; ridge; inset; outset;*/
	font-family:; /*'Noto Sans KR', sans-seri;*/
  font-size: 21px; /*'전체 글' 글자 크기*/
  font-weight: 600;
  color: #333;
  text-align: left;
	font-style: ; /*normal; italic; oblique; initial, inherit;*/
	border: px solid #ccc;
  margin: 0px 0px 0px 0px; /*0px 0px 20px 0px;*/
	padding: 0px 0px 2px 0px; /*0px 0px 0px 0px;*/
}
.title_section a:hover {
  font-size: px;
  font-weight: ; /*bold;*/
  color: #1393DA; /*#666; transparent; '전체 글' 제목 글씨 무지개 색상*/
	text-decoration: ; /*none;선 no, line-through;글자 중간에 선, overline;글자 위에 선, underline;글자 아래 선, initial;기본 값, inherit;부모 요소 속성값 상속*/
}
.title_section:before {
  font-family: bootstrap-icons !important;
	font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-style: normal; /*normal;*/
  font-weight: 600; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: px;
	color: #FF0000; /*#FF0000*/
  line-height: ;
  padding-right: 5px; /*;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""; /*"\F438"; "\F4CA"; '전체 글' 글자' 앞 아이콘*/
}
/*'전체 글'의 건*/
.category_area .title_section span {
  float: ; /*left; right;*/
  width: %;
  height: %;
  border:1px solid #;
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: 16px; /*vertical-align: 2px;*/
  font-weight: 400;
  color: #ff567a; /*'전체 글' 건수 글자 색상*/
  padding-left: 6px; /*'전체 글'과 건수 사이 간격*/
}
.category_type_notice .item_category {
  padding: 0px 0px 0px 0px; /*px px px px; '전체 글' 아래 실선과 카테고리 글 박스 위간의 간격*/
}
/*페이징 좌우 아이콘 버튼 설정*/
.pagging {
	float: right; /*left; right;*/
	width: %;
	height: %;
	font-size: 0px; /*font-size를 크게 할수록 아이콘과 위 라인선과의 간격이 멀어짐*/
	border: px solid #A30401; /*#8EC1A6; #A30401;*/
	border-radius: px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
	opacity: 1; /*0.6; 80% 불투명도*/
	margin: -35px 0px 0px 0px; /*-45px 0px 0px 0px; '전체 글' 글자 아래 라인선 기준 상하 간격 조절*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px; '전체 글' 글자 아래 라인선 기준 상하 간격 조절*/;
	justify-content: start;
}
.pagging .bi-arrow-left-circle-fill {
  font-family: bootstrap-icons !important;
	font-family: 'Noto Sans KR', sans-serif; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: bold; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 23px;
	color: #EF5380; !important; /*#FF0000; #A30401; #EF5380; #ccc;*/
  line-height: 1;
	margin: 0px 20px 0px 0px; /*0px 20px 0px 0px;*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""; /*"\F438"; "\F4CA"; "\F22D"; 페이징 앞으로 넘기는 아이콘*/
} 
.pagging .bi-arrow-right-circle-fill {
  font-family: bootstrap-icons !important;
	font-family: 'Noto Sans KR', sans-serif; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: bold; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 23px;
	color: #EF5380; !important; /*#FF0000; #A30401; #EF5380; #ccc;*/
  line-height: 1;
 	margin: 0px 25px 0px 0px; /*0px 10px 0px 0px;*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""; /*"\F438"; "\F4CA"; "\F231"; 페이징 뒤로 넘기는 아이콘*/
}
/*글 제목, 이미지, 글 설명, 날짜 등 전체 프레임(컨테이너)*/
.item_list {
  width: 100%; /*margin: 좌 -12px; width: 103%;일때 전체글 밑 라인선과 아래 글의 수평 일직선이 맞음*/
  height: 100%;
	border: px solid #111;
  border-radius: px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
	margin: 12px 0px 0px 0px; /*프레임(컨테이너) 좌우 간격*/
	padding: 0px 0px 0px 0px; /*프레임(컨테이너) 좌우 간격*/
	overflow: hidden; /*ellipsis; hidden;*/
}
/*글별 프레임(컨테이너)*/
.item_category {
	float: left; /*left; right;*/
  width: 100%; /*33%가 최적합*/
  height: 100%; /*320px; 100%;*/ /*이 높이를 100%로 하면 최하단 페이징간의 상하 간격이 넓지 않게 됨*/
	display: inline; /*block; inline; inline-block;*/ /*none; 컨테이너가 보이지가 않게 됨*/
	border: px solid #111;
  border-radius: px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
	margin: 0px 0px 0px 0px; /*글별 프레임(컨테이너)간의 좌우 간격*/
	padding: 0px 0px 25px 0px; /*글별 프레임(컨테이너)간의 좌우 간격*/
	background: #fff;
	overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
}
/*글 제목 앞 아이콘*/
.item_category .name:before {
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 600; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 14px;
	color: #8EC1A6; /*#FF0000; #8EC1A6; #2A82DC;*/
  line-height: 1;
	margin-right: px;
  padding-right: 5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\F4B3"; /*"\f470"; "\F69E"; "\F4B3"; "\F4CA"; "\F106"; 카테고리 제목 글자 앞 아이콘*/
}
/*글 제목*/
.nada .name {
	float: ; /*left; right;*/
	width: 100%;
  height: %;
	display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
	font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: 17px; /*제목 글자 크기*/
  color: #333; /*#0053F9;*/
  line-height: 28px; /*제목 글자 상하 간격*/
  font-weight: 700;
	text-align: left; /*left; right; center; justify; top; middle;*/
  text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/*이미지*/
.thumb img {
	float: left; /*left; right;*/
  width: 90px; /*이미지 fill은 모바일 30% 적합, none은 110px 또는 90px 적합*/ 
  height: 70px; /*이미지 fill은 모바일 20%; 적합, none은 80px 또는 70px 적합*/
	display: ; /*block; inline; inline-block;*/ /*none; 이미지가 보이지가 않게 됨*/
  object-fit: none; /*fill; contain; cover; none; scale-down;*/ /*fill은 이미지 전체, none으로 하면 이미지가 전체화면이 아닌 중앙이 잘라져 부분적으로 나오게 됨*/
	border: px solid #8EC1A6; /*#8EC1A6;*/
  border-radius: px px px px; /*15px 15px 15px 15px;*/
	box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
	vertical-align: ; /*top; middle; bottom; 이미지와 텍스트 상단을 나란히 정렬하려면 꼭 이미지에 top; 그리고 margin: 0px가 아닌 px로 해야 하며, vertical-align은 오직 inline과 table-cell 엘리먼트에만 적용됨*/
	margin: 10px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
  display: ; /*none; 이미지가 보이지가 않게 됨*/
}
/* object-fit: fill; contain; cover; none; scale-down;
fill : 기본값임. 주어진 너비와 높이에 딱 맞도록 사이즈 조절. 이미지 가로세로 비율 유지되지 않음
contain : 가로세로 비율 유지한 채로 사이즈 조절되나, 이미지와 컨테이너 간의 비율 맞지 않는 경우엔 자리가 남음
cover : 가로세로 비율 유지한 채로 사이즈 조절되며, 비율 맞지 않더라도 이미지 확대해 컨테이너 완전히 채움
none : 아무것도 하지 않고 본래 이미지 사이즈 유지함. 이미지 가운데가 보여지게 됨
scale-down : none 또는 contain 중에 더 적절한 방향으로 이미지 사이즈를 조절함 */
/*글 설명*/
.item_category .text {
	float: ; /*left; right;*/
  width: 70%; /*이미지 fill은 모바일 70% 적합, none은 60% 적합*/
  height: %; /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
	display: inline-block; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/ /*none; 텍스트가 보이지가 않게 됨*/
	font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: 16px; /*설명 글자 크기*/
  color: #595959; /*#595959; 설명 글자 색상*/
  line-height: px; /*설명 글자 상하 간격*/
	text-align: ; /*left; right; center; justify; top; middle;*/
	min-height: px; /*min-width, min-height; max-width, max-height*/
	max-height: px;
	vertical-align: ; /*top(또는 bottom)으로 이미지와 텍스트 상단을 나란히 정렬*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; 
}
/*카테고리명 앞 아이콘*/
.area_category .item_category .link_ct:before {
  font-family: bootstrap-icons !important;
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: 400; /*normal; bold; bolder; lighter; initial; inherit;*/
  font-size: 10px;
  color: #; /*#FF0000; #EF5380;*/
  line-height: px;
  margin: 0px 5px 0px 0px; /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 0px 0px 0px;
  content: "\F5D6"; /*"\F655"; "\F438"; "\F4CA"; "\F1BB"; "\F289"; "\F439"; \F1D7; "\F4CA"; "\F668"; "\F470"!; "\F547"!; "\F54A"!; "\F5D6"!!; 카테고리명 앞 아이콘*/
}
/*카테고리명*/
.area_category .item_category .link_ct {
  float: ; /*left; right;*/
  width: %; /*100%; 100px;*/
  height: %;  /*100px; 100px;*/ /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: px;
  font-weight: 600; /*px;*/
  font-style: normal; /*normal; italic; oblique; initial, inherit;*/
  color: #EF5380; /*FF0000; #EF5380;*/
  line-height: px;
  text-align: ; /*left; right; center; justify; top; middle;*/
  text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  border: px solid #8EC1A6; /*#8EC1A6;*/
  margin: 0px 0px -20px 0px; /*0px 0px 0px 0px;*/ /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 0px 0px 0px; /*0px 0px 0px 0p;*/
  display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
}
/*포스팅 날짜*/
.area_category .item_category .txt_br {
  float: ; /*left; right;*/
  position: ; /*relative*/
  left: %; /*float: left와 position: relative와 left: 50%(-50%)의 세가지 조건에서 중앙에 정렬됨*/
  width: %; /*100%; 100px;*/
  height: %;  /*100px; 100px;*/ /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: 11px;
  font-weight: 400; /*px;*/
  font-style: normal; /*normal; italic; oblique; initial, inherit;*/
  color: #595959; /*#077A7F; #6ED3D8; #595959; #FF0000;*/
  opacity: ; /*.7; 글 작성 날짜 색상*/
  line-height: px;
  text-align: ; /*left; right; center; justify; top; middle;*/
  text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  border: px solid #8EC1A6; /*#8EC1A6;*/
  margin: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/ /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 0px 0px 0px; /*0px 0px 0px 0p;*/
  opacity: ; /*.7; 글 작성 날짜 색상*/
  display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
}}
/*모바일 설정 media query mobile(767px, 768px, 991px, 992px, 1199px, 1200px; 100%, auto)*/
/*@media (max-width:767px) and (max-width:991px) {
.category_area,
.title_section,
.title_section:before,
.category_area .title_section span,
.category_type_notice .item_category,
.item_list,
.item_category,
.item_category .name:before,
.nada .name,
.thumb img,
.item_category .text,
.item_category a .date { width:100% !important; }
}*/
/* **** 카테고리 글 목록 갤러리·앨범형(썸네일형) 가로 나열형 설정 End **** */

/* **** 사이드바 최근에 올라온 글 **** */
/*전체 프레임*/
.recentPost {
	float: left; /*'left*/
  width: 100%; /*%*/
  height: %; /*%;*/
	border: 0px solid #111;
  border-radius: 10px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
	margin: 10px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	background: #fff;
	overflow: hidden; /*ellipsis; hidden;*/
}
/*최상단 제목 '최근 글'*/
.recentPost h3 p {
	font-family: ; /*'Noto Sans KR', sans-seri;*/
  font-size: 22px; /*글자 크기*/
  font-weight: 600;
  color: #111;
	line-height: 28px;
 	text-align: left; /*left; right; center; justify; top; middle;*/
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}
/*'최근 글' 앞 아이콘*/
.recentPost h3 p:before {
 font-family: bootstrap-icons !important;
	font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: 400; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 16px;
	color: #FF0000; /*#FF0000*/
  line-height: 1;
 	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	content: "\F439"; /*"\F655"; "\F438"; "\F4CA"; "\F1BB"; "\F289"; "\F439"; 제목 앞 아이콘*/
}
/*이미지·글 제목·설명 글 프레임*/
.recentPost .item_Post {
	float: left; /*'left*/
  width: 100%; /*100%;*/
  height: 130px; /*100px;*/
	border: px solid #111;
  border-radius: px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	overflow: hidden; /*ellipsis; hidden;*/
}
/*이미지*/
.recentPost .item_Post .img_recent {
	float: left; /*left; right;*/
  width: 110px; /*30%;*/
  height: 90px; /*80px;*/
	vertical-align: ; /*top; 글 위치 이미지 최상단. middle; 글 위치 이미지 중간, bottom; 글 위치 이미지 최하단*/
	display: inline-block; /*block; inline; inline-block;*/ /*none; 이미지가 보이지가 않게 됨*/
  object-fit: none; /*fill; contain; cover; none; scale-down;*/
	border: px solid #8EC1A6; /*#8EC1A6;*/
  border-radius: px px px px; /*15px 15px 15px 15px;*/
	box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
  overflow: hidden; /*ellipsis; hidden;*/
	margin: 10px 15px 0px 0px; /*이미지 상단과 글 상단간의 간격을 맟추려면 margin-top:10px 정도로 함*/
	padding: 0px 0px 0px 0px;
}
/*글 제목*/
.recentPost .item_Post a {
	float: ; /*left; right;*/
	display: ; /*block; inline; inline-block;*/
  width: %;
  height: %;
	border: px solid #8EC1A6; /*#8EC1A6;*/
	font-family: ; /*'Noto Sans KR', sans-seri;*/
  font-size: 17px; /*글자 크기*/
  font-weight: 500;
  color: #111;
	line-height: 28px;
 	text-align: left; /*left; right; center; justify; top; middle;*/
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
/*글 제목 앞 아이콘*/
.recentPost .item_Post a:before {
 font-family: bootstrap-icons !important;
	font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: 400; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 12px;
	color: #; /*#FF0000*/
  line-height: 1;
  padding-right: 4px;
  content: "\F655"; /*"\F655"; "\F438"; "\F4CA"; "\F1BB"; "\F289"; "\F439"; 제목 앞 아이콘*/
}
/* **** 사이드바 최근에 올라온 글 End **** */

/* **** 사이드바 블로그 인기글 **** */
/*전체 프레임*/
.popularPost {
	float: left; /*'left*/
  width: 100%; /*%*/
  height: %; /*%;*/
	border: 0px solid #111;
  border-radius: 10px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
	margin: 20px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	background: #fff;
	overflow: hidden; /*ellipsis; hidden;*/
}
/*최상단 제목 '많이 읽힌 글'*/
.popularPost h3 p {
	font-family: ; /*'Noto Sans KR', sans-seri;*/
  font-size: 22px; /*글자 크기*/
  font-weight: 600;
  color: #111;
	line-height: 28px;
 	text-align: left; /*left; right; center; justify; top; middle;*/
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}
/*'많이 읽힌 글' 앞 아이콘*/
.popularPost h3 p:before {
  font-family: bootstrap-icons !important;
	font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: 400; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 16px;
	color: #FF0000; /*#FF0000*/
  line-height: 1;
 	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	content: "\F439"; /*"\F655"; "\F438"; "\F4CA"; "\F1BB"; "\F289"; "\F439"; 제목 앞 아이콘*/
}
/*이미지·글 제목·설명 글 프레임*/
.popularPost li {
	float: left; /*'left*/
  width: 100%; /*100%*/
  height: 130px; /*100px;*/
	border: px solid #111;
  border-radius: px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	overflow: hidden; /*ellipsis; hidden;*/
}
/*이미지*/
.popularPost li img {
	float: left; /*left; right;*/
  width: 110px; /*30%;*/ 
  height: 90px; /*80px;*/
	vertical-align: ; /*top; 글 위치 이미지 최상단. middle; 글 위치 이미지 중간, bottom; 글 위치 이미지 최하단*/
	display: inline-block; /*block; inline; inline-block;*/ /*none; 이미지가 보이지가 않게 됨*/
  object-fit: none; /*fill; contain; cover; none; scale-down;*/
	border: px solid #8EC1A6; /*#8EC1A6;*/
  border-radius: px px px px; /*15px 15px 15px 15px;*/
	box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
  overflow: hidden; /*ellipsis;*/
	margin: 10px 15px 0px 0px; /*이미지 상단과 글 상단간의 간격을 맟추려면 margin-top:10px 정도로 함*/
	padding: 0px 0px 0px 0px;
}
/*글 제목*/
.popularPost li a {
	float: ; /*left; right;*/
	display: ; /*block; inline; inline-block;*/
  width: %;
  height: %;
	border: px solid #8EC1A6; /*#8EC1A6;*/
	font-family: ; /*'Noto Sans KR', sans-seri;*/
  font-size: 17px; /*글자 크기*/
  font-weight: 500;
  color: #111;
	line-height: 28px;
 	text-align: left; /*left; right; center; justify; top; middle;*/
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
/*글 제목 앞 아이콘*/
.popularPost li a:before {
 font-family: bootstrap-icons !important;
	font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: 400; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 12px;
	color: #; /*#FF0000*/
  line-height: 1;
  padding-right: 4px;
  content: "\F655"; /*"\F655"; "\F438"; "\F4CA"; "\F1BB"; "\F289"; "\F439"; 제목 앞 아이콘*/
}
/* **** 사이드바 블로그 인기글 End **** */

/* 본문 제목과 날짜 사이 라인선 색상 등 */
.titleWrap h2 {
	margin-top: 0; 
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	border-top: px solid #d4d4cd; /*#ccc; #d4d4cd; 본문 제목 위 라인선과 색상*/
	border-bottom: 1px solid #d4d4cd; /*#ccc; #d4d4cd; 본문 제목 밑 라인선과 색상, solid(실선)·dotted(점선)·dashed(파선)·double(이중선)*/
}
.titleWrap h2 a:hover {
	color: #; /*#666; 본문 제목 글씨 무지개 색상*/
	text-decoration: none; /*none;선 no, line-through;글자 중간에 선, overline;글자 위에 선, underline;글자 아래 선, initial;기본 값, inherit;부모 요소 속성값 상속*/
}
.titleWrap h2 a:visited, .titleWrap h2 a:focus {
	color: # ; /*#337ab7; 본문 제목 등 글씨 색상*/
}
/* 본문 댓글 밑과 페이지 수 넘기기 사이 라인선 색상 등 */
.entry {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-top: px solid #d4d4cd; /*본문 제목 위 라인선 색상*/
	border-bottom: px solid #d4d4cd; /*#ccc; #d4d4cd; 본문과 페이지 넘기기 사이 라인선과 색상, , solid(실선)·dotted(점선)·dashed(파선)·double(이중선)*/
}
/* 본문 상단 넓이, 상·우·하·좌 방향으로 안과 밖 간격 조절 등 */
/*
.entry h2 { 
	padding: 0px 0px 0px 0px; /*본문 상단 상·우·하·좌 방향 간격*/
/*	margin: 0px 0px 0px 0px; /*본문 상단과 글 제목 사이 상·우·하·좌 방향 간격*/
/*	border-bottom: 1px solid #d4d4cd; /*본문 제목과 날짜 사이 라인선 색상*/
/*	width: 745px; /*본문 제목 박스 좌우 넓이*/
/*	height: 65px; /*본문 제목 박스 상하 길이*/
/*	background:url(images/.) no-repeat; /*본문 제목 박스 사진 넣기*/
/*	background-color: #; /*본문 제목 박스 바탕 색상*/ 
/*} */

/* 본문 설정 */
/* 본문 상·우·하·좌 방향으로 안과 밖 간격 조절, 글자간격 등 */
.article { 
	width: px; 
	overflow: hidden; 
	text-align: ; /*left; justify; center; 모바일 가독성 2. left로*/
  word-break: ; /*break-all; 글자간격 조절*/
	clear: both;
	font-family: ; /*Noto Sans KR,sans-serif,Nanum Gothic,Verdana,Arial,Tahoma,AppleGothic,Pacifico*/
	font-size: px; 
	color: #; /*3c3c3c; 4C4C4C*/
	font-weight: 400; /*normal*/
	background-color: #; /*본문 바탕 배경 색상*/
  /*background:url(images/.png); /*본문 바탕 배경 이미지*/
	padding: 0px 10px 0px 10px; /*본문 바탕 좌우 기준에서 안으로의 간격｜모바일 가독성 1. 본문 간격을 좌우에서 10px 띄운 여백을 줌*/
	margin: 0px 0px -15px 0px; /*본문 바탕 좌우 콘텐트 기준에서 안으로의 간격. -로 하면 바깥쪽으로 넓이 확장됨*/
}
/* 본문 폰트 스타일·크기·색상, 줄간격 */
/* 'Noto Sans KR', sans-serif, 'Nanum Myeongjo', 'Verdana', 'Arial', 'Malgun Gothic', 맑은 고딕' */
/* justify, right · end, left, center */
.article p { 
	overflow:;  
	text-align: left; /*left; justify; center; 모바일 가독성 2. left로*/
	clear:;
  font-family: ; /*'Ubuntu Condensed', "Noto Sans Korean", sans-serif; 'Noto Sans KR', sans-serif;*/
	/*font-style: oblique /*글자 기울기*/
	font-size: 18px; /*모바일 가독성 3. 18px로*/
	color: #111111; /*#121212; 3c3c3c; 3c3e40, 4C4C4C*/
	font-weight: 400px; /*normal*/
	line-height: 32px; /*모바일 가독성 4. 35px로*/
	letter-spacing: -0.001em; /*글자 간격 조절, 1px; -0.01em로 표시, 0.0625em=-1px, 모바일 가독성 5. -0.05em으로*/
	word-spacing: px; /*단어(낱말) 간격조절, 1px; -0.01em로 표시*/
  margin-bottom: 1.2em; /*margin-bottom: 2em; 이것은 단락간 간격조절*/
}
.article a {
	color: #222;
	font-size: 90%;
	/*text-decoration: underline*/;
}
.entry .article img {
	display: inline-block;
	width: auto\9 !important; /* ie8 */
	width: auto !important;
	max-width: 100%;
	height: auto !important;
}
.entry .col-md-12 {
	padding-left: 0;
	padding-right: 0;
}

/* **** 글 본문 인용구 스타일 설정 관련 **** */
/*인용구 따옴표 스타일1 코드*/
.article_main blockquote[data-ke-style='style1'] {
  font-family: ; /*자신이 선택한 폰트 넣는 위치*/
  text-align: center;
  background: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/blockquote-style1.svg) no-repeat 50% 0;
	margin: 0px 0px 0px 0px; /*인용구 따옴표 및 인용구 박스 밖 상하좌우 간격*/
  padding: 25px 0px 15px 0px; /*인용구어 상하좌우 간격*/
  font-size: 16px; /*px; inherit;*//*인용구 글씨 크기*/
  color: #333;
  line-height: 2.0; /*1.75;pt;*/
  border: 0 none;
} 
/*인용구 바 스타일2 코드*/
.article_main blockquote {
	font-family: ; /*자신이 선택한 폰트 넣는 위치*/
  border-left: 5px solid #d0d0d0; /*#d0d0d0; *ddd;*/
	margin:; /*0;*/
  margin: 0px 0px 20px 0px; /*인용구 바 글 상자 밖 상하좌우 간격*/
  padding: 0px 0px 0px 15px; /*인용구 바 글 상자 내 상하좌우 간격*/
  font-size: 14px; /*px; inherit;*/
	color: #333;
	line-height: 2.0; /*1.75;pt;*/
}
/*인용구 글 상자 스타일3 코드*/
.article_main blockquote[data-ke-style='box'], #tt-body-page blockquote[data-ke-style='box'], blockquote[data-ke-style='style3'], #tt-body-page blockquote[data-ke-style='style3'] {
  font-family: ; /*자신이 선택한 폰트 넣는 위치*/
  border: 1px solid #ddd; /*ddd; #d0d0d0;*/
  background: #fcfcfc; /*#fcfcfc;*/
  text-align: left;
  margin: 20px 0px 20px 0px; /*인용구 글 상자 밖 상하좌우 간격*/
  padding: 15px 15px 15px 15px; /*인용구 글 상자 안 상하좌우 간격*/
  font-size: 14px; /*px; inherit;*/
  color: #666;
  line-height: 2.0; /*1.75;pt;*/
}
/* ****** */

/* 컨테이너 박스 상·우·하·좌 방향으로 안과 밖 간격 조절 등 */
#content {
	background-color: #; /*블로그 바탕화면 배경 색상 2*/
	background:url('./images/.png'); /*블로그 바탕화면 배경 이미지 2*/
	background-repeat: repeat; 
  background-attachment: fixed; 
  background-position: top left;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
}
/* 본문 바탕 색상, 상·우·하·좌 방향으로 안과 밖 간격 조절 등 */ 
/* 컨텐트.엔트리(본문 제목+날짜 부분 포함) 바탕 영역 부분 설정 */
#content .entry { 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	background-color: #; /*컨텐트(본문 제목과 날짜 부분 포함) 바탕 색상*/
	background:url(images/.);
}
/* 본문 제목+날짜 배경 영역 */
.titleWrap {
  background-color: #; /*본문 제목+날짜 부분 바탕 색상*/
  /*background:url('./images/.png'); /*본문 제목+날짜 부분 바탕 이미지*/
  background-repeat: no-repeat; /*repeat; no-repeat*/
  background-attachment: fixed; 
  background-position: top left;
  padding: 0px 0px 0px 0px; /*본문 제목+날짜 부분 상하좌우 좌우간격*/
  margin: 0px 0px 0px 0px;  /*본문 제목+날짜 부분 상하좌우 간격. -로 하면 바깥쪽으로 넓이 확장됨*/
}
/* 본문 제목 글씨 크기·글 간격 등 */
.titleWrap h2 {
	font-family: ; /*'Noto Sans KR' sans-serif, Nanum Gothic,Verdana,Arial,Tahoma,AppleGothic,Pacifico*/
	font-size: 18px; 
	text-align: left;
	font-weight: 600;
	text-transform: none;
	letter-spacing:em; /*0.01em*/
	padding-bottom: 1px; /*글 제목과 아래 라인선 간격*/
}
/* 본문 제목 글씨 색상 등 */
.titleWrap h2 a {
	color: #111; /*#337ab7; 3c3c3c; 3c3e40, 4C4C4C*/
}

.label-primary a {
	color: #fff;
}
a i {
	width: 17px;
	height: px;
	margin-top: -15px;
	font-size: 30px;
	top: 50%;
	z-index: 5;
	display: inline-block;
	padding: 0px 0px;
}
.another_category {
	border: 2px solid #dce4ec !important;
}
.another_category h4 {
	font-size: 16px;
}
.another_category_color_gray, .another_category_color_gray h4 {
	border-radius: 4px;
}
.author {
	margin-bottom: 10px;
	line-height: 2;
	font-size: 100%;
	font-weight: 700;
	color: #222;
}
.author img {
	width: 100px;
	float: left;
	margin-right: 20px;
}
.author span {
	margin-right: 5px;
	font-size: 100%;
}
.author.alert-success {
	border-color: #e5e5e5;
}
.author a {
	display: inline;
	font-size: 100%;
	font-weight: 700;
	color: #222;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
}

/* ***** 본문 트랙백·본문 댓글 관련 설정 ***** */
.actionTrail {
	font-family: ; /*'Noto Sans KR', sans-serif;*/
	font-size: 100%; /*트랙백·댓글 글씨 크기 1*/
	font-weight: 400; /*트랙백·댓글 글씨 농도*/
	line-height:; 
	background-color: #;
}
.actionTrail span {
	font-size: 100%; /*트랙백·댓글 글씨 크기 2*/
	color: #333; /*트랙백·댓글 글씨 색상*/
	margin-right: 5px; /*트랙백과 댓글 사이 간격*/
	padding-right: px;
}
.actionTrail a:hover {
	color: #333;
	text-decoration: none;
}
.actionTrail a:visited {
	color: #333;
	text-decoration: none;
}
.actionTrail a:focus {
	color: #333;
	text-decoration: none;
}
.trackback {
	border-top: 0px solid #ccc;
	margin-top: px;
	padding-top: px;
}
.trackback h3 {
	line-height:;
	font-weight:;
	font-size: %;
	margin: 0;
}
.trackback h3 span {
	margin-right: px;
	font-size: %;
}
.comment {
	border-top: 1px solid #fff; /*트랙백과 댓글 바로 아래 라인선 색상*/
	margin-top: 0px;
	padding-top: 5px;
}
/* 댓글 '댓글을 남겨주세요!' 글자 크기·농도·색상·간격 등 */
.comment h3 {
	font-size: 18px; /*'댓글을 남겨주세요!'와 옆 폴더의 크기*/
	font-weight: 600;
	color: #333;
	border-bottom: 1px solid #CCC; /*'댓글을 남겨주세요!' 아래 라인선 색상*/
	padding-bottom: 5px; /*'댓글을 남겨주세요!'와 아래 라인선간의 간격*/ 
	margin-bottom: 5px; /*'댓글을 남겨주세요!' 아래 라인선과 아래 박스와의 간격*/
}
.comment h3 i {
	padding-right: 5px; /*'댓글을 남겨주세요!'와 옆 폴더와의 간격*/
}
#commentList .fa-ul {
	margin-left: 0;
}
/*본문 남긴 댓글 이름 부분*/
#commentList .fa-ul .alert-success .name {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}
/*본문 남긴 댓글 날짜 부분*/
#commentList .fa-ul .alert-success .date {
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
/*이하 본문 남긴 댓글 댓글주소/수정·삭제/댓글쓰기 공통부분*/
#commentList .fa-ul .alert-success .control {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px
}
/*본문 남긴 댓글 댓글주소 부분*/
#commentList .fa-ul .alert-success .control .address .label-default {
  margin: 0px 0px 0px 3px;
  padding: 0px 3px 0px 3px
}
/*본문 남긴 댓글 수정·삭제 부분*/
#commentList .fa-ul .alert-success .control .modify .label-default {
  margin: 0px 0px 0px 3px;
  padding: 0px 3px 0px 3px
}
/*본문 남긴 댓글 댓글쓰기 부분*/
#commentList .fa-ul .alert-success .control .write .label-default {
  margin: 0px 0px 0px 0px;
  padding: 0px 3px 0px 3px
}
/*본문 남긴 댓글 글자 부분*/
#commentList .fa-ul .alert-success p {
	font-size: 16px; 
	font-weight: 400;
	line-height: 31px;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px
}
#commentList .fa-li {
	position: relative;
	left: auto;
	width: auto;
	top: auto;
}
/*이하 본문 남긴 댓글의 재댓글 부분*/
#commentReply {
botder: 1px solid #dce4ec; /*#dce4ec;*/
}
#commentReply .fa-ul {
	margin-left: 20px;
  botder: 1px solid #dce4ec; /*#dce4ec;*/
}
#commentReply .fa-li {
	position: relative;
	left: auto;
	width: auto;
	top: auto;
}
/* ***** 본문 트랙백·본문 댓글 관련 설정 End ***** */

/* ***** 블로그 이미지·블로그 프로필 이미지 크기 관련 설정 End ***** */
#blogImage img {
	margin: 0 auto;
}
.blogImage img {
	width: 45%;
  border-radius: 50%;
	display: inline-block;
  transform: rotate(deg);
}
.blogprofile img {
	width: 60%;
  border-radius: 50%;
	display: inline-block;
  transform: rotate(deg);
}
/* ***** 블로그 이미지·블로그 프로필 이미지 크기 관련 설정 End ***** */

/* 포스트 본문 마크업 */
.article dt {
	padding-top:5px;
	text-decoration: underline;
}
.article dd {
	padding-left: 25px;
	padding-bottom: 5px;
}
.dual table td, .triple table td {background-color: transparent; } /* 이미지 레이아웃 */
.author, .tagTrail, .actionTrail {
	clear:both;
}

/* graph scroll bar */
div.scrollableTable {overflow-x:scroll;} div.x-scrollable::-webkit-scrollbar {height: 5px;
} div.scrollableTable::-webkit-scrollbar-thumb {border-radius: 10px; background: rgba(29, 29, 29, 0.5);} div.scrollableTable::-webkit-scrollbar-track {background: rgba(0,0,0,0.1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

/* Footer */
#footer {
	background-color: #eee;
	padding: 5px 0px 10px 0px;
	color: #666; 
	font-size: 90%;
	border-top: 0px solid #ccc;
}
#footer p {
	margin: 0;
}
#footer a {
	color: #aaa;
}
#footer-widget {
	background-color: #eee;
	margin-top: 0px;
	padding: 10px 0px 0px 0px;
	color: #818181;
	font-size: 90%;
	border-top: 1px solid #ccc;
}
#footer-widget a {
	color: #818181;
}
#footer-widget a.btn {
	color: #fff;
}
#footer-widget #profile p {
	padding: 10px 0;
}
#footer-widget a:hover {
	color: #fff; 
	text-decoration: none;
}
#footer-widget h3 {
	padding-top: 20px;
	font-family: ; /*'Raleway', 'KoPub Dotum';*/
	font-size: 20px;
	font-weight: 700;
	margin-top: 0;
	color: #fff;
}
#footer-widget #recentPost a i {
	width: auto; 
	height: auto;
}

/* ************************ 사이드바 설정 ************************ */
/* Sidebar */
/* 사이드바 바탕 영역 배경 설정 */
.col-md-4 {
	overflow: hidden;
	padding-left: px;
	padding-right: px;
	padding-top: 10px; /*사이드바와 위 네비게이션바간의 간격*/
	padding-bottom: px; /*사이드바 아래 간격*/
	margin-left: px;
	margin-right: px;
	margin-top: px;
	margin-bottom: px;
	background-color: #; /*사이드바 바탕 색상*/
}
.sidebar { }
#sidebar {
  overflow: hidden;
	padding-left: px;
	margin-left: px;
	margin-right: px;
	margin-top: px;
	margin-bottom: px;
}
/* 우측 사이드바 각 목록 큰 제목 자체 색상(카테고리·태그목록·글 보관함·달력 등) */
/* 사이드바 카테고리 각 목록 큰 제목 바탕색상·글씨 스타일·크기·색상 등 */
.sidebar h3 {
	text-align: justify;
	font-family: ;
	font-size: 17px;
	font-weight: 500; /*bold*/
  color: #000;
  background-color: #fff;
	border: px solid #ccc;
  border-radius: 0px;
	padding-left: px;
	padding-right: px; 
	padding-top: 0px;
	padding-bottom: 0px;  
	margin-left: px;
	margin-right: px;
	margin-top: 0px;
	margin-bottom: 0px; /*사이드바 각 제목과 아래 내용간의 간격*/
	border-left: px;
	border-right: px;
	border-top: 0px;
	border-bottom: 0px;
}
.sidebar h3 i {
	text-align: justify;
	font-weight: 400; /*bold*/ /*'카테고리'글자 옆 폴더 농도*/
  color: #; /*사이드바 각 제목 옆 폴더 색상*/
  background-color: #; /*사이드바 각 제목 옆 폴더 배경 색상*/
	border: px solid #; /*사이드바 각 제목 옆 폴더 배경 외곽선*/
  border-radius: 30px;
	padding-left: px;
	padding-right: px; 
	padding-top: px;
	padding-bottom: px;  
	margin-left: px;
	margin-right: px;
	margin-top: px;
	margin-bottom: px;
	border-left: px;
	border-right: px;
	border-top: 0px;
	border-bottom: px;
}

/* 관리자 메뉴 */
/* 본문글 수정·공개·비공개·삭제·트랙백 부분 */
.admin {
  float: right; /*left; right;*/
	text-align: justify;
	font-size: px; /*본문글 수정·공개·비공개·삭제·트랙백 폰트 크기*/
  margin: 5px 10px 0px 0px; /*본문글 수정·공개·비공개·삭제·트랙백 상하좌우 간격*/
  padding: 0px 0px 0px 0px; /*본문글 수정·공개·비공개·삭제·트랙백 상하좌우 간격*/
}	

/* ************ 카테고리 설정 ************ */

/* 카테고리 전체 목록 글수 글씨 크기·색상 */
.c_cnt { 
	font: 0.75em Sans-serif, Helvetica, Arial, Gulim; 
	color: #; /*3개 카테고리 글수 색상 지정-상단·우측·모바일 글수 색상이 동일함*/
	letter-spacing: px;
	word-spacing: px; /*단어(낱말) 간격조절, 1px; -0.01em로 표시*/
	margin-left: 5px; /*이것은 소제목과 글수와의 간격조절*/
}
/* 반응형 스킨 카테고리 글수·새글·글씨 농도 등 표시하기 */
.tt_category .link_tit {
	display:; /*카테고리 '전체글'과 옆 폴더의 간격: block 삭제*/
	padding-bottom: px; 
	font-weight: normal;
	font-size: 19px; /* 카테고리 '전체 글' 자체 글씨 크기 */
	font-weight: 800; /* 카테고리 '전체 글' 자체 글씨 농도 */
	color: #; 
}
.tt_category li a .c_cnt { 
	display:; /*카테고리 글수 표시: none 삭제*/
} 
.tt_category li a img { 
	display: none; 
}
.tt_category .category_list .link_item {
	display: ; /*block*/
	padding: 0px 0px 0px 0px; /*하위 목록 제목옆 폴더와 글자와의 간격*/
	overflow: hidden; 
	font-size: 19px ; /* 카테고리 하위 목록 제목 글씨 크기 */
	font-weight: 500; /* 카테고리 하위 목록 제목 글씨 농도 */
	color: #; 
	text-overflow: ellipsis; 
	white-space: nowrap;  
}
.tt_category .sub_category_list { 
	margin: 0px 0px 0px 0px }
.tt_category .sub_category_list .link_sub_item {
	display: block; 
	overflow: hidden; 
	line-height: px; 
	color: #; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
}
.tt_category .sub_category_list .link_sub_item:before { 
	content:"- "; 
}
.tt_category .link_tit: hover,
.tt_category .category_list .link_item: hover,
.tt_category .sub_category_list .link_sub_item: hover { 
	color: #; 
	text-decoration: underline; 
}
.link_guestbook { 
	display:none; 
}

/* 우측 사이드바 카테고리 글씨 전체 폰트 색상 */
#category a { 
	color: #000;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
}
/* 상단 사이드바 카테고리 글씨 전체 폰트 색상 */
#category1 a {
	color: #000;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out; 
}
/* 모바일 사이드바 카테고리 글씨 전체 폰트 색상 */
#category2 a {
	color: #fff;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out; 
}
#category2 ul {
	color: #fff; 
}
a:hover {color: #666;
	text-decoration: none;}
img {max-width: 200%; height: auto;}
span.imageblock {max-width: 100%; height: auto;}

/* ***** 우측 사이드바 일반 카테고리 설정 ***** */
#category {
	float: ; /*left; right;*/
	width: 100%; /*100%;*/
	height: %;
	display: ; /*block; inline; inline-block;*/ /*none; 컨테이너가 보이지가 않게 됨*/
	border: px solid #ccc; /*#8EC1A6; #ccc;*/
	list-style-type: none; /*none;*/
  margin: 0px 0px 0px 0px; /*카테고리 상하좌우 간격*/
	padding: 0px 0px 0px 0px; /*카테고리 상하좌우 간격*/
}
/*'카테고리' 제목 앞 아이콘'*/
#category h3 .catelist:before {
	content: "\f046"; /*\f046; f14a; \f1ca; \f07c; \f115; \f114; \f0c9; \f0f6; \f15b; \f15c*/
	padding-right: 0px; /*큰 카테고리('전체 글')옆 폴더의 우측으로 제목 글 간격*/
	display: ; /*block; inline; inline-block;*/
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 19px; /*'inherit' 삭제, 큰 카테고리 옆 폴더 크기*/
	color: #F91010; /*#F91010 상단 카테고리 옆 폴더 색상*/
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
  margin: 0px 10px 0px 0px; /*상하좌우 간격*/
  padding: 0px 0px 0px 0px; /*상하좌우 간격*/
}
/*'카테고리' 자체 제목*/
#category h3 .catelist {
	float: ; /*left; right;*/
	width: %; /*100%;*/
	height: %;
	display: block; /*block; inline; inline-block;*/ /*none; 컨테이너가 보이지가 않게 됨*/
	border: px solid #ccc; /*#8EC1A6; #ccc;*/
	list-style-type: ; /*none;*/
	font-family: ;	
	font-size: 20px; 
	font-weight: 800;
	color: #; /*#FF0000;*/
  margin: 0px 0px 0px 0px; /*'카테고리' 자체 글과 아래 '전체' 자체 글간의 상하 간격*/
  padding: 0px 0px 0px 0px; /*카테고리 상하좌우 간격*/
}
/*'전체글' 자체 제목 앞 아이콘*/
#category ul li:before {
	content: "\f00c"; /*\f00c; \f1ca; \f07c; \f115; \f114; \f0c9; \f0f6; \f15b; \f15c*/
	display: ; /*block; inline; inline-block;*/
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	font-size: 19px;
	font-weight: 800;
	color: #F91010; /*#F91010;*/
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	letter-spacing: px;
	word-spacing: px; /*단어(낱말) 간격조절, 1px; -0.01em로 표시*/
  margin: 0px 5px 0px 10px; /*상하좌우 간격*/
  padding: 0px 0px 0px 0px; /*상하좌우 간격*/
}
/*'전체글' 자체 제목*/
#category ul li {
  /*여기서는 작동하지 않고 이 '전체글' 자체 제목 글씨 크기와 굵기는 위 .tt_category .link_tit에서 설정*/
}
/*'전체글' 자체 제목 하위 카테고리명 앞 아이콘*/
#category ul li ul li:before {
	content: ""; /*\f07c; \f105; f10c; \f115; \f114; \f07b: \f0c9; \f0f6; \f15b; \f15c*/
	display: ; /*block; inline; inline-block;*/
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	font-size: 17px; /*'inherit' 삭제, 작은 카테고리 옆 폴더 크기*/
	color: #F91010; /*#F91010; 하위 카테고리 옆 폴더 색상*/
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	line-height: px;
  margin: 0px 0px 0px 10px; /*상하좌우 간격*/
	padding: 0px 0px 0px 0px; /*상하좌우 간격*/
}
/*'전체글' 자체 제목 하위 카테고리명 정렬*/
#category li {
	width: %; /*100%; 100%로 하면 각 카테고리명이 세로로 정렬됨*/
	height: %;
	display: inline-block; /*block; inline; inline-block;*//*inline-block으로 하면 카테고리가 가로로 정렬됨*//*none; 감춤*/	
	border: px solid #ccc; /*#8EC1A6; #ccc;*/
	list-style-type: ; /*none;*/
	font-family: ; /*'Noto Sans KR', sans-serif;*/
	font-size: px;
	font-weight:;
	color: #;
  margin: 0px 0px 0px 0px; /*상하좌우 간격*/
	padding: 0px 0px 0px 0px; /*상하좌우 간격*/
}
/* *** 우측 사이드바 일반 카테고리 설정 End *** */

/* **** 상단 사이드바 카테고리와 옆 폴더 생성 **** */
#category1 ul {
	padding-left: 10px;
	margin-left: 0;
	list-style-type: none; 
	font-size: 15px; 
	font-family: ;
	font-weight: ;
	color: #000; /*이곳 색상을 fff로 하면 카테고리 하단 각 목록 옆 폴더가 사라지게 됨*/
}
#category1 ul li:before {
	content: "\f07c"; /*\f07c; \f115; \f114; \f07b: \f0c9; \f0f6; \f15b; \f15c*/
	padding-right: px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	font-size: 19px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
#category1 ul li ul {
	padding-left: 0;
	margin-left: 20px;
	list-style-type: none;
}
#category1 ul li ul li:before {
	content: "\f15c"; /*\f07c; \f115; \f114; \f07b: \f0c9; \f0f6; \f15b; \f15c*/
	padding-right: 5px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
#category1 ul li ul li ul {
	padding-left: 0;
	margin-left: 20px;
	list-style-type: none;
}
#category1 ul li ul li ul li:before {
	content: "\f115";
	padding-right: 10px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

/* 모바일 사이드바 기본 카테고리 가로 정렬 설정 1 */
/* 모바일 사이드바 카테고리만 가로 정렬 */
#category2 li {
  float: ; /*left;*/
  display: inline-block; /*block; inline; inline-block;*//*inline-block으로 하면 카테고리가 가로로 정렬됨*//*none; 감춤*/
  margin-left: 15px; /*카테고리 '전체'의 왼쪽에서의 간격과 각 하위 제목간의 폭*/
	margin-bottom: 5px; /*카테고리 제목간 상하 간격*/
	line-height: px;
}

/* 모바일 사이드바 목록 카테고리 수평 정렬 설정 */
/* 모바일 '목록(카테고리)' 수평 정렬과 카테고리 가로 정렬 */
/*.navbar-header li {
	margin: 0;
  padding: 0;
  list-style-type: none; /*사이드바 링크 점 없애고 수평 정렬*/
	/*float:; /*float: left 목록 카테고리 가로 정렬*/
	/*display:; /*block은 변화없고, inline-block과 inline은 목록 카테고리 가로 정렬*/
	/*padding-left: px; /* 목록 제목간 간격 */
	/*margin-left: px; /* 목록 제목간 간격 */
/*}
/* 모바일 사이드바 기본 카테고리 가로 정렬 설정 2 */
/*.navbar-collapse ul {
  list-style-type: none;
	float:; /*float: left '카테고리'와 '방명록' 가로 정렬*/
  /*display: block; /*inline-block; inline; '카테고리'와 '방명록' 가로 정렬*/
/*}
/*.navbar-collapse li {
  list-style-type: none; /*사이드바 링크 점 없애고 수평 정렬*/
	/*float:; /*float: left 카테고리 '전체글' 하위 목록 가로 정렬*/
  /*display: block; /*inline-block; inline; 카테고리 '전체글' 하위 목록 가로 정렬*/
	/*padding-left: px; /* 목록 제목간 간격 */
	/*margin-left: px; /* 목록 제목간 간격 */
/*} */

/* 모바일 사이드바 카테고리와 옆 폴더 생성 */
#category2 ul {
	padding-left: 0px; /*'전체글'과 각 하위 제목들의 좌측기준선에서 우측으로의 간격*/
	margin-left: 0; 
	list-style-type: none; 
	font-size: 15px; 
	font-family: ;
	font-weight: ;
	color: #; /*이곳 색상을 fff로 하면 카테고리 하단 각 목록 옆 폴더가 사라지게 됨*/
}
#category2 ul li:before {
	content: "\f07c"; /*\f07c; \f115; \f114; \f07b: \f0c9; \f0f6; \f15b; \f15c*/
	padding-right: 5px; /*'전체글'과 옆 폴더와의 간격*/
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	color: #fff;
}
#category2 ul li ul {
	padding-left: 0;
	margin-left: 0px; /*'전체글' 하위 목록의 옆 기준선에서 오른쪽 간격*/
	list-style-type: none;
}
#category2 ul li ul li:before {
	content: "\f15c"; /*\f07c; \f115; \f114; \f07b: \f0c9; \f0f6; \f15b; \f15c*/
	padding-right: 5px; /*'전체글' 하위 목록과 옆 폴더와의 간격*/
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
#category2 ul li ul li ul {
	padding-left: 0;
	margin-left: 20px;
	list-style-type: none;
}
#category2 ul li ul li ul li:before {
	content: "\f115";
	padding-right: 10px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
/* ************ 카테고리 부분 설정 끝 ************* */

/* 우측 사이드바 달력 글자 배경색 안 글자 색상 */
#calendar caption.cal_month a {
	background-color: #0f7864;
	display: inline;
	padding: .2em .6em .2em;
	font-size: 100%;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
#notice .fa-ul {
	margin-left: 10px;
}
#notice .fa-ul li i {
	padding-right: 10px;
}
#recentTrackback .fa-ul {
	margin-left: 10px;
}
#recentTrackback .fa-ul li i {
	padding-right: 10px;
}
#archive .fa-ul {
	margin-left: 10px;
}

#archive .fa-ul li i {
	padding-right: 10px;
}
#link .fa-ul {
	margin-left: 10px;
}
#link .fa-ul li i {
	padding-right: 10px;
}

/* ************ 태그 설정 ************ */
/* 태그 */
#tagbox a {color: #000; /*태그 제목과 태그 글씨 색상*/ /*#EC5621; #101566; 0053F9; #0053F9; #0C8484*/
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out; 
}
#taglog ul, #tagbox ul {
	text-align: left; /*left, justify, center*/
	overflow:; /*hidden*/
  display: nline;
	clear:; /*both*/
	text-align: justify; 	
	font-family: ; /*'Noto Sans KR', sans-serif;*/
	/*font-style: oblique /*글자 기울기*/;
	font-size: 110%; /*태그 폰트 크기*/
	color: #000; /*태그 단어 컴마·샵 색상*/ /*#101566; #E9001B; #0C8484*/
	font-weight: 400;
	line-height: px; 
	letter-spacing: 0.03em;
	word-spacing: 0px; /*단어(낱말) 간격조절, 1px; -0.01em로 표시*/
	/*margin-bottom: 2em;*/ /*이것은 단락간 간격조절*/
	padding: 0 0 0 0; /*내부 여백(상우하좌)*/ 
  margin: 0px 0 0 0; /*외부 여백(상우하좌)*/
} /*위 margin: px는 태그를 본문하단 위치시는 다른글과 상하폭 좁히기 위해 0px로 한다*/

#tagbox li, #taglog li {
	overflow: ; /*hidden*/
  display: nline;
	clear:;
	text-align:; /*left, justify, center*/	
	font-family: ; /*'Noto Sans KR', sans-serif;*/
	/*font-style: oblique /*글자 기울기*/;
	font-size: %;
	color: #; /*4C4C4C*/  /*태그 단어 컴마 색상*/
	font-weight: 400;
	line-height: 31px; 
	letter-spacing: -0.05em;
	word-spacing: 0px; /*단어(낱말) 간격조절, 1px; -0.01em로 표시*/
	/*margin-bottom: 2em;*/ /*이것은 단락간 간격조절*/
	padding: 20px 0 0 0; /*내부 여백(상우하좌)*/ 
  margin: 0 0 0 0; /*외부 여백(상우하좌)*/
}
/*#tagbox ul {
  list-style-type: none;
	padding: 0 0 0 0;
  margin: 0 0 0 0; /*태그박스 범위를 좌우 또는 상하로 폭을 좁힐수 있음*/  /*
}  */
#tagbox ul li {
  display: inline; /*display: inline; display: inline-block; float: left;*/
}
#tagbox ul li:before {
	content: "#";  /*태그 단어 첫머리 #샵 표시*/
}
/*#tagbox ul li:after {
	content: ",";  /*태그 단어 뒷머리 ,컴마 표시*/  /*
}  */
#tagbox ul li:last-child:after {
	content: ""; /*태그 단어 종료시점 컴마 표시 없앰*/
}

/* 업로드 파일 디자인 조절 */
/*파일 박스 부분*/
figure.fileblock { 
  width: 100%; /*박스 좌우 넓이*/ 
  border: 1px solid #333 !important; /*박스 테두리 선 색상*/
  background-color: #fff !important; /*백그라운드 색상*/
  border-radius: 10px !important; 
  transition: 0.5s ease; 
  line-height: 10px; /*파일명과 아래 용량표시간의 줄간격 조절*/
  margin-left: px;
  margin-right: px;
  margin-top: px;
  margin-bottom: px;
  padding-left: px;
  padding-right: px;
  padding-top: px;
  padding-bottom: px;
} 
.filename { 
	font: 11px Sans-serif; 
  color: #333 !important; /*파일 글자 색상*/
} 
span.name {
  font-size: 90%; /*업로드 파일 글자 크기 60~80%로 조절*/
  font-weight: 0; 
}

/* 포스팅 날짜 관련 설정 */
span.date {
	float: left; /*left; right;*/
	font-style: italic;
	font-size: 80%; 
	font-weight: 400; 
	border-bottom: 0px solid #2c3e50; 
	color: #333; 
	background-color: #fff; 
	margin: 7px 0px 0px 5px;	
	padding: 0px 0px 0px 0px; 
}

/* ************** 방명록·댓글 공통 설정 부분 ************** */
.col-sm-12 .comment .checkbox {
	display: inline-block; /*방명록·댓글의 비밀글 옆 체크박스 공통 설정 */
}
/* 방명록과 댓글 비밀글 체크박스 크기 설정 등 */
.col-sm-12 .checkbox {
	display: inline-block; /*display: none:박스 사라짐; block:자동 줄 바꿈과 크기 지정; inline:줄 바꿈 안되고 크기 지정 불가; inline-block:혼합 형태로 크기 지정 가능하나 줄 바꿈 안됨*/
	width: px; /*방명록·댓글 체크박스 가로넓이*/
  height: px; /*방명록·댓글 체크박스 세로넓이*/
  vertical-align: -2px; /*-2px; 라디오 체크박스와 '비밀글' 텍스트 정렬하기*/
	z-index: 1;
	margin-top: px;
	margin-bottom: px; 
}
/* 방명록·댓글 체크박스 옆 '비밀글' 폰트 스타일·크기·색상·간격 등 */
.col-sm-12 span {
	font-size: px; /*방명록·댓글의 '비밀글' 폰트 크기*/
	color: #; /*방명록·댓글의 '비밀글' 색상*/
	margin-top: px;
	margin-bottom: px;
	margin-left: px; 
	padding-top: px;
	padding-bottom: px;
	padding-left: px;
}
.form-control {
	font-size: 16px; /*방명록·댓글의 내용입력.... 글자 크기*/
	color: #;
	margin: 3px 0px 0px 0px; /*방명록·댓글의 내용입력.... 박스 바깥의 상하좌우 간격*/
	padding: px px px px; /*방명록·댓글의 내용입력.... 박스 안쪽의 상하좌우 간격*/
}
.input-group {
	padding-top: 0px;
	padding-bottom: 10px;
}
@media screen and (max-width: 1023px/*또는 992px*/) {
.col-sm-12 .comment .checkbox {
	display: inline-block; /*방명록·댓글의 비밀글 옆 체크박스 공통 설정 */
}
/* 방명록과 댓글 비밀글 체크박스 크기 설정 등 */
.col-sm-12 .checkbox {
	display: inline-block; /*display: none:박스 사라짐; block:자동 줄 바꿈과 크기 지정; inline:줄 바꿈 안되고 크기 지정 불가; inline-block:혼합 형태로 크기 지정 가능하나 줄 바꿈 안됨*/
	width: 20px; /*방명록·댓글 체크박스 가로넓이*/
  height: 20px; /*방명록·댓글 체크박스 세로넓이*/
  vertical-align: -4px; /*-2px; 라디오 체크박스와 '비밀글' 텍스트 정렬하기*/
	z-index: 1;
	margin-top: px;
	margin-bottom: px; 
}
/* 방명록·댓글 체크박스 옆 '비밀글' 폰트 스타일·크기·색상·간격 등 */
.col-sm-12 span {
	font-size: 16px; /*방명록·댓글의 '비밀글' 폰트 크기*/
	color: #; /*방명록·댓글의 '비밀글' 색상*/
	margin-top: px;
	margin-bottom: px;
	margin-left: px; 
	padding-top: px;
	padding-bottom: px;
	padding-left: px;
}
.form-control {
	font-size: 16px; /*방명록·댓글의 내용입력.... 글자 크기*/
	color: #;
	margin: 3px 0px 0px 0px; /*방명록·댓글의 내용입력.... 박스 바깥의 상하좌우 간격*/
	padding: px px px px; /*방명록·댓글의 내용입력.... 박스 안쪽의 상하좌우 간격*/
}}
/* ***** 방명록 댓글·재댓글｜본문 댓글·재댓글 이미지(아이콘) 설정 부분 ***** */
/*#guestList .fa-ul .alert-success .name .blogicon_bg,
#guestReply .fa-ul .alert-success .name .blogicon_bg, 
#commentList .fa-ul .alert-success .name .blogicon_bg, 
#commentReply .fa-ul .alert-success .name .blogicon_bg { 
	float: ; /*left; right;*/
  /*display: ; /*block; inline; inline-block;*/
	/*position: absolute; 
	top: 0; 
	left: 0;
	z-index: 10; 
	overflow: hidden; 
	width: 64px; /*64px; 34px; 아이콘 가로세로 길이*/
	/*height: 64px; /*64px; 34px; 아이콘 가로세로 길이*/
	/*border: none; 
	border-radius: 50%; /*50%;*/
	/*background: url(./images/Ry6464.png) no-repeat; /*url(./images/Ry6464.png)*/
	/*margin: 15px 70px 0px 3px;	
	/*padding: 0px 70px 0px 30px; 
}*/
/* ***** 방명록 댓글·재댓글｜본문 댓글·재댓글 이미지(아이콘) 설정 부분 End ***** */
/* ************** 방명록·댓글 공통 설정 부분 End ************** */

/* ** 방명록 설정 부문 ** */
/* 방명록 '방명록을 남겨주세요!' 글자 크기·농도·색상·간격 등 */
#guestbook h1 {
	font-size: 19px;
	font-weight: 600;
	color: #333;
	border-bottom: 1px solid #CCC; /*'방명록을 남겨주세요!' 아래 라인선 색상*/
	padding-bottom: 5px; /*'방명록을 남겨주세요!'와 아래 라인선간의 간격*/	
	margin-bottom: 15px; /*'방명록을 남겨주세요!' 아래 라인선과 아래 박스와의 간격*/
}
#guestbook h1 i {
	padding-right: 5px; /*'방명록을 남겨주세요!'와 옆 폴더와의 간격*/
}
#localog h1 {
	font-size: 20px;
	font-weight: 700;
	border-bottom: 1px solid #2c3e50;
	margin-bottom: 10px;
	padding-bottom: 10px; color: #333;
}
#localog h1 i {
	padding-right: 10px;
}
#guestWrite .col-md-12 {
	padding-left: 0;
	padding-right: 0;
}
#guestList {
	padding-top: 20px;
}
#guestList .fa-ul {
	margin-left: 0;
}
/*방명록 남긴 댓글 이름 부분*/
#guestList .fa-ul .alert-success .name {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}
/*방명록 남긴 댓글 날짜 부분*/
#guestList .fa-ul .alert-success .date {
  margin: 4px 0px 0px 0px;
  padding: 0px 0px 0px 0px
}
/*이하 방명록 남긴 댓글 수정·삭제/댓글쓰기 공통부분*/
#guestList .fa-ul .alert-success .control {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px
}
/*방명록 남긴 댓글 수정·삭제 부분*/
#guestList .fa-ul .alert-success .control .modify .label-default {
  margin: 0px 0px 0px 3px;
  padding: 0px 3px 0px 3px
}
/*방명록 남긴 댓글 댓글쓰기 부분*/
#guestList .fa-ul .alert-success .control .write .label-default {
  margin: 0px 0px 0px 0px;
  padding: 0px 3px 0px 3px
}
/*방명록 남긴 댓글 글자 부분*/
#guestList .fa-ul .alert-success p {
	font-size: 16px; 
	font-weight: 400;
	line-height: 31px;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px
}
#guestList .fa-li {
	position: relative;
	left: auto;
	width: auto;
	top: auto;
}
/*이하 방명록 남긴 댓글의 재댓글 부분*/
#guestReply {
botder: 1px solid #dce4ec; /*#dce4ec;*/
}
#guestReply .fa-ul {
	margin-left: 20px;
  botder: 1px solid #dce4ec; /*#dce4ec;*/
}
#guestReply .fa-li {
	position: relative;
	left: auto;
	width: auto;
	top: auto;
}
/* ** 방명록 설정 부분 End ** */

/* 본문 상단 페이징 관련 설정 *//*제목을 클릭하면 버튼이 사라지는 현상으로 현재 html에서 주석처리 함*/
.paggging {
	float: right; /*left; right;*/
	width: %;
	height: %;
	font-size: 0px; /*font-size를 크게 할수록 아이콘과 위 라인선과의 간격이 멀어짐*/
	border: px solid #A30401; /*#8EC1A6; #A30401;*/
	border-radius: px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
	opacity: 1; /*0.6; 80% 불투명도*/
	margin: -65px 0px 0px 0px; /*-65px 0px 0px 0px; '전체 글' 글자 아래 라인선 기준 상하 간격 조절*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px; '전체 글' 글자 아래 라인선 기준 상하 간격 조절*/;
	justify-content: start;
}
.paggging .bi-chevron-left {
  font-family: bootstrap-icons !important;
	font-family: 'Noto Sans KR', sans-serif; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: normal; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 22px;
	color: #999; /*#FF0000; #A30401; #ccc;*/
  line-height: 1;
	margin: 0px 20px 0px 0px; /*0px 20px 0px 0px;*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""; /*"\F438"; "\F4CA"; "\F22D"; 페이징 앞으로 넘기는 아이콘*/
} 
.paggging .bi-chevron-right {
  font-family: bootstrap-icons !important;
	font-family: 'Noto Sans KR', sans-serif; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: normal; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 22px;
	color: #999; /*#FF0000; #A30401; #ccc;*/
  line-height: 1;
 	margin: 0px 10px 0px 0px; /*0px 10px 0px 0px;*/
	padding: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""; /*"\F438"; "\F4CA"; "\F231"; 페이징 뒤로 넘기는 아이콘*/
}
/* 본문 상단 페이징 관련 설정 End */

/* ********** 본문 하단 페이징 관련 설정 ********** */
.selected { 
  font: 17px 'Noto Sans KR', sans-serif; /*Times New Roman; 'Noto Sans KR', sans-serif;*/
  font-weight: bold; /*bold;*/
  color: #ED1C24; /*페이지 강조 숫자 색상*/
  padding-left: px;
  padding-right: px;
}
.no-more-prev, 
.no-more-next { 
  font: px; 
  color: #333; /*강조 아닌 일반 페이지 숫자 색상*/
}
/* 본문 하단 페이징 백그라운드 상하좌우 간격 */
.paging	{
  overflow:; /*hidden;*/
  text-align: center;  
  font: 18px 'Noto Sans KR', sans-serif; /*'Noto Sans KR', sans-serif; PREV·NEXT 텍스트 크기*/ /*Times New Roman; 'Noto Sans KR', sans-serif;*/
  font-weight: 500; 
  line-height: 55px;
  margin: 0px 0px 0px 0px; /*페이징 기준 바깥쪽에서의 상하좌우 간격. -로 하면 바깥쪽으로 넓이 확장됨*/
  padding: 0px 0px 0px 0px; /*페이징 기준 안쪽에서의 상하좌우 간격*/
  padding-top: px; /*페이지 숫자 상단 라인선과의 간격*/
  padding-bottom: px; /*페이지 숫자와 하단간의 간격*/
  border-top: 1px solid #d4d4cd; /*#ccc; #d4d4cd; 본문 하단 페이지 넘기기 숫자 위 라인선*/	 
  border-bottom: px solid #d4d4cd; /*#ccc; #d4d4cd; 본문 하단 페이지 넘기기 숫자 밑 라인선*/
  background-color: #fff; /*페이징 바탕 색상*/
}
.paging .numbox {
  font: 18px 'Noto Sans KR', sans-serif; /*숫자와 수직 라인선 크기*/ /*Times New Roman; 'Noto Sans KR', sans-serif;*/
  font-weight: 500; 
  border-left: 1px solid #333; /*페이지 숫자 좌측 수직 라인선*/
  padding-left: 5px; /*페이지 숫자와 좌측 수직 라인선과의 간격*/
  margin-left: 5px; /*페이지 좌측 수직 라인선과 PREV와의 간격*/
}
.paging .num { 
  border-right: 1px solid #333; /*페이지 숫자 우측 수직 라인선*/
  padding-right: 5px; /*페이지 숫자와 우측 수직 라인선과의 간격*/
  margin-right: 5px; /*페이지 우측 수직 라인선과 NEXT와의 간격*/
}
/* --------------------------------- */

/* ***** footer ***** */
#footer	{  
	margin-top: px; 
	margin-bottom: px; 
	font: px Sans-serif, Dotum;
	color: # 
}
#footer .copyright { 
	padding-top: px; 
	padding-bottom: px;
	text-align: center; 
	font: px; 
	border-left: px solid #; 
	border-right: px solid #; 
	border-top: px solid #; 
	border-bottom: px solid #; 
	background:url(images/.png) no-repeat; 
}
#footer a:link { 
	color: #;     
	text-decoration: none; 
}
#footer a:visited { 
	color: #;
	text-decoration: none; 
}
#footer a:hover { 
	color: #;  
	text-decoration: none; 
}
#footer a:active { 
	color: #; 
	text-decoration: none; 
}
/* ----------------- 페이징 마무리 ----------------  */

.alert {
	border-width: 2px;
}
.alert a {
	color: #222;
}
.alert-success {
	background-color: #fff;
	border-color: #dce4ec;
	color: #222;
}

/* 티스토리 기본 위젯 */ /* 달력 위젯 */
#calendar a {
	text-decoration: none;
}
#calendar a.cal_click {
	background-color: #0f7864;
	display: inline;
	padding: .2em .6em .2em;
	font-size: 100%;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
caption.cal_month {
	text-align: center;
}
table>thead>tr>th, .table>thead>tr>th, table>tbody>tr>th, .table>tbody>tr>th, table>tfoot>tr>th, .table>tfoot>tr>th, table>thead>tr>td, .table>thead>tr>td, table>tbody>tr>td, .table>tbody>tr>td, table>tfoot>tr>td, .table>tfoot>tr>td {
	text-align: center;
}

/* Tistory Fix (Allows responsive theme) */
.tistorytoolbar {
  display: none !important;
}
.entry-content img {
  display: block;
  max-width: 100%;
  height: auto;
}
div.article iframe {
  max-width: 100% !important;
}
.imageblock { max-width:100%; } 
.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; }
.tt-span-1 { width: 6% !important; }
.tt-span-2 { width: 14% !important; }
.tt-span-3 { width: 22% !important; }
.tt-span-4 { width: 31% !important; }
.tt-span-5 { width: 39% !important; }
.tt-span-6 { width: 48% !important; }
.tt-span-7 { width: 53% !important; }
.tt-span-8 { width: 59% !important; }
.tt-span-9 { width: 72% !important; }
.tt-span-10 { width: 80% !important; }
.tt-span-11 { width: 88% !important; }
.tt-span-12 { width: 100% !important; }
@media screen and (max-width: 992px) {
  .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 { width:100% !important; }
}
#ttCanvas, .tt-span-12 {
  width: 100% !important;
}
div#ttCanvas div.tt-panel {
  padding-top: 0 !important;
}
#ttCanvas li {
  padding-bottom: 0px !important;
}
.fix-img-tt {
  padding: 10px !important;
  max-width: 95% !important;
  margin: auto !important;
}
#ttCanvas .col-sm-4 img {
  margin: auto;
  width:90%;
}
.tt-wrap-post-thumb{
  text-align:center;
}
.fix-bottom-margin {
	margin-bottom: 25px !important;
}
#ttCanvas h3.title {
	font-size: 20px;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

@media screen and (min-width: 1400px) {
#outer_btn_left {
  display: inline-block !important;
  visibility: visible !important;
  position: fixed;
  top: 60%;
  left: 0.5%;
}
#outer_btn_right {
  display: inline-block !important;
  visibility: visible !important;
  position: fixed;
  margin-right: 100px;
  top: 60%;
  right: 0.5%;
}
#outer_btn_left .no-more-prev {
  display: none !important;
}
#outer_btn_right .no-more-next {
  display: none !important;
}
#outer_btn_left a, #outer_btn_right a {
  color: #333;
}
#outer_btn_left a, #outer_btn_right a {
  width: 100px;
  border: 2px solid #f7f7f7;
  background: #f7f7f7;
  text-align: center;
	position: fixed;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 20px;
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
  padding: 15px;
}
#outer_btn_left a:hover, #outer_btn_right a:hover {
  background: #b3b3b3;
  border: 2px solid #b3b3b3;
}
}

#toTop {
  z-index: 1030;
	width: 30px;
	height: 30px;
	border: 0px solid #f7f7f7;
	background: #A30401; /*#A30401, #7F581E 스코롤 버튼 색상*/
	text-align: center;
	position: fixed;
	bottom: 10px;
	right: 15px;
	cursor: pointer;
	display: none;
	color: #fff;
	opacity: 0.6; /*0.6; 숫자가 내려갈수록 흐릿해짐*/
	filter: alpha(opacity=60);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 15px;
	-webkit-transition: all .25s linear; /*all .25s linear;*/
	-moz-transition: all .25s linear; /*all .25s linear;*/
	-o-transition: all .25s linear; /*all .25s linear;*/
	transition: all .25s linear; /*all .25s linear;*/
	padding: 2px 0px 4px 0px; /*#버튼 중간 흰색 체크표시 상하좌우 간격*/
	display: none;
}
/* #toTop:hover {
	background: #b3b3b3;
	border: 2px solid #b3b3b3;
}*/ 

/*.navbar {
  opacity: 0.9; 
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0px
	padding-bottom: 0px !important;
 }*/
div.navbar-default {
  opacity: 1.9;
  background: url('./images/t1058.gif'); /*('./images/t1058.gif')*/ /*데스크탑 상단 네비게이션바 이미지*/ /*1058__22.png; 1058_25·1058_26·1058_27·1058_30.gif*/
	width: px; height: 58px; /* 상단 사이드바에 광고 펼쳐지는 문제로 색상 대체시는 height: 50px; */
	/*background-size: contain;*/ /*'contain'은 이미지를 적합하게 배경에 맞춤, 'cover'는 이미지 늘려 배경 채움*/
	/*background-color: #;*/ /* #A30401 #005874 #003277 */
	color: #fff;
	border-bottom: 0px solid #ccc;
	margin-bottom: 0px;
	padding-bottom: 0px !important;
	/*box-shadow: 5px 5px 5px #999;*/ /*이미지 우하 그림자 1*/
  /*-webkit-box-shadow: 5px 5px 5px #999;*/ /*이미지 우하 그림자 1-2; 중간에 있는 px값을 설정하면 하단에만 라인선이 적용됨*/
  /*-moz-box-shadow: 10px 10px 10px #999;*/ /*이미지 우하 그림자 1=3*/
 }
div.navbar-inverse  {
  opacity: 1.9; 
	background: url('./images/G1_50_3.gif'); /*모바일 상단 네비게이션바 이미지*/
	width: px; 
	height: 50px;
	/*background-repeat: no-repeat; /*모바일 상단 네비게이션바에 사진을 넣을 경우에는 background-repeat: no-repeat;를 삽입함*/
	background-color: #; /* #A30401 #D60036 */
	color: #fff;
	border-bottom: 0px solid #ccc;
	margin-bottom: 0px;
	padding-bottom: 0px !important; 
 } 

/* ************ another_category '카테고리의 다른 글' 설정 관련 ********** */
.entry .another_category {
	display:; /*none 하면 '카테고리의 다른 글' 박스 안 모든 글이 보이지 않게 됨*/
}
/*'카테고리의 다른 글' 상자(Box) 안*/
div.another_category {
	margin-top: px; /*-5px; '카테고리의 다른 글' 자체 제목과 위 본문과의 간격*/
	margin-bottom: 0px !important; /*'카테고리의 다른 글' 박스 하단과 아래 '다른 글 더보기'와의 간격*/
	padding: 0px 0px 0px 0px; /*글 4개 기준 : 아래 사진 넣을시 0px 0px 85px 0px;*/
	border: 0 !important; /*#DDD;*/ /*0 !important하면 상자(Box) 상하좌우 선이 보이지 않게 됨*/
	background: #;
	/*background: url(images/.png) no-repeat 0 6px;*/ /*사진 pm752180.png*/
}
/*발행 글이 속하는 목록 제목*/
div.another_category h4 a {
	font-family: ; /*'Noto Sans KR', sans-serif;*/
	font-size: 17px !important;
	font-weight: 600;
	color: #333 !important; /*#313131*/
	line-height: normal;
	margin: 0 !important;
	display:; /*none 하면 목록 제목이 보이지 않게 됨*/
}
/*'카테고리의 다른 글' 자체제목의 글씨 크기·폰트·굵기·색상 등*/
div.another_category h4 {
	font-family: ; /*'Noto Sans KR', sans-serif;*/
	font-size: 17px !important;
	font-weight: 600;
	color: #333 !important; /*#313131*/
	line-height:; /*#normal*/
	background: #fff !important;
	margin-bottom: -5px !important; /*'카테고리의 다른 글' 영역부분과 아래 하위 글 영역부분 경계 사이의 간격 조절*/
	padding: 0px!important;
	border: none !important;
	display: none; /*none;'카테고리의 다른 글' 제목 숨기기; none 태그는 영역을 차지하지 않음*/
}
div.another_category h4:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-size: 1.1em;
  padding-right: 5px; /*'카테고리의 다른 글' 제목과 옆 아이콘과의 간격*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f045";  /*'카테고리의 다른 글' 제목 앞 아이콘*/
}
/* ************ ************* */
/* div.another_category table {
	background: #fff !important;
	border: 0 !important;
	margin: 0 !important
}
div.another_category table th {
	padding-bottom: 3px !important;
}
div.another_category table th a:hover {
	color: #000 !important;
}
div.another_category th {
	padding-bottom: 8px;
	border-bottom: 1px solid #;
}
div.another_category th span {
	color: # !important
}
div.another_category tr:first-child th {
	padding-top: 3px !important;
} */

/* 카테고리의 다른 글 하위 목록 폰트 스타일·크기·줄간격 */
div.another_category table th a {
	font-family: ; /*'Noto Sans KR', sans-serif;*/
	font-size: 17px;
	color: #0431B4 !important; /*#006DD7; #0431B4; #0040FF; #0B57D0;*/
	font-weight: 400;
	line-height: 28px; /*'카테고리의 다른 글' 하위 각 제목간의 상하 줄 간격*/
	margin-left: 0px;
	padding-left: 0px; /*'카테고리의 다른 글' 하위 각 제목의 왼쪽에서 뛰우기 간격*/
	background: url(images/.png) no-repeat 0 6px;
}
div.another_category table th a:before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 600; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: px;
	color: #FF0000;
  line-height: 1;
  padding-right: 5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\F4CA"; /*"\f470"; "\F69E"; "\F4B3"; "\F4CA"; 카테고리의 다른 글 하위 제목 앞 아이콘*/
}
/*div.another_category table th a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-right: 5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da"; /*"\f0da"; 카테고리의 다른 글 하위 제목 앞 아이콘
} */
div.another_category table th a.current:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-right: 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f064"; /*"\f064"; 카테고리의 다른 글 하위 제목 앞 강조 아이콘*/
	color: #;
}
.entry .another_category table th,
.entry .another_category table td {
	font-family: ;
	font-size: px !important; /*'카테고리의 다른 글' 하위 목록 날짜 크기*/
	color: #;
}

/* ********** 카테고리 다른 글 더 보기 아래에서 글 '더 보기' 열기 ********** */
.read_more a {
	font-family: ; /*Noto Sans KR, sans-serif;*/
	font-size: 14px !important; /*15px; '더 보기' 글자 크기*/	
	font-weight: 500;
	color: #FE2E64;
	display:; /*none; '더 보기' 글자 숨기기; none 태그는 영역을 차지하지 않음*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.read_more a::before {
  display: inline-block;
  font-family: FontAwesome;
  font-style:;
  font-weight: 300;
  line-height:; /*'더보기' 글자와 위아래 글자간 간격, 1.2.3. 숫자로 간격 표시*/
  padding-right: 8px; /*아이콘과 더 보기 글자간 간격*/
	padding-bottom: 10px; /*'더보기' 글자와 아래 글자간 간격*/
	content: "\f13a"; /*"\f13a"; 더 보기 열기 아이콘, "\f139"; 더 보기 당기 아이콘*/
	color: #FE2E64;
}
/* ********** 글 '더 보기' 열기 끝 ********** */

/* 카테고리의 다른 글 수정(댓글갯수 표시 감추기 등) */
.another_category th {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.another_category span {
	display: none;
}
/* 카테고리의 다른 글 작성 날짜 감추기 */
div.another_category table td {display:none;} /*none; 카테고리 다른 글 하위 각 제목 오른쪽 옆 날짜 감추기*/

/* 카테고리의 다른 글: 현재 글 이외 밑줄 없애기 */
.another_category a.current {
	text-decoration: underline;
}
.another_category a {
	text-decoration: none !important;
}
/* 카테고리의 다른 글: 전체 글 밑줄 없애기 */
div.another_category table th a.current {
	border-bottom: none !important;
	font-weight: normal !important;
}
/*
div.another_category th a.current { 
 border-bottom: 0 !important 
} */
/* ************ ************* */
/* 카테고리의 다른 글과 애드센스 광고 나란히(방법1) */
/*
div.category_add {
	clear: none;
	width: 300px !important;
}
div.category_add tr {
	line-height: 14px;
	height: 14px;
}
div.another_category {
	display: inline;
	float: right;
	clear: both;
	text-align: left;
	width: 300px!important;
	overflow: hidden !important;
	margin-top: 0px;
	border-right: 1px solid #c3c9e0;
}
div.another_category tr {
	line-height: 19px;
	height: 17px;
} */

/* 카테고리의 다른 글과 애드센스 광고 나란히(방법2) */
/*
.another_category {
	float: left;
	width: 300px;
	height: 280px;
}
.bottom_ad {
	float: right;
	margin: 0px 0
} */
/* ************ '카테고리의 다른 글' 설정 End ************ */

/* **** 카테고리의 다른 글(기사) 설정 **** */
/*테이블*/
.another_post {
 width: %; /*'100%*/ /*비율에 따라 테이블 형식은 그대로 보존되어 그 비율만큼 크기가 증감*/
 background: #;
 text-align: ; /*'left; right*/
 line-height: px;
 border: px solid #FF0000; /*FF0000*/
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.another_post .see_more {
  width: %; /*'100%*/
  background: #;
  text-align: ; /*'left; right*/
  line-height: px;
  border: px solid #00A2E8; /*#00A2E8*/
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
/*전체 프레임*/
.area_related {
	float: left; /*'left*/
  width: 100%; /*%*/
  height: %; /*%;*/
	border: px solid #111;
  border-radius: 10px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
	margin: 0px 0px 0px 0px;
	padding: 30px 10px 0px 10px;
	background: #fff;
	overflow: hidden; /*ellipsis; hidden;*/
}
/*인트로 제목*/
.tit_related {
	font-family: ; /*'Noto Sans KR', sans-seri;*/
  font-size: 22px; /*글자 크기*/
  font-weight: 600;
  color: #111;
	line-height: 28px;
 	text-align: left; /*left; right; center; justify; top; middle;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: none; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
}
/*인트로 제목 앞 아이콘*/
.tit_related:before {
  font-family: bootstrap-icons !important;
	font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: 400; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 16px;
	color: #FF0000; /*#FF0000*/
  line-height: 1;
 	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	content: "\F439"; /*"\F655"; "\F438"; "\F4CA"; "\F1BB"; "\F289"; "\F439"; 제목 앞 아이콘*/
	display: none; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
}
/*이미지·글 제목·설명 글·글 발행 날짜 총괄 프레임*/
.article_rep {
	float: left; /*'left*/
  width: 100%; /*100%*/
  height: px; /*100px;*/
	border: px solid #111;
  border-radius: px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	overflow: hidden; /*ellipsis; hidden;*/
}
/*이미지*/
.area_related .article_rep .thumb_related img {
	float: left; /*left; right;*/ /*left로 해야 글이 이미지 오른쪽 위로 정렬됨*/
  width: 110px; /*30%;*/ 
  height: 90px; /*80px;*/
	vertical-align: ; /*top; 글 위치 이미지 최상단. middle; 글 위치 이미지 중간, bottom; 글 위치 이미지 최하단*/
	display: inline; /*block; inline; inline-block;*/ /*none; 이미지가 보이지가 않게 됨*/
  object-fit: none; /*fill; contain; cover; none; scale-down;*/ /*none으로 하면 이미지가 전체화면이 아닌 잘라져 부분적으로 나오게 됨*/ 
	border: px solid #8EC1A6; /*#8EC1A6;*/
  border-radius: px px px px; /*15px 15px 15px 15px;*/
	box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
  overflow: hidden; /*ellipsis;*/
	margin: 10px 15px 0px 0px; /*이미지 상단과 제목·글 설명 상단간의 간격을 맟추려면 margin-top:10px 정도로 함*/
	padding: 0px 0px 0px 0px;
}
/*글 제목*/
.area_related .article_rep .txt_related {
	float: ; /*left; right; 글 제목을 이미지 오른쪽 위에 위치시키려면 아무련 설정을 하지 않아야 됨*/
	display: inline; /*block; inline; inline-block;*/
  width: %;
  height: %;
	border: px solid #8EC1A6; /*#8EC1A6;*/
	font-family: ; /*'Noto Sans KR', sans-seri;*/
  font-size: 19px; /*글자 크기*/
  font-weight: 500;
  color: #111;
	line-height: 28px;
 	text-align: left; /*left; right; center; justify; top; middle;*/
  margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
  text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
}
/*글 제목 앞 아이콘*/
.area_related .article_rep .txt_related:before {
  font-family: bootstrap-icons !important;
	font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: 400; /*normal; bold; bolder; lighter; initial; inherit;*/
	font-size: 12px;
	color: #; /*#FF0000*/
  line-height: 1;
  padding-right: 4px;
  content: "\F655"; /*"\F655"; "\F438"; "\F4CA"; "\F1BB"; "\F289"; "\F439"; 제목 앞 아이콘*/
}
/*글 설명*/
.area_related .article_rep .text_summary {
	float: ; /*left; right;*/
  width: %; /*100%; PC에서의 내용 면적 80% 적합*/
  height: %; /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
	vertical-align: ; /*top: 글 위치 이미지 최상단. middle: 글 위치 이미지 중간, bottom: 글 위치 이미지 최하단*/
	display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
	font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: 17px; /*설명 글자 크기*/
	font-style: normal; /*normal; italic; oblique; initial, inherit;*/
  color: #111; /*설명 글자 색상*/
  line-height: 26px; /*설명 글자 상하 간격*/
	text-align: left; /*left; right; center; justify; top; middle;*/
	min-height: px; /*min-width, min-height; max-width, max-height*/
	max-height: px;
	margin: 0px 0px 20px 0px; /*0px 0px 0px 0px;*/
	padding: 0px 0px 0px 0px; /*10px 5px 0px 10p;*/
	text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/*포스팅 날짜*/
.area_related .article_rep .date_related {
	float: left; /*left; right;*/
  position: relative; /*relative*/
  left: 50%; /*float:left와 position:relative와 left:50%(-50%)의 세가지 조건에서 중앙에 정렬됨*/
	width: %;
  height: %;
	display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
	text-align: center; /*left; right; center=margin:0 auto; justify; top; middle;*/
	font-family: 'Noto Sans KR', sans-serif; /*'Noto Sans KR', sans-serif;*/
  font-size: 14px; /*글 작성 날짜 크기*/
  line-height: px; /*글 작성 날짜 상하 간격*/
  opacity: ; /*.7; 글 작성 날짜 색상*/
	color: #111;
	border: px solid #;
	margin: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/
	padding: 0px 0px 0px 0px; /*0px 5px 0px 10px;*/
	display: none; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
}
/* 이하 글 더 보기 관련 설정 */
.list_related .frame_related {
	display: none; /*none;*/
	position: absolute; /*absolute;*/
  left: 0; /*0;*/
	top: 0; /*0;*/
	width: 100%; /*100%;*/
	height: 100%; /*100%;*/
	background: #000;
	opacity: .4; /*.4;*/
	filter: alpha(Opacity=40); /*alpha(Opacity=40)*/
}
.thumb_type .frame_related {
	display: block; /*block;*/
}
/* 글 더 보기 */
.area_related a. link_more {
	float: ; /*left; right;*/
	position: absolute; /*absolute;*/
	top: 0px; /*top: 10px; -18px;*/
	bottom: 60px;
	right: 0px; /*right: 20px;*/
	vertical-align: ; /*top; middle; bottom;*/
  text-align: ; /*left; center; right;*/
	font-size: px;
	font-weight: 600;
	color: #111; /*#a7a7a7;*/
	border-bottom: px solid #; /*#a7a7a7; 글 더 보기 밑줄*/
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.area_related .link_more::before {
  display: inline-block;
  font-family: FontAwesome;
	font-size: 14px;
  font-style:;
  font-weight: 300;
  line-height:; /*'더 보기' 글자와 위아래 글자간 줄 간격, 1.2.3. 숫자로 간격 표시*/
  padding-right: 8px; /*아이콘과 더 보기 글자간 간격*/
	margin-top: 0px; /*'더 보기' 글자와 위 글자간 간격*/
	padding-bottom: 10px; /*'더 보기' 글자와 아래 글자간 간격*/
	content: "\f13a"; /*"\f13a"; 더 보기 열기 아이콘, "\f139"; 더 보기 당기 아이콘*/
	color: #FE2E64;
}
/*vertical-align: top; → 텍스트 혹은 이미지를 맨 위로 정렬
vertical-align: middle; → 텍스트 혹은 이미지를 가운데로 정렬
vertical-align: bottom; → 텍스트 혹은 이미지를 맨 아래로 정렬
text-align: left; → 텍스트 혹은 이미지를 왼쪽으로 정렬
text-align: center; → 텍스트 혹은 이미지를 가운데로 정렬
text-align: right; → 텍스트 혹은 이미지를 오른쪽으로 정렬*/

/*@media only screen and (max-width: 991px) {
.area_related,
.tit_related,
.tit_related:before,
.article_rep,
.area_related .article_rep .thumb_related img,
.area_related .article_rep .txt_related,
.area_related .article_rep .txt_related:before,
.area_related .article_rep .text_summary,
.area_related .article_rep .date_related,
.list_related .frame_related,
.thumb_type .frame_related,
.area_related a .link_more,
.area_related .link_more::before {width:100% !important;}
}*/
@media only screen and (max-width: 991px) {
.area_related,
.tit_related,
.tit_related:before,
.article_rep,
.list_related .frame_related,
.thumb_type .frame_related {width:100% !important;}
}
/* ******** 카테고리의 다른 글(기사) 설정 end ******** */

/* **** 인덱스(index) 설정 : 인덱스 페이지일 때만 표시되는 영역임 **** */
/*테이블*/
.index_post {
  width: 100%; /*'100%*/ /*비율에 따라 테이블 형식은 그대로 보존되어 그 비율만큼 크기가 증감*/
  background: #;
  text-align: ; /*'left; right*/
  line-height: px;
  border: px solid #FF0000; /*FF0000*/
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.index_post .see_index {
  width: 100%; /*'100%*/
  background: #;
  text-align: ; /*'left; right*/
  line-height: px;
  border: px solid #00A2E8; /*#00A2E8*/
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
/*이미지·글 제목·설명 글·글 발행 날짜 총괄 프레임*/
.list_content {
  float: left; /*left; right;*/
  width: 100%; /*100%; 100px;*/
  height: %;  /*100px; 100px;*/ /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
  border: px solid #8EC1A6; /*#8EC1A6;*/
  border-radius: px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
  margin: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/
  padding: 0px 0px 0px 0px; /*0px 0px 0px 0p;*/
  display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
  background: #fff;
  overflow: hidden; /*ellipsis; hidden;*/
}
/*이미지*/
.list_content .index_article img {
  float: left; /*left; right;*/ /*left로 설정해야 됨*/
  width: 18%; /*100%; 100px;*/
  height: %;  /*100px; 100px;*/ /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
  vertical-align: ; /*top: 글 위치 이미지 최상단. middle: 글 위치 이미지 중간, bottom: 글 위치 이미지 최하단*/
  object-fit: ; /*fill; contain; cover; none; scale-down;*/ /*none으로 하면 이미지가 전체화면이 아닌 중앙이 잘라져 부분적으로 나오게 됨*/
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  border: px solid #8EC1A6; /*#8EC1A6;*/
  border-radius: px;
  box-shadow: ; /*0 1px 10px rgba(0,0,0,.4)*/
  margin: 10px 10px 0px 0px; /*0px 0px 0px 0px;*//*이미지 상단과 제목·글 설명 상단간의 간격을 맟추려면 margin-top:10px 정도로 함*/ /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 0px 0px 0px; /*0px 0px 0px 0p;*/
  display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
  overflow: hidden; /*ellipsis; hidden;*/
}
/*vertical-align: top; → 텍스트 혹은 이미지를 맨 위로 정렬
vertical-align: middle; → 텍스트 혹은 이미지를 가운데로 정렬
vertical-align: bottom; → 텍스트 혹은 이미지를 맨 아래로 정렬
text-align: left; → 텍스트 혹은 이미지를 왼쪽으로 정렬
text-align: center; → 텍스트 혹은 이미지를 가운데로 정렬
text-align: right; → 텍스트 혹은 이미지를 오른쪽으로 정렬*/

/* object-fit: fill; contain; cover; none; scale-down;
fill : 기본값임. 주어진 너비와 높이에 딱 맞도록 사이즈 조절. 이미지 가로세로 비율 유지되지 않음
contain : 가로세로 비율 유지한 채로 사이즈 조절되나, 이미지와 컨테이너 간의 비율 맞지 않는 경우엔 자리가 남음
cover : 가로세로 비율 유지한 채로 사이즈 조절되며, 비율 맞지 않더라도 이미지 확대해 컨테이너 완전히 채움
none : 아무것도 하지 않고 본래 이미지 사이즈 유지함. 이미지 가운데가 보여지게 됨
scale-down : none 또는 contain 중에 더 적절한 방향으로 이미지 사이즈를 조절함 */

/*글 제목*/
.list_content .tit_post {
  float: ; /*left; right;*/ /*float에 아무런 설정을 하지 않아야 됨*/
  width: %; /*100%; 100px;*/ /*간격을 100%가 아닌 이미지 가로 간격을 제외한 부분의 간격으로 조절되어야 함*/
  height: %;  /*100px; 100px;*/ /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: 20px;
  font-weight: 600; /*px;*/
  font-style: normal; /*normal; italic; oblique; initial, inherit;*/
  color: #; /*#FF0000;*/
  line-height: 28px;
  min-height: px; /*min-width, min-height; max-width, max-height*/
  max-height: px;
  text-align: left; /*left; right; center; justify; top; middle;*/
  text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  border: px solid #8EC1A6; /*#8EC1A6;*/
  margin: 0px 0px 10px 0px; /*0px 0px 0px 0px;*/ /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 0px 0px 0px; /*0px 0px 0px 0p;*/
  display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; 
}
/*글 제목 앞 아이콘*/
.list_content .tit_post:before {
  font-family: bootstrap-icons !important;
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: 400; /*normal; bold; bolder; lighter; initial; inherit;*/
  font-size: 14px;
  color: #; /*#FF0000*/
  line-height: 1;
  margin: 0px 0px 0px 0px; /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 5px 0px 0px;
  content: "\F655"; /*"\F655"; "\F438"; "\F4CA"; "\F1BB"; "\F289"; "\F439"; 제목 앞 아이콘*/
}
/*글 설명*/
.list_content .txt_post {
  float: ; /*left; right;*/ /*float에 아무런 설정을 하지 않아야 됨*/
  width: %; /*100%; 100px;*/ /*간격을 100%가 아닌 이미지 가로 간격을 제외한 부분의 간격으로 조절되어야 함*/
  height: %;  /*100px; 100px;*/ /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: 17px;
  font-weight: 400; /*px;*/
  font-style: normal; /*normal; italic; oblique; initial, inherit;*/
  color: #; /*#FF0000;*/
  line-height: 26px;
  min-height: px; /*min-width, min-height; max-width, max-height*/
  max-height: px;
  text-align: ; /*left; right; center; justify; top; middle;*/
  text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  border: px solid #8EC1A6; /*#8EC1A6;*/
  margin: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/ /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 0px 0px 0px; /*0px 0px 0px 0p;*/
  display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; 
}
/*카테고리명·포스팅 날짜 총괄 프레임*/
.list_content .detail_info {
  float: left;; /*left; right;*/
  width: 100%; /*100%; 100px;*/
  height: %;  /*100px; 100px;*/ /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
  border: px solid #8EC1A6; /*#8EC1A6;*/
  margin: 0px 0px 30px 0px; /*0px 0px 0px 0px;*/ /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 0px 0px 0px; /*0px 0px 0px 0p;*//
  display: ; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
}
/*카테고리명*/
.list_content .detail_info .link_cate {
  float: ; /*left; right;*/
  width: 100%; /*100%; 100px;*/
  height: %;  /*100px; 100px;*/ /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: 14px;
  font-weight: 400; /*px;*/
  font-style: normal; /*normal; italic; oblique; initial, inherit;*/
  color: #111; /*#FF0000;*/
  line-height: 26px;
  text-align: ; /*left; right; center; justify; top; middle;*/
  text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  border: px solid #8EC1A6; /*#8EC1A6;*/
  margin: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/ /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 0px 0px 0px; /*0px 0px 0px 0p;*/
  display: none; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
}
/*카테고리명 앞 아이콘*/
.list_content .detail_info .link_cate:before {
  font-family: bootstrap-icons !important;
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-style: normal;
  font-weight: 400; /*normal; bold; bolder; lighter; initial; inherit;*/
  font-size: 10px;
  color: #; /*#FF0000*/
  line-height: 1;
  margin: 0px 0px 0px 0px; /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 0px 0px 0px;
  content: "\F439"; /*"\F655"; "\F438"; "\F4CA"; "\F1BB"; "\F289"; "\F439"; 제목 앞 아이콘*/
}
/*포스팅 날짜*/
.list_content .txt_bar {
  float: ; /*left; right;*/
  position: ; /*relative*/
  left: %; /*float: left와 position: relative와 left: 50%(-50%)의 세가지 조건에서 중앙에 정렬됨*/
  width: 100%; /*100%; 100px;*/
  height: %;  /*100px; 100px;*/ /*아무런 설정을 하지 않아야 됨. 100%로 하게 되면 프레임 전체를 글로 다 채우게 됨*/
  font-family: ; /*'Noto Sans KR', sans-serif;*/
  font-size: 14px;
  font-weight: 400; /*px;*/
  font-style: normal; /*normal; italic; oblique; initial, inherit;*/
  color: #; /*#FF0000;*/
  opacity: ; /*.7; 글 작성 날짜 색상*/
  line-height: 26px;
  text-align: ; /*left; right; center; justify; top; middle;*/
  text-overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  overflow: hidden; /*ellipsis; hidden; hidden으로 하지 않으면 줄 설정 상관없이 프레임 전체를 글로 다 채우게 됨*/
  border: px solid #8EC1A6; /*#8EC1A6;*/
  margin: 0px 0px 0px 0px; /*0px 0px 0px 0px;*/ /*margin: 0 auto 상하좌우 여백을 지정하지 않음; margin: 50px 상하좌우 여백을 50px로 함; margin: 100px auto 상하 100px 만큼 여백 주고, 좌우는 auto로 자동으로 값 설정*/
  padding: 0px 0px 0px 0px; /*0px 0px 0px 0p;*/
  opacity: ; /*.7; 글 작성 날짜 색상*/
  display: none; /*block; inline; inline-block;*/ /*none; 텍스트가 보이지가 않게 됨*/
}
/* **** 인덱스(index) 설정 End **** */

/* Adsense Fix */
.adsbygoogle {
  background: #FFF;
}
.trackback {
	background-color: #fafafa;
	border-radius: 10px;
	margin-top: 5px;
	padding: 10px;
}
.trackback p {
	margin: 0;
}
.trackback li {
	padding-top: 10px;
	border-top: 1px solid #eee;
}
.actionTrail {
  text-align: left;
}

/* Comment nickname multi-line bug Fix */
.media .pull-left ul>li>a {
	display: block;
}
/* Writer Img Fix */
#blogDesc img {
	max-width: 100%;
}
/* Responsive */
#coverDiv {
	display: none;
}
.navbar-collapse {
	border: none;
}
.navbar-form {
	margin: 8px 0 0;
}
#search_fix {
	border: none;
}
@media (max-width:767px) {
.carousel {
		top: 80px;
}
.navbar-inverse {
	background: rgba(0,0,0,1);
}
#sidebar {
	overflow: hidden;
	padding-right: 0px;
}
#content {
	padding-top: 0px;
}
nav.navbar-inverse.shrink {
	background: rgba(0,0,0,1);
}
nav.navbar-inverse.shrink .navbar-nav>li>a,nav.navbar-inverse .navbar-nav>li>a {
	padding: 10px 20px
}
/* nav.shrink .navbar-toggle {	margin: 0px 15px 0px 0;} */
.jumbotron {
	padding-left: 20px;
	padding-right: 20px;
}
.navbar-inverse .navbar-toggle {
	border-color: #ccc;
}
ul.pagination li a,span.interword {
	padding:5px 10px;
}
.article iframe {
	max-width: 100%
}}

}

/* 티스토리 자체 글 하단 공감·SNS 글 보내기·신고 버튼 숨기기 */
.container_postbtn {
	display: none; 
}
/* 티스토리 자체 글 하단 공감버튼 숨기기 */
div[id*=reaction\-] {
	display:none;
}
/* 티스토리 자체 글 하단 신고 버튼 숨기기 */
.wrap_btn.wrap_btn_etc {
	display: none;
}
/* 티스토리 자체 글 하단 공감·SNS 글 보내기·신고·구독하기 버튼 중 구독하기 버튼 숨기기 */
/*.container_postbtn .btn_menu_toolbar {
	display: none;
}*/

/* 본문 글 더보기 접은글(moreless) toggle btn 스타일 */
div[data-ke-type='moreLess'] 
.btn-toggle-moreless {
	font-family: ;
	font-style:; /*normal; italic; oblique; oblique 40deg*/
	font-size: 16px;
  font-weight: 600;	
	color: #FE2E64; /*3c3c3c; 3c3e40, 4C4C4C*/
	letter-spacing: px; /*글자 간격, 2px; 0.1em로 표시*/
}
div[data-ke-type="moreLess"] 
.btn-toggle-moreless::before {
  display: inline-block;
  font-family: FontAwesome;
  font-style:;
  font-weight: 400;
  line-height:; /*더보기 표시와 위아래 글자간 간격, 1.2.3. 숫자로 간격 표시*/
  padding-right: 8px; /*아이콘과 더보기 글자간 간격*/
	padding-bottom: 10px; /*더보기와 아래 글자간 간격*/
	content: "\f13a"; /*"\f13a"; "\f078"; "\f0fe"; 더보기 열기 아이콘*/
	color: #FE2E64;
}
div[data-ke-type="moreLess"].open 
.btn-toggle-moreless::before {
  display: inline-block;
  font-family: FontAwesome;
  font-style:;
  font-weight: 400;
  line-height:; /*더보기 표시와 위아래 글자간 간격, 1.2.3. 숫자로 간격 표시*/
  padding-right: 8px; /*아이콘과 더보기 글자간 간격*/
	padding-bottom: 10px; /*더보기와 아래 글자간 간격*/
  content: "\f139"; /*"\f139"; "\f077"; "\f410"; 더보기 닫기 아이콘*/
	color: #FE2E64;
}

/* 본문 글 링크 텍스트 앞 아이콘 표시 */
/* .article a[href ^="http://"] {
background: url(./images/urllink1_14.png) center left no-repeat;
    margin-left: 0px;
    padding-left: 18px;
}
.article a[href ^="https://"] {
 background: url(./images/urllink1_14.png) center left no-repeat;
    margin-left: 0px;
    padding-left: 18px;
} */

/* 티스토리 스킨편집 html·본문 글 삽입용 IcoMoon 아이콘 넣기 */
@font-face {
  font-family: 'icomoon';
  src: url(https://tistory1.daumcdn.net/tistory/260653/skin/images/icomoon.eot);
  src: url(https://tistory1.daumcdn.net/tistory/260653/skin/images/icomoon.eot) format('embedded-opentype'),
    url(https://tistory1.daumcdn.net/tistory/260653/skin/images/icomoon.ttf) format('truetype'),
    url(https://tistory2.daumcdn.net/tistory/260653/skin/images/icomoon.woff),
    url(https://tistory3.daumcdn.net/tistory/260653/skin/images/icomoon.svg
);
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}.icon-home:before {
  content: "\e900";
}.icon-home2:before {
  content: "\e901";
}.icon-home3:before {
  content: "\e902";
}.icon-newspaper:before {
  content: "\e904";
}.icon-pencil:before {
  content: "\e905";
}.icon-clubs:before {
  content: "\e918";
}.icon-book:before {
  content: "\e91f";
}.icon-library:before {
  content: "\e921";
}.icon-file-text:before {
  content: "\e922";
}.icon-profile:before {
  content: "\e923";
}.icon-file-text2:before {
  content: "\e926";
}.icon-stack:before {
  content: "\e92e";
}.icon-folder:before {
  content: "\e92f";
}.icon-folder-open:before {
  content: "\e930";
}.icon-location:before {
  content: "\e947";
}.icon-undo2:before {
  content: "\e967";
}.icon-redo2:before {
  content: "\e968";
}.icon-forward:before {
  content: "\e969";
}.icon-reply:before {
  content: "\e96a";
}.icon-user:before {
  content: "\e971";
}.icon-users:before {
  content: "\e972";
}.icon-user-plus:before {
  content: "\e973";
}.icon-user-minus:before {
  content: "\e974";
}.icon-user-tie:before {
  content: "\e976";
}.icon-search:before {
  content: "\e986";
}.icon-zoom-in:before {
  content: "\e987";
}.icon-zoom-out:before {
  content: "\e988";
}.icon-enlarge:before {
  content: "\e989";
}.icon-lock:before {
  content: "\e98f";
}.icon-unlocked:before {
  content: "\e990";
}.icon-cog:before {
  content: "\e994";
}.icon-cogs:before {
  content: "\e995";
}.icon-menu:before {
  content: "\e9bd";
}.icon-download2:before {
  content: "\e9c5";
}.icon-sphere:before {
  content: "\e9c9";
}.icon-link:before {
  content: "\e9cb";
}.icon-attachment:before {
  content: "\e9cd";
}.icon-man:before {
  content: "\e9dc";
}.icon-woman:before {
  content: "\e9dd";
}.icon-man-woman:before {
  content: "\e9de";
}.icon-point-up:before {
  content: "\ea03";
}.icon-point-right:before {
  content: "\ea04";
}.icon-point-down:before {
  content: "\ea05";
}.icon-point-left:before {
  content: "\ea06";
}.icon-plus:before {
  content: "\ea0a";
}.icon-minus:before {
  content: "\ea0b";
}.icon-cancel-circle:before {
  content: "\ea0d";
}.icon-blocked:before {
  content: "\ea0e";
}.icon-cross:before {
  content: "\ea0f";
}.icon-checkmark:before {
  content: "\ea10";
}.icon-checkmark2:before {
  content: "\ea11";
}.icon-play3:before {
  content: "\ea1c";
}.icon-pause2:before {
  content: "\ea1d";
}.icon-stop2:before {
  content: "\ea1e";
}.icon-arrow-up:before {
  content: "\ea32";
}.icon-arrow-right:before {
  content: "\ea34";
}.icon-arrow-down-right:before {
  content: "\ea35";
}.icon-arrow-down:before {
  content: "\ea36";
}.icon-arrow-left:before {
  content: "\ea38";
}.icon-circle-up:before {
  content: "\ea41";
}.icon-circle-right:before {
  content: "\ea42";
}.icon-circle-down:before {
  content: "\ea43";
}.icon-circle-left:before {
  content: "\ea44";
}.icon-shift:before {
  content: "\ea4f";
}.icon-checkbox-checked:before {
  content: "\ea52";
}.icon-checkbox-unchecked:before {
  content: "\ea53";
}.icon-radio-unchecked:before {
  content: "\ea56";
}.icon-mail3:before {
  content: "\ea85";
}.icon-renren:before {
  content: "\ea99";
}.icon-youtube:before {
  content: "\ea9d";
}.icon-youtube2:before {
  content: "\ea9e";
}.icon-lanyrd:before {
  content: "\eaa2";
}.icon-tumblr2:before {
  content: "\eaba";
}.icon-pinterest:before {
  content: "\ead1";
}.icon-IE:before {
  content: "\eadb";
}.icon-libreoffice:before {
  content: "\eae3";
}.icon-svg:before {
  content: "\eae9";
}

/* ********** media query mobile(모바일) 가로 넓이 코드 수정 ********** */
/*@media only screen and (max-width: 767px) { {width:100% !important;}}
@media only screen and (max-width: 991px) { {width:100% !important;}}
@media only screen and (max-width:767px) and (max-width:991px) { {width:100% !important;}}
@media only screen and (min-width: 768px) and (max-width: 959px) { {width:100% !important;}}
@media (min-width:768px) and (max-width:991px) { {width:100% !important;}}
@media (min-width:992px) and (max-width:1199px) { {width:100% !important;}}
@media (min-width: 1200px) { {width:100% !important;}}*/
/* ********** media query mobile(모바일) 가로 넓이 코드 수정 end ********** */