@import url('form.css');

/* =Micro clearfix hack : http://nicolasgallagher.com/micro-clearfix-hack/
-------------------------------------------------------------- */
.clearfix { zoom: 1; }
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }


/* =Common - Elements
-------------------------------------------------------------- */
strong {
    font-weight: 800;
}


/* =Common - Classes
-------------------------------------------------------------- */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

/* Hide visually but not from screen readers */
.screen-reader-text {
	width: 1px;
	height: 1px;
    overflow: hidden;
	position: absolute;
	left: -1000em;	
}
.blind {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -1000em;
    left: 0;
}
/* Hide for both screenreaders and browsers */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}


/* =Block
-------------------------------------------------------------- */



/* =Body
-------------------------------------------------------------- */
html, body { min-height: 100%; }

html { font-size: 62.5%; }

body, input, textarea, .item-meta, .entry-meta, .meta, .comment-meta {  }

.item-title, .entry-title { }

body { -webkit-text-size-adjust: none; font-size: 12px; min-width: 320px; }

a, button, select, input[type=checkbox], input[type=radio], label[for] { cursor: pointer; }

a, button, input {-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}



textarea { font-size: 12px; }

li { *zoom: 1; }

body, input, textarea {  }

input[type=text], input[type=search] { -moz-appearance: none; -webkit-appearance: none; }

a, a:link, a:visited { text-decoration: none; background: transparent; outline: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -webkit-touch-callout: none; }



.item-summary, .entry-summary {-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}


.item-thumb, .entry-thumb {font-size: 0; line-height: 0; margin: 0;}
.item-thumb a, .entry-thumb a {width: 100%; height: auto; display: inline-block;}
.item-highlight-block:hover .item-thumb a, .item-highlight-block:hover .entry-thumb a, .item-thumb a:active, .entry-thumb a:active {opacity:0.5;}

.item-meta, .entry-meta, .meta, .comment-meta { text-align: left;}
.item-meta span, .entry-meta span, .meta span { display:inline-block; }



#front-page-cover .cover-item-type-container, #front-page-cover .container, div.bct-cover-widget, .cover-item-type-widget, div.widget-body ul li, #sidebar, #container #main #content {-webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in;}

div.bct-cover-widget, div.bct-cover-widget .widget-body, div.item-wrap, div.widget-body ul li {box-sizing:border-box;}


/*
* 기본 썸네일
*/
span.thumb-highlight { cursor: pointer; }



/* layout */
#wrap { position: relative; top: 0; }

/* common header */
/*=======================*\
	header begin
\*=======================*/
body {}
#header { z-index:100; box-sizing:border-box; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}

#header-main {position: relative; overflow: visible;}
#header-main-wrap {display: inline-block; width: 100%;}
#header-logo { display: inline-block;}
#header-logo a {vertical-align: middle;}
#header-logo img {width:auto; height:auto; max-width:100%;}
#header-logo a span { display: none; }
#header #site-description { display: none; }

#btn-gnb-toggle {display: none; cursor: pointer; }

#header-search form input.input-text, #header-search form button.submit { vertical-align: middle; }



/*=======================*\
	gnb begin
\*=======================*/
#access { z-index: 10000; }
#access-wrap {position: relative;}
#menu ul, #menu li { list-style: none; }

#menu li.menu-item { position: relative; display: inline-block; line-height: 1; z-index: 1; }
#menu li.menu-item:hover, #menu li.menu-item:active { z-index: 2; }

#menu li.menu-item.menu-item-home a.menu-link { display: inline-block; text-indent: -119988px; overflow: hidden;}






@media screen and (max-width: 959px) {
	html #wpadminbar {position: absolute;}
	

}



/*=======================*\
	container
\*=======================*/
#container { display: inline-block; float: left;}

.home #container #main {box-sizing: border-box;}


/* common footer */
/*=======================*\
	footer
\*=======================*/
#footer { clear: both; }
#footer #footer-header { box-sizing:border-box;}
#footer #footer-header ul#fnb { position: relative; display: block;}
#footer #footer-header ul#fnb li {float: left;}
#footer #footer-header ul#fnb li.home a { padding-left: 0; }
#footer #footer-header ul#fnb li:last-child a { border-right: 0; }
#footer #footer-main {position: relative; }
#footer #footer-main #footer-logo span { display: inline-block; width: 160px; height: 32px; background: transparent url("../images/footer_logo.png") 0 0 no-repeat; }


/*=======================*\
	footer end
\*=======================*/
#goto-top { position: fixed; right: 0; bottom: 100px; color: #ffffff; }






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

}

@media screen and (max-width: 959px) { 
	#btn-gnb-toggle a span { display: none; }  
	#goto-top { display: none; color: #000000 } 
	
}

@media screen and (max-width: 768px) { 
	/* Meks shortcode */
	.mks_col .mks_one_half, .mks_col .mks_one_third, .mks_col .mks_one_quarter, .mks_col .mks_two_thirds{width: 100%!important; margin-left: 0!important; margin-bottom: 1em;}
	.mks_pullquote{width: 100% !important;}
	.mks_tab_nav_item{padding: 0 10px !important;}s_tab_nav_item{padding: 0 10px;}
}

@media screen and (max-width: 600px) { 
	
}