/*
Theme Name: Galleria Metropolia
Theme URI: http://cmsmasters.net/galleria-metropolia/
Author: cmsmasters
Author URI: http://cmsmasters.net/
Description: Galleria Metropolia WordPress Theme is amazing. Unlimited design solutions can be created due to a great flexibility of settings and shortcode options. 99+ Custom Shortcodes are added through a Visual content composer with drag'n'drop function. You can set a completely custom layout that stretches to any width, set your content in many columnns and assign animation many parts of your content. Galleria Metropolia theme has a Portfolio that can be set to any sort of a grid or a Masonry puzzle with variable paddings for elemens, while Blog can have several different layouts too. Custom Profiles and Projects post types offer an optimal way to present your content, while valid code, SEO-optimized structure and microformats guarantee this content is easily crawled and indexed by search engines. Galleria Metropolia comes with a Custom Mega Menu plugin, a really functional Form Builder and premium Revolution and Layer Slider plugins included for free. Multilanguage, RTL-ready, plugin-compatible and professionally-supported theme.
Version: 1.0.2
License:
License URI:
Text Domain: galleria-metropolia
Domain Path: /theme-vars/languages
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css");

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
}
html {
  height: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  /* overflow-x: hidden; */
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
object,
video,
audio,
embed,
canvas,
iframe,
main,
summary {
  display: block;
}
video,
audio,
progress,
canvas {
  vertical-align: baseline;
}
video {
  background-color: #000000;
}
template,
[hidden],
audio:not([controls]) {
  display: none;
}
audio:not([controls]) {
  height: 0;
}
iframe {
  margin-bottom: 20px;
  max-width: 100%;
}
abbr,
address,
progress {
  display: inline-block;
  text-decoration: none;
}
abbr:not([class]),
acronym {
  text-decoration: underline;
}
address {
  font-style: normal;
  margin: 0 0 20px;
}
code {
  letter-spacing: 1px;
  display: inline-block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
ul,
ol {
  list-style-position: inside;
  margin-bottom: 20px;
}
ul li,
ol li {
  padding: 10px 0 0;
}
ul li:first-child,
ol li:first-child {
  padding-top: 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0 0 0 20px;
  padding: 10px 0 0;
}
#middle ul:after,
#bottom ul:after,
#middle ol:after,
#bottom ol:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
ol {
  list-style-type: decimal-leading-zero;
}
dl {
  display: block;
  overflow: hidden;
}
dt {
  display: block;
  font-weight: bold;
  overflow: hidden;
}
dd {
  display: block;
  overflow: hidden;
  margin: 0 0 20px;
}
blockquote {
  padding-left: 30px;
  padding-right: 0;
  position: relative;
  quotes: none;
}
blockquote:before,
blockquote:after {
  content: none;
}
del {
  text-decoration: line-through;
}
table {
  width: 100%;
}
img {
  display: inline-block;
  color: transparent;
  height: auto;
  font-size: 0;
  vertical-align: middle;
  max-width: 100%;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimizeQuality;
  -ms-interpolation-mode: bicubic;
}
img.wp-smiley,
img.emoji {
  font-size: 1em;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
img {
  border: 0;
}
figure {
  background-image: none !important;
}
fieldset {
  margin: 25px 2px 30px;
  padding: 1.5em 1em .5em;
  border-width: 0;
  border-style: solid;
}
fieldset legend {
  padding: 3px 10px;
  margin-top: -25px;
}
input {
  line-height: normal;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
textarea {
  resize: vertical;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
optgroup {
  font-weight: bold;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
}
input[type=submit],
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type=text]::-ms-clear {
  display: none;
}
p:empty {
  display: none;
}
:focus {
  outline: 0;
}
pre {
  margin-bottom: 20px;
  overflow: auto;
}
svg:not(:root) {
  overflow: hidden;
}
code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}
sub,
sup,
small {
  font-size: 75%;
}
sub,
sup {
  line-height: 0;
  position: relative;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
b,
strong {
  font-weight: bold;
}
th,
td,
caption {
  font-weight: normal;
}
dfn {
  font-style: italic;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
mark {
  color: #000000;
}
.sticky,
.bypostauthor,
.screen-reader-text {
  outline: none;
}





/* 1. General */

* {
	word-break: keep-all !important;
}

.displaynone {
	display: none !important;
}

.keepword {
	word-break: keep-all !important;
}

.justify {
	text-align: justify !important;
}

ol li, ul li {
	padding: 0 0 0 1.5rem !important;
	margin-top: 0.5rem;
}

/* cart display none */ 

.cmsmasters_dynamic_cart {
	display: none !important;
}

/*1. navigation bar*/

@media only screen and (max-width: 1024px) {
	#header .navigation li li>a {
		padding-left: 30px !important;
	}
}

.social_wrap li {
	padding: 0 !important;
}

.navigation>li>a {
	font-size: 14px !important;	
}

.cmsmasters_header_cart_link_wrap {
	display: none !important;
}

@media only screen and (max-width: 1024px) {
	#header .header_mid {
		border-bottom-width: 0px !important;
	}
}


@media only screen and (max-width: 768px) {
	#header .header_mid .logo_wrap {
		float: left !important;
		margin: 0 auto 0px !important;
	}
	
	#header .header_mid .header_mid_inner {
		padding: 0 0 0 20px !important;
	}
	
	#page #header .header_mid .header_mid_inner_cont {
		width: 30% !important;
		float: right !important;
		border-top-width: 0px !important;
		border-bottom-width: 0px !important;
	}
	
	#page:not(.enable_header_bottom) #header .header_mid .header_mid_inner_cont > div {
		border-right-width: 0px !important;
	}
	
	
	#header .header_mid .logo_wrap .logo img {
		margin-bottom: 8px !important;
		margin-top: 8px !important;
	}
}



/* header */

@media only screen and (max-width: 1024px) {
	#header {
		position: fixed !important;
	}
	
	#middle, #bottom, #footer {
		top: 130px !important;
	}
}

@media only screen and (max-width: 768px) {
	#middle, #bottom, #footer {
		top: 94px !important;
	}
}

#page .cmsmasters_social_icon {
	color: rgba(255,255,255,.4) !important;
}

#page a.cmsmasters_social_icon.cmsmasters_social_icon_2.cmsmasters-icon-mail-alt {
	color: rgba(255,255,255,.4) !important;
}

#page a.cmsmasters_social_icon.cmsmasters_social_icon_3.cmsmasters-icon-chat {
	color: rgba(255,255,255,.4) !important;
}

.header_top {
	background-color: #001a3d !important;
}


/* footer */

@media only screen and (max-width: 767px) {
	img.image.wp-image-17256.attachment-full.size-full {
		max-width: 50% !important;
	}
}




/* 2. Home */

/* main image */

@media only screen and (max-width: 479px) {
	#main_subtitle {
		position: relative !important;
		top: 30% !important;
		
	}
	
	#main_title {
		position: relative !important;
		top: 50% !important;
		
	}
}

/*view more button round */


#page .cmsmasters_rounded_button {
	padding: 38px 4px !important;
}


/* home _ news */

#home_news div > div.cmsmasters_slider_post_cont_info.first.entry-meta > span > a {
	color: white !important;
}

#home_news > div > header > h4 > a {
	color: white !important;
}

#home_news .cmsmasters_slider_post_header .cmsmasters_slider_post_title a {
	color: white !important;
	font-size: 20px !important;
	word-break: keep-all;
}

#home_news .owl-controls .owl-buttons .cmsmasters_prev_arrow span {
	color: white !important;
}

#home_news .owl-controls .owl-buttons .cmsmasters_next_arrow span {
	color: white !important;
}



#home_news .cmsmasters_slider_post .cmsmasters_slider_post_cont_info {
	color: white !important;
}

#home_news .cmsmasters_slider_post .cmsmasters_slider_post_cont_info {
	color: white !important;
}

#home_news span.cmsmasters_slider_post_date {
	opacity: 0.2 !important;
}

#home_news .cmsmasters_slider_post .cmsmasters_slider_post_content p {
	color: white !important;
	opacity: 0.5 !important;
}

#home_news a.cmsmasters_slider_post_read_more {
	color: white !important;
	opacity: 0.8 !important;
}

#home_news .cmsmasters_slider_post .cmsmasters_slider_post_img_wrap:not(:only-child) {
	display: none !important;
}






/* home_practice areas */


@media only screen and (max-width: 479px) {
	.cmsmasters_project_grid .project_inner {
		padding: 0px 5px 30px !important;
	}
	
	.practive_phone .cmsmasters_project_category a {
		font-size: 12px !important;
	}
} 




@media only screen and (max-width: 768px) {
	.portfolio.isotope.cmsmasters_5 .project, .portfolio.isotope.cmsmasters_4 .project, .portfolio.isotope.cmsmasters_3 .project, .portfolio.isotope.cmsmasters_2 .project {
		width: 49% !important;
		max-width: 49% !important;
		min-width: 30% !important;
		float: none;
		
	}
}


@media only screen and (max-width: 768px) {
	.layout24 {
		width: 46.56% !important;
		float: left !important;
		clear: none !important;
	}
	
}


/* home contact form */

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border: 2px solid red !important;
	color : red !important;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-spam-blocked {
	border: 2px solid red !important;
	color : red !important;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
	color: #398f14 !important;
}


/* 3. 창천소개 */


/* 클라이언트와 파트너 page */

.cmsmasters_clients_grid .cmsmasters_clients_item.shortcode_animated img {
	transform: none !important;
	-webkit-transform: none !important;
	transition: unset !important;
	opacity: 1 !important;
}

.cmsmasters_clients_grid .cmsmasters_clients_item img {
	transform: none !important;
	-webkit-transform: none !important;
	transition: unset !important;
	opacity: 1 !important;
}


.cmsmasters_clients_grid .cmsmasters_clients_item {
	margin-bottom: 0px !important;
}

@media only screen and (max-width: 400px) {
	#cmsmasters_clients_ne4y9s4n5m .cmsmasters_clients_item {
		height: 100px !important
	}
}

.about_partner .cmsmasters_clients_item img {
	padding: 0px !important;
	
}


.about_client .cmsmasters_clients_item img {
	padding: 0px !important;
}

.about_partner .cmsmasters_clients_grid.clients_four .cmsmasters_clients_item {
	width: 25% !important;
}


@media only screen and (max-width: 768px) {
	.about_partner .cmsmasters_clients_grid.clients_four .cmsmasters_clients_item {
		width: 50% !important;
		float: left !important;
		clear: none !important;
	}
}


.about_client .cmsmasters_clients_grid.clients_five .cmsmasters_clients_item {
	width: 16% !important;
}



@media only screen and (max-width: 768px) {
	.about_client .cmsmasters_clients_grid.clients_five .cmsmasters_clients_item {
		width: 33% !important;
		float: left !important;
		clear: none !important;
	}
}




.cmsmasters_clients_grid.clients_two .cmsmasters_clients_item:nth-child(2n+1), .cmsmasters_clients_grid.clients_three .cmsmasters_clients_item:nth-child(3n+1), .cmsmasters_clients_grid.clients_four .cmsmasters_clients_item:nth-child(4n+1), .cmsmasters_clients_grid.clients_five .cmsmasters_clients_item:nth-child(5n+1) {
	clear: none !important;
}








/* 4. 업무분야  */

.practive_phone .project_inner {
	text-align: center;
}
 
.cmsmasters_project_grid .project_inner {
	border-left-width: 0px !important;
}


.project_inner h3 a {
	word-break: keep-all !important;
}


@media only screen and (max-width: 767px) {
	.project_inner h3 a {
		font-size: 16px !important;
		line-height: 22px !important;
	}
	
	.portfolio.large_gap .project {
		padding-left: 10px !important;
		padding-right: 10px !important;
		padding-bottom: 0px !important;
	}
}


/* 상세 - mobile pc 따로 */

@media only screen and (min-width: 767px) {
	.practicedetail_mobile {
		display: none;
	}
	
	.practicedetail_pc {
		display: block;
	}

}

@media only screen and (max-width: 767px) {
	.practicedetail_pc {
		display: none;
	}
	
	.practicedetail_mobile {
		display: block;
	}
}






/* 5. Lawyers 구성원 * /


/* Lawyers 구성원 상세 페이지 */

@media only screen and (max-width: 767px) {
	.post_nav>span.cmsmasters_prev_post a {
		padding-left: 43px !important;
		padding-right: 43px !important;
	}
	
	.post_nav>span.cmsmasters_next_post a {
		padding-left: 43px !important;
		padding-right: 43px !important;
	}
}

.cmsmasters_toggle_title a {
	font-weight: 500 !important;
}


.profile_details_item_desc {
	word-break: keep-all !important;
	padding: 0px !important;
}

.share_posts {
	display: none !important;
}



/* 6. 미디어센터  */

.widget_custom_posts_tabs_entries .cmsmasters_tabs .cmsmasters_tabs_list_item {
	display: none !important;
}  /* 20181027 */

.blog.columns .post .preloader {
	margin: -21.875% 0 !important;
}

.blog.timeline .post .preloader {
	margin: -21.875% 0 !important;
}


.cmsmasters_slider_post .cmsmasters_slider_post_cont_info.second>span:last-of-type {
	opacity: 0.3 !important;
}

aside.cmsmasters_single_slider {
	display: none !important;
}  /* more posts 안 보이게 하기 */

aside.post_nav {
	display: none !important;
} /* 전후 posts 안 보이게 하기 */




/* 6-1. 창천 소식 & 언론보도 */

.cmsmasters_post_timeline .cmsmasters_post_content p {
	opacity: 0.5 !important;
}

a.cmsmasters_post_read_more {
	opacity: 0.8 !important;
}

.newspage .cmsmasters_post_content.entry-content {
	display: none !important;
}

aside#comments {
	display: none !important;
}

.comment-respond {
	display: none !important;
}




/* 6-2. 업무사례 */

.cmsmasters_post_masonry .cmsmasters_post_content p {
	opacity: 0.7 !important;
}

span.cmsmasters_post_date {
	opacity: 0.3 !important;
}

.casepage .cmsmasters_post_content.entry-content {
	display: none !important;
}


/* 7. 기타 */

.cmsmasters_archive_item_user_name {
	display : none !important;
} /* 찾기 화면에서 정보 안 뜨게 하기 */


.cmsmasters_archive_item_content.entry-content {
	display: none !important;
}  /* 찾기 화면에서 정보 안 뜨게 하기 */






/* font */


*, body, h1, h2, h3, h4, h5, h6, p, a, p, div, span, ul, li {
	font-family: '나눔바른고딕', 'Nanum Barun Gothic', arial, 나눔고딕, "Nanum Gothic", 맑은 고딕 !important;
}