@charset "utf-8";
/* CSS Document */
/* NanumGothic */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* BASE STYLE --------------------------------------------------------*/

html{overflow-y:scroll; overflow-x:hidden; }
body{font-family:'Nanum Gothic', sans-serif; color:#555; }
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
#bo_v_con strong {font-weight:700;}
a{text-decoration:none !important; color:#333;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block; }
table, td, tr{font-family:'Nanum Gothic', sans-serif; font-size:13px; color:#333; font-weight:400; text-decoration:none !important;}

/* TOTAL BODY SIZE  --------------------------------------------------------*/
#wrap {width:100%; margin:70px auto 0; overflow:hidden; min-width:1200px !important; max-width:1920px; position:relative;  }
#wrap_total {width:100%; margin:0 auto; overflow:hidden;}
#main_body_wrap {width:100%; margin:0 auto; overflow:hidden;}
#body_total {margin:0 auto; max-width:1920px; width:100%; overflow:hidden;}
#sub_page {max-width:1920px; margin:0 auto;  width:100%;  min-width:1100px;}

.sub_img_wrap {  width:100%;  height:260px; margin:0 auto; background:url('../images/sub_img.jpg') center top; 
background-repeat:no-repeat; margin-top:10px; }

#sub_img { width:100%; min-width:1100px; margin:0; background:url('../images/sub_bg.jpg'); height:149px;}


/* Sub page Loction --------------------------------------------------------*/
.sub_page_location_wrap {width:100%; height:45px; background:#f7f3ef;}
.sub_page_location  {width:1100px; background:#f7f3ef; height:45px; margin:0 auto; font-size:13px;}
.sub_title_heading {width:550px; line-height:45px;   height:45px; float:right; text-align:right;}
.sub_title_heading .sub_color {color:#f99736; font-weight:700; font-size:13px;}
.sub_title_heading img {margin-top:-3px;}


#nav_total_fix {width:100%; max-width:1920px; min-width:1200px;margin-top:0px;}
.bgded {height:0 !important; border:0 !important;}

/* SUB LEFT MENU & BODY SIZE  --------------------------------------------------------*/
#sub_wrap { width:1100px; overflow:hidden; margin:0 auto 80px; }

/* #left_total { width:308px;overflow:hidden; float:left;} LEFT MENU */
/* #sub_body {width:850px;float:left; padding-left:40px;  min-height:400px;   border-left:solid 1px #e2e2e2;} RIGHT BODY */


/* TOP LOGIN NAVIGATION -------------------------------------------------------- */
.main_top_wrap {width:100%;  height:0px; margin:0 auto; max-width:1920px; min-width:1200px; }
.main_top_info { width:1100px; margin:0 auto;  height:20px !important;  }
.main_top_laction01 {width:550px; float:left; text-align:left; line-height:90px; font-size:16px; margin-top:-1px;}
.main_top_laction02 {width:550px; float:left; text-align:right; font-size:16px;}
.main_top_laction02 ul  { display:inline-block; }
.main_top_laction02 ul li {float:right; height:90px; margin-top:-2px; }
.main_top_laction02 ul li a {display:block; height:90px;  font-size:16px; text-align:right; padding:35px 0 0 18px; } 
.main_top_laction03  { width:1100px; margin:0 auto;  height:20px !important;}



/* NAVIGATION -------------------------------------------------------- */

#main_fix_wrap {width:100%; margin:0 auto; position:fixed; z-index:100000;}
 
#main_menu {width:100%; margin:0 auto; font-family: 'Nanum Gothic', sans-serif; background:#fff; border-bottom:solid 1px #eceaea;  }
#main_menu_wrap {width:100%; margin:0 auto; height:90px; }
#main_menu_size {width:100%; max-width:1200px; margin:0 auto; position:relative;  height:90px;}

/*-- main logo -----------------------------------------------------------*/
#main_menu_size .logo {position:absolute; top:15px; left:0px;}

/*-- main menu -----------------------------------------------------------*/
#main_menu .main_nav{width:1200px; margin:0 auto;  background:#fff;   height:90px; }
#main_menu .nav_menu li{list-style:none;}
#main_menu .nav_menu a{text-decoration:none; color:#333;}

#main_menu .nav_menu {width:480px; margin-left:710px;}	
#main_menu .nav_menu li{ width:120px;  padding:0; height:90px; float:left; text-align:center;  line-height:90px;  font-size:16px; }
#main_menu .nav_menu ul li ul{display:none;}
#main_menu .nav_menu ul li:hover ul{display:block;}
#main_menu .nav_menu ul li li:hover {background-color: #ffffff; color: #dd4139; padding:0; line-height:50px; height:50px;}
#main_menu .nav_menu ul li li:hover a {color: #d13a19;line-height:50px; height:50px;}
#main_menu .nav_menu ul li li {line-height:50px; height:50px; background:#dd4139; width:120px;  text-align:center; word-spacing:-1em; font-size:14px; z-index:100000; position:relative;}
#main_menu .nav_menu ul li li a {color:#fff; transition: 0.2s;line-height:50px; height:50px; } 


/*-- -----------------------------------------------------------*/
.main_nav .link {transition: 0.3s ease; background: #fff; font-size: 16px;  text-decoration: none; border-top: 3px solid #fff;  border-bottom: 3px solid #fff;  padding: 10px 0;  margin: 0 10px;}
.main_nav .link:hover {border-top: 3px solid #dd4139; border-bottom: 3px solid #dd4139; padding: 6px 0;}





/*  MAIN SLIDE SHOW  -------------------------------------------------------- */
#main_visual_wrap {width:100%; margin:0 auto; min-width:1200px; max-width:1920px; overflow:hidden; background:#eee6de;}
#slide {width:100%; margin:112px auto 0; max-width:1920px; min-width:1200px; box-sizing: border-box; } 

.swiper-container { width: 100%; height: 100%;}
.swiper-slide {text-align: center; background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }


.text_wrap {  color: #fff; /*text-shadow: 3px 1px 0px rgba(0,0,0,0.7);*/  position: absolute;  top:38%; left:50%;
 margin-left:-600px;  width:1200px;  font-family:'Nanum Gothic', sans-serif; text-align:center;}
.text_01 {  font-size:3.2em;  line-height:70px;  font-weight:600; letter-spacing:4px;}
.text_02 {width:41%; margin:10px auto 0px; height:1px;/*   border-bottom:solid 1px #fff;*/ background:#fff; }
.size { position:relative; width:100%; }
.re_size { position:absolute; text-align:center; left:355px; letter-spacing:1px; font-size:18px; line-height:28px; padding-top:10px; }


/* SUB LEFT MENU --------------------------------------------------------*/

#left_total_wrap {width:240px; padding-top:80px; float:left; } 
#left_total {width:240px;  overflow:hidden; }
#sub_body { width:1100px; min-height:500px; overflow:hidden; margin:0 auto;/*border-left:solid 1px #ececec; box-sizing:border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; */}

/* left page-title name -----------------*/
#left_title { font-size:28px; height:30px; line-height:30px; font-weight:600; padding-left:5px; color:#393834; letter-spacing:-2px; text-align:left; margin-bottom:8px;}
#left_title_small {font-size:15px; line-height:20px; padding-left:5px; color:#a7a4a4; letter-spacing:-1px; text-align:left; margin-bottom:50px;}
 /* left name setting --------------
.leftMenu li:last-child {border:0;}
.leftMenu {float:left; width:239px; overflow:hidden;}
.leftMenu li{list-style:none; border-bottom:solid 1px #ececec; box-sizing:border-box; }
.leftMenu li a{display:block; height:50px;  font-family: 'Nanum Gothic', sans-serif; font-size:14px; line-height:50px; color:#a7a4a4; padding-left:13px; }
.leftMenu li a:hover{color:#f99736;background:url('../images/sub_menu_bg.jpg'); font-weight:700;}
.leftMenu li.on a{color:#f99736; background:url('../images/sub_menu_bg.jpg'); font-weight:700;}---*/

/*---------------------------------------------------------------------- */

#left_nav{width:100%; overflow:hidden;}
.leftMenu {float:left; width:239px; overflow:hidden; margin-bottom:50px; } 
.leftMenu > li{list-style:none; border-bottom:1px solid #ececec; padding-left:5px; }

.leftMenu > li > a{display:block; width:239px; padding-left:0px; font-family:'Nanum Gothic', sans-serif; font-size:16px; height:50px; line-height:50px;  font-weight:600; color:#535353; }

.leftMenu .gub_sub {display:none;}
.leftMenu li .gub_sub { overflow:hidden; height:auto; padding:0;}
.leftMenu li .gub_sub li a {display:block; height:50px; padding-left:25px; font-family:'Nanum Gothic', sans-serif; font-size:14px; line-height:50px; color:#777; }
.gub_sub > li { /*border-bottom: solid 1px  #ddd; border-color:rgba(205,205,205,.3);  box-sizing:border-box;*/ border-bottom:1px solid #ececec;}
.gub_sub li:last-child {border-bottom:none;}
.gub_sub li:first-child {border-top:1px solid #ececec;}

.leftMenu li a:hover{ color:#ccc; font-weight:600;}
.leftMenu li.on > a{color:#f99736; font-weight:600; } 
.leftMenu li .gub_sub li a:hover, .leftMenu li .gub_sub li.on a{ color:#f99736; font-weight:600; line-height:50px; height:50px; }
.leftMenu li .gub_sub .sub01 a {height:50px;}
.first_sub {padding-bottom:0px;}
.list_height {height:70px !important; }
.list_height a {line-height:25px !important; padding-top:10px; }


 /* right page-title name -----------------*/
#sub_heading_wrap {width:1100px; margin:60px auto 100px;}
.sub_heading_1st {width:100%; display:block; padding-top:35px; margin:0 auto; text-align:center;}

.sub_heading01 { font-size:32px; font-weight:600; color:#393834; text-align:center; height:38px; line-height:38px;} 
.sub_heading02 { width:128px; height:1px; margin:30px  auto 20px; background:#595757; }
.sub_heading03 {font-size:18px; line-height:25px; color:#595757;  letter-spacing:-1px; text-align:center;}

.sub_heading04 {width:257px; height:36px; margin:40px auto 0px;}



#left_information {width:240px; margin-bottom:50px; height:308px; background:url('../images/customer.jpg'); background-repeat:no-repeat; margin-top:50px;}

.customer_01 { color:#969482; font-size:14px; letter-spacing:-1px; padding-left:20px; padding-top:20px;}
.customer_02 { color:#414245; font-size:15px; letter-spacing:-2px; padding-left:20px; margin-top:10px;}
.customer_03 { color:#333333; font-size:20px; padding-left:20px; font-weight:700; margin-top:17px;}
.customer_04 { color:#333333; font-size:14px; line-height:18px; letter-spacing:-1px; padding-left:20px;  margin-top:17px;}
/* MAIN CONTENTS  --------------------------------------------------------*/

#main_contents_wrap {width:100%;  overflow:hidden; margin:50px auto 0; }
#main_contetns {width:1100px; margin:0 auto; overflow:hidden;  background:#fff; margin-bottom:100px;}



#main_con_wrap01 {width:1100px; margin:0 auto; height:368px;}
.main_con01 {width:535px; height:100%; float:left; margin-right:30px;}
.main_con02 {width:535px; height:100%; float:left;}

#main_con_wrap02 {width:1100px; margin:0 auto; height:1196px;} 
.main_con03 {width:535px; height:100%; float:left; margin-right:30px;}
.main_con03_01 {width:100%; height:531px; margin-top:30px;} 
.main_con03_02 {width:100%; height:288px; margin-top:30px;} 
.main_con03_03 {width:100%; height:287px; margin-top:30px;} 

.main_con04 {width:535px; height:100%; float:left;}
.main_con03_04 {width:100%; height:401px; margin-top:30px; background:#ebebeb;
background-repeat:no-repeat;} 
.main_con03_05 {width:100%; height:328px; margin-top:30px;} 
.main_con03_06 {width:100%; height:379px; margin-top:30px;} 


.sub_sute_map_wrap{width:100%; margin:0 auto; height:888px;  background:url('../images/site_bg.jpg'); background-repeat:no-repeat;}
.sub_cs_wrap {width:100%; margin:40px auto 0; height:525px;  background:url('../images/602.jpg'); background-repeat:no-repeat;}

.weather-info-wrap {width:421px; margin:30px auto 0; height:142px; }
.weather01 {width:140px; float:left; height:107px; margin-top:28px;}
.weather02 {width:140px; float:left ; text-align:center; font-size:16px; line-height:32px; font-weight:600; padding-top:3px; ont-family:'Nanum Gothic', sans-serif !important;}
.weather03 {width:140px; float:left; text-align:center; font-size:16px; line-height:32px; padding-top:3px; ont-family:'Nanum Gothic', sans-serif !important;}



/* main nav ----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* --------------------------------

Primary style

-------------------------------- */

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  /* you need to set this to assign to the main element a min height of 100% */
  
  height: 100%;
}


.img-replace {
  /* replace text with a background-image */
  
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.overflow-hidden {
  overflow: hidden;
}
/* --------------------------------

Main styles

-------------------------------- */

.main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  
  min-height: 100%;
  position: relative;
  background-color: #ededed;
  z-index: 2;
  padding-top: 50px;
  /* Force Hardware Acceleration in WebKit */
  
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.main-content.menu-open {
  /* translate to show the lateral menu - all content needs to be put in the .main-content to translate*/
  
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

@media only screen and (min-width: 768px) {
  .main-content {
    padding-top: 70px; 
  }
  
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  z-index: 100000;
  /* Force Hardware Acceleration in WebKit   background: #f9f9f9; */
   background: #f9f9f9;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

#header.menu-open {
  /* translate to show the lateral menu */
  
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

@media only screen and (min-width: 768px) {
  #header {
    height: 70px;
  }
}

#site-title {
  display: block;
  float: left;
  margin: 12px 0 0 20px;
  font-size: 1.5em;
  font-weight: 400;
  
}


#site-title a {
  color: #585858;
}

#site-title a:hover {
  color: #b6b6b6;
}

#site-title img {
  display: block;
}

@media only screen and (min-width: 768px) {
  #site-title {
    margin: 22px 0 0 30px; position:fixed;
  }
}

#nav-trigger {
  position: relative;
  margin: 10px 30px 0 0;
  top: auto;
  right: auto;
  width: 40px;
  height: 40px;
  cursor: pointer;
  text-align: right;
  float: right;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

#nav-trigger .line {
  height: 3px;
  width: 100%;
  margin-bottom: 4px;
  background: #585858;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

#nav-trigger .line.l-01 {
  width: 95%;
}

#nav-trigger .line.l-02 {
  width: 80%;
}

#nav-trigger .line.l-03 {
  width: 70%;
}

#nav-trigger .line.l-04 {
  width: 100%;
}

#nav-trigger:hover .line.l-01 {
  width: 80%;
}

#nav-trigger:hover .line.l-02 {
  width: 95%;
}

#nav-trigger:hover .line.l-03 {
  width: 100%;
}

#nav-trigger:hover .line.l-04 {
  width: 70%;
}

#nav-trigger.is-clicked .line.l-01,
#nav-trigger.is-clicked .line.l-04 {
  background-color: transparent;
}

#nav-trigger.is-clicked .line.l-02,
#nav-trigger.is-clicked .line.l-03 {
  width: 100%;
}

#nav-trigger.is-clicked .line.l-02 {
  margin-top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-trigger.is-clicked .line.l-03 {
  margin-top: -6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#menu-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
}

#menu-trigger .menu-text {
  height: 100%;
  text-transform: uppercase;
  color: #585858;
  display: none;
}

#menu-trigger .menu-icon {
  /* this span is the central line in the menu menu */
  
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #585858;
  /* these are the upper and lower lines in the menu menu */
}

#menu-trigger .menu-icon::before,
#menu-trigger .menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
}

#menu-trigger .menu-icon::before {
  bottom: 5px;
}

#menu-trigger .menu-icon::after {
  top: 5px;
}

#menu-trigger.is-clicked .menu-icon {
  background-color: transparent;
}

#menu-trigger.is-clicked .menu-icon::before,
#menu-trigger.is-clicked .menu-icon::after {
  background-color: #585858;
}

#menu-trigger.is-clicked .menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#menu-trigger.is-clicked .menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (min-width: 768px) {
  #menu-trigger {
    width: 110px;
    padding-left: 1.25em;
  }
  #menu-trigger .menu-text {
    display: inline-block;
    line-height: 74px;
  }
  #menu-trigger .menu-icon {
    left: auto;
    right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

#side-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top: 0;
  visibility: hidden;
  
  /* the secondary navigation is covered by the main element */
  
  z-index: 1;
  width: 280px;
  padding-right:20px;
  background-color:#f9f9f9;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
}

#side-nav .navigation {
  margin: 10px 0 16px;
}

#side-nav .sub-menu {
  padding: 10px 10px 20px 22px;
  display: none; font-size:16px; font-weight:400; letter-spacing:-1px;
}

#side-nav a {
  display: block;
  line-height: 1.7em;
  padding: 0 16px 8px 32px;
  color: #585858; 
}

#side-nav a.current {
  color: #72d69a;
}

.no-touch #side-nav a:hover {
  color: #72d69a;
}

@media only screen and (min-width: 768px) {
  #side-nav .navigation {
    margin: 45px 0 20px 0;
  }
}

#side-nav.menu-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  
  -webkit-overflow-scrolling: touch;
}
/* style menu items which have a submenu  */
#side-nav .item-has-children {border-bottom:solid 1px #ccc; padding-top:4px; padding-bottom:0px; font-weight:700;}
#side-nav .item-none {border-bottom:solid 1px #ccc; padding-top:10px; padding-bottom:7px;  font-weight:700; line-height:3em !important;}


#side-nav .item-has-children > a {
  position: relative;
  font-size: 1.2em; line-height:2.5em !important;
}

#side-nav  .sub-one {font-size: 1.2em !important;}

#side-nav .item-has-children > a::after {
  content: '';
  width: 8px;
  height: 8px;
  border-left: solid 2px #585858;
  border-bottom: solid 2px #585858;
  position: absolute;
  z-index: 5;
  top: 30%;
  left: 87%;
  display: block;
  transition-property: transform;
  transition-duration: 0.2s;
  transform: rotate(-135deg);

}

#side-nav .item-has-children > a.submenu-open::after {
  transform: translateY(-25%) rotate(-45deg);
}

#side-nav p {
  font-size: 1em;
  line-height: 1.8em;
  padding: 0 16px 0 32px; font-weight:700;
}

#side-nav p a {
  padding: 0;
}

#side-nav .socials {
  padding: 0 32px;
}

#side-nav .socials:after {
  content: "";
  display: table;
  clear: both;
}

#side-nav .socials a {
  display: inline-block;
  font-size: 1.5em;
  line-height: 72px;
  padding: 0 .5em 0 0;
}



/* ---------------------------------------------------------------------------
FOOTER ---------------------------------------------------------------------*/

#info_footer {width:100%; height:90px; line-height:90px; margin:0 auto; background:#317d18; min-width:1200px; overflow:hidden;}
.info_size {width:1200px; margin:0 auto; background:#317d18; color:#fff; font-size:17px; line-height:80px; text-align:right;}
#info_footer .info_size strong {font-size:24px; font-weight:600; line-height:80px;}


#footer_wrap {width:100%;  overflow:hidden; margin:0 auto; background:#fff; margin-top:0px; min-width:1200px; max-width:1920px; border-top: solid 1px #d8d8d8; box-sizing:border-box;}

#footer_size {width:100%;  margin:0 auto; background:#fff;}
.footer_copy {width:100%; height:160px; background:#fff; color:#9d9b9b;}

.copy01 { width:1200px; margin:0 auto; height:58px; line-height:58px; font-size:14px; font-weight:700;/* border-bottom: solid 1px #8d8c8c;box-sizing:border-box; */ text-align:center;}
.copy_center { width:70%; margin:0 auto; background:inherit;}
.list_admin li {text-align:center; display:inline; margin:0 auto;}
.list_admin a { color:#5b5b5b;  text-decoration:none; padding:0 5px;}
.list_admin a.frist {padding-left:0; text-indent:-5px;}
.footer_line { width:100%; height:1px; background:rgba(216,216,216,0.8);}



#footer_size .copy02  {width:100%; margin:15px auto 0px; line-height:22px;font-size:12px; color:#6d6d6d; text-align:center;}  

#footer_size .copy03 {width:178px; margin:10px auto 10px;  height:66px; line-height:66px;} 
#footer_size .copy03  img {opacity:0.7;} 

/*-----------------------------------------------------------------------*/
/* Selector box --------------------------------------------------------*/

span.msg,
span.choose {
  color: #555;
  padding: 5px 0 10px;
  display: inherit
}
.container {
  width: 300px; 
  margin: 30px auto 0 !important;
  text-align: center
}

/*Styling Selectbox*/
.dropdown {
  width: 300px; margin-top:60px; margin-left:60px; 
  display: inline-block;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 2px rgb(204, 204, 204);
  transition: all .5s ease;
  position: relative;
  font-size: 14px;
  color: #474747;

  text-align: left;
  margin-top:30px;
}
.dropdown .select {
    cursor: pointer;
    display: block;
    padding: 5px
}
.dropdown .select > i {
    font-size: 13px;
    color: #888;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 20px
}
.dropdown:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204)
}
.dropdown:active {
    background-color: #f8f8f8
}
.dropdown.active:hover,
.dropdown.active {
    box-shadow: 0 0 4px rgb(204, 204, 204);
    border-radius: 5px 5px 0 0;
    background-color: #f8f8f8
}
.dropdown.active .select > i {
    transform: rotate(-65deg)
}
.dropdown .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 5px 5px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto !important;
    z-index: 9
}
.dropdown .dropdown-menu li {
    padding:3px;
	font-size:13px;
    transition: all .2s ease-in-out;
    cursor: pointer;
} 
.dropdown .dropdown-menu {
    padding: 0;
    list-style: none
}
.dropdown .dropdown-menu li:hover {
    background-color: #f2f2f2
}
.dropdown .dropdown-menu li:active {
    background-color: #e2e2e2
}