/****************************************************************************************************
	RESET start
****************************************************************************************************/
html, body, 
div, header, hgroup, footer, article, section, nav, 
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, dl, dt, dd, 
table, caption, thead, tbody, tfoot, col, colgroup, tr, th, td, 
form, fieldset, legend, label, input, textarea, select, option, button, 
span, a, strong, b, em, i, u, s, big, small, font, sup, sub, code, kbd, address, 
img, audio, video, iframe, object, embed, 
hr, br { 
	-webkit-text-size-adjust: none; 
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin: 0; 
	padding: 0; 
	border: 0; 
	border-radius: 0; 
	font-family: inherit; 
	line-height: inherit; 
} 
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
/* TYPOGRAPHY */
body {
	font-family: 'Apple SD Gothic Neo', '나눔고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', sans-serif;
}
blockquote {
	font-family: '나눔명조', 'NanumMyeongjo', 'Georgia', serif;
}
pre,xmp,code,kbd {
	font-family: '나눔고딕코딩', 'NanumGothicCoding', 'Monaco', 'Lucida Console', monospace;
}
/* GENERAL CLASSES */
.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}
/* IE and Opera use "move", FF uses -moz-grab */
.swipe-cursor {
	cursor: url(../images/grab.png) 8 8, move;
}
.swipping-cursor {
	cursor: url(../images/grabbing.png) 8 8, move;
}

/****************************************************************************************************
	RESET end
****************************************************************************************************/



/****************************************************************************************************
	GNB start
****************************************************************************************************/
/* GNB FRAME */
body,
#site-main-container,
#taogi-frame {
	overflow: hidden;
}
body {
	background-color: #DFDFDF;
	height: 100%;
}
.taogi-frame {
	position: relative;
	width: 100%;
	height: 100%;
}
.taogi-gnb-switch {
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	position: absolute;
	z-index: 999;
	*zoom: 1;
	top: 16px;
	left: 16px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
}
.taogi-gnb-switch:after {
	display: block;
	content: '';
	clear: both;
}
.taogi-gnb-switch a {
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	overflow: hidden;
	position: relative;
	z-index: 1;
	float: left;
	display: block;
	width: 40px;
	height: 100%;
	text-indent: -10000px;
}
.taogi-gnb-switch a:after {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	display: block;
	width: inherit;
	height: inherit;
	text-indent: 0;
	line-height: inherit;
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
	font-family: 'FontAwesome';
	font-size: 18px;
	content: '\f0c9'; /* c:pictogram, d:symbol */
}
.taogi-gnb-switch span {
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	margin-left: 0.5em;
	white-space: nowrap;
}
#taogi-timeline-title {
}
#taogi-timeline-title-minion {
	top: 10px;
	left: 10px;
	display: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
#taogi-timeline-title-minion a {
	width: inherit;
}
#taogi-timeline-title-minion a:after {
	font-size: 30px;
}
#taogi-timeline-title-minion span {
	display: none;
}
#taogi-gnb {
	position: absolute;
	z-index:999;
	top: 0;
	left: -261px;
	width: 260px;
	height: 100%;
	overflow: hidden;
	background-color: black;
	border-right: 1px solid #2D2D2D;
	box-shadow: inset 0 0 5px black;
}
#taogi-gnb * {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #B3B3B1;
	font-size: 14px;
	line-height: inherit;
	word-wrap: break-word;
	word-break: break-all;
}
#taogi-gnb span {
	color: inherit;
}
#taogi-gnb a {
	color: #B3B3B1;
	text-decoration: none;
}
#taogi-gnb a:hover {
	color: #F0F0F0;
}
#taogi-gnb-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: inherit;
	height: inherit;
	border-left: 2px inset gray;
}
#taogi-gnb-body,
#taogi-gnb-footer {
	margin-top: 1em;
}

#taogi-gnb-header {
	*zoom: 1;
	line-height: 1.4;
}
#taogi-gnb-header:after {
	display: block;
	content: '';
	clear: both;
}
#taogi-gnb-header h1.title {
	margin: 20px 20px 0 20px;
	font-size: 15px;
}
#taogi-gnb-header .description {
	margin: 10px 20px 0 20px;
}
#taogi-gnb-header h2 {
	display: none;
}
#taogi-gnb-header ul.social {
	float: right;
	*zoom: 1;
	margin: 20px 20px 0 20px;
}
#taogi-gnb-header ul.social:after {
	display: block;
	content: '';
	clear: both;
}
#taogi-gnb-header ul.social li {
	float: left;
	*zoom: 1;
	margin-left: 0.25em;
}
#taogi-gnb-header ul.social li.kakaotalk,
#taogi-gnb-header ul.social li.embed {
	display: none;
}
#taogi-gnb-header ul.social li a {
	display: block;
	overflow: hidden;
	width: 24px;
	height: 24px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #999999;
}
#taogi-gnb-header ul.social li a:hover {
	color: #FFFFFF;
}
#taogi-gnb-header ul.social li a:before {
	display: inline;
	font-family: 'Jinbonet Icons';
	font-size: inherit;
	line-height: inherit;
	content: 'j';
}
#taogi-gnb-header ul.social li.twitter a:before {
	content: 'j';
}
#taogi-gnb-header ul.social li.facebook a:before {
	content: 'f';
}
#taogi-gnb-header ul.social li.googleplus a:before {
	content: 'g';
}
#taogi-gnb-header ul.social li.kakaotalk a:before {
	content: 'h';
}
#taogi-gnb-header ul.social li.embed a:before {
	content: 'i';
}
#taogi-gnb-header ul.social li a span {
	display: none;
}
#taogi-gnb-body {
}
#taogi-gnb-body h2 {
	display: none;
}
#taogi-gnb-body ul {
	margin: 20px;
}
#taogi-gnb-body ul li {
}
#taogi-gnb-body ul li a {
	height: 20px;
	line-height: 20px;
}
#taogi-gnb-body ul li a span.ui:before {
	display: inline;
	margin-right: 0.5em;
	font-family: 'FontAwesome';
}
#taogi-gnb-body ul li.checked a {
	color: #F0F0F0;
}
#taogi-gnb-body ul li.checkbox a span.ui:before {
	content: '\F096';
}
#taogi-gnb-body ul li.radio a span.ui:before {
	content: '\F10C';
}
#taogi-gnb-body ul li.checkbox.checked a span.ui:before {
	content: '\F046';
}
#taogi-gnb-body ul li.radio.checked a span.ui:before {
	content: '\F192';
}
#taogi-gnb-footer {
}

/* INTERFACE */
.taogi-frame.menu-active .taogi-gnb-switch span {
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
}
/****************************************************************************************************
	GNB end 
****************************************************************************************************/