@charset "UTF-8";

html,
body {
  width: 100%;
  height: 100%;
  background: none #fff;
}
@media only screen and (max-width: 768px) {
  html,
  body {
    background-color: #f0f0f0;
  }
}
#header {
  position: relative;
  z-index: 10;
  
}
/*
@media (min-width: 768px){
	.navbar-toggle {display:block;}
	.navbar-header {float:none;}
	.navbar-collapse.collapse {
	    display: block!important;
	    height: auto!important;
	    padding-bottom: 0;
	    overflow: visible!important;
	}
}
@media (min-width: 1000px){
	.navbar-toggle {display:none;}
	.navbar-header {float:left;}
}
*/
/*  common START */
.b_800{
	font-weight:800;
}
.gray_bar{
	width:100%;
	height:2px;
	background-color:#e5e5e5;
	margin:20px 0 37px 0;
}
.navy{
	color: #1d75a1;
}
.bullet{
	margin-right:10px;
	margin-top: -5px;
}
.bullet_LOGO{
	margin:7px;
}
.descrip_img{
	width:100%;
	text-align:center;
}
li{
	list-style:none;
}

/*  common END */
@media (max-width: 999px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
	display:none;
    float: none!important;
    margin: 0px -15px;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 8px 15px 8px 25px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #e9e9e9;
  }
  .navbar-text {
    float: none;
    margin: 15px 0;
  }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block!important;
  }
  .collapsing {
    overflow: hidden!important;
  }
  .dropdown-menu > li:last-child > a {
    border-bottom: solid 1px #e9e9e9;
  }
}
.navbar-nav > li > .dropdown-menu {
  width: 100%;
}
.dropdown-menu {
  font-size: 13px;
}
.customoverlay .title-bx {
  background: url(../images/map_logo.png) no-repeat 3px 50% #fff;
}
/** modal */
.modal-open .modal {
  background: rgba(0, 0, 0, 0.8);
}
.modal-sitemap {
  margin: 0 auto;
}
.modal-sitemap .modal-header {
  padding: 5px;
}
.modal-sitemap .modal-header:after {
  display: block;
  clear: both;
  content: '';
}
.modal-sitemap .modal-content {
  border: 0;
}
.modal-sitemap .modal-content #sitemap {
  padding: 0 10px;
}
.modal-sitemap .modal-body {
  padding: 0;
}
.modal-sitemap .modal-dotmenu a {
  float: left;
  display: block;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px 8px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background-color: #1d75a1;
  margin-left: 5px;
}
@media (min-width: 768px) {
  .modal-sitemap {
    width: 700px;
  }
}
/* BREADCRUMB */
.breadcrumb {
  float: left;
  width: 100%;
  background: #fff;
  margin-bottom: 0px;
  padding: 0;
  border: 0;
}
.breadcrumb li {
  padding: 0 0 0 5px;
}
.breadcrumb li,
.breadcrumb li a {
  font-size: 12px;
  line-height: 60px;
  color: #99a0aa;
  letter-spacing: -1px;
  text-decoration: none;
}
.breadcrumb li:hover,
.breadcrumb li a:hover {
  color: #656d78;
}
.breadcrumb li:last-child {
  color: #656d78;
}
.breadcrumb > li + li:before {
  font-family: "FontAwesome";
  content: "\f105";
  color: #99a0aa;
  padding: 0px 5px 0 0;
}
@media only screen and (min-width: 768px) {
  .breadcrumb {
    display: none;
  }
}
/* EOF BREADCRUMB */
.header {
  padding: 0 10px;
  height: 80px;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1100px) {
  .header {
    width: 1100px;
    padding: 0;
    margin: 0 auto;
  }
}
.header .navbar-brand {
  height: 80px;
  padding: 10px 0 10px 0;
}
@media only screen and (max-width: 767px) {
.header .navbar-brand > img {
  height:100%;
  }
}
.header .dotmenu {
  display: none;
  float: right;
  padding: 0;
  margin-top: 20px;
}
.header .dotmenu ul {
  list-style: none;
  padding: 0;
}
.header .dotmenu ul li {
  float: left;
  margin-left: 10px;
}
.header .dotmenu ul li a {
  display: block;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px 8px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  background-color: #1d75a1;
}
.header .dotmenu ul li select {
	border:1px solid #1d75a1;
  display: block;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px 8px;
  line-height: 30px;
  font-size: 12px;
  color: #1d75a1;
  background-color: #fff;
}
.header a.navi-toggle {
  display: block;
  padding: 0 8px;
  line-height: 55px;
  font-size: 14px;
  color: #1d75a1;
}
@media only screen and (min-width: 768px) {
  .header {
    height: 100px;
  }
  .header .navbar-brand {
    height: 100%;
  }
  .header .dotmenu {
    display: block;
  }
  .header a.navi-toggle {
    line-height: 70px;
    font-size: 16px;
  }
}
footer {
	text-align:center;
  background: url(../images/footer_bg.png) repeat 0 0 transparent;
  padding: 20px 0;
  color: #fff;
  
  bottom:0;
}
footer h1 {
  margin-top: 0;
}
footer .footer-container {
  position: relative;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 25px;
  max-width: 1100px;
}
@media only screen and (min-width: 980px) {
  footer .footer-container {
    max-width: 980px;
  }
}
@media only screen and (min-width: 1000px) {
  footer .footer-container {
    max-width: 1000px;
  }
}
@media only screen and (min-width: 1100px) {
  footer .footer-container {
    max-width: 1100px;
  }
}
footer .info p {
  margin: 0;
  margin-bottom: 5px;
  font-size: 16px;
}
footer .info p span.dt {
  color: #1dc1d3;
}
footer .info.info-addr p {
  display: block;
}
footer .info.info-addr p span.dt {
  margin-left: 0px;

}
footer .copyright {
  font-size: 13px;
}
.top-categories {
  float: left;
  width: 100%;
  height: 60px;
  background: url(../images/main/top-categories_bg.png) repeat 0 0 transparent;
  padding: 0 10px;
}
.top-categories .top-categories-content {
  max-width: 1100px;
  margin: 0 auto;
}
.top-categories strong {
  float: left;
  color: #ffffff;
  line-height: 60px;
  font-size: 24px;
}
.top-categories ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
.top-categories ul li {
  float: left;
  background: url(../images/top_category_bar.png) no-repeat 0 50% transparent;
}
.top-categories ul li a {
  color: #fff;
  line-height: 60px;
  font-size: 14px;
}
.top-categories ul li a:hover,
.top-categories ul li a:focus{
	background:none;
}
@media only screen and (min-width: 768px) {
  .top-categories {
    height: 100px;
  }
  .top-categories strong {
    line-height: 100px;
    font-size: 40px;
  }
  .top-categories ul {
    float: right;
  }
  .top-categories ul li {

  }
  .top-categories ul li a {
    line-height: 100px;
    font-size: 24px;
  }
}
.top-categories ul:after{ 
	display: block;
    clear: both;
    content: '';
}
@media only screen and (min-width: 1100px) {
  .top-categories {
    padding: 0;
  }
}
.lnb {
  float: left;
  width: 100%;
  /*height: 60px;*/
  border-bottom: solid 1px #adadad;
  /*
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  */
}
.lnb .lnb-content {
  max-width: 1100px;
  margin: 0 auto;
}
.lnb .lnb-navi {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .lnb .lnb-navi {
    display: block;
  }
}
.lnb .lnb-navi a {
  display: block;
  position: relative;
  width: 100%;
  height: 60px;
  color: #444444;
  line-height: 60px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  padding: 0 10px 0 7px;
}
.lnb .lnb-navi a .fa {
  position: absolute;
  right: 5px;
  top: 20px;
  font-size: 20px;
}
@media only screen and (min-width: 768px) {
  .lnb .lnb-navi a {
    font-size: 16px;
    padding: 0 20px;
  }
  .lnb .lnb-navi a .fa {
    left: 0px;
  }
}
.lnb .lnb-navi > li {
  position: relative;
  float: left;
}
.lnb .lnb-navi > li.home {
  /*width: 40px;*/
  padding-right:20px;
}
.lnb .lnb-navi > li.home a {
  padding: 0;
  text-align: center;
}
.lnb .lnb-navi > li.home a .fa {
  position: static;
  font-size: 18px;
}
@media only screen and (min-width: 360px) {
  .lnb .lnb-navi > li.home {
    /*width: 60px;*/
  }
  .lnb .lnb-navi > li.home a .fa {
    font-size: 24px;
  }
}
.lnb .lnb-navi > li ul {
  list-style: none;
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}
.lnb .lnb-navi > li ul {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  background: #fff;
  padding: 0;
  margin: 0;
  width: 100%;
  min-width: 120px;
}
.lnb .lnb-navi > li ul li {
  padding: 0;
  width: 100%;
  max-width: none;
  position: relative;
  border: 1px solid #cdcdcd;
  border-top: none;
}
.lnb .lnb-navi > li ul li.sn-openable:before {
  position: absolute;
  right: 0px;
  top: 18px;
  font-family: "FontAwesome";
  content: "\f105";
  font-size: 18px;
  width: 10px;
  height: 20px;
  color: #666;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .lnb .lnb-navi > li ul li.sn-openable:before {
    width: 20px;
  }
}
.lnb .lnb-navi > li > ul > li ul {
  left: 100%;
  top: -1px;
}
.lnb .lnb-navi > li > ul > li ul li:first-child {
  border-top: 1px solid #cdcdcd;
}
.lnb .lnb-navi > li:hover > ul {
  display: block;
}
.lnb .lnb-navi > li:hover > ul > li:hover > ul {
  display: block;
}
.lnb .lnb-navi > li:hover > ul > li:hover > ul > li:hover > ul {
  display: block;
}
.lnb .lnb-navi > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul {
  display: block;
}
/* page */
.page-container {
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
}
.page-container:after {
  display: block;
  clear: both;
  content: '';
}
@media only screen and (min-width: 980px) {
  .page-container {
    max-width: 900px;
	min-height: 945px;
  }
}
@media only screen and (min-width: 1000px) {
  .page-container {
    max-width: 900px;
	min-height: 945px;
  }
}
@media only screen and (min-width: 1200px) {
  .page-container {
    max-width: 900px;
	min-height: 945px;
  }
}
.page-content-body {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom:20px;
}
.page-content-body:before {
  display: table;
  content: "";
}
.page-content-body:after {
  clear: both;
  display: table;
  content: "";
}
.page-content {
  padding: 10px 0;
  margin-bottom:20px;
}
.description_00{
	width: 50%;
	display:inline-block;
}
.description_half{
	width: 50%;
	display:inline-block;
}
.descrip_img_01{
    display: inline-block;
    position: absolute;
    right: 80px;
    top: 90px;
}
.descrip_img_cap{
	position: absolute;
	width:60%;
    top: -155px;
    right: 0;
	text-align:right;
	border-top:solid 1px #adadad;
}
.page-content img {
  max-width: 100%;
}
.page-title {
  position: relative;
  margin-bottom: 20px;
  padding: 0 0 15px 0;
}
.page-title h2 {
  line-height: 40px;
  font-size: 20px;
  font-weight: 500;
  color: #3f3f3f;
  text-align: left;
  border-bottom: solid 2px #1d75a1;
  margin-bottom: 0;
  margin-top: 35px;
}
.page-title h2 u {
  display: block;
  width: 100px;
  height: 5px;
  background: #cccccc;
  margin: 20px auto 0 auto;
  padding: 0px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .page-title h2 {
    line-height: 60px;
    font-size: 30px;
    border-bottom: solid 4px #1d75a1;
  }
}
@media only screen and (max-width: 768px) {
  .descrip_img_cap{
		top: -86px;
		border-top:none;
	}
}
.sub-title {
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.sub-title .navy{
	color: #1d75a1;
}
/* end page */
.navbar {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.navbar-right {
  float: right;
}
.navbar-dotmenu {
  float: right;
  margin: 0;
}
.navbar-dotmenu > li {
  float: left;
}
.navbar-dotmenu > li > a {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
  position: relative;
}
.navbar-dotmenu > li > a:hover {
  background: none;
  color: #1a1a1a;
}
.navbar-dotmenu > li > a .fa {
  margin-right: 5px;
  color: #999999;
}
@media only screen and (min-width: 1000px) {
}
.header-nav .navbar-nav > li > a {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  position: relative;
}
.header-nav .navbar-nav > li > a:hover {
  background: none;
  color: #93b45a;
}
@media only screen and (min-width: 1000px) {
  .header-nav .navbar-nav > li > a {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
  }
  .header-nav .navbar-nav > li > a:hover {
    color: #fff;
  }
  .header-nav .navbar-nav > li > a:before {
    position: absolute;
    left: 0;
    top: 15px;
    color: #e2e2e2;
    font-weight: 300;
    font-size: 11px;
    content: '|';
  }
}
@media only screen and (min-width: 1000px) {
  .header-nav .navbar-nav > li:first-child > a:before {
    display: none;
  }
}
@media only screen and (min-width: 1000px) {
  .header-nav .navbar-nav > li.open > a,
  .header-nav .navbar-nav > li.open > a:hover,
  .header-nav .navbar-nav > li.open > a:focus {
    background-color: #0855aa;
    border-color: #0855aa;
  }
}
@media all and (min-width: 1000px) {
  .header-nav .main-nav {
    width: 100%;
  }
  .header-nav .main-nav > li {
    width: 20%;
  }
  .header-nav .main-nav > li > a {
    text-align: center;
  }
}
.navbar-toggle {
  float: none;
  position: absolute;
  left: 0;
  top: 0;
  margin-right: 0;
  margin-left: 5px;
  background-color: #f5f5f5;
}
.navbar-toggle .icon-bar {
  background-color: #444;
}
.logon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.logon a {
  display: block;
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 16px;
}
.logon a.member-thumbnail > img {
  width: 40px;
  height: 40px;
  border: 3px solid #F5F5F5;
  border-radius: 20px;
}
.logon ul {
  list-style: none;
  padding: 0;
  width: 220px;
  position: absolute;
  left: auto;
  right: 0;
  top: 60px;
  overflow: visible;
  display: none;
  background: #33414e;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  z-index: 3;
}
.logon ul:after {
  bottom: 100%;
  right: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #33414e;
  border-width: 5px;
  margin-left: -5px;
}
.logon ul li {
  position: relative;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}
.logon ul li a {
  display: block;
  text-align: left;
  float: left;
  width: 100%;
  text-decoration: none;
  border-bottom: 1px solid #2f3c48;
  vertical-align: text-bottom;
  color: #cccccc;
  font-size: 12px;
  line-height: 19px;
  font-weight: 400;
  padding: 12px 10px 12px 25px;
  border-radius: 0px 0px 3px 3px;
  border-bottom-color: transparent;
}
.logon ul li a .fa {
  color: #ffffff;
  text-align: center;
  width: 20px;
  font-size: 14px;
  margin-right: 10px;
  vertical-align: baseline;
  -webkit-transition: color 200ms ease;
  -moz-transition: color 200ms ease;
  -ms-transition: color 200ms ease;
  -o-transition: color 200ms ease;
  transition: color 200ms ease;
}
.logon ul li a:hover {
  background: #3d4e5d;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.logon ul li a:hover .fa {
  color: #ffd559;
}
.logon ul.active {
  display: block;
}
/** sub navi */
.sn-title {
  display: none;
  padding: 14px 9px 20px;
  text-align: center;
  margin-top: 12px;
  argin-bottom: 40px;
  color: #464646;
  font-size: 24px;
  background: url(../images/bul_lnb.gif) no-repeat right bottom;
}
@media all and (min-width: 1000px) {
  .sn-title {
    display: block;
  }
}
.sn-navigation,
.sn-navigation ul {
  width: 100%;
  padding: 0px;
  margin: 0px;
  float: left;
  list-style: none;
  display: block;
  z-index: 3;
}
.sn-navigation {
  display: none;
  margin-bottom: 20px;
  border-bottom: 2px solid #000;
}
.sn-navigation li {
  float: left;
  display: block;
  width: 100%;
  padding: 0px;
  margin: 0px;
  position: relative;
}
.sn-navigation li:first-child {
  border-top: 1px solid #dfdfdf;
}
.sn-navigation li > a {
  display: block;
  float: left;
  width: 100%;
  line-height: 19px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 15px 10px 15px 15px;
  text-decoration: none;
  border-bottom: 1px solid #dfdfdf;
  vertical-align: text-bottom;
}
.sn-navigation li > a .fa,
.sn-navigation li > a .glyphicon {
  color: #1a1a1a;
  text-align: center;
  width: 20px;
  font-size: 14px;
  margin-right: 10px;
  vertical-align: baseline;
  -webkit-transition: color 200ms ease;
  -moz-transition: color 200ms ease;
  -ms-transition: color 200ms ease;
  -o-transition: color 200ms ease;
  transition: color 200ms ease;
}
.sn-navigation li > a:hover {
  color: #fff;
  background: #3f7bab;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.sn-navigation li > ul {
  background: #f9f9f9;
  max-height: 0px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  overflow: hidden;
}
.sn-navigation li > ul li > a {
  color: #000;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  padding: 12px 10px;
  border-bottom-color: #dfdfdf;
}
.sn-navigation li > ul li > a:hover {
  background: #3f7bab;
  color: #fff;
}
.sn-navigation li > ul li.active > a {
  background: #fff;
  color: #0b548a;
}
.sn-navigation li.sn-openable:before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f107";
  font-size: 14px;
  width: 20px;
  height: 20px;
  color: #000;
  right: 0px;
  top: 12px;
  cursor: pointer;
}
.sn-navigation li.sn-openable > .informer {
  right: 25px;
}
.sn-navigation li.active.sn-openable:before {
  content: "\f106";
  color: #fff;
}
.sn-navigation li.active > a {
  background: #4c8bdb;
  color: #fff;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.sn-navigation li.active > a .fa,
.sn-navigation li.active > a .glyphicon {
  color: #ffd559;
}
.sn-navigation li.active > ul {
  max-height: 1200px;
}
.sn-navigation li.sn-title {
  padding: 20px 10px 20px 10px;
  line-height: 20px;
  font-weight: 400;
  font-size: 25px;
  color: #434a54;
  line-height: 40px;
  border-bottom: 2px solid #d2d2d2;
}
.sn-navigation li.sn-openable:before {
  top: 15px;
}
.sn-navigation > li > ul > li > a {
  padding-left: 25px;
}
.sn-navigation > li > ul > li > a:hover {
  padding-left: 30px;
}
.sn-navigation > li > ul > li.active > a {
  padding-left: 30px;
}
.sn-navigation > li > ul > li > ul > li > a {
  padding-left: 40px;
}
.sn-navigation > li > ul > li > ul > li > a:hover {
  padding-left: 45px;
}
.sn-navigation > li > ul > li > ul > li.active > a {
  padding-left: 45px;
}
.sn-navigation > li > ul > li > ul > li > ul > li > a {
  padding-left: 50px;
}
.sn-navigation > li > ul > li > ul > li > ul > li > a:hover {
  padding-left: 55px;
}
.sn-navigation > li > ul > li > ul > li > ul > li.active > a {
  padding-left: 55px;
}
.sn-navigation > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: 60px;
}
.sn-navigation > li > ul > li > ul > li > ul > li > ul > li > a:hover {
  padding-left: 65px;
}
.sn-navigation > li > ul > li > ul > li > ul > li > ul > li.active > a {
  padding-left: 65px;
}
@media all and (min-width: 1000px) {
  .sn-navigation {
    display: block;
  }
}
/** eof sub navi */
.img-text {
  border: 3px solid #FFF;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0px 10px 5px 0px;
  -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
}
/* Posts */
.posts .post-item {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #F5F5F5;
}
.posts .post-item .post-title {
  font-size: 25px;
  font-weight: 400;
  color: #434a54;
  float: left;
  width: 100%;
  line-height: 30px;
  max-height: 60px;
  overflow: hidden;
}
.posts .post-item .post-title a {
  font-size: 25px;
  color: #434a54;
}
.posts .post-item .post-date {
  font-size: 11px;
  color: #99a0aa;
  line-height: 20px;
  margin: 5px 0px 0px;
  float: left;
  width: 100%;
}
.posts .post-item .post-date a {
  color: #99a0aa;
}
.posts .post-item .post-date .fa {
  font-size: 12px;
  margin-right: 5px;
}
.posts .post-item .post-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin-bottom: 6px;
}
.posts .post-item .post-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.posts .post-item .post-text {
  font-size: 14px;
  float: left;
  width: 100%;
  margin: 10px 0px;
}
.posts .post-item .post-text .excerpt {
  height: 72px;
  overflow: hidden;
}
.posts .post-item .post-text .post-thumb {
  position: relative;
  margin-bottom: 10px;
}
.posts .post-item .post-text .post-thumb:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  content: '';
}
.posts .post-item .post-text .post-thumb img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.posts .post-item .post-text .post-img {
  max-width: 100%;
}
.posts .post-item .post-view-text {
  font-size: 14px;
  float: left;
  width: 100%;
  margin: 10px 0px;
}
.posts .post-item .post-view-text .post-img {
  max-width: 100%;
}
.posts .post-item .post-view-text img {
  max-width: 100%;
}
@media all and (max-width: 768px) {
  .posts .post-item .post-view-text {
    font-size: 15px;
  }
}
.posts .post-item .post-row {
  float: left;
  width: 100%;
  font-size: 11px;
}
.posts .post-item .post-row .post-info {
  line-height: 20px;
  padding: 5px 10px;
  border: 1px solid #F5F5F5;
  font-size: 11px;
  color: #99a0aa;
  float: left;
}
.posts .post-item:last-child {
  margin-bottom: 0px;
  padding-bottom: 30px;
  border-bottom: 0px;
}
.links {
  float: left;
  width: 100%;
  padding: 5px 10px;
}
.links a {
  font-size: 16px;
  font-weight: 400;
  color: #656d78;
  display: block;
  float: left;
  width: 100%;
  line-height: 30px;
}
.links a .label {
  float: right;
  padding: 5px 10px;
  margin-top: 3px;
}
.links.small a {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 10px;
}
/* eof posts */
/* LIST TAGS */
.list-tags {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.list-tags li {
  float: left;
  display: block;
  position: relative;
}
.list-tags li a {
  display: block;
  float: left;
  background: #F5F5F5;
  border: 1px solid #D5D5D5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 23px;
  font-size: 11px;
  margin: 0px 5px 5px 0px;
  padding: 0px 8px;
  color: #656d78;
}
.list-tags li a:hover {
  text-decoration: none;
  background: #F0F0F0;
}
/* END LIST TAGS */
/* LIST RECENT */
.panel .panel-body.recent-group {
  padding: 0;
}
.panel .panel-body.recent-group h3 {
  padding: 15px 15px 0 15px;
}
.recent {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.recent li {
  display: block;
  position: relative;
}
.recent a {
  overflow: hidden;
  position: relative;
  display: block;
  z-index: 100;
  padding: 0 15px;
  color: #000;
  background: #fff;
  text-decoration: none;
}
.recent .recent-img {
  position: relative;
  float: left;
  width: 77px;
  margin: 12px;
  margin-left: 0;
}
.recent .recent-img:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  content: '';
}
.recent .recent-img img {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.recent .recent-txt {
  padding-top: 11px;
  padding-bottom: 8px;
}
.recent .recent-txt .recent-tit {
  display: block;
  font-size: 16px;
  line-height: 21px;
  font-weight: normal;
}
.recent .recent-txt .recent-tit strong {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 16px;
  line-height: 21px;
  font-weight: normal;
}
.recent .recent-txt .recent-info {
  position: relative;
}
.recent .recent-txt .recent-info .date {
  display: inline-block;
  padding: 1px 0 2px;
  color: #5586d0;
  font-size: 12px;
  vertical-align: middle;
}
.recent .recent-txt .recent-info .writer {
  position: relative;
  z-index: 100;
  display: inline-block;
  padding: 1px 3px 2px;
  color: #b8b8b8;
  font-size: 12px;
  vertical-align: middle;
}
.recent .recent-txt .recent-info .writer:before {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 10px;
  margin: 0 5px 1px 2px;
  background: #f1f1f1;
  content: '';
  vertical-align: middle;
}
.recent .recent-txt .recent-info .comment {
  position: absolute;
  bottom: 4px;
  right: 8px;

  font-size: 12px;
  color: #a3a3a3;
  z-index: 101;
}
.recent.recent-default li {
  border-top: 1px solid #efefef;
}
/* END LIST RECENT */
@media all and (max-width: 480px) {
  .col-xxs-stacked > .panel {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .posts > .row > [class^='col-xxs-'] {
    padding-left: 0;
    padding-right: 0;
  }
}
/* COMMENT */
.comment-write-name {
  padding-left: 0 !important;
}
.comment-write-pass {
  padding-right: 0 !important;
}
@media (min-width: 992px) {
  .comment-write-fm {
    padding-left: 0 !important;
  }
}
@media (max-width: 992px) {
  .comment-write-fm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .comment-write-sb {
    padding-right: 0 !important;
  }
}
@media (max-width: 992px) {
  .comment-write-sb {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* END COMMENT */
.list-thumbnail {
  padding: 0;
}
/* total Search */
.total-search {
  margin: 0;
  padding: 0;
}
.total-search .total-search-list {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.total-search .item {
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 16px 0;
  font-size: 11px;
  background-color: #fff;
}
.total-search .item-anchor {
  position: relative;
  display: block;
  width: inherit;
  height: inherit;
  color: #000000;
  padding: 2px 15px 12px 15px;
}
.total-search .item-anchor:hover,
.total-search .item-anchor:link,
.total-search .item-anchor:active {
  text-decoration: none;
}
.total-search .item-anchor:after {
  display: block;
  clear: both;
  content: '';
}
.total-search .item-thumb {
  float: left;
  margin: 5px 10px 0 0;
}
.total-search .item-thumb .thumb_fix {
  position: relative;
  display: block;
  overflow: hidden;
  width: 80px;
  height: 80px;
  white-space: nowrap;
  text-align: center;
}
.total-search .item-thumb .thumb_fix:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.total-search .item-thumb .thumb_fix:after {
  content: '';
  display: inline-block;
  height: 83px;
  vertical-align: middle;
}
.total-search .item-thumb .thumb_fix img {
  height: 100%;
}
.total-search .item-title {
  font-size: 16px;
  max-height: 44px;
  color: #005fc1;
  line-height: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.total-search .item-desc {
  font-size: 12px;
  line-height: 17px;
  color: #666;
  max-height: 34px;
  margin: 4px 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.total-search .item-sub {
  overflow: hidden;
  position: relative;
  height: 22px;
  margin-top: 4px;
  padding: 4px 0 0;
  font-size: 12px;
  line-height: 20px;
  color: #999;

}
.total-search .item-sub:after {
  display: block;
  clear: both;
  content: '';
}
.total-search .sub-ico,
.total-search .sub-text {
  float: left;
}
.total-search .sub-ico {
  overflow: hidden;
  min-width: 20px;
  height: 18px;
  margin: 0 5px 0 0;
  padding: 0 5px;
  border: 1px solid #444;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  white-space: nowrap;
  color: #000;
  text-align: center;
}
.total-search .sub-ico.sub-bbss {
  color: #238bdc;
  border-color: #d0e4f7;
}
.total-search .sub-ico.sub-sche {
  color: #663ec6;
  border-color: #a68de0;
}
.total-search .sub-ico.sub-peti {
  color: #2fa632;
  border-color: #86d089;
}
.total-search .sub-author {
  margin-left: 10px;
  overflow: hidden;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.total-search .sub-comment {
  float: right;
}
/* end total Search */
/* grid list */
.grid-list {
  float: left;
  width: 100%;
}
.grid-list .grid-list-header,
.grid-list .grid-list-footer {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.grid-list .grid-list-header:after,
.grid-list .grid-list-footer:after {
  display: block;
  clear: both;
  content: '';
}
.grid-list .category-menu {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
.grid-list .category-menu:after {
  display: block;
  clear: both;
  content: '';
}
.grid-list .category-menu li {
  display: inline-block;
}
.grid-list .category-menu li a {
  display: inline-block;
  position: relative;
  margin-left: -1px;
  padding: 10px 12px 9px 12px;
  font-weight: bold;
  border-bottom: 3px solid #fff;
  background: #fff;
  color: #666;
  text-align: center;
  line-height: 1.2em;
  cursor: pointer;
}
.grid-list .category-menu li a:focus,
.grid-list .category-menu li a:hover,
.grid-list .category-menu li a:active {
  text-decoration: none;
  border-bottom: 3px solid #ddd;
  color: #274e84;
}
.grid-list .category-menu li.active a {
  z-index: 2;
  border-bottom: 3px solid #132649;
  background: #fff;
  color: #1c3460;
  font-weight: bold;
}
.grid-container {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
.grid-container:after {
  display: block;
  clear: both;
  content: '';
}
.grid-container .item {
  float: left;
  width: 33%;
  padding: 8px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .grid-container .item {
    width: 33%;
  }
}
@media only screen and (max-width: 768px) {
  .grid-container .item {
    width: 49%;
  }
}
@media only screen and (max-width: 480px) {
  .grid-container .item {
    width: 100%;
    padding: 8px 0;
  }
}
.grid-container .item a {
  display: block;
  position: relative;
  overflow: hidden;
  width: auto;
  border: 1px solid #dad8d9;
  color: #666666;
}
.grid-container .item a:link,
.grid-container .item a:visited,
.grid-container .item a:active {
  text-decoration: none;
  outline: none;
}
.grid-container .item a .sticker {
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  padding: 5px 8px;
  z-index: 20;
}
.grid-container .item a .subject {
  display: block;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  padding: 15px;
  text-align: left;
  color: #333333;
  margin: 0;
  overflow: hidden;
}
.grid-container .item a .desc {
  color: #888888;
  font-size: 12px;
  line-height: 18px;
  background: #f9f8f9;
  padding: 8px;
}
.grid-container .item a .desc .description {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.grid-container .item a .desc .description.description-clamp-5 {
  -webkit-line-clamp: 5;
}
.grid-container .item a .desc .description.description-clamp-6 {
  -webkit-line-clamp: 6;
}
.grid-container .item a .desc .description.description-clamp-7 {
  -webkit-line-clamp: 7;
}
.grid-container .item a .desc .description.description-clamp-8 {
  -webkit-line-clamp: 8;
}
.grid-container .item a .desc .description.description-clamp-9 {
  -webkit-line-clamp: 9;
}
.grid-container .item a .desc .description.description-clamp-10 {
  -webkit-line-clamp: 10;
}
.grid-container .item a .desc .description.description-clamp-15 {
  -webkit-line-clamp: 15;
}
.grid-container .item a .desc .description.description-clamp-20 {
  -webkit-line-clamp: 20;
}
.grid-container .item a .meta {
  padding: 8px;
  font-size: 12px;
  color: #999;
  border-top: 1px solid #f0f0f0;
}
.grid-container .item .image {
  display: block;
  background-color: #000;
  position: relative;
}
.grid-container .item .image:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.grid-container .item .image img {
  width: 100%;
  margin: auto;
}
.grid-container .item .list-checkbox {
  position: absolute;
  right: 15px;
  bottom: 15px;
  background-color: #fff;
  line-height: 10px;
}
.grid-container .item .list-checkbox input[type="checkbox"],
.grid-container .item .list-checkbox input[type="radio"] {
  margin: 0;
}
.grid-container .item.item-food a {
  color: #dddad9;
  background-color: #534542;
}
.grid-container .item.item-food a .subject {
  padding: 10px;
  text-align: left;
  color: #fb8c39;
  margin: 0;
  min-height: 60px;
}
.grid-container .item.item-food a .meta {
  padding: 8px;
  font-size: 12px;
  color: #dbd8d7;
  border: 0;
}
.grid-container .item.item-food a .meta p {
  margin-bottom: 3px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.grid-container .item.item-land a {
  color: #dddad9;
  background-color: #484e62;
}
.grid-container .item.item-land a .sticker {
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  background-color: #4b66c8;
}
.grid-container .item.item-land a .subject {
  padding: 10px 10px 0 10px;
  text-align: left;
  color: #fff;
  margin: 0;
  min-height: 30px;
}
.grid-container .item.item-land a .meta {
  padding: 8px;
  font-size: 12px;
  color: #fff;
  border: 0;
}
.grid-container .item.item-land a .meta p {
  margin-bottom: 3px;
  color: #b5b7c0;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.grid-container .item.item-land a .meta .price {
  text-align: left;
  font-size: 14px;
  margin-bottom: 5px;
  color: #90bdff;
}
.grid-container .item.item-land a .meta .price .sum {
  margin-left: 10px;

  font-size: 18px;
  font-weight: 600;
  vertical-align: -1px;
  color: #99c1ff;
}
.grid-container .item.item-land a .meta .price .sum_txt {
  margin-left: 4px;
  font-size: 12px;
  color: #8d8d8d;
  vertical-align: 1px;
}
/* end grid list */
/* bbs */
@media only screen and (max-width: 768px) {
  .bbs-subject {
    font-size: 22px;
    line-height: 28px;
  }
  .bbs-subject small {
    font-size: 13px;
    display: block;
    width: 100%;
    margin: 8px 0;
  }
}
@media only screen and (max-width: 768px) {
  .bbs-body-view {
    font-size: 15px;
  }
}
.file-group {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}
.file-group:after,
.file-group:before {
  display: table;
  content: '';
}
.file-group:after {
  clear: both;
}
.file-group .file-group-item {
  position: relative;
  display: block;
  padding: 10px;
  margin-bottom: -1px;
  border: 1px solid #e5e5e5;
  padding-right: 50px;
}
.file-group .file-group-item:after {
  display: block;
  clear: both;
  content: '';
}
.file-group .file-group-item .title-check {
  position: relative;
  float: left;
  width: 30px;
  margin-right: 10px;
  text-align: center;
}
.file-group .file-group-item .title-check input {
  margin: 0;
}
.file-group .file-group-item .title-check span {
  display: block;
  font-size: 11px;
  letter-spacing: -1px;
  color: #e1e1e1;
}
.file-group .file-group-item .title-check.checked span {
  display: block;
  color: #FA540B;
}
.file-group .file-group-item .thumb {
  float: left;
  width: 50px;
  margin-right: 10px;
  display: block;
  background-color: #e1e1e1;
  position: relative;
  overflow: hidden;
}
.file-group .file-group-item .thumb:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.file-group .file-group-item .thumb img {
  width: 100%;
  margin: auto;
}
.file-group .file-group-item .file-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.file-group .file-group-item .file-desc {
  font-size: 13px;
  font-weight: 400;
  color: #666666;
}
.file-group .file-group-item .file-controls {
  position: absolute;
  right: 10px;
  top: 15px;
}
.file-group .file-group-item .file-controls .btn .fa {
  margin-right: 0;
  font-size: 14px;
}
.file-group .file-group-item .file-controls input.delcheck {
  display: none;
}
/* end bbs */
/* theme */
@media only screen and (min-width: 769px) {
  .theme-layout-right {
    padding: 0 15px;
    border-right: solid 1px #dadada;
    border-left: solid 1px #dadada;
    background-color: #fafafa;
  }
}
/* custom layout */
.custom-layout {
  float: left;
  width: 100%;
  position: relative;
  padding:0;
}
.custom-layout:after {
  display: block;
  clear: both;
  content: '';
}
.custom-layout .custom-layout-snb {
  float: left;
  width: 0;
  padding: 0;
  margin: 0;
  display: none;
}

@media only screen and (min-width: 1000px) {
  .custom-layout .custom-layout-snb {
    display: block;
  }
}
.custom-layout .custom-layout-body {
  float: left;
  width: 100%;
  padding: 0 10px;
  margin: 0;
}
@media only screen and (min-width: 1000px) {
  .custom-layout .custom-layout-body {
    width: 900px;
    margin-left: 0;
    padding: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .custom-layout .custom-layout-body {
    width: 900px;
    margin-left: 0;
  }
}
/* social */
.social_bind {
  width: 100%;
  float: left;
}
.social_bind:after {
  display: blcok;
  clear: both;
  content: '';
}
.social_bind ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  float: right;
}
.social_bind ul:after {
  display: block;
  clear: both;
  content: '';
}
.social_bind ul li {
  float: left;
  display: block;
  margin-left: 5px;
}
.social_bind ul li a {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 0;
  text-indent: -999px;
  background: url(../images/sns.png) no-repeat 0 50px transparent;
  background-size: 210px 60px;
}
.social_bind ul li a.facebook {
  background-position: 0 0;
}
.social_bind ul li a.twitter {
  background-position: -30px 0;
}
.social_bind ul li a.kakao {
  background-position: -60px 0;
}
.social_bind ul li a.kas {
  background-position: -90px 0;
}
.social_bind ul li a.line {
  background-position: -120px 0;
}
.social_bind ul li a.naver_blog {
  background-position: -150px 0;
}
.social_bind ul li a.band {
  background-position: -180px 0;
}
/* zns-gallery */
.common-gallery:after {
  display: block;
  clear: both;
  contnet: '';
}
.common-gallery .trans_border {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #000;
  opacity: 0.1;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.zns-gallery-list {
  list-style: none;
}
.zns-gallery-list a {
  position: relative;
  display: block;
  text-align: center;
}
.zns-gallery-list.owl-theme .owl-controls .owl-nav div {
  position: absolute;
  display: block;
  top: 45%;
  width: 70px;
  height: 76px;
  z-index: 100;
  margin: 0;
  padding: 0;
  opacity: 1;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background: url(../images/slider_arrow.png) no-repeat 0 0;
  text-indent: -9999px;
}
.zns-gallery-list.owl-theme .owl-controls .owl-nav .owl-prev {
  left: 0;
  background-position: 0 0;
}
.zns-gallery-list.owl-theme .owl-controls .owl-nav .owl-next {
  right: 0;
  background-position: -80px 0;
}
.zns-gallery-thumbnail {
  text-align: center;
}
.zns-gallery-thumbnail a {
  display: block;
  position: relative;
  margin: 0 3px;
}
.zns-gallery-thumbnail a img {
  width: 100%;
  max-height: 107px;
}
.zns-gallery-thumbnail a.current .trans_border {
  opacity: 1 !important;
  border: 4px solid #ff5100 !important;
}
#sitemap {
  position: relative;
  background: url(/images/common/sitemap_bg.gif) repeat-y 25% 0;
}
#sitemap:after {
  content: "";
  clear: both;
  display: block;
}
#sitemap .amthum {
  position: relative;
  border-top: 1px solid #ccc;
}
#sitemap .amthum:after {
  content: "";
  clear: both;
  display: block;
}
#sitemap .amthum:first-child {
  border: 0;
}
#sitemap .amthum .site01 {
  float: left;
  margin: 0;
  margin-top: 15px;
  padding: 0;
  width: 100%;
  border-bottom: none;
  background: none;
  color: #4c8bdb;
  font-size: 18px;
  line-height: 30px;
}
#sitemap .amthum .sitemap_grep {
  float: right;
  width: 100%;
  padding: 20px 0;
}
#sitemap .amthum .sitemap_grep:after {
  content: "";
  clear: both;
  display: block;
}
#sitemap .amthum .sitemap_list {
  display: block;
  float: left;
  margin-bottom: 10px;
  padding: 0 1%;
  width: 48%;
}
#sitemap .amthum .sitemap_list .site02 {
  margin: 0 0 8px 0;
  padding: 0;
  background: none;
  font-size: 16px;
  color: #5f5e5e;
}
#sitemap .amthum .sitemap_list .site02 a {
  display: block;
  color: #5f5e5e;
}
#sitemap .amthum .sitemap_list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sitemap .amthum .sitemap_list ul li {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  padding-left: 15px;
  margin-bottom: 5px;
  background: url(../images/list_bul2.gif) no-repeat left 7px;
}
#sitemap .amthum .sitemap_list ul li a {
  font-size: 14px;
  color: #5f5e5e;
}
@media only screen and (min-width: 768px) {
  #sitemap .amthum:before {
    content: '';
    position: absolute;
    left: 25%;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: solid 1px #e6e6e6;
  }
  #sitemap .amthum .site01 {
    padding-left: 20px;
    width: 30%;
  }
  #sitemap .amthum .sitemap_grep {
    width: 70%;
  }
  #sitemap .amthum .sitemap_list {
    width: 33%;
  }
}
@media only screen and (min-width: 1000px) {
  #sitemap .amthum .site01 {
    width: 25%;
  }
  #sitemap .amthum .sitemap_grep {
    width: 70%;
  }
}


/* page_01_01*/
.keyword{
	background-color:#1d75a1;
	padding:5px 10px;
	width:70px;
	text-align:center;
	color:#fff;
	font-weight:600;
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
}
.description_01{
	width:40%;
	margin-bottom:30px;
}
.descrip_img_02{
    width: 60%;
    margin-top: -235px;
    margin-left: 41%;
    display: inline-block;
}
.descrip_img_02 img {
    max-width: 100%;
}
.Business_Platform-1{
	display:none;
}

@media only screen and (max-width: 900px) {
	.description_01{
		width:100%;
	}
	.description_00{
		width: 100%;
	}
	.description_half{
		width: 100%;
	}
	.Business_Platform{
		display:none;
	}
	.Business_Platform-1{
		display:block;
	}
	.descrip_img_02{
		width:100%;
		text-align:center;
		float: none;
		margin-top: 0;
		margin-bottom: 50px;
		margin-left: 0;
	}
}
@media only screen and (max-width: 768px) {
	
}
/* page_01_03*/
.description_02{
	width:50%;
	margin-bottom:30px;
	display:inline-block;
	/*margin-left: 20px;*/
}
.description_03{
	width:100%;
	margin-bottom:5px;
}
.descrip_img_top {
    margin-left: 8%;
    display: inline-block;
    vertical-align: top;
    width: 35%;
}
.width_40{
	width: 40%;
	margin-left: 7%;
}
.width_50{
	width: 50%;
}
.descrip_img_top img {
    max-width: 100%;
}
.col_3 {
	display:inline-block;
	width:33%;
	padding:0 40px 0px 40px;
	border-right: 1px solid #e5e5e5;
	vertical-align: top;
}
.description_04{
	display:inline-block;
	width:25%;
}

@media only screen and (max-width: 900px) {
	.description_02{
		width: 100%;
	}
	.descrip_img_top {
		width: 100%;
		margin-left: 0;
		margin-top: 15px !important;
		margin-bottom: 30px;
		text-align:center;
	}
	.width_40{
		width: 100%;
	}
	.width_50{
		width: 100%;
	}
}
@media only screen and (max-width: 1000px) {
	.col_3 {
		width:45%;
		padding:0 50px 50px 50px;
	}
}
@media only screen and (max-width: 600px) {
	.col_3 {
		width:100%;
		border-right:none;
		padding:0 15px 50px 15px;
	}
}

/* table START*/

table.type_170602 {
	font-size:12px;
	width:95%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 1.5;
    margin: 0px 0px 30px 0px;
}
table.type_170602.width_50{
	width:50%;
}
table.type_170602 th {
    padding: 5px 10px;
	font-size:14px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
    background: #1d75a1 ;
	text-align: center;
}
table.type_170602 tbody th  {
	padding: 5px 10px;
    vertical-align: top;
    background: #eee;
	color:#3e3e3e;
}
table.type_170602 td {
    padding: 5px 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #fff;
}
@media only screen and (max-width: 900px) {
	table.type_170602.width_50{
		width:100%;
	}
}
@media only screen and (max-width: 600px) {
	table.type_170602 {
		width:100%;
	}
}
/* table END*/
/* 계열회사 제품소개 page_01_06 */
.descrip_img_00{
	display:inline-block;
}

/* 제품소개 page_02_01 */
.li_01:before {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: #1d75a1; /* Or a color you prefer */
	margin-left: -12px;
}
.ul_01{
	width:50%;
	display:inline-block;
	line-height:2;
}
.ul_02{
	width:100%;
	display:inline-block;
	line-height:2;
	margin-left:-20px;
}

.col_2 {
	display:inline-block;
	width:47%;
	padding:0 70px 20px 70px;
	border-right: 1px solid #e5e5e5;
	vertical-align: top;
}

.col_2-1 {
	display:inline-block;
	width:47%;
	padding:0 30px 20px 30px;
	border-right: 1px solid #e5e5e5;

	vertical-align: top;
	margin-bottom:70px;
}

@media only screen and (max-width: 900px) {
	.ul_01{
		width:100%;
	}
}

/* time_line */
.time_line{
	margin-bottom: 50px;
}
.time_line dl {
    position: relative;
	margin-bottom: 20px;
}
.time_line dl dt {
	width:130px;
    font-style: italic;
    font-weight: bold;
    font-size: 24px;
    color: #6db4d7;
	display: inline-block;
}
.time_line dl dd {
    position: relative;
    line-height: 24px;
    font-size: 17px;
    color: #444;
    padding-left: 34px;
    padding-right: 50px;
    display: inline-block;
    border-left: 1px solid #e5e5e5;
}
.descrip_img_right{
	float:right;
}
@media only screen and (max-width: 900px) {
	.time_line dl dt {
		display: block;
	}
	.time_line dl {
		width:50%;
	}
	.descrip_img_right{
		width:40%;
	}
}
@media only screen and (max-width: 500px) {
	.time_line dl {
		width:100%;
	}
	.descrip_img_right{
		display: none;
	}
}
/* 상단배경 */
.page-title.topmenu_01{background:url(../images/bg_chapter_01.png) no-repeat right top transparent;}
.page-title.topmenu_02{background:url(../images/bg_chapter_02.png) no-repeat right top transparent;}
.page-title.topmenu_03{background:url(../images/bg_chapter_03.png) no-repeat right top transparent;}
.page-title.topmenu_04{background:url(../images/bg_chapter_04.png) no-repeat right top transparent;}
.page-title.topmenu_05{background:url(../images/bg_chapter_05.png) no-repeat right top transparent;}
@media only screen and (max-width: 768px) {
	.page-title.topmenu_01{background-size: 290px;}
	.page-title.topmenu_02{background-size: 290px;}
	.page-title.topmenu_03{background-size: 290px;}
	.page-title.topmenu_04{background-size: 290px;}
	.page-title.topmenu_05{background-size: 290px;}
}
@media only screen and (max-width: 400px) {
	.page-title.topmenu_01{background:none;}
	.page-title.topmenu_02{background:none;}
	.page-title.topmenu_03{background:none;}
	.page-title.topmenu_04{background:none;}
	.page-title.topmenu_05{background:none;}
}

.top-categories ul li ul.dropdown-menu li{
	margin:0; padding:0;
	width:100%;
}
.top-categories ul li ul.dropdown-menu li a {
	color:#000;
	font-size:14px;
	line-height:30px;
}
.pd-20p{padding-left:20%;}

.tab_title{font-size:20px; font-weight:600;}


.modal-catalog {
  margin: 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  .modal-catalog {
    width: 700px;
  }
}
.catalog-imgs{padding:0}
.catalog-imgs img{width:100%;}
#prev_btn{
	position:absolute;
	top:300px;
	left:0;
	opacity:0.5;
}
#next_btn{
	position:absolute;
	top:300px;
	right:0;
	opacity:0.5;
}

@media (max-width: 640px) {
	#prev_btn,
	#next_btn{
		top:35%;
	}
}

.modal-dotmenu  select {
	border:1px solid #1d75a1;
  display: inline-block;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px 8px;
  line-height: 30px;
  font-size: 12px;
  color: #1d75a1;
  background-color: #fff;
  margin-left:5px;
}

.modal-catalog p{ text-align:right; margin:0;}
.popup-modal-dismiss{color:#fff; font-weight:700; font-size:24px; padding:5px 5px 2px 5px;}

.popup-modal-dismiss:hover,
.popup-modal-dismiss:focus,
.popup-modal-dismiss:active,
.popup-modal-dismiss.active {
  text-decoration: none;
  color: #fff;
}
.modal-catalog p{ text-align:right;}

.mgt-30 {
	margin-top:30px;
}
.bakery ul {
	padding:0;
}
.bakery ul li{
	margin-bottom:40px;
}
.btn_box a {
    width: 100%;
    border-radius: 6px;
    color: #fff;
	text-align:center;
}
.btn-green {
    background-color: #03aa5a;
    border-color: #03aa5a;
    padding: 10px 35px 7px 20px;
    position: relative;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}
.btn_box {
	margin-top:10px;
	text-align:center;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
	color:#03aa5a;
    background-color: #fff;
    border-color: #03aa5a;
}


.footer-container a {
    position: relative;
    overflow: hidden;
    width: auto;
    color: #fff;
	height: 40px;
    line-height: 50px;
}

.footer-container a:link,
.footer-container a:visited,
.footer-container a:active {
    text-decoration: none;
    outline: 0
}