.top2015 { width:100%; height:42px; background-color:#272727;  }
.top2015_wrap { width:1050px; margin:0 auto;  color:#fff;  font-size:12px; padding:10px 0 0 0;    }
.top2015_left { float:left;   }
.top2015_right { float:right; font-size:11px; color:#fff; padding-top:5px; }
.top2015_right ul li { float:left;  }
.top2015_right ul li a { color:#fff;  }
.top2015_right ul li a:hover { color:#ff0000;  }


.subcopy { width:28%; float:left;  }
.subcopy2 { width:33%; float:left;  }
.subcopy3 { width:33%; float:left;  }
.booklist { line-height:5px; font-size:12px; }
.tbl_member {width:90%;margin-bottom:0px;_margin-bottom:0px;  font-size:12px; letter-spacing:0px; font-family: '굴림', sans-serif; }
.tbl_member th { padding:1px 0 0px 0px;background:#272727; text-align:left; color:#fff; border-bottom:1px solid #666; height:17px;  vertical-align:middle;}
.tbl_member td { border-bottom:1px solid #666;  vertical-align: middle; text-align:left; padding:3px 0 3px 0; color:#ccc; line-height:22px; }


article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block;}
audio,canvas,video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}




.row {
  margin-left: -30px;
  margin-bottom: 30px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}





/*-----------------------------------------------------------------------------------*/
/*	기본가이드
/*-----------------------------------------------------------------------------------*/

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

@font-face
{
font-family: "Source Sans Pro", 'nanumgothic';
src: url('font/BebasNeue.otf')
} 

* { 
	margin: 0;
	padding: 0px;
	font-family: "Source Sans Pro", 'nanumgothic';
} 
body { 
	background: #fff;
	margin: 0;
	height: 100%; 
	z-index: 1000;
	color: #555;
}
img	{ 
	border: 0; 
	padding: 0 0 0 0; 
}
a { 
	outline: none;
	
}
a:hover, a:visited, a:link, a:active { 
	text-decoration: none; 
	color: #666; 
}
a:hover {
	color: #e9451b;
}
ul, li { 
	padding: 0 0 0 0; 
	margin: 0; 
	list-style-type: none; 
}
hr {
	border: 0;
	border-bottom: 1px dashed #ddd;
}

strong {
	font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans Pro", 'nanumgothic' !improtant;
	font-weight: 600;
}




/*-----------------------------------------------------------------------------------*/
/*	4. Footer
/*-----------------------------------------------------------------------------------*/


.sub-footer {
float:left;
	width:100%;
	font-size: 12px;
	background-color:#272727; 
}
.sub-footer .row {
	margin-bottom: 0px;
}
.sub-footer p {
	color: #fff;
	font-size:12px;
	line-height:10px;
	letter-spacing: 0px;
}
.sub-footer li {
	padding: 12px 0px 12px 0px;
	border-bottom: 1px solid #747B84;
}
.sub-footer li:first-child {
	padding-top: 0;
}
.sub-footer li:last-child {
	border-bottom: 0;
}
.sub-footer h3 {
	color: #fff;
	font-weight: bold;
	letter-spacing: 0px;
}

.sub-footer span { }


.footer .container .container_view {
	margin-top: 0px;
	padding-top: 0px;
}

.footer .row {
	margin-top: 22px;
	margin-bottom: 22px;
}
.footer p {
	color: #455053;
	font-size: 11px;
	margin-bottom: 0px;
}



/*-----------------------------------------------------------------------------------*/
/*	5. Header/Navigation
/*-----------------------------------------------------------------------------------*/


.navigation_wrap {  width:1000px; height:90px; margin:0 auto;   }
.header { width: 100%;  position:fixed; top:0;  z-index:20000; background-color: #fff; border-bottom:1px solid #ebebeb; }

.header {margin-top: 0; padding-top: 0;}
.header-logo { height: 47px; padding-top:20px;  top:37px; float:left; transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */ z-index: 1; }
.header-logo img { }

.navigation { float:right; margin-top: 30px; display: block; transition: all 0.2s; -webkit-transition: all 0.2s; }
.navigation li { float:left; height:20px; font-size: 15px; text-align: left; margin-left: -3px;}
.navigation li a {
	color: #333;
	padding: 2px;
	text-align: center;
    font-family: "Source Sans Pro", 'nanumgothic' !improtant;
	font-weight: 500;
	transition: all 0.3s;
	-webkit-transition: all 0.3s; /* Safari */
}

.navigation li:first-child a {
	background-image: none;
}
.navigation li a:hover {
	opacity: 1;
	background-image: none;
	background-color: transparent;
	color: #e8382f;
}
.navigation .dropdown:hover a {
	opacity: 1;
	background-image: none;
	background-color: transparent;
	color: #fff;
}





/*-----------------------------------------------------------------------------------*/
/*	이미지오버시 까망색
/*-----------------------------------------------------------------------------------*/

/* Post Type: Image/Gallery */
.entry-image {
	width: 100%;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	display:table;
	margin-bottom:5px;
	position: relative;
	overflow: hidden;
	border:1px solid #ebebeb;
}
.classic .entry-image {
	margin-bottom: 22px;
}
.widget-slider .entry-image {
	margin-bottom: 0px;
}
.fancybox-inner .entry-image {
	margin-bottom: 0px;
}
.widget-slider {
	margin-bottom: 22px;
}
.entry-image img {
	width: 100%;
	position: relative;
	transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; 
	-o-transition: all 0.2s ease-in;

}
.entry-image-overlay {
	width: 100%; height: 100%;
	display: block;
	position: absolute; top: 0px;
	opacity: 0;
	z-index: 1;
	background: rgba(0,0,0,0.4);
	background-size: 200px 200px;
	background-position: center; 
	background-repeat: repeat;
	transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; 
	-o-transition: all 0.2s ease-in;
}
.entry-image:hover .entry-image-overlay {
	opacity: 1;
	background-size:40px 40px, 100% 100%;
}
.entry-image:hover img {
	transform: scale(1,1);

}

.flexslider .entry-image:hover img {
	transform: none;

}


.heading { font-size:12px; padding-bottom:6px; line-height:16px; }
.heading a { color:#000;  }
.heading a:hover { color:#e8382f;    }




/*-----------------------------------------------------------------------------------*/
/*	탭메뉴부분
/*-----------------------------------------------------------------------------------*/


/* Category Filter */

.category-filter {
	position: absolute;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	z-index: 1000;
	width:850px;
	border-top:2px solid #e8382f;
    border-bottom:1px solid #ebebeb;
	padding:5px 0 5px 250px;
	margin-left:20px;

}
.category-filter { display: block; }
.category-filter li {
	list-style-type: none;
    float: left;
	background-color:#fff;
    width:145px;
    text-align:center;


}

ul.children{
  display: none;
}
.category-filter li a {
	display: block;
	color: #40434c;
	font-size: 12px !important;
	padding: 4px 12px;
	transition: all 0.4s;
	-moz-transition: all 0.4s; /* Firefox 4 */
	-webkit-transition: all 0.4s; /* Safari and Chrome */
	-o-transition: all 0.4s; /* Opera */
	font-weight: 300;
}
.category-filter li a:hover, .category-filter li a.selected {
    color:#e9451b;
}

.portwrap {  }
.port_title { width:500px; text-align:center; margin: 0 0px 10px 320px; font-size:22px; color:#000; float:left; position:relative; z-index:2; }
.port_tabmenu { width:1120px; float:left;  text-align:right; font-size:12px; position:absolute; z-index:3; margin:0px 0 0 0; line-height:18px; }
.port_tabmenu ul li {    }



/* DO NOT EDIT
===========
===================
========================
============================= */
.isotope-post { padding-bottom:35px;  }

.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;
}

/**** Isotope filtering ****/

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

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

 /* 맞춤결제하기 */
.pay_wrap { width:1000px; height:100%; margin:0 auto; padding-top:180px;  }
.pay_title { width:600px; margin:0 auto; text-align:center; font-size:22px; color:#000; border-bottom:2px solid #c82623; padding-bottom:20px;  }

.tbl_pay {  width:600px; margin:0 auto;  padding:0;  }
.tbl_pay th { text-align:left; font-size:13px; color:#333; height:35px; vertical-align: middle; background:#ececec; border-bottom:1px solid #ccc; padding:0 0 0 10px;}
.tbl_pay td { padding:10px 10px; font-size:13px; vertical-align: middle; text-align:left; border-bottom:1px solid #ccc;  }
.tbl_pay td strong {color:#ff9f7f;font-weight:normal;}
.tbl_input { height:30px; border:1px solid #5e5e5e; padding-left:8px;   }
.tbl_pay textarea { width:205px; border:1px solid #5e5e5e; }

.tbl_payview {  width:600px; margin:0 auto;  padding:0;  }
.tbl_payview th { text-align:left; font-size:13px; color:#333; height:35px; vertical-align: middle; background:#ececec; border-bottom:1px solid #ccc; padding:0 0 0 10px;}
.tbl_payview td { padding:10px 10px; font-size:13px; vertical-align: middle; text-align:left; border-bottom:1px solid #ccc;  }
.tbl_payview td strong {color:#ff9f7f;font-weight:normal;}
.tbl_paybtn { text-align:center; padding:15px 0 100px 0;  }


 /* Portrait tablet to landscape and desktop 웹 */
@media (min-width: 100px) and (max-width: 10000px) { 


.main_topbanner { width:100%;height:433px; background-color:#f8f8f8;}
.main_topbanner ul { width:1200px;height:433px;  margin:0 auto; }
.main_topicon { width:1020px; height:180px; margin:0 auto; padding-top:30px;}
.main_topicon h2 { font-size:20px; color:#000; text-align:center; margin:40px 0 27px 0;    }
.main_topicon ul li { width:330px; height:221px; float:left; text-align:center; margin-right:5px; }
.main_topicon img { padding:14px 0 21px 0;   }
.main_topicon h3 { padding-bottom:13px; font-size:14px; font-weight:bold; color:#000;   }
.main_topicon p { font-size:12px; line-height:15px;   }
.main_news {  background-color:#5c5c5c; height:40px; margin-top:80px;  }
.main_news ul { width:1000px; margin:0 auto; color:#fff; font-size:12px;  }
.main_newsle { float:left; padding:12px 0 0 0; }
.main_newsri { float:right; padding:0 0 0 0;  }

.main_grapwrap { width:1280px; height:770px; margin:0 auto; background: url('/2015_image/main_gpbg.jpg') no-repeat; }
.main_webwrap { width:1280px; height:846px; margin:0 auto; background: url('/2015_image/main_webbg.jpg') no-repeat; }
.main_webzinewrap { width:1280px; height:512px; margin:0 auto;  background: url('/2015_image/main_webzinebg.jpg') no-repeat; }
.main_mapwrap { width:1280px; height:680px; margin:0 auto;  background: url('/2015_image/main_mapbg.jpg') no-repeat; }
.main_maptit { float:right; margin-top:200px; padding-right:30px;  }
.main_maptit h2 { font-size:16px; color:#fff; font-weight:bold; padding-bottom:10px;  }
.main_maptit p {  font-size:12px; color:#fff; line-height:15px; padding-bottom:10px;  }
.main_mapbtn { margin-top:5px;  }
.main_mapbtn ul li {  margin-top:3px;  }
.main_mapimg { display:none;  }


.main_grapleft { float:left; width:250px; margin-left:140px;  }
.main_grapleft h2 { color:#fff; font-size:20px; line-height:17px; margin-top:55px; }
.main_grapleft span { font-size:11px;  }
.main_grapleft p { margin-top:20px;  }
.main_grapleft ul { margin-top:100px;    }
.main_grapleft ul li { font-size:11px; line-height:20px; color:#fff; }

.main_grapright { float:right; width:714px; height:700px; margin-right:140px; padding-top:55px; }
.main_grapright ul { float:left;  }
.main_grapright ul li {  height:100%; padding:5px;   }


.main_webleft { float:left; width:250px;  margin-left:140px;  }
.main_webleft h2 { color:#000; font-size:20px; line-height:17px; margin-top:55px; }
.main_webleft span { font-size:11px;  }
.main_webleft p { margin-top:20px;  }
.main_webleft ul { margin-top:27px;    }
.main_webleft ul li { font-size:11px; line-height:20px; color:#000; }

.main_webright { float:right; width:714px;margin-right:140px; padding-top:55px; }
.main_webright h2 {font-size:15px; font-weight:bold; color:#000;   }
.main_webright ul { float:left; margin:18px 0 20px 0;  }
.main_webright ul li { float:left; width:217px; height:100%; padding:0 15px 0 0; text-align:center; font-size:13px; font-weight:bold; color:#000;  }
.main_webright ul li img { margin-bottom:5px;  }
.main_webright ul li span { font-size:11px; color:#666; }


.main_webzineleft { float:left; width:250px; margin-left:140px;  }
.main_webzineleft h2 { color:#fff; font-size:20px; line-height:17px; margin-top:55px; }
.main_webzineleft span { font-size:11px;  }
.main_webzineleft p { margin-top:20px;  }
.main_webzineleft ul { margin-top:27px;    }
.main_webzineleft ul li { font-size:11px; line-height:20px; color:#fff; }

.main_webzineright { float:right; width:714px;  margin-right:140px; padding-top:55px; }
.main_webzineright h2 {font-size:15px; font-weight:bold; color:#fff;   }
.main_webzineright ul { float:left; margin:18px 0 20px 0;  }
.main_webzineright ul li { float:left; width:217px; height:100%; padding:0 15px 0 0; text-align:center; font-size:13px; font-weight:bold; color:#fff;  }
.main_webzineright ul li img { margin-bottom:5px;  }
.main_webzineright ul li span { font-size:11px; color:#ebebeb; }





.subcopy_wrap { width:1000px; }
.subcopy3 { padding-left:50px;  }
.subcopy2 { height:230px;  }
.subcopy2 p { padding:10px;   }
.row {
  margin-left: -22px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="span"] {
	float: left;
  min-height: 1px;
  margin-left: 22px;
  
}

	.copyright-text {
		text-align: center;
		width:100%;
	}
	.copyright-text p {
		margin: 20px 0 22px 0;
	}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  margin-left: auto;
  margin-right: auto;
  padding-top: 22px;
  width: 1200px;
}

.container_view { width:1000px; margin:0 auto; padding-top: 130px;  }
.container_viewtit { border-top: 1px solid #ccc; padding:10px 0 50px 0;  }
.container_viewtit p { color: #252525; font-family:'나눔고딕',NanumGothic; font-size:12px;   }
.container_viewtit span { color:#777;  font-size:11px;   }



.span3 { width: 200px; }


}

 /* Portrait tablet to landscape and desktop */

 
/* Landscape phone to portrait tablet 모바일 */
@media (max-width: 100px) {


}