/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

#container {
  margin: auto;
  border:0px;
  padding:0px;
}

.element {
	width:235px;
	height:235px;
	padding:0px;
	border:0px;
	margin: 0px;
	overflow: hidden;
	position: relative;
	left:0px;
	top:0px;
}

.element.size1{width:235px; height:235px;}
.element.size2{width:470px; height:235px;}
.element.size3{width:235px; height:470px;}
.element.size4{width:470px; height:470px;}

.element.size1 img{width:235px; height:235px;}
.element.size2 img{width:470px; height:235px;}
.element.size3 img{width:235px; height:470px;}
.element.size4 img{width:470px; height:470px;}


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


/* Navigation */
.navigation{width:100%; min-width:1280px; height:120px; background:url("../images/main_navi_bg1.jpg") center top repeat-x; margin-bottom:8px;}
.navi{width:100%; max-width:1280px; height:60px; margin:auto;}
.sub_navi{width:100%; height:60px; margin:auto; text-align:center; }
.logos{width:400px; height:60px; float:left; margin:auto; position:absolute; left:0px; top:0px;}
.menu{ width:100%; line-height:60px; text-align:center; height:60px; float:left; margin:auto;}
.menu a:link{font-size:16px; color:#fff; text-decoration:none; padding:0px 10px;font-family: 'Alegreya Sans SC', sans-serif;}
.menu a:active{font-size:16px; color:#fff; text-decoration:none; padding:0px 10px;font-family: 'Alegreya Sans SC', sans-serif;}
.menu a:visited{font-size:16px; color:#fff; text-decoration:none; padding:0px 10px;font-family: 'Alegreya Sans SC', sans-serif;}
.menu a:hover{font-size:16px; color:#e0f3f9; text-decoration:none; padding:0px 10px;font-family: 'Alegreya Sans SC', sans-serif;}
.sub_menu{width:100%; line-height:60px; text-align:center; height:60px; margin:auto; clear:both;}
.sub_menu a:link{font-size:12px; color:#666; text-decoration:none; padding:0px 20px;font-family: 'Dotum'; letter-spacing:-1px;}
.sub_menu a:active{font-size:12px; color:#666; text-decoration:none; padding:0px 20px;font-family: 'Dotum'; letter-spacing:-1px;}
.sub_menu a:visited{font-size:12px; color:#666; text-decoration:none; padding:0px 20px;font-family: 'Dotum'; letter-spacing:-1px;}
.sub_menu a:hover{font-size:12px; color:#333; text-decoration:none; padding:0px 20px;font-family: 'Dotum'; letter-spacing:-1px;}

.left_quick01{width:150px; height:35px; float:left; clear:both; text-align:center; line-height:35px; letter-spacing:-1px; font-weight:bold; color:#fff; background:url('../images/left_menu_bg.jpg') left top repeat-x;}
.left_quick01:hover{width:150px; height:35px; float:left; clear:both; text-align:center; line-height:35px; letter-spacing:-1px; font-weight:bold; color:#c4df9b; background:url('../images/left_menu_bg.jpg') left top repeat-x; cursor:pointer;}
.left_quick02{width:150px; height:35px; float:left; clear:both; text-align:center; line-height:35px; letter-spacing:-1px; font-weight:bold; color:#333; cursor:pointer; font-size:11px; font-family:'Verdana'; border-bottom:1px dotted #333;}

.left_quick01 a:link{font-size:12px; color:#fff; text-decoration:none; font-weight:bold;}
.left_quick01 a:active{font-size:12px; color:#fff; text-decoration:none; font-weight:bold;}
.left_quick01 a:visited{font-size:12px; color:#fff; text-decoration:none; font-weight:bold;}
.left_quick01 a:hover{font-size:12px; color:#fa0; text-decoration:none; font-weight:bold;}

.nanum01 {font-size:12px; font-family: "Nanum Gothic", sans-serif;}

/* Copyright Bottom */
.copyright_wrap{width:100%; height:130px; float:left; background-color:#f9f9f9;}
.bottom_menu{width:100%; height:auto; float:left; background-color:#f0f0f0;}
.bottom_menu ul{width:1680px; list-style:none; margin:0px; border:0px; padding:0px;}
.bottom_menu li{display:inline; margin:0px; border:0px; padding:0px;}
.bottom_menu img{float:left; margin:0px; border:0px; padding:0px;}

.sub_content{width:1260px; height:auto; margin:auto; padding:0px; border:0px;}
.sub_content_title{font-family: 'Montserrat Alternates', sans-serif; font-size:6em; width:100%; text-align:center; color: #404041; letter-spacing:-1px; margin-top:30px; height:80px;}
.sub_content_title_kr{font-family: 'dotum', font-size:6em; width:100%; text-align:center; color: #666666; font-weight:bold; margin-bottom:50px;}