/*
Theme Name: dplogistics
Theme URI: http://pibs.co.kr
Description:
Author: PIBS (spidoche)
Author URI: http://www.pibs.co.kr/
Version: 1.2

License:
License URI:
*/

/***************************************/
/* WORDPRESS CONTENT */
/* Copy of style_editor.css */
/* If you edit this part think to edit the equivalent part on the file style_editor.css */
/***************************************/


@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');

@font-face {
    font-family: 'notokr';
    src: url('fonts/notokr-demilight.eot');
    src: url('fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-demilight.woff2') format('woff2'),
         url('fonts/notokr-demilight.woff') format('woff'),
         url('fonts/notokr-demilight.ttf') format('truetype'),
         url('fonts/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: 300;
    font-style: normal;

}


@font-face {
    font-family: 'notokr';
    src: url('fonts/notokr-regular.eot');
    src: url('fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-regular.woff2') format('woff2'),
         url('fonts/notokr-regular.woff') format('woff'),
         url('fonts/notokr-regular.ttf') format('truetype'),
         url('fonts/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'notokr';
    src: url('fonts/notokr-bold.eot');
    src: url('fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-bold.woff2') format('woff2'),
         url('fonts/notokr-bold.woff') format('woff'),
         url('fonts/notokr-bold.ttf') format('truetype'),
         url('fonts/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'notokr';
    src: url('fonts/notokr-black.eot');
    src: url('fonts/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-black.woff2') format('woff2'),
         url('fonts/notokr-black.woff') format('woff'),
         url('fonts/notokr-black.ttf') format('truetype'),
         url('fonts/notokr-black.svg#notokr-black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquare';
	font-weight: 300;
    src: url('../fonts/NanumSquareL.eot');
    src: url('../fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NanumSquareL.woff') format('woff'),
	url('../fonts/NanumSquareL.woff2') format('woff2');
}

@font-face {
    font-family: 'NanumSquare';
	font-weight: 400;
    src: url('../fonts/NanumSquareR.eot');
    src: url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NanumSquareR.woff') format('woff'),
	url('../fonts/NanumSquareR.woff2') format('woff2');
}

@font-face {
    font-family: 'NanumSquare';
	font-weight: 700;
    src: url('../fonts/NanumSquareB.eot');
    src: url('../fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NanumSquareB.woff') format('woff'),
	url('../fonts/NanumSquareB.woff2') format('woff2');
}




html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,v

ar,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 15px;
	vertical-align: baseline;
	font-family: 'notokr', 'NanumGothic', '나눔고딕', Arial, Helvetica, dotum, sans-serif;
	font-weight: 400;
}
html { height: 100%; }
body {
    position: relative;
    height: 100%;
}
body input,body textarea { box-shadow: none; }
td.tx_right {
    text-align: right !important;
    padding-right: 10px !important;
}
.right {float:right !important;}
.left {float:left;}

#the_content {
    overflow: hidden;
    clear: both;
}
#the_content a { text-decoration:none;color: #333;}
#the_content a:hover{text-decoration:underline}
#the_content p {line-height: 28px;color: #666;}
#the_content b, #the_content strong { font-weight: bold}

#the_content ul, #the_content ol{ padding-left:20px}
#the_content ol{list-style-type: decimal;}
#the_content ul{list-style-type:disc;}


/***************************************/
/* GENERAL */
/***************************************/
#site_wrap {width: 100%; float: left;  position: relative;}
.wrap{ width:1200px; margin:0 auto; clear:both;position:relative;}
a{ text-decoration:none;}

.screen-reader-text { display: inline-block; text-indent: -9999px; width: 0;}
.clear_hack{ clear:both}
.coming_soon{ text-align:center; font-weight:bold; margin-top:40px; color:#666; font-size:12px;}

#main_container_inner{}
.page #content_container,#single-photos #content_container{ min-height:600px}


/***************************************/
/* TABLE */
/***************************************/
table.table_05 td { text-align: center; padding: 15px 8px; border-bottom: 1px dotted #ccc; font-size: 11px; }
table.table_05 th { font-weight: bold; text-align: center; background: #ddd; padding: 10px; font-family: 'NanumGothic', '나눔고딕'; color: #555; }
table.table_05 { border-top: 2px solid #1EB3EC; border-bottom: 1px solid #ccc; clear: both; float: left; width: 100%; }



/***************************************/
/* HEADER */
/***************************************/

#header .pc_menu {display:block;}

/* 170726 mobile_menu */
.screen { width: 100%; z-index: 99999; }
.screen nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: 100%;
    background: url('./images/bg_menu.png') no-repeat;
	display:none;
	z-index: 1000;
}
.screen.mobile_menu.is-visible nav{display:block;}
.screen .menu-container {
  position: relative;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.screen .view-submenu .menu-container {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  height: 100%;
}
.screen.mobile_menu.is-visible {
    background: rgba(0, 0, 0, 0.8);
	height: 100%;
}

.screen ul {
  color: #ededed;
  z-index: 1;
}

.screen ul li a {
  font-size: 20px;
  font-weight:500;
  opacity: 0;
  display: block;
  padding: 0;
  position: relative;
  cursor: pointer;
}

.screen ul li.has-children span {
  display:none;
}

.screen ul li.has-children span:after {
}

.screen ul li.has-children span:hover:after { border-color: #bababa; }

.screen .menu {
 /*  opacity: 0;
  -webkit-transition: background-color 0.25s ease-out, opacity 0.15s ease-out;
  transition: background-color 0.25s ease-out, opacity 0.15s ease-out; */
}

.screen .menu.is-visible {
    opacity: 1;
	padding: 70px 0 180px 0;
	width: 100%;
}
.menu.is-visible > li > a {
    color: #23c3fc !important;
}
.menu.is-visible li a {
  opacity: 1;
  text-align: center;
  color: #fff;
  margin-bottom: 23px;
}

.screen .view-submenu .menu { background-color: #3e3e3e; }

.screen .view-submenu .menu > li > a {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}

ul.submenu {
    margin-top: 12px;
}

.screen .submenu {
}

.screen .submenu li {
	width: 107px;
    display: inline-block;
}

.screen .hide-submenu {
}

.screen .hide-submenu:before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  margin: auto;
  padding: 4px;
  width: 10px;
  height: 13px;
  cursor: pointer;
  font-size: 0;
  
  background: url('./images/btn_arrowL.png') no-repeat;
}
.menu-container li.mob_lang span > a {
    font-size: 12px;
    display: inline-block;
    float: left;
    padding: 0 20px;
    border: 1px solid #fff;
    border-radius: 50px;
    margin: 0 5px;
}
.menu-container li.mob_lang span > a:hover {background: #3263af;border: 1px solid #3263af;color: #d9d6ff;}
.menu-container li.mob_lang span {display:inline-block;}
.menu-container li.mob_lang {text-align:center;margin-bottom: 20px;}
.mobile_menu li {
	width: 100%;
}
li.has-children {
    margin-top: 42px;
}
/* .screen .view-submenu .hide-submenu {
    background-color: rgb(38, 34, 98);
} */

.screen .view-submenu .hide-submenu:before {
  opacity: 1;
  -webkit-transition: opacity 0.15s 0.3s ease-out;
  transition: opacity 0.15s 0.3s ease-out;
}

.toggle {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  top: 9px;
  right: 18px;
  margin: auto;
  cursor: pointer;
  z-index: 1001;
  background: url(images/btn_menu.png) no-repeat 100%;
      width: 60px;
    height: 60px;
	text-indent: -9999px;
}
.is-visible .toggle{
	background: url(images/btn_close.png) no-repeat;
    width: 59px;
    height: 60px;
}
ul.submenu > li > a {
    font-size: 15px;
}
.toggle span {
}

 .toggle span:before, .toggle span:after {
}

.toggle span:before {}

.toggle span:after {}

.is-visible .toggle span { background-color: transparent; }

.is-visible .toggle span:before {
  bottom: -10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.is-visible .toggle span:after {
  top: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.screen .visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

body #header {
    width: 100%;
    height: 80px;
    z-index: 99;
    position: fixed;
    top: 0px;
    left: 0;
    background: url('images/main/header_bg.png') left top repeat;
}
.is-visible .toggle span:before, .is-visible .toggle span:after{display:none;}
.is-visible .toggle span{
	}
#menu_container {
    height: auto !important;
	position: relative;
	text-align:center;
}

#header_top {
	position: relative;
	height: 35px;
	width: 100%;
}

/*LOGO*/
#logo_top {
    display: inline-block;
    position: absolute;
    left: 30px;
    top: 11px;
    z-index: 99;
    text-align: center;
}
#logo_top a {
	display:inline-block;
}

#right_menu {
	float:left;
	width:100px;
}

#right_menu a {
    color: #fff;
    line-height: 70px;
    padding: 0 3px 0 8px;
    font-size: 12px;
    font-weight: 500;
}
#right_menu a:first-child {
    background: none;
    padding-right: 10px;
	position:relative;
}

#right_menu a:first-child::after {
    content: "";
    width: 1px;
    height: 12px;
    background: #fff;
    /* display: block; */
    /* overflow: hidden; */
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px;
    position: absolute;
    right: 0;
    top: 3px;
}
/* fullscreen-menu overlay */
#overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('images/main/top_bg2.png') left top repeat;
    z-index: 9;
}

#overlay div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 62vh;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#overlay ul {
    list-style: none;
    padding: 0;
    z-index: 99999;
    width: 1200px;
}

#overlay ul {
    list-style: none;
    padding: 0;
    z-index: 99999;
    width: 1200px;
    margin-top: 250px;
}

#overlay ul li {
    float: left;
    width: 25%;
    /* padding: 3% 0 5% 3%; */
    color: #fff;
}

#overlay ul li h2 {
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: #19b6ff;
    padding-bottom: 20px;
}

#overlay ul li a {
    display: block;
    color: #ccc;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
}

#overlay ul li a:hover {
	color:#fff;
}


#language_site {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0px;
}

#language_site select {
    width: 130px;
    padding: 0.4em .7em;
    font-family: inherit;
    background: #0a6c5a url(images/main/lag_arrow.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #065042;
    border-radius: 0px;
    color: #fff;
    font-size: 13px;
}

#overlay ul.nav_inn_sub {
    width: auto;
    margin: 0;
}

#overlay ul.nav_inn_sub li {
    width: 100%;
    display: block;
}

/*퀵메뉴*/
.quick_menu {
    position: absolute;
    right: -40px;
    top: 250px;
    width: 42px;
}
p.photo_kakao {
    position: FIXED;
    right: -190px;
    top: 85px;
}
/*SEARCH*/
#searchform {float: right; margin: 5px 5px 0 0;}
.menu-top-container {
width: 1200px;
float: left;
height: 30px;
color: #666666;
z-index: 1;
text-align: right;
line-height: 30px;
background: #f0f0f0;
}
#searchform #searchsubmit{color: #5E5E5E; font-size:11px; background: #7ef3ff; padding: 3px 7px; border: 1px #64CDD8 solid;}

/*TOP MENU*/
.menu-top-container { width: 100%; float:left;height:34px;color:#666666; z-index:1;text-align:right;line-height:30px; border-bottom:1px solid #e8e8e8;}
.menu-top-container a{display: inline-block; color: #555555 !important;font-size: 12px; padding-left: 15px; line-height: 32px;}
.menu-top-container  a:hover { color: #003c68;}
#menu-top {
text-align: right;
}
#menu-top li {
display: inline-block;
}

/* Effect 13: three circles */
#single_dropdown .cl-effect-13 a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

#single_dropdown .cl-effect-13 a::before {
	position: absolute;
	top: 15px;
	left: 50%;
	color: transparent;
	content: ".";
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

#single_dropdown .cl-effect-13 a:hover::before,
#single_dropdown .cl-effect-13 a:focus::before {
	color: #fff;
	text-shadow: 10px 0 #fff, -10px 0 #fff;
}

#single_dropdown .cl-effect-13 a:hover,
.cl-effect-13 a:focus {
	color: #ddd !important;
}


/* MAIN MENU GENERAL*/
.menu_type{ left:0; position:absolute; z-index:120; width:100% ; /* top: 0; */}

/*MENU FULL DROPDOWN*/
#full_dropdown{ /*background: #00747C;*/ height: 42px;}
#full_dropdown #main_menu{ width:100.4%; margin:auto; }
#full_dropdown #main_menu li{ float:left; position:relative; }
#full_dropdown #main_menu li a{ float:left; display: inline-block; width: 100%; padding: 0px; font-size:14px; font-weight:bold; color:#444; font-family: NanumGothic, Arial, Helvetica, sans-serif; text-align: center;}
#full_dropdown #main_menu ul{ visibility:hidden; width: 100%; z-index:99; position:absolute; left:0; top:40px; width: 100%; padding-bottom:20px;  padding-top: 10px;}
#full_dropdown #main_menu ul li{ float:none; display:block; width: 100%;}
#full_dropdown #main_menu ul li a{ display: block; float: left; color: #7ef3ff; font-size: 12px; padding: 9px 0;}
#full_dropdown #main_menu ul li:first-child a { border:none;}
#full_dropdown #main_menu ul li a:hover{ color:#fff}
#full_dropdown #main_menu_container { background: #00595F !impotant;}
#full_dropdown #main_menu > li > a { background: #00747C; line-height: 42px;}

/*MENU INLINE DROPDOWN*/
/*#inline_dropdown {position:relative;margin:0 auto;width:1000px;padding:0;background:url(images/top/menubar.gif) no-repeat;height:75px;}*/
#inline_dropdown { position: absolute; width: 100%; bottom: 0; left: 0;}
#inline_dropdown ul li{ float:left; position:relative;}
#inline_dropdown ul li a{ float:left; display: block; padding: 0; width: 100%; font-size:15px; font-weight:bold; color:#F7FFFF; font-family:Arial, Helvetica, sans-serif; text-align: center; font-family: 'NanumGothic', '나눔고딕';/*text-ove

rflow: ellipsis; overflow: hidden; white-space: nowrap;*/}
#inline_dropdown ul li a:hover, #inline_dropdown ul > li.active > a{color:#083C3F}
#inline_dropdown ul{ margin:auto; padding-top: 0; position:relative}
#inline_dropdown li{float:left;text-align:center;width: 100%;position: relative;}
#inline_dropdown li ul {position: absolute; top: 37px; left: 0; visibility:hidden;  background: #00747C; z-index: 9;}
#inline_dropdown li ul li{text-align: center; float:left;width: auto;display: block;}
#inline_dropdown li ul li a{color:#7ef3ff;font-size:12px;font-weight:bold;text-decoration:none; padding: 8px 10px;width: auto;}
#inline_dropdown li ul a:hover {color:#fff;font-size:12px;font-weight:bold;text-decoration:none;}
#inline_dropdown #main_menu > li > a {line-height: 42px;}
div#single_dropdown {display: inline-block;padding: 0;margin-left: 0;}
#en div#single_dropdown {padding:0;}
ul#main_menu { display: inline-block; }

.gnb_menu { position: absolute; right: 100px; overflow: hidden; top: 30px; }
.gnb_menu ul li { float: left; padding: 0 8px  0 12px; position:relative; }
.gnb_menu ul li:first-child:before { display: none; }
.gnb_menu ul li:before { display: block; content:"·"; clear:both; position: absolute; left:0; top:4px; color: #bbbbbb; line-height: 13px; }
.gnb_menu ul li a {  font-size: 13px; line-height: 13px; color: #bbbbbb; } 
.gnb_menu ul li a:hover { color: #fff; }


/*MENU SINGLE DROPDOWN*/
#single_dropdown #main_menu:after{display:block;content:'';clear:both;}
#single_dropdown #main_menu ul {display: none;z-index: 9999;background-color: #2b479e; position: absolute;height: 450px;left: 0;top: 80px;padding-bottom: 25px;padding-top: 10px;}
#single_dropdown #main_menu ul li { float: none; display: block; }
#single_dropdown #main_menu ul li a { display: block; font-size: 13px;font-weight: 500; padding: 8px 0; margin: 0 5px; text-align: center;color: #fff !important;}
/*#single_dropdown #main_menu ul li a:hover {color:#3263af !important;}*/
#single_dropdown #main_menu ul li.dropdown_last_child a { border-bottom: none; } /*IE8 HACK*/
#single_dropdown #main_menu li a.active { color:#BD182B}
#single_dropdown #main_menu li { float: left; position: relative; margin: 0px; text-align: center;}
#single_dropdown #main_menu li ul li { clear: both; margin: 0; width: 100%; }
#single_dropdown #main_menu > li > a {display: block;color: #fff;font-size: 18px;line-height: 80px;font-weight: 400;padding: 0 40px;}

#single_dropdown #main_menu li a:hover, #single_dropdown #main_menu li a.jquery_dropdown {font-weight:400;}
#single_dropdown #main_menu li a:active { background-color: transparent; }
/* #single_dropdown #main_menu > li > a.jquery_dropdown:before { content: ""; display: block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; bottom: -1px; margin-

left: -7px; left: 50%; } */
#single_dropdown #single_dropdown { float: left; width: 100%; position: absolute; right: 0; bottom: 0; border-bottom: 4px solid #F3F3F3; }
#single_dropdown #main_menu li a:hover span, #single_dropdown #main_menu li a.jquery_dropdown span { display: block; width: 19px; height: 12px; background: url(images/menu_g.gif) 0 0 no-repeat; position: absolute; left: 50px; bottom: 0; z-

index: 999; }
#single_dropdown ul#main_menu li.menu01 ul.submenu_01 li a, #single_dropdown ul#main_menu li.menu02 ul.submenu_02 li a, #single_dropdown ul#main_menu li.menu03 ul.menu_03 li a, #single_dropdown ul#main_menu li.menu04 ul.submenu_04 li a, #s

ingle_dropdown ul#main_menu li.menu05 ul.submenu_05 li a { background: none; /*height: 30px;*/ }
#single_dropdown #main_menu > li > a.active:before {content: "";display: block;border-left: 7px solid rgba(0, 0, 0, 0);border-right: 7px solid rgba(0, 0, 0, 0); border-bottom: 7px solid #0086b3; position: absolute; bottom: -1px; margin-lef

t: -7px; left: 50%;}

#single_dropdown .submenu_01 {width: 160px !important;left: 33px !important;}
#single_dropdown .submenu_02 { width: 160px !important; left:-10px !important;}
#single_dropdown .submenu_03 { width: 160px !important;left:-10px !important;}
#single_dropdown .submenu_04 { width: 160px !important; left:-10px !important;}
#single_dropdown .submenu_05 { width: 160px !important; left:-10px !important;}

/* en-menu */
#en #single_dropdown #main_menu > li > a {display: block;color: #fff;font-size: 16px;font-weight: 400;padding: 0 15px;}
#en #single_dropdown {display: inline-block;padding: 0;margin-left: 200px;}
#en #single_dropdown .submenu_01 { width: 160px !important; left: 13px !important;}
#en #single_dropdown .submenu_02 { width: 160px !important; left:18px !important;}
#en #single_dropdown .submenu_03 {width: 190px !important;left: -10px !important;}
#en #single_dropdown .submenu_05 { width: 160px !important; left: -24px !important;}

/*메인 컨텐츠 메뉴*/
.main_contents {
    overflow: hidden;

    background: #fff;
    padding: 80px 0px;
}
div#contents {
	width: 100%;
	position: relative;
	z-index: 1;
}

.Mcot1 {
	display: inline-block;
	float: left;position: relative;
	padding: 30px 40px 0 40px;

}
.notice  .time {display:none;}
.notice {display: inline-block;}
.notice a {color:#666;}
.notice li {font-size: 12px;padding-left: 8px;background: url(images/main/notice_bullet.png) no-repeat 0 center;line-height: 20px;}
.btn_more {position:absolute;top:28px; right:40px;}
.m_pro {
display: inline-block;
border-left: 1px solid #e0e2e3;
float: left;
position: relative;
padding: 30px 39px;
}
.m_buss {
position: relative;
display: inline-block;
width: 320px;
background: #0099ab;
float: right;
padding: 30px 40px;
color: #fff;
}
.m_buss a {color:#99d5dc;font-size:13px;}
.m_buss ul {padding-bottom: 32px;display: inline-block;width: 100%;}
.m_buss li {width:33.3%; float:left; text-align:center; color:#99d5dc;padding-top:110px;font-size: 13px;}
.m_buss .bus01 {background: url(images/main/business_icon01.png) no-repeat center top;}
.m_buss .bus02 {background: url(images/main/business_icon02.png) no-repeat center top;}
.m_buss .bus03 {background: url(images/main/business_icon03.png) no-repeat center top;}
.m_buss .bus01 a, .m_buss .bus02 a, .m_buss .bus03 a {padding-top: 111px;}
.btn_down {display: inline-block;}

.Mbanner {width: 319px;margin-top: 35px;border: 1px solid #ddd;overflow: hidden;}
.Mbanner li {width: 50%;float:left;text-align:center;padding: 60px 0 10px 0;}
.Mbanner li.ban01 {background: #e7e7e7 url(images/main/banner_icon01.png) no-repeat center  20px;}
.Mbanner li.ban02 {background: #e7e7e7 url(images/main/banner_icon02.png) no-repeat center  15px;}
.Mbanner li.ban01 a {color:#111;padding: 60px 30px 10px 30px;}
.Mbanner li.ban02 a {color:#111;padding: 60px 60px 10px 60px;}


.m_input {margin-top: 15px;}
.m_contents02 ul li {
background-image: url(images/main/back_02.png);
float: left;
width: 49%;
margin-right: 5px;
text-align: center;
height: 95px;
margin-bottom: 5px;
padding-top: 10px;
position: relative;
}
.m_contents02 p {
clear: both;
}
li.margin_no {
margin: 0 !important;
}
.m_contents02 ul li p {
margin: 5px 0 0 0;
}
.m_contents02 ul li span {
font-size: 15px;
position: absolute;
top: 78px;
right: 35px;
color: #555555;
font-weight: 800;
}



/*MENU CHILD PROGRAM*/
.categories_submenu_hack{ display:none}
#main_menu.items_num_1 > li{ width: auto;}
#main_menu.items_num_2 > li{ width: 50%;}
#main_menu.items_num_3 > li{ width: 33.3%;}
#main_menu.items_num_4 > li{ width: 25%;}
#main_menu.items_num_5 > li{ width: 20%;}
#main_menu.items_num_6 > li{ width: 16.6%;}
#main_menu.items_num_7 > li{ width: 14.2%;}
#main_menu.items_num_8 > li{ width: 12.5%;}
#main_menu.items_num_9 > li{ width: 11.1%;}
#main_menu.items_num_10 > li{ width: 10%;}
#main_menu.items_num_11 > li{ width: 9%;}
#main_menu.items_num_12 > li{ width: 8.3%;}


.mainboard {
    position: absolute;
    width: 100%;
    /* border-top: 1px solid #e3e3e3; */
    overflow: hidden;
    height: 65px;
    background: #1756c0;
    top: -65px;
}

.mainboard_inr_all {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

.mainboard_inr_all > div {
    float: left;
    width: 50%;
    position: relative;
}

.mainboard #notice_list {
    float: left;
    width: 80%;
}
.mainboard_inr.board_sli2 {
    width: 583px;
    padding-left: 16px;
}
.mainboard div h3 img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.mainboard div h3 {
    float: left;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 170%;
    margin-right: 30px;
	margin-left: 30px;
    line-height: 65px;
    font-family: roboto;
}
.mainboard_inr.board_sli1 {
    border-right: 1px solid #dedede;
}
.mainboard div ul {
    float: left;
    width: 100%;
    /* background: url(../image/main/lineboard.png) no-repeat left; */
    padding: 0 40px;
    margin: 17px 0 13px 0;
}
.mainboard div ul li {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
}
.mainboard div ul li a {
    color: #fff;
    line-height: 170%;
}
.mainboard div ul li span {
    position: absolute;
    right: 40px;
    font-family: 'Montserrat', sans-serif;
    color: #888;
    font-size: 12px;
    letter-spacing: 1px;
    /* padding: 0 20px; */
    background: url(../image/main/lineboard.png) no-repeat left;
    display: none;
}
.mainboard div p {
    float: right;
    /* margin: 10px 0 8px 0; */
    position: absolute;
    right: 10px;
    top: 6px;
}
#notice_prev, #faq_prev {
    position: absolute;
    right: 50px;
    top: 0px;
}

img.arrow_bar {
    position: absolute;
    top: 13px;
    right: 37px;
}

.mainboard div p a {
    display: inline-block;
    /* border: 1px solid #d3d3d3; */
    /* width: 20px; */
    /* height: 20px; */
    text-align: center;
    cursor: pointer;
}
.mainboard div p a img {
    vertical-align: middle;
    /* display: block; */
    padding: 9px 6px;
}
.mainboard div p a:first-child {

}
#main_products ul{
	width:1200px;
	margin:0 auto;
}

#main_machinery {
    overflow: hidden;
    margin-bottom: 80px;
}

#main_machinery ul {
	width:1240px;
	margin:0 auto;
}

#main_products ul > li {
    float: left;

    position: relative;
    background-size: 100%;
	-webkit-transition:background-size 0.7s ease;
	transition: background-size 0.7s ease;
    -ms-transition: background-size 0.7s ease;
	-moz-transition: background-size 0.7s ease;
    -webkit-transition: background-size 0.7s ease;
    -o-transition: background-size 0.7s ease;
    overflow: hidden;
    cursor: pointer;
}

#main_machinery ul > li {
    float: left;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #ddd;
    border-right: none;
    width: 246px;
    height: 246px;
}

.main_pro1{ width:50%; height:325px; background: url(images/main/main_pro1.png) center top no-repeat;}
.main_pro2{ width:50%; height:325px; background: url(images/main/main_pro2.png) center top no-repeat;}
.main_pro3{ width:25%; height:266px; background: url(images/main/main_pro3.png) center top no-repeat;}
.main_pro4{ width:25%; height:266px; background: url(images/main/main_pro4.png) center top no-repeat;}
.main_pro5{ width:25%; height:266px; background: url(images/main/main_pro5.png) center top no-repeat;}
.main_pro6{ width:25%; height:266px; background: url(images/main/main_pro6.png) center top no-repeat;}

.main_mac01{ background: #fff url(images/main/mc_icon01.png) center top no-repeat;}
.main_mac02{ background: #fff url(images/main/mc_icon02.png) center top no-repeat;}
.main_mac03{ background: #fff url(images/main/mc_icon05.png) left top no-repeat;}
.main_mac04{
	background: #fff url(images/main/mc_icon04.png) center top no-repeat;
	/*border-right:1px solid #ddd !important;*/
}
.main_mac05 {
    background: #fff url(images/main/mc_icon03.png) center top no-repeat;
	border-right:1px solid #ddd !important;
}

.pro_name.white {
    color: #fff !important;
}
#main_products ul > li:hover{
	background-size: 120%;
	-webkit-transition:background-size 0.7s ease;
	transition: background-size 0.7s ease;
	-ms-transition: background-size 0.7s ease;
	-moz-transition: background-size 0.7s ease;
    -webkit-transition: background-size 0.7s ease;
    -o-transition: background-size 0.7s ease;
    transition: background-size 0.7s ease;
}

#main_machinery ul > li:hover{

}

#main_products ul > li:nth-child(3){margin-right:0;}
#main_products ul > li:last-child, #main_machinery ul > li:last-child{margin-right:0;}
#main_products ul > li >.pro_name, #main_machinery ul > li >.pro_name {
    /* float: right; */
    display: inline-block;
    margin-right: 17px;
    margin-top: 13px;
    font-size: 15px;
    color: #525252;
    position: absolute;
    right: 0;
    top: 0;
}
#main_products ul > li:nth-child(4), #main_products ul > li:nth-child(5), #main_products ul > li:nth-child(6), #main_machinery ul > li:nth-child(4), #main_machinery ul > li:nth-child(5), #main_machinery ul > li:nth-child(6){margin-bottom:0

;}
#main_products ul > li:hover .pro_name, #main_machinery ul > li:hover .pro_name{
	display:none;
}
#main_products ul > li > a, #main_products ul > li > a {
    width: 389px;
    height: 325px;
    display: block;
}
.pro_hov {
    height: 100%;
    /* width: 100%; */
    padding: 0px;
    /* background: #4a2918; */
    background: rgba(12, 25, 52, 0.6);
    opacity: 60%;
    filter: alpha(opacity=60);
    /*display: none;*/
    position: absolute;
    top: 296px;
	/*top:0;*/
    left: 0;
    width: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-transition: opacity 0.5s ease, top 0.3s ease;
    -webkit-transition: opacity 0.5s ease, top 0.3s ease;
    -o-transition: opacity 0.5s ease, top 0.3s ease;
    transition: opacity 0.5s ease, top 0.3s ease;

}

#main_machinery .pro_hov {
    height: 100%;
    /* width: 100%; */
    padding: 0px;
    /* background: #4a2918; */
    background: #2749c7;
    opacity: 60%;
    filter: alpha(opacity=60);
    /*display: none;*/
    position: absolute;
    top: 0px;
	/*top:0;*/
    left: 0;
    width: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-transition: opacity 0.5s ease, top 0.3s ease;
    -webkit-transition: opacity 0.5s ease, top 0.3s ease;
    -o-transition: opacity 0.5s ease, top 0.3s ease;
    transition: opacity 0.5s ease, top 0.3s ease;
}


#main_machinery .main_mac01 .pro_hov { background: #2749c7 url(images/main/mc_icon01_on.png) center top no-repeat;}
#main_machinery .main_mac02 .pro_hov { background: #2749c7 url(images/main/mc_icon02_on.png) center top no-repeat;}
#main_machinery .main_mac03 .pro_hov { background: #2749c7 url(images/main/mc_icon05_on.png) center top no-repeat;}
#main_machinery .main_mac04 .pro_hov { background: #2749c7 url(images/main/mc_icon04_on.png) center top no-repeat;}
#main_machinery .main_mac05 .pro_hov { background: #2749c7 url(images/main/mc_icon03_on.png) center top no-repeat;}


.pro_hov_inr > a {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#main_products ul > li:hover .pro_hov, #main_machinery ul > li:hover .pro_hov {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-transition: opacity 0.7s ease, top 0.3s ease;
    -webkit-transition: opacity 0.7s ease, top 0.3s ease;
    -o-transition: opacity 0.7s ease, top 0.3s ease;
    transition: opacity 0.7s ease, top 0.3s ease;
	top:0;
}

.more {
    font-size: 17px;
    color: #ffffff;
    font-weight: 200;
    display: inline-block;
    border: 1px solid #ffffff;
    padding: 10px 20px;
    /* margin-top: 30px; */
    position: relative;
    text-align: center;
    font-family: roboto;
    margin-top: 130px;
}

.main_pro3 .more, .main_pro4 .more, .main_pro5 .more, .main_pro6 .more {
	margin-top: 110px;
}

#main_machinery ul > li h2 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 170px;
    margin-bottom: 10px;
	color: #004993;
}

#en #main_machinery ul > li h2 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 170px;
    margin-bottom: 10px;
	color: #004993;
}

#main_machinery ul > li span {
    color: #666;
    font-size: 14px;
    text-align: center;
    display: block;
}

.pro_hov > div {
    border: 5px solid #0060ff;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
}

#main_machinery .pro_hov > div {
    border: none;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
}

#main_container_inner02 .pro_hov > div > a > h2 {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    margin-top: 170px;
    margin-bottom: 10px;
}

#en #main_container_inner02 .pro_hov > div > a > h2 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-top: 170px;
    margin-bottom: 10px;
}


#main_container_inner02 .pro_hov > div > a > span {
    color: #91a7f8;
    font-size: 14px;
}

div#main_container_inner02 {
    background: #f4f4f4;
    padding: 80px 0;
	overflow:hidden;
}

#main_container_inner02 h2 {
    font-size: 36px;
    text-align: center;
    color: #162a8f;
    margin-bottom: 50px;
}

#en #main_container_inner02 h2 {
    font-size: 30px;
}

#main_container_inner02 h2 span {
    display: block;
    font-size: 22px;
    margin-top: 15px;
    color: #000;
    font-family: lato;
    font-weight: 100;
}

.mainboard02 h3 a {
    font-size: 19px;
    margin-bottom: 20px;
    font-weight: 600;
    background: url(images/main/more01.png) right center no-repeat;
    display: block;
    color: #000;
}

.performance, .online {
    width: 50%;
    display: inline-block;
    float: left;
	box-sizing:border-box;
}

.performance { padding-right:70px;}
.online {padding-left:70px;}

.mainboard02 ul li {
    display: block;
    clear: both;
    overflow: hidden;
    width: 100%;
    line-height: 61px;
}

.main_date {
    text-align: center;
    width: 70px;
    float: left;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    line-height: 24px;
}

span.date {
    font-size: 25px;
    color: #2749c7;
    font-family: roboto;
    display: block;
}

span.yearmonth {
    font-size: 13px;
    font-family: roboto;
}

.main_title {
    float: left;
    margin-left: 30px;
    line-height: 79px;
    border-bottom: 1px solid #ddd;
    width: 450px;
}

.main_title a {
    font-size: 17px;
    color: #000;
    display: block;
    padding: 0px 10px;
}

.mainboard02 ul li:last-child .main_date, .mainboard02 ul li:last-child .main_title {
    border-bottom:none;
}

/***************************************/
/* PIBS SLIDER */
/***************************************/
.page-template-page_business-php{ overflow-y: scroll;}
#pibs_slider{width:900px;  position:relative; margin-bottom: 20px; float:left;}
#pibs_slides_wrap{ top:0; left:0; float: left;}
#pibs_slider_menu {float: left;width: 53%;padding: 10px 0; margin-bottom: 20px; }
#pibs_slider_menu li{ float:left;    height:40px;
width: 200px;   border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#pibs_slider_menu a {
display: block;
position: relative;
font-family: "nanumgothic", Malgun Gothic, Arial, Verdana, sans-serif;
height: 40px;
width: 200px;
text-align: center;

line-height: 38px;
border-right: 1px solid #ddd;
color:#555555;

}
div#slider_01 {
margin-bottom: 30px;
}
#pibs_slider_menu a:hover {text-decoration:none; color:#555555;}
#pibs_slider_menu a.current {
height: 40px;
width: 200px;
text-align: center;
color: #fff;
background-color: #076baa !important;
}
#pibs_slider_menu a:hover.current {background:none;color:#555555; cursor: default;}
#pibs_slider_menu .coda-nav #slider_business-nav-ul{ margin-left:0 !important; }
#pibs_slider_menu {
float: left;
width: 100%;
margin-bottom: 40px;
float: left;
padding: 10px 0;
margin-bottom: 20px;
border-left: 1px solid #ddd;
}



/***************************************/
/* SIDEBAR */
/***************************************/
#sidebar {position: relative; background: #f0f0f0; }
#sub_left_container {
    width: 100%;
    text-align: center;
    z-index:8;
    position: relative;
    top: 0;
}
ul#sidebar_menu li {float: left;    overflow: hidden;}
#sidebar_menu {display: inline-block; margin: 0 auto;}

.children {
    display: none;
}

.current_page_item .children, .current_page_parent .children {
    display: block;
}

ul.children {
    position: absolute;
    top: 210px;
    left:50%;
	margin-left:-275px;
	margin-top:60px;
	margin-bottom:60px;
	z-index:100;
	    /* margin: 60px auto; */
    width: 100%;
}

/*#sidebar_menu li.current_page_parent .children {border-top:2px solid #0198ab;border-bottom:1px solid #d1d1d1;}*/
#sidebar_menu li.current_page_parent .children{color: #333;background: #e8e8e8;}
#sidebar_menu li.current_page_parent .children a:hover,
.parent-pageid-1155 #sidebar_menu li.current_page_item a,
.parent-pageid-1153 #sidebar_menu li.current_page_item a {background:#255092;border: none;color: #fff;}


/* Menu */
#sidebar_menu li a {
    display: block;
    color: #666666;
    padding: 15px 0px;
    font-size: 15px;
    line-height: 16px;
    width: 175px;
    margin-right: 1px;
}

.tax-products3_categories #sidebar_menu li a, .parent-pageid-1692 #sidebar_menu li a {
	width: 225px !important;
}


#sidebar_menu li.cat-item a {
    font-size: 15px;
    width: 175px;
    letter-spacing: -0.5px;
}

#en #sidebar_menu li.cat-item a {
	/*width: 225px;*/
}

#sidebar_menu li.page_item.page-item-2132 a {
    width: 210px;
}

.tax-products_categories #sidebar_menu li a, .single-products #sidebar_menu li a {
    font-size: 15px;
    width: 225px;
    letter-spacing: -0.5px;
}

#sidebar_menu li:first-child a { }
#sidebar_menu li:last-child {border-bottom: none;}
#sidebar_menu li.current_page_item a, #sidebar_menu li.current-cat a, #sidebar_menu li.current_page_item a:hover, #sidebar_menu li.current_page_parent a,

#sidebar_menu li.current-cat a:hover, .parent-pageid-494 #sidebar_menu li.page-item-494 a , .parent-pageid-1348 #sidebar_menu li.page-item-1348 a{ color: #000; background: #dadada; }

.tax-products_categories #sidebar_menu li.page_item.page-item-2122 a, .single-products #sidebar_menu li.page_item.page-item-2122 a { color: #333333; background: #fff; }

#sidebar_menu li a:hover {color: #000; background: #dadada; }
#sidebar_menu li.current-cat a:hover,.tax-photos_categories #sidebar_menu li.page-item-201 a,.single-photos #sidebar_menu li.page-item-201 a {color: #fff; /*background: #767676 url(images/sub/sm_icon.png) 95% 19px no-repeat;*/}

/*.parent-pageid-1144 #sidebar_menu li a, .tax-products_categories #sidebar_menu li a, .single-products #sidebar_menu li a, .tax-products2_categories #sidebar_menu li a, .single-products2 #sidebar_menu li a {width:200px;}*/
.parent-pageid-1144 #sidebar_menu li:last-child a, .parent-pageid-1144 #sidebar_menu li:nth-child(2) a, .tax-products_categories #sidebar_menu li:last-child a, .single-products #sidebar_menu li:last-child a, /*.tax-products2_categories li:

last-child a,*/ .single-products2 li:last-child a, {line-height:35px;}
.parent-pageid-1144 #sub_left_container, .tax-products_categories #sub_left_container, .single-products #sub_left_container, .tax-products2_categories #sub_left_container, .single-products2 #sub_left_container {top:-60px;}

#sidebar #sidebar_menu .page-item-1356 a, #sidebar #sidebar_menu .page-item-1362 a { /*line-height:35px !important;*/ }
/* en */
#sidebar #sidebar_menu .page-item-1716 a, #sidebar #sidebar_menu .page-item-1714 a, #sidebar #sidebar_menu .page-item-1695 a, #sidebar #sidebar_menu .page-item-1698 a {line-height:35px !important;}

/*.parent-pageid-1703 #sidebar_menu li a, .tax-products_categories #sidebar_menu li a, .single-products #sidebar_menu li a, .tax-products2_categories #sidebar_menu li a, .single-products2 #sidebar_menu li a {width:110px; height:32px;}*/
.parent-pageid-1703 #sidebar_menu li:last-child a, .tax-products_categories #sidebar_menu li:last-child a, .single-products #sidebar_menu li:last-child a, /*.tax-products2_categories li:last-child a,*/ .single-products2 li:last-child a{/*l

ine-height:35px;*/}
/*.parent-pageid-1703 #sub_left_container, .tax-products_categories #sub_left_container, .single-products #sub_left_container, .tax-products2_categories #sub_left_container, .single-products2 #sub_left_container {top:-35px;}*/

/* en */
#sidebar #sidebar_menu .page-item-1720 > a { width:110px; height:32px; }
#sidebar #sidebar_menu .page-item-1720 > a { line-height:35px !important; }
#sidebar #sidebar_menu .page-item-1768 a { width:110px; height:32px; line-height:35px !important; }


/*.parent-pageid-1703 #sidebar_menu li.page-item-1716 a{line-height:35px !important;}*/

/*.parent-pageid-1692 #sidebar_menu li a, .tax-products_categories #sidebar_menu li a, .single-products #sidebar_menu li a, .tax-products2_categories #sidebar_menu li a, .single-products2 #sidebar_menu li a {width:110px; height:32px;}*/
.parent-pageid-1692 #sidebar_menu li:last-child a, .tax-products_categories #sidebar_menu li:last-child a, .single-products #sidebar_menu li:last-child a, /*.tax-products2_categories li:last-child a,*/ .single-products2 li:last-child a{/*l

ine-height:20px;*/}
/*.parent-pageid-1692 #sub_left_container, .tax-products_categories #sub_left_container, .single-products #sub_left_container, .tax-products2_categories #sub_left_container, .single-products2 #sub_left_container {top:-35px;}*/


/* Call center
#customer_box {overflow: hidden;width: 238px; border-left: #dcdcdc 1px solid;border-right: #dcdcdc 1px solid;border-bottom: #dcdcdc 1px solid; padding: 20px 0; margin-bottom: 30px;}
#customer_box h2{font-size:14px; line-height:15px;font-family:'NanumGothic','나눔고딕', Arial, Helvetica, sans-serif; color:#565645;padding:10px 0 10px 20px;font-weight: 600;}
#customer_box h2 span {font-size:14px;  line-height:15px;font-family:'NanumGothic','나눔고딕', Arial, Helvetica, sans-serif; color:#777;font-weight: 600;}
#customer_box .customer_tell {letter-spacing: -1px;padding: 5px 0 5px 20px;color:#013b68;font-size:31px;font-family:'NanumGothic','나눔고딕', Arial, Helvetica, sans-serif; font-weight: bold;}
#customer_box .customer_fax {color:#666666;font-size:14px;padding: 0 0 5px 20px;font-family:'NanumGothic','나눔고딕', Arial, Helvetica, sans-serif; font-weight: 600;}
#customer_box .customer_mail {color:#6b6b6b;font-size:11px;padding: 5px 0 10px 20px;font-family:'NanumGothic','나눔고딕', Arial, Helvetica, sans-serif; font-weight: 600;} */

#category_menu{overflow:hidden;margin:30px 0 20px !important;background:#f5f5f5;}
#category_menu li{float:left;border-right:1px solid #fff;border-bottom:1px solid #fff;}
#category_menu li.end{border-right:0 none;}
#category_menu li a {
display: block;
width: 100px;
height: 45px;
font-size: 13px !important;
/* font-weight: normal !important; */
color: #636363 !important;
text-align: center;
/* vertical-align: middle; */
background: #e6e6e6;
line-height: 42px;
/* font-weight: bold; */
font-weight: bold;

}
#category_menu li.ed a{width:149px;}
.parent-pageid-412 #category_menu li a{width:149px;}
#category_menu li a:hover{color:#fff !important;text-decoration:none !important;background:#006ead;}
#category_menu li.current-cat a{color:#fff !important;text-decoration:none !important;background:#006ead;}
#category_menu li.on a{color:#fff !important;text-decoration:none !important;background:#002c99;}


/* sub side_top menu */
.side_top_menu { display: inline-block; position: fixed; top:27%; right:0; z-index: 999; width: 45px; }
.side_top_menu > div > div { float: left; display: block; }
.side_top_menu > div > div.side_left { text-align: left; }
.side_top_menu > div > div.side_right { text-align: right; }
.side_top_menu > div > div a { display: inline-block; width: 45px; line-height: 18px; text-align: center; font-size: 14px; color: #fff; display: block; padding: 15px 0; margin: 5px 0; }
.side_top_menu > div > div a.stm_01 { background : #535353; }
.side_top_menu > div > div a.stm_02 { background : #02a6e3; }
.side_top_menu > div > div a.stm_03 { background : #2b479e; }
.side_top_menu > div > div a.stm_04 { background : #1aa7b2; }


/***************************************/
/* MAIN */
/***************************************/

#main_container {
    width: 100%;
	height:100%;

}
#slideshow_container {
    height: 100%;
    width: 100%;
}

#main_banner_container {
clear: both;
width: 100%;
float: left;
height: 170px;
background: url(images/main/banner_bg.gif) center top no-repeat;
}
#main_banner_container h2 {
width: 240px;
float: left;
text-align:right;
}
#main_banner_container h2 img {display:block;padding:30px 30px 0 0;float:right;}
/* .bannerWrap {position: relative;width: 960px;height: 170px;float:right;}
.bannerWrap li {height: 170px;overflow: hidden;}
.bannerWrap li a.banner {position: relative;display: block;width:20%;float:left;text-align:center;float: left;height: 170px;overflow: hidden;}
.bannerWrap li a.banner img {margin:0 auto;display: block;padding:40px 0 15px 0;}
.bannerWrap li a.banner p {text-align:center;color:#555555;font-size:16px;}
.bannerWrap .bx-controls {position: absolute;left: -85px;bottom: 25px;z-index:99;}
.bannerWrap .bx-controls a {display: block;height: 30px;font-size: 0;line-height: 0;text-indent: -999px;float:left;}
.bannerWrap .bx-controls a.bx-prev {width:30px;background: url(images/main/banner_arr.png) 0 0 no-repeat;}
.bannerWrap .bx-controls a.bx-next {width:29px;background: url(images/main/banner_arr.png) -30px 0 no-repeat;}
 */

#content_container {width: 100%;max-width: 1200px; padding-top:60px; margin:0 auto;position: relative;overflow:hidden;}
#sub_slogan {position: absolute; top: -191px;right: 0; z-index: 99;}
#slideshow img, #slideshow a{ display:none}
#slideshow img:first-child, #slideshow a:first-child{ display:block}

/* #slideshow_container {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 880px;
	clear: both;
    overflow: hidden;
} */
#slideshow {width: 100% !important; position: relative; height: 100%;}
#slideshow .slides{width: 100% !important; height: 100% !important; display:none; background: transparent no-repeat center top; background-size: cover;}
#slideshow .slides.first{ display:block}
#slideshow #slide_01{background-image: url(images/main/visual_img01.jpg);}
#slideshow #slide_02{background-image: url(images/main/visual_img02.jpg);}
#slideshow #slide_03{background-image: url(images/main/visual_img03.jpg);}
#slideshow #slide_04{background-image: url(images/main/visual_img04.jpg);}

.main_con {
    width: 100%;
    position: absolute;
    top: 0;
}
.main_con_inner { text-align: center; }
.main_text { z-index: 7; display: inline-block;  padding-top: 16%; position: relative;}
.main_text a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    margin-top: 40px;
    border: 2px solid #fff;
    border-radius: 500px;
    width: 150px;
}

ul#main_visual_btn { position: relative; z-index: 7; overflow: hidden; margin-top: 15%;}
ul#main_visual_btn li { float: left; width: 19%; max-width: 220px;  background: #ccc; margin-left: 2%;  background: url('images/main/visual_btn_bg.png') 0 0 repeat; position: relative; }
ul#main_visual_btn li.one { margin-left:0;  }
ul#main_visual_btn li a { display: block; padding: 42px 0; position: relative; overflow: hidden;}
ul#main_visual_btn li.one:after { background: url('images/main/visual_btn01.png') center center no-repeat; display: block; content:""; clear: both; position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index:-1; opacity:0; transition: all 1s; }
ul#main_visual_btn li.two:after { background: url('images/main/visual_btn02.jpg') center center no-repeat; display: block; content:""; clear: both; position: absolute; top:0; left: 0;  width: 100%; height: 100%; z-index:-1; opacity:0; transition: all 1s; }
ul#main_visual_btn li.thr:after { background: url('images/main/visual_btn03.jpg') center center no-repeat; display: block; content:""; clear: both; position: absolute; top:0; left: 0;  width: 100%; height: 100%; z-index:-1; opacity:0; transition: all 1s; }
ul#main_visual_btn li.for:after {  background: url('images/main/visual_btn04.jpg') center center no-repeat; display: block; content:""; clear: both; position: absolute; top:0; left: 0;  width: 100%; height: 100%; z-index:-1; opacity:0; transition: all 1s; }
ul#main_visual_btn li.fiv:after { background: url('images/main/visual_btn05.jpg') center center no-repeat; display: block; content:""; clear: both; position: absolute; top:0; left: 0;  width: 100%; height: 100%; z-index:-1; opacity:0; transition: all 1s; }
ul#main_visual_btn li a h5 { color: #fff; font-size: 20px; line-height:22px; padding-bottom: 27px; }
ul#main_visual_btn li a span.mo { font-size: 12px; color: #e3e3e3; border: 1px solid #fff; display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; transition: all 1s;  }
ul#main_visual_btn li a span.over_txt { width: 100%; text-align: center; font-size: 13px; color: #fff; font-weight: 100; transition: all 0.5s; position: absolute; bottom: 40; left:100%;  }

ul#main_visual_btn li:hover { transition: all 1s; z-index: -3; }
ul#main_visual_btn li:hover:after { opacity: 1; transition: all 1s; }
ul#main_visual_btn li:hover a { padding: 42px 0 74px 0; }
ul#main_visual_btn li:hover a span.mo { display: none; }
ul#main_visual_btn li:hover a span.over_txt { left: 0; }

#con3_prev, #con3_next { width: 48px; height: 45px; position: absolute; top: 165px; z-index: 1000; cursor: pointer;}
#con3_prev { background: transparent url(images/main/arr_left.png) no-repeat;}
#con3_next {background: transparent url(images/main/arr_right.png) no-repeat;    right: 15px;}
#slideshow_nav_container { position: relative; top: 0; left: 0; height: 0; z-index: 1000;}
#slideshow_nav {
    position: absolute;
    top: 522px;
    z-index: 80;
    left: 0;
    width: 100%;
    text-align: center;
}

#slideshow_nav a {
    display: inline-block;
    padding: 0;
    margin: 4px;
    overflow: hidden;
    width: 65px;
    text-indent: 9999px;
    height: 3px;
    background: url('images/main/slide_navi_off.png') no-repeat;
}

#slideshow_nav a.activeSlide{
	width: 65px;
	height: 3px;
	background: url('images/main/slide_navi_on.png') no-repeat;
}

.pre {
border:1px solid #000;
overflow-x:auto;
background: #222;
color: #fff;
text-shadow: none;
}

.wrapper {
max-width: 319px;
text-align: center;
margin: 0 auto;
}




/***************************************/
/* main section */
/**************************************/

.section_01 { padding: 100px 0; background: #e9e9e9; }
.section_01 h2 { font-size: 38px; line-height: 38px; color: #000; text-align: center; font-family: 'Ubuntu', sans-serif; padding-bottom: 20px; }
.section_01 p.sub_text { text-align: center; font-size: 17px; color: #999999; font-weight: 100; margin-bottom: 70px; }

.slides { width: 33.3333%; padding: 0 10px; box-sizing: border-box; }

.slides .imgbox {
    width: 100%;
    padding-bottom: 137%;
    height: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.slides.slides_01 .imgbox { background: url('/img/con01_img01_over.jpg') center center no-repeat; }
/*.slides.slides_01:hover .imgbox { background: url('images/main/con01_img01_over.jpg') center center no-repeat; }*/
.slides.slides_02 .imgbox { background: url('/img/con01_img02_over.jpg') center center no-repeat; }
/*.slides.slides_02:hover .imgbox { background: url('images/main/con01_img02_over.jpg') center center no-repeat; }*/
.slides.slides_03 .imgbox { background: url('/img/con01_img03_over.jpg') center center no-repeat; }
/*.slides.slides_03:hover .imgbox { background: url('images/main/con01_img03_over.jpg') center center no-repeat; }*/
.slides.slides_04 .imgbox { background: url('/img/con01_img04_over.jpg') center center no-repeat; }
/*.slides.slides_04:hover .imgbox { background: url('images/main/con01_img04_over.jpg') center center no-repeat; }*/
.slides.slides_05 .imgbox { background: url('/img/con01_img05_over.jpg') center center no-repeat; }
/*.slides.slides_05:hover .imgbox { background: url('images/main/con01_img05_over.jpg') center center no-repeat; }*/
.slides.slides_06 .imgbox { background: url('/img/con01_img06_over.jpg') center center no-repeat; }
/*.slides.slides_06:hover .imgbox { background: url('images/main/con01_img06_over.jpg') center center no-repeat; }*/
.slides.slides_07 .imgbox { background: url('/img/con01_img07_over.jpg') center center no-repeat; }
/*.slides.slides_07:hover .imgbox { background: url('images/main/con01_img07_over.jpg') center center no-repeat; }*/


.textbox {
    position: absolute;
    left: 25px;
    right: 25px;
    top: 20px;
    bottom: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translateZ(30px);
    transform: translateZ(30px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: border .4s ease;
	color: #fff;
	text-align: center;
}
.textbox h6 { color: #fff; font-size: 26px; text-align: center; }
.textbox span.business_text { font-size: 20px; font-family: 'Ubuntu', sans-serif; font-weight: 300; padding-top: 10px; }


.slides:hover .textbox { top: 23%; bottom: 23%; transition: all .4s ease; background: rgba(0, 0, 0, 0.5); border: 0; }
.over_line {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translateZ(30px);
    transform: translateZ(30px);
    border: 0px solid rgba(255, 255, 255, 0.3);
}
.slides:hover .over_line { border: 1px solid rgba(255, 255, 255, 0.3); }
span.bsub_text { font-size: 15px; color: #fff; font-weight: 100; line-height: 23px; display: none; padding: 30px 0; }
span.bsub_btn {
    display: none;
    background: #2b479e;
    width: 120px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    margin: 0 auto;
}

.slides:hover span.business_text { display: none; }
.slides:hover span.bsub_text { display: block; }
.slides:hover span.bsub_btn { display: block; }

.section_01 .slick-prev, .section_01 .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
	margin-top: -25px;
	display: block !important;
    width: 49px;
    height: 49px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 1;
}
.section_01 .slick-prev {
    left: -70px;
    background: url('/img/con01_arroleft.png') 0 0 no-repeat;
}
.section_01 .slick-next {
    right: -70px;
    background: url('/img/con01_arroright.png') 0 0 no-repeat;
}

/* section_02 */
.section_02 { padding: 141px 0; background: url('images/main/con02_bg.png') center no-repeat; overflow: hidden;}
.section_02 h2 { color: #fff; font-size: 38px; font-weight: 100; padding-bottom: 30px; margin-bottom: 30px; position: relative; }
.section_02 h2:after { display: block; content:""; clear: both; width: 50px; height: 2px; background: #fff; position: absolute; bottom:0; left:0;  }
.section_02 h2 span { display: block; font-size: 40px; line-height: 44px; font-weight: 500; font-family: 'Ubuntu', sans-serif; }

p.S02sub_text { font-size: 17px; line-height: 24px; color: #fff; font-weight: 100; }

.S02_left { width: 30%; float: left; }
.S02_right { width: 60%; float: right; }

.S02_right ul { overflow: hidden; padding-top: 40px; }
.S02_right ul li { float: left; width: 25%; text-align: center; max-width: 180px; border-left: 1px dashed #989898; box-sizing: border-box; }
.S02_right ul li:first-child { border-left: 0; }
.S02_right ul li a { display: block; }
.S02_right ul li a span { display: block; color: #fff; font-size: 17px; text-align: center; padding-top: 20px; }

/* section 03 */
.section_03 h2 { font-size: 38px; line-height: 38px; color: #000; text-align: center; font-family: 'Ubuntu', sans-serif; padding-bottom: 20px; }
.section_03 p.sub_text { text-align: center; font-size: 17px; color: #999999; font-weight: 100; margin-bottom: 70px; }

.section_03 { padding: 100px 0; overflow: hidden;}
.section_03 > div { float: left; width: 49%; box-sizing: border-box; }
.section_03 > div.s03_left { position: relative; background: url('images/main/con03_leftBg.jpg') 0 0 no-repeat; padding: 30px 30px 251px 30px; margin-right: 2%; }
.section_03 > div .s03_online h6 { font-family: 'Ubuntu', sans-serif; color: #fff; font-size: 20px; font-weight: 100; line-height: 20px; margin-bottom: 10px; }
.section_03 > div .s03_online span { color: #d3d8df; font-size: 14px; line-height: 24px; display: block; }
.section_03 > div .s03_online a { display: inline-block; clear: both; font-family: 'Ubuntu', sans-serif; font-size: 13px; color: #d3d8df; border: 1px solid #d3d8df; width: 120px; height: 44px; line-height: 44px; text-align: center; margin-top: 30px;  }  
.section_03 > div .s03_online a:hover { background: #fff; color: #000; transition: all 0.5s;  }

.section_03 > div .s03_contact { position: absolute; left:0; bottom:0; width: 100%; background: url('images/main/con03_contactBg.png') 0 0 repeat; padding : 20px 30px; box-sizing: border-box; }
.section_03 > div .s03_contact h6 { color: #fff; font-family: 'Ubuntu', sans-serif; font-size: 20px; font-weight: 100; margin-bottom: 10px;}
.section_03 > div .s03_contact p { color: #949494; font-size: 14px; line-height: 24px; }
.section_03 > div .s03_contact p span.adress { display: block; }

.section_03 > div.s03_right { padding: 40px 25px; border: 1px solid #ddd; position: relative; min-height: 434.25px;}
.section_03 > div.s03_right h6 { font-size: 21px; color: #000;  width: 100%; padding-top: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s03_right > span {
    display: inline-block;
    width: 90px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #2b479e;
}
.s03_right > a {
    width: 90px;
    height: 40px;
    background: #eee;
    color: #b1b1b1;
    font-size: 13px;
    display: block;
    text-align: center;
    line-height: 40px;
    position: absolute;
    right: -1px;
    top: -1px;
    border: 1px solid #ddd;
}
.s03_right > a:hover { background: #2b479e; color: #fff; transition: 0.5s; }
.section_03 > div.s03_right .board_top p {
    color: #555;
    font-size: 15px;
    padding: 25px 0 0;
    height: 85px;
    line-height: 29px;
    width: 100%;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 0.4s;
    overflow: hidden;
    margin-bottom: 20px;
}
ul.notice_list { padding-top: 12px; border-top: 1px solid #ccc; }
ul.notice_list li { overflow: hidden; padding-top: 15px; }
ul.notice_list li a { width: 100%; float: left; font-size: 14px; line-height: 14px; color: #555555; text-overflow: ellipsis; white-space: nowrap; }
ul.notice_list li a span { font-size: 13px; color: #cccccc; float: right; }




/***************************************/
/* SUBSLIDES  */
/**************************************/

#sub_slides { clear: both; width:100% !important;}

#sub_slides .slides{ width:100% !important; height:293px; background: transparent no-repeat center top; display:none;}
#sub_slides .slides.first{ display:block;}

#sub_slides #slide_01{background-image: url(images/sub/s_visual01.jpg);}
#sub_slides #slide_02{background-image: url(images/sub/s_visual02.jpg);}
#sub_slides #slide_03{background-image: url(images/sub/s_visual03.jpg);}

#main_contents {clear: both;  width: 100%;  float: left;	background:#f4f4f4;padding: 30px 0;}
#main_con_bbs {clear: both; width: 100%; float: left; padding: 50px 0;}
#bannerzone {
clear: both;
width: 100%;
float: left;
margin-top: 30px;
}
#bannerzone a{width:600px;display:block;float:left;}
#bannerzone a img {display:block;}
#main_bbs_inner {overflow: hidden;}
.board_inner {
border: #eee 1px solid;
padding: 20px;
overflow: hidden;
height: 225px;
}

#home_board { float: left; width: 420px;  background: #fff;}
#home_board h2 {line-height: 25px;padding:42px 0 20px 0;color:#0b4889;font-size:24px;text-align:left;}

#home_board .panel-container li {
clear: both;
padding: 5px 0px;
padding-right: 0;
float: left;
width: 100%;
border-bottom:#dcdcdc 1px dotted;
}
#home_board .panel-container li a {color: #595959;
font-size: 13px;
width: 79%;
float: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#home_board .panel-container li span {
float: right;
font-size: 11px;
color: #999;
}
#main_photos {
width: 770px;
background: #fff;
float: right;
}
.photos_inner {
border: #eee 1px solid;
padding: 21px;
overflow: hidden;
position: relative;
}
#main_photos h2 {
color: #0090ba;
font-size: 18px;
font-weight: bold;
background: url(images/main/photo_icon.gif) 0 0 no-repeat;
padding-left: 34px;
line-height: 29px;
margin-bottom: 21px;
}
#photo_navi {
position: absolute;
top: 25px;
right: 20px;
}
#photo_navi a {display:block;float:left;}
#photo_navi a img {display:block;}
#main_photos li {
width: 33.3%;
float: left;
text-align: center;
}
#main_photos li a {display:block;text-align: center;}
.p_photos {
width: 230px;
margin: 0 auto;
position: relative;
}
.p_photos img {width:230px;height:173px;}
.p_photos p {
background: url(images/main/photo_bg.png) 0 0 repeat;
position: absolute;
bottom: 0;
width: 100%;
height: 30px;
text-align: center;
font-size: 13px;
color: #fff;
line-height: 30px;
}

/*****sub****/
/*#w_navigation {clear: both; width: 100%; float: left; background: #f2f2f2; height: 43px;}*/
#sub_container {clear: both; width: 100%; float: left;min-height: 700px;}
#sub_con_inner {position: relative; padding-bottom: 100px; }

#last_products { width: 968px; clear: both; margin-bottom: 20px; border: 1px solid #ddd; padding: 20px 15px 10px 15px; float: left;}
#last_products li { float: left; width: 16.66%; text-align: center; }
#last_products li:first-child { margin-left: 0;}

/*HOME LOGIN BOX*/
#home_login {border:3px solid #2bb4be; width: 314px;float: left;height: 198px;}
#home_login h2{font-weight: bold; font-size: 14px; padding-bottom:10px; margin:10px 20px 0 20px; border-bottom: 1px dotted #ccc; }
#home_login fieldset { width: 139px; padding-left: 20px; float: left;}
.member_login_remember{clear: both; padding-top: 6px; line-height: 20px; font-size: 11px; color: #9e9e9e;width: 275px;margin: auto;text-align: center;}
.member_login_remember strong{font-weight: bold;}
.member_login_remember a{font-size: 11px; color: #2e2e2e;}
.member_login_remember input {vertical-align: middle;}
#home_login #submit{ float: right; border: 1px solid #18A0AA; background-color: #2bb4be; width: 80px; font-size: 15px; font-weight: bold; color: #FFF; margin-right: 20px; cursor: pointer; height: 57px;}
#home_login form{padding-top: 21px;}
#home_login #pwd{ margin-top: 3px; background: url('images/main/pw_bg.gif') no-repeat 1px center; display: inline-block; background-position: 0px 0px; border: 1px solid #2bb4be;}
#home_login #user_name{background: url('images/main/id_bg.gif') no-repeat 0 center; display: inline-block; background-position: 0px 0px;border: 1px solid #2bb4be; margin-bottom: 4px;}
.login_txt{ background: url(images/main/join_txt.gif) no-repeat; border: 0; width: 155px; height: 23px; padding: 0 9px;}
.login_txt2{ font-size: 11px; color: #636363; }
#home_login_sigup_btn , #home_login_lost_btn { display: inline-block; background-color: #ddd;padding: 1px 0; width:100px;}
#home_login_sigup_btn {margin: 0 4px;}
.member_login_remember p {text-align: center;}
.member_login_remember p a {display: inline-block; line-height: 24px; background: #ddd; padding: 3px 35px; margin: 10px 3px 0 0px;}
#welcome_message { padding-bottom: 8px; margin: 0 0 15px 95px; color:#999; line-height:20px;}
#welcome_message b{ font-weight:bold; color:#333}
#member_logged_in { margin: 12px 20px 0 20px; padding: 15px 10px; background: url('images/main/avatar.png') no-repeat 15px top; }
#member_logged_in div a {display: inline-block; line-height: 24px; background: #ddd; padding: 3px 34px; margin: 10px 3px 0 0px;}
#member_logged_in div {padding-top:15px;}
#member_logged_in a{font-size: 11px; color: #2e2e2e;}

#home_flash{ width: 300px; height: 200px; float:left}
#home_flash iframe{width: 300px; height: 200px; border:none}
#home_video { float: right; width: 320px; background: #333; margin-left: 20px; height: 200px;}

.last_posts {width: 300px;float: left; margin: 20px 10px;}
.last_posts h2{ margin-bottom:15px;}
.last_posts h2 a{ font-size:14px; color:#333}
.last_posts h2 a:hover {  color:#267daf}
.last_posts li{padding-bottom: 4px ;margin-bottom: 3px;border-bottom: 1px dotted #ccc;}
.last_posts li a{ color:#333; display: inline-block; width: 230px;}
.last_posts li a:hover{ color:#267daf}
.last_posts li span{color:#999 ;vertical-align: top;}
#home_text {float: right;width: 320px; margin-left: 20px; margin-top: 20px; background: #eee; height: 200px;}
#home_text p {padding: 25px;}
#tabs_container {
width: 100%;
float: left;}
.panel-container > div{ display:none}
.panel-container > div.first{ display:block}
ul.etabs {display: block;}
.etabs li{ float:left; position:relative; z-index:1;width:33.3%;}
.etabs li a {border-top:#aaa 1px solid;border-bottom:#aaa 1px solid;height:40px;line-height:40px; display:block; font-size:15px;font-weight:bold; color: #888; text-align:center;}
.etabs li.active a{color: #0090ba; border-top:#2bc1d3 3px solid;border-bottom:#2bc1d3 1px solid;height:38px;line-height:38px;}
.panel-container{ clear:both;padding-top: 23px;position:relative; }
.panel-container li{ padding: 3px 0px 2px 7px;/*background: white url('images/main/board_list_item.jpg') no-repeat left center;*/}
.panel-container li a{ display:inline-block; width:212px; color:#333 ; padding: 3px 0 3px 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.panel-container li a:hover{color:#008FFF;}
.panel-container li span{ color:#999; font-size: 11px;}
.panel-container p.more { position: absolute; bottom: 0; right: 0;}
.panel-container p.more a{ background-color: #4FA1B6; display:block; padding: 5px 10px; color: #fff;}

/***************************************/
/*  PARTNER BANNER jquery.simplyscroll.js */
/***************************************/
/* Plugin default */
.simply-scroll-container {position: relative;}
.simply-scroll-clip { position: relative;	overflow: hidden;}
.simply-scroll-list {overflow: hidden;padding-left: 0;}

/* Custom */
.simply-scroll {width: 930px; margin: auto;}
.simply-scroll .simply-scroll-list li {float: left; /* Horizontal scroll only */  padding-left: 15px; padding-top: 8px;padding-bottom: 8px;}

#home_banner {clear: both; padding: 20px 0; float: left;width: 100%;}
#banner { position: relative}
.nav_ads{position: absolute;height: 21px;width: 12px;top: 17px;background: transparent url('images/main/banner_arrows.png') no-repeat;}
.prev.nav_ads{ left: 0; background-position: left top;}
.next.nav_ads{ right:0; background-position: right top;}


/***************************************/
/* CATEGORY */
/***************************************/
#the_posts_list li{ float: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #E5E5E5; width: 700px;}
#the_posts_list .thumb{float: left; display: inline-block; margin-right: 20px; border: 2px solid #DDD;}
#the_posts_list h2 a {font-size: 17px; color: #333; font-weight: bold; margin-bottom: 10px; display: block;}
#the_posts_list h2 a:hover{ color:#F22630;}
#the_posts_list .detail{ text-align:right; }
#the_posts_list .detail a{display:inline-block; padding:10px 12px; color:#F22630; font-size:11px; background-color:#f5f5f5; border:#ddd solid 1px; font-weight:bold;}
#the_posts_list .detail a:hover{background-color: #EEE; border: #CCC solid 1px; color: #2E7097;}
#the_posts_list .excerpt{ padding-left:208px;}
.category #breadcrumbs{margin-bottom: 20px;}

/*CATEGORY NOTICE*/
.category-notice #main_container{min-height: 350px;}
.category-notice #the_posts_list{ margin-top:60px;}
.category-notice #the_posts_list .excerpt{padding-left:0;}
.category-notice #the_posts_list li {margin-bottom: 10px;padding-bottom: 0px; width: 700px;}
.category-notice #the_posts_list h2{padding-left: 10px; padding-right: 0;}
.category-notice #the_posts_list h2 a { color:#555; width: 850px; float:left; display:inline-block;}
.category-notice #the_posts_list h2 a:hover { color:#F22630}
.category-notice #the_posts_list h2 span{float: right;padding-top: 5px;display: inline-block; color:#999}
h1.notice_single_title{ margin-top:30px;}


/***************************************/
/* POST and PAGE */
/***************************************/
#content_container h1 {
	font-size: 38px;
	font-weight: 500;
	color: #000;
	margin-bottom: 20px;
	margin-top: 24px;
	border: none;
	line-height: 38px;
	text-align: center;
}

div#content_title {
    display: none;
}
.Htitle {
	text-align: center;
	margin-bottom: 30px;
    overflow: hidden;
    border: none;
	background: #fff;
}

#breadcrumbs .home {
    text-indent: -10000px;
    background: url(images/sub/icon_home.png) 0 1px no-repeat;
    display: inline-block;
    width: 13px;
    height: 12px;
    background-position-y: 2px;
    background-position-x: 1px;
}

#thumb_page{ width:200px; float:left; margin-right: 10px;}
#thumb_page img{ border:1px solid #e5e5e5}


/***************************************/
/* ATTACHEMENT */
/***************************************/
.single-attachment #the_content{ text-align:center}


/***************************************/
/* SEARCH RESULT */
/***************************************/
.search-results h1 span{ color:#267DAF}
.search-results #the_posts_list li {padding-bottom: 0px;}


/***************************************/
/* COMMENTS */
/***************************************/
.login_first {text-align: center; margin-bottom: 20px; padding: 50px 0;}
a.deconnection{ font-size: 11px; color: #144F89; float: right;}
a.go_profil{ font-size: 14px; font-weight: bold; color: #589FE6}

/* comments area */
.avatar{ float:left}
.avatar img{ border:1px solid #ddd }
#content_container .avatar img{ padding-bottom:0}
#comments, #respond {padding: 0;clear: both;color:#444;}
.comment_user{list-style:none; background-color:#ccc; min-height:100px; margin:10px 0;}
#comments_container{display:none;}
#respond {font-size: 20px;color: #6C6C6C;padding: 8px;border-bottom: #DDD solid 4px;border-top: #DDD solid 4px;margin-top: 30px;}
#comments_container h3{  border-top:#E5E5E5 solid 4px; display: inline-block; width: 715px; width:100%; font-size:14px; margin-top:15px; font-weight:bold; color:#6C6C6C; padding: 10px 0;}
.commentlist {margin: 0; list-style:none; margin:10px 0;}
.commentlist { list-style:none; color:#FFFFFF;}
.commentlist li{padding:0;color:#000;}
.commentlist .alt {background: #fff;margin-top:0px;padding:0px;}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {font-weight: bold;font-style: normal;color: #333;}
.commentlist small {margin:0;display: block;font-size:11px; text-align:right;}
#commentform {margin-top: 10px;font: 110% Arial, Helvetica, sans-serif;}
#commentform p {padding: 6px 0px;margin: 0px;color:#333; border-bottom: 1px dotted #DDD;}
#commentform p#comment_submit_container {border-bottom: none}
#commentform label{color: #787878;}
#commentform input{width: 200px;background:#eee;border: 1px solid #bdd77f;padding:3px;margin-top: 3px;}
#commentform textarea{width: 550px;height: 115px;background:#eee;border: 1px solid #dbd8d3;padding: 2px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}
#commentform #submit{background:#777;font-weight:bold;color: #ffffff;border: none;float:left;width:204px;height:30px;cursor: pointer;margin:0px 0px 10px 150px;}
#comment_bubble{background-image: url(images/bubble.png);background-position: left center; background-repeat: no-repeat;color: #fff;display: inline-block;font-size: 14px; font-weight: bold; height: 34px;margin-left: 10px; padding-top: 12px

; text-align: center; top: 0; vertical-align: 10px;width: 32px;}
#commentform label{width: 150px;float:left;}
#commentform input{border: 1px solid #dbd8d3;width: 275px;}
#commentform label.error{font-size: 11px;margin-left: 250px;background: #fbfcda url(images/cancel.gif) no-repeat left;border:1px solid #dbdbd3;width:259px;margin-top:4px;padding-left:20px;}
#commentaire{font-size:22px;}
#commentaire_part_droit{margin-left:100px;}
#commentby{border-bottom:solid #666 1px;padding-bottom:0;margin:0 5px 5px 0px;}
.commentlist li.comment_user{  padding:10px; background:#eee}
.commentlist li.comment_user.alt{  padding:10px; background:#fff}
.commentlist li.comment_user a{ color:#589FE6; font-size: 12px; font-weight: bold;}

/*hightlight author comment*/
.authcomment {background-color:#fff !important;border:solid #ddd 1px;color:#666 !important;padding-right:5px;}
.commentlist li.authcomment a{ color: #F22630}
.authcomment cite, .authcomment cite a, .authcomment cite a:visited {font-weight: bold !important;	font-style: normal !important;	color: #fff !important;}
.authcomment #commentby{border-bottom: dotted #DDD 1px;padding-bottom: 4px;margin: 0 5px 5px 0px;}
.authcomment a {color:#CCCCCC;text-decoration:none;}
.authcomment a:hover{color:#999999;	text-decoration:underline;}

/***************************************/
/* FORM */
/***************************************/
#estimation_call{ float:left;}
.page-template-page_estimation-php .wpcf7 , #estimation_notice{width: 646px;float: right;}
.page-template-page_estimation-php .wpcf7 {margin-bottom: 30px;}
.page-template-page_estimation-php .wpcf7 .phone{width: 35px;}
.page-template-page_estimation-php .wpcf7 p{ border-bottom: 1px dotted #CCC; margin-bottom:10px; padding-bottom: 10px;}
.page-template-page_estimation-php .wpcf7 p.submit_container{border-bottom: none}
.page-template-page_estimation-php .wpcf7 b { display:inline-block; width:120px; color:#333; }
.page-template-page_estimation-php .wpcf7 b.title_textarea{vertical-align: top; padding-top: 5px;}
.wpcf7 .estimation_appointment input{ width:160px}
.wpcf7 .estimation_name input{width: 90px;}
.wpcf7 input, .wpcf7 textarea {border: 1px solid #BBB;}
.wpcf7 textarea { width: 480px; margin-left: 6px; resize: vertical; height: 100px; min-height: 100px;}
.wpcf7 .wpcf7-submit{ cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #F22630; display: inline-block; padding: 10px 30px; border-radius: 6px; margin: 10px; font-weight: bold;}


/***************************************/
/* ERROR 404 */
/***************************************/
#error_content h1{margin-top:50px;text-align: center;font-size: 22px;color: #666; font-weight:bold;}
#error_content h2{margin-top:10px; margin-bottom: 15px; text-align: center; font-size: 40px;font-weight: bold; color: #267DAF;}
#error_content p{ color:#555;}
#error_content p a{text-decoration: none; color:white; background: #F22630; display: inline-block; padding: 10px 20px; border-radius: 6px; margin: 10px 0 40px 0; font-weight: bold;}
#error_content p a span{ width:0; height:0; display:inline-block; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-right: 7px solid #fff; margin-right:10px; vertical-align:-3px;}
#error_content p, #error_404 form { text-align:center;}
#error_content form{ margin:0 0 15px 0}
#error_content #search_submit{border: none; cursor:pointer;background:#DDD;color:#333;padding: 6px 20px;border-radius: 6px;font-weight: bold;}
#error_content #search_field{border: 1px solid #aaa; width: 220px; font-size: 12px;padding: 4px 8px;}



/***************************************/
/* FOOTER */
/***************************************/
#footer {
    clear: both;
    width: 100%;
	overflow:hidden;
	text-align: left;
	color:#fff;
	background: #252525;
	padding:0 0 50px 0;
}

.foot_menu { overflow: hidden; border-bottom: 1px solid #3b3b3b; margin-bottom: 50px; }
.foot_menu ul li { float: left; }
.foot_menu ul li a { display: block;font-size: 14px; line-height: 14px; color: #929292; padding: 15px 20px; position: relative; }
.foot_menu ul li a.one { color:#d3d3d3; }
.foot_menu ul li:first-child a { padding-left:0;  }
.foot_menu ul li a:before { width: 1px; height: 10px; background: #66676d; display: block; content: ""; clear: both; position:absolute; top: 50%; left:0; margin-top: -5px; }
.foot_menu ul li:first-child a:before { display: none; }

.all_top { position: absolute; right: 0; top: 0; z-index: 9; }
.all_top A { width: 44px; height: 44px; line-height: 44px; text-align: center; background: #2b479e; display: block; color: #fff; font-size: 13px; }


.single #footer {position: static;}

.copy_left {
    float: left;
    width: 20%;
}
.copy_right {
    float: right;
    width: 80%;
    text-align: left;
}
.copy_right ul li{float:left;}
.copy_right ul li a:first-child{padding-left:0;}
.copy_right ul li a {
    font-size: 13px;
    color: #7d7d7d;
    padding-right:10px;
}
.copy_right p{clear:both;}
select::-ms-expand { /* for IE 11 */
    display: none;
}
#footer p, #footer .copy_right p a {
    font-size: 13px;
    line-height: 24px;
    color: #717171;
}
#footer span, #footer p.copy_tx a {
    display: inline-block;
    font-size: 13px;
	color:#7d7d7d;
}
#footer span a {
	color: #7d7d7d;
	font-size: 13px;
}

.page #footer, .page #footer span a  {
	color:#000;
	clear: both;
    position: relative;
	bottom: 0;
}
.page #footer p, .page #footer span {
    font-size: 13px;
	opacity: 1;
   	color:#7d7d7d;
}
.page #copyright_inner {
    padding: 30px 0;
    border-top: 1px solid #ddd;
	margin-top: 100px;
}

#sub_container #footer{position: static;}

.copyright { width: 100%; background: #1c1c1c; text-align: center; }
.copyright p { color: #555555; font-size: 12px; padding: 18px 0; }
.copyright a { color: #555555; font-size: 12px; }

/***************************************/
/* FANCYBOX PLUGIN CUSTOM STYLE  */
/**************************************/
div#fancybox-title-inside {font-weight: bold;}
div#fancybox-title {height: 30px;} /* fix same size issue*/


/***************************************/
/* BREADCRUMBS */
/***************************************/
#breadcrumbs { position: absolute; top:20px; right:15px;  }
#breadcrumbs, #breadcrumbs a, #breadcrumbs span {text-decoration: none;font-size: 14px;color: #737373;text-align: center;border: none;background: #fff;}
#breadcrumbs a:hover{ color:#F22630;}


/***************************************/
/* WP-PAGENAVI PLUGIN CUSTOM STYLE */
/***************************************/
.wp-pagenavi, #the_content .wp-pagenavi{ width:100%; text-align:center; clear: both; padding-top: 20px;margin-bottom: 40px;height: 40px;}
.wp-pagenavi span, .wp-pagenavi a, #the_content .wp-pagenavi span,  #the_content .wp-pagenavi a {vertical-align: middle; display:inline-block;}
.wp-pagenavi a, .wp-pagenavi a:hover, .wp-pagenavi span.current, .wp-pagenavi span.extend, #the_content .wp-pagenavi a,#the_content .wp-pagenavi a:hover, #the_content .wp-pagenavi span.current, #the_content .wp-pagenavi span.extend{ border


:1px #fff solid; border-color: transparent ; padding: 2px 6px 2px 6px; margin: 2px;text-decoration: none; font-weight:bold;}
.wp-pagenavi a,#the_content .wp-pagenavi a   {background-color: #D7E8FA;  color: #709ECF;  border-color: #A1BEDD;}
.wp-pagenavi a:hover, #the_content .wp-pagenavi a:hover {background-color: #7BA1CC; color: #fff ;text-decoration: none;border-color: #648BB6;}
.wp-pagenavi span.current, #the_content .wp-pagenavi span.current {
	color: #0b2f67;
	border: 1px solid #0b2f67;
	font-size: 12px;
	padding:5px 10px 8px 10px;
}
.wp-pagenavi span.extend, #the_content .wp-pagenavi span.extend  {background-color: #fff; color: #A7CDE4;}
.wp-pagenavi span.pages, #the_content .wp-pagenavi span.pages  {display:none;
/*padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000;
border: 1px solid #000000; background-color: #FFFFFF;*/}


/***************************************/
/* BBPRESS PLUGIN CUSTOM STYLE */
/***************************************/
.bbp-forum-description, .bbp-breadcrumb{ display:none;}
.bbp-topic-permalink{ color:#F22630; font-weight: bold; font-size:13px;display: block;}
a:hover.bbp-topic-permalink{ color:#EC5F00}
.bbp-author-name, #bbpress-forums .bbp-topic-freshness a.bbp-author-name, #bbpress-forums .bbp-forum-freshness a, .bbp-topic-started-by{ color:#bbb}
.bbp-topic-freshness a{ color:#333333}
#bbpress-forums a:hover.bbp-author-name, #bbpress-forums .bbp-topic-freshness a:hover.bbp-author-name, .bbp-topic-freshness a:hover{ color:#F22630}
.bbp-topic-started-by .bbp-author-avatar, .bbp-topic-freshness-author .bbp-author-avatar{ display:none;}
#bbpress-forums div.bbp-template-notice.info {border:none}
.bbp-topic-started-by, .bbp-topic-started-by a, #bbpress-forums .bbp-author-name{ font-size:11px; color:#bbb}
.forum #bbpress-forums fieldset.bbp-form {border: 1px solid #ddd;}
.forum #bbpress-forums ul.bbp-lead-topic, .forum #bbpress-forums ul.bbp-topics, .forum #bbpress-forums ul.bbp-forums, .forum #bbpress-forums ul.bbp-replies {border: none;}
.bbp-topic-started-by, .bbp-topic-freshness-author{ display:none}
.bbp-form div.bbp-submit-wrapper { float:none}
.bbp-form .button, #bbpress-forums .button{ cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #F22630; display: inline-block; padding: 10px 30px; border-radius: 6px; margin: 10px; font-weight: bol


d;}

#board_main_title{ background:#fff url('images/title_board.gif') no-repeat left top scroll; width:490px; height:80px;}
#content_container h1#bbpress_main_title{margin-bottom: 0px;margin-top: 20px;}
#bbpress-forums .bbpress_button_container{ height:56px;}
#bbp_reply_content_ifr, #bbp_topic_content_ifr{ height:190px !important}



/***************************************/
/* CUSTOM SIGNUP STYLE */
/***************************************/
.page-template-signup-php #main_container {width: 960px;margin: 20px auto;}
.mu_register label {display: block;font-size: 14px;padding-top: 10px;font-weight: bold;padding-bottom: 2px;}
.mu_register .submit{cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #F22630; display: inline-block; padding: 0px 9px; border-radius: 6px; margin: 10px 0; font-weight: bold;}
.mu_register .error {margin-bottom: 4px; margin-top: 2px;background-color: #FFEBE8;border: 1px solid #CC0002;padding: 3px 10px; border-radius: 3px;font-weight: bold;}
.mu_register #user_email, .mu_register #user_name {padding: 10px;font-size: 20px;border: 1px solid #AAA;}



/***************************************/
/* MEMBERS SECTION */
/***************************************/

/*MENU MEMBERSHIP*/
#membership_menu {list-style: none; position: absolute;right: 32px; top: 0; border: 1px dotted #F22630; border-top: 0; padding-bottom: 3px; background-color: #F5FAFD;}
#membership_menu li {float:left;}
#membership_menu li a { color: #F22630; padding: 4px 12px; font-size: 11px; font-weight: bold; display: inline-block;}
#membership_menu li a:hover{ color:#2C76A2}
#membership_menu li#user_welcome{padding: 4px 13px;color: #666}
#membership_menu li#user_welcome span{font-weight: bold; }

/* SIGNUP */
.page-template-signup-php #main_container {width: 960px;margin: 20px auto;}
.setupform .error {margin-bottom: 4px; margin-top: 2px;background-color: #FFEBE8;border: 1px solid #CC0002;padding: 3px 10px; border-radius: 3px;font-weight: bold;}

#agree_container{ border:3px solid #ddd}
#agree_container h2{ font-size:14px; font-weight:bold; padding:15px 40px 6px 40px}
#agreement{ width:600px; height:230px; overflow:hidden; overflow-y: scroll; color:#888; font-size:11px; border:1px solid #ddd; margin:auto}
#agreement p{ padding:10px 20px; color:#888}
#agree_check_container{padding:10px 40px 20px 40px; margin-bottom: 20px; text-align:center;}
#agree_check_container span{ color:#0099FF;  }
.agree_check_error {padding: 15px 40px;   margin: 10px 40px;  background-color: #FFE2E2; border: 1px solid #D30303;}
#agree_check_container.agree_check_error { border: none; padding: 10px;}
#agree_yes_no_container{text-align:center; padding-top:15px}
#agree_yes_no_container a, #agree_yes_no_container input{ margin: 0 5px; cursor:pointer; background-color:#eee; color:#333; font-weight:bold; border:1px solid #ddd; display:inline-block; padding: 10px 0px; text-align:center; width:190px}
#agree_yes_no_container a:hover, #agree_yes_no_container input:hover{ background-color:#ddd; color:#000; border-color:#ccc}
.membership #agree_check_container label { width:auto; font-weight:normal}
#member_login_page b{ font-weight:bold;}
#agree_form, #setupform{margin: 20px 20px 60px 20px;}
#bigo1,#bigo2,#bigo3 {width: 10px; vertical-align: middle;}
#zipform_container {padding: 0;}
#zipform { width: 100%; height: 100%; vertical-align: middle; z-index: 99999; }
#zipform_container { padding: 0; margin: 0; }
#zipform_inner { }
#zipform iframe { width: 100%; height: 300px; margin: auto; display: block; }
#zipform { position: relative; }
.zipform_close { top: 0; right: 0; position: absolute; background: #004A85; padding: 0 12px; z-index: 22; line-height: 40px; color: #fff; }

.membership #setupform span.error { color:red }
.membership #setupform p.submit { border:none; padding-top:12px; text-align: right;}
.membership #setupform p.submit input{ margin: 0 0 0 5px; cursor:pointer; background-color: #F22630; border: 1px solid #AC121A; font-weight:bold; /* border:1px solid #ddd; */ display:inline-block; padding: 10px 0px; text-align:center; widt


h:90px; color:#fff}
.membership #setupform p.submit input:hover{ background-color: #F22630; color:#fff; }

#registration_result{ width:560px; border:3px solid #D7E9BD;; padding:20px; text-align:center; margin:20px auto; background-color:#F0FDDC}
#registration_result h2 { padding-bottom:10px}
#registration_result strong{ font-weight:bold;}

/* MEMBERSHIP */
.membership {text-align:center;}
.parent-pageid-39 #sidebar_menu, #member_login_page { /*display:none; */}
#header_user_welcome, #header_user_welcome span { color:#333}
.membership #content_container { width: 740px; float: right; margin-bottom:0}
.membership #sm_title {padding: 20px 30px 0 30px;color: #777;font-size: 15px;font-weight: bold;}
.membership p{ margin-bottom:0; line-height: normal}
.membership #subtitle, .membership #subtitle span{ font-size:40px; font-weight:bold; text-align:center }
.membership #subtitle{color: #D5D5D5;padding-top: 20px;}
.membership #subtitle span{ color:#999}
.membership #login_form_container {padding: 0px 30px 20px 310px;border: 1px solid #DDD;margin: 20px auto;background: #fff url('images/membership/member_login_bg.jpg') no-repeat 30px 30px scroll;overflow: hidden;width:348px; height:200px;}
.membership  #loginform{ /* border-top:1px dashed #ddd ;*/ border-bottom:1px dashed #ddd; padding: 40px 0;margin-bottom: 10px;float: left;width: 100%;margin-top: 20px;}
.membership  #loginform fieldset{ float:left}
.membership label {width: 100px;display: inline-block;font-weight:bold;color:#333}
.membership .forgetmenot label{ font-weight:normal;}
.membership #login_mini_title {padding: 20px 0px 0px 0px;font-weight: bold;font-size: 16px;color: #F22630;}
.membership .login_side_action p{ float:left;}
.membership .login_side_action a { float:right;}
.membership .login_side_action a { display: inline-block;float: right;text-align: center;background-color: #999;color: white;font-size: 11px;font-weight: bold;padding: 0 10px;width: 80px;height: 20px;line-height: 20px;}
.membership .login_side_action a:hover { background-color: #666;}
.membership .login_side_action { float: left; width: 100%}
.membership .login_side_action p {  padding-bottom: 6px; color: #888; font-size: 11px;height: 20px;line-height: 20px;width:245px;}
.membership #member_login_page p {color: #666;text-align:center;vertical-align:middle}
.membership #loginform p{ margin-bottom:4px}
.membership #user_login, .membership #user_pass  {background-color: #f5f5f5;border: 1px solid #CCC;padding: 5px;font-weight: bold;color: #444;width:130px;}
.membership .login_side_action{ clear:both}
.membership #wp-submit {padding: 20px 0;-webkit-appearance: none;background-color: #F22630;border: 1px solid #AC121A;font-weight: bold;color: white;width: 80px;margin-left: 10px; cursor:pointer}
.membership .form-table th label span:first-child { color: red; font-size: 19px; font-family: monospace; vertical-align: -1px;}
.membership .required_desc { color: #F00; font-size: 12px; margin-bottom: 2px; float: right;}
.membership .required_desc i {font-size: 18px;font-style: normal;font-weight: bold;font-family: monospace;vertical-align: -2px;}
.membership .form-table input:focus { outline: 0;}
.membership #agree_yes_no_container input { color: red;}
.membership #agree_yes_no_container a {color: #868686;}

/*LOST ID PASSWORD*/
#lostpasswordform{ margin-top:10px; border:1px solid #ccc; position:relative; padding:20px 0; margin: 30px 60px;}
.membership #lostpasswordform #user_email_container{ text-align:center}
.membership #lostpasswordform label{width: 190px;}
.membership #lostpasswordform #wp-submit {padding: 5px 0;width: 130px; cursor:pointer}

/*PROFILE*/
#member_profil {margin: 10px 60px 60px 60px;}
.signup_message_info, #member_profil .updated, #member_profil .message_error{ width:560px; border:3px solid #FFF39E; padding:10px; text-align:center; margin:10px auto; background-color:#FFFDCF}
.signup_message_info{border:1px solid #FFF39E; background-color:#FFFDCF;}
.membership p.signup_message_info{ margin-bottom:30px}
#member_profil .updated {border: 1px solid #C4ECB3;background-color: #E4FCDA;}
#member_profil .error {border: 1px solid #E48282; background-color: #FFE2E2;}

.form-table { width:100%;  border:1px solid #ddd; border-bottom:none;margin-top: 15px;}
.form-table th{ font-weight:bold; width:120px; padding:7px; border-right:1px solid #ddd; vertical-align:top; background-color:#f5f5f5}
.form-table th, .form-table td{ border-bottom:1px solid #ddd}
.form-table td{ padding:7px 12px}
.form-table input{ border:#ddd solid 1px; padding:2px 4px; background-color:#fbfbfb; width:150px }
.form-table textarea{ border:#ddd solid 1px; padding:8px; background-color:#fbfbfb }
.form-table #email {}
.form-table #realname { width: 80px;}
.form-table #zip {width: 80px; margin-bottom:6px; display:block; float:left}
.form-table #zip_btn{display: block; line-height: 18px; margin-left: 10px; float: left; background: #fff url('images/membership/post_btn_bg.gif') no-repeat 7px center; padding: 1px 7px 1px 39px; color: #7A7A7A; font-weight: bold; border: 1


px solid #DDD; margin-top: 2px;}
.form-table a:hover#zip_btn{ border-color:#aaa}
.form-table input#user_email {width: 250px;}
.form-table #address { width: 250px; margin-bottom:6px; display:block; clear:both}
.form-table #address_more { width: 250px;}
.form-table #freeword { width: 380px; height: 75px}
#member_profil #member_message {padding: 20px 0;border: 1px solid #DDD;margin-top: 20px;float: left;width: 100%; margin-bottom: 30px;}
#member_profil #member_message #please_login{ text-align: center;border-bottom: 1px dashed #DDD;padding-bottom: 15px;margin: 0 50px 20px 50px;color: #333;font-weight: bold;}
#member_profil #member_message #please_login a{ color:#F22630}
#member_profil .login_side_action {  width: 360px;  margin: auto; float: none;}
#member_profil #updateuser, #member_profil #profile_info_change_btn {float: right;padding: 8px 40px;-webkit-appearance: none;background-color: #F22630;border: 1px solid #AC121A;font-weight: bold;color: white;margin-top: 10px;cursor:pointer


;}
.help_message{ font-size:11px; color: #aaa; display: inline-block; margin-left: 15px;}
#member_profil b{ font-weight:bold}

/*VALIDATION ERROR*/
.form-table label.error, #member_profil .form-table label.error {display: inline-block;width: 300px;margin-left: 10px;color: #EC4040;border-color: transparent;background-color: transparent;}
.form-table input.error, #member_profil .form-table input.error{ border-color:#DF6A6A; background-color: transparent}

/*ACTIVATE*/
.error404 #content.widecolumn {margin-top: 70px;}

/*WELCOME MESSAGE*/
.membership #login_form_container.welcome_message{ background:none; padding:30px 0; width:100%; text-align:center}
#login_welcome span { color: #267DAF; font-size: 24px;}
.welcome_message .userinfo a { display: inline-block; padding: 10px 20px; background: #F22630; margin: 10px; color: #fff; font-weight: bold;}
.welcome_message .userinfo a#welcome_logout{ background-color:#999}

/*SIGNUP CONFIRMATION MESSAGE*/
.error404 #content { width: 1000px; margin: auto; text-align: center; margin-bottom: 140px;}
.error404 #content h2 { font-size: 20px; font-weight: bold;}
.error404 #content #signup-welcome { padding: 20px; margin: 10px 170px; background-color: #E8FFD5; border: 1px solid #AADD7F;}
.error404 #content #signup-welcome p{ padding:3px}
.error404 #content p.view a{ font-weight:bold; color:#004282; padding:3px 10px; background-color:#eee; border:1px solid #ddd; }
.error404 #content p.view {padding-top:10px}
.error404 #content .lead-in { padding: 20px; margin: 10px 170px; background-color: #f5f5f5; border: 1px solid #ddd;}
.error404 #content .lead-in  a{ font-weight:bold; color:#004282; padding:0px 3px; line-height:20px  }



/***************************************/
/* SUBCATEGORIES LIST */
/***************************************/
#the_content .subcategories ul { list-style: none; margin: 0; padding: 0; }
#the_content .subcategories li a { display: block; font-size: 14px; color: #333; margin: auto; text-align: left; border-bottom: 1px solid #C1BEBF; border-top: 1px solid #FFF; padding: 8px; background-color: #fff; text-decoration: none; }
#the_content .subcategories li a:hover { background-color: #f5f5f5; }

/* sub visual */
.Svisual {width:100%; position:relative; z-index:-1;overflow: hidden;}
.Svisual > div {transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-animation: myanim 5s ease-in-out 1s;-moz-animation: myanim 5s ease-in-out 1s;-ms-animation: myanim 5s ease-in-out
1s;animation: myanim 5s ease-in-out 1s;background-position:  100%;}
.Svisual > div.on{ transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1);}
@keyframes myanim {to{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); }from{transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2);}}
@-ms-keyframes myanim {to{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); }from{transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2);}}
@-moz-keyframes myanim {to{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); }from{transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2);}}
@-webkit-keyframes myanim {to{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); }from{transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2);}}

.Svisual h5 {
    position: absolute;
    top: 0;
    bottom: 0;
    color: #fff;
    margin-top: auto;
    margin-bottom: auto;
    height: 20px;
    left: 0;
    right: 0;
    text-align: center;
	font-size:42px;
	font-family: 'Ubuntu', sans-serif;
    z-index: 1;
}
.Svisual span {
    display: block;
    padding-top: 10px;
    opacity: 0.6;
    font-weight: 200;
}

.subVisual {width:100%;  height:385px;}
.subVisual01 {background:url('images/sub/sub_visual01.jpg') no-repeat center top; }
.subVisual02 {background:url('images/sub/sub_visual02.jpg') no-repeat center top; }
.subVisual03 {background:url('images/sub/sub_visual03.jpg') no-repeat center top; }
.subVisual04 {background:url('images/sub/sub_visual04.jpg') no-repeat center top; }
.subVisual05 {background:url('images/sub/sub_visual05.jpg') no-repeat center top; }
.subVisual > div > h3 {color:#fff; font-size:46px; font-weight:bold;}
.subVisual > div {padding-top:205px; text-align:center; }
.subVisual > div > P { padding-bottom:20px; color:#fff; font-size: 28px; line-height: 28px; font-weight:500;}
.subVisual > div > span{ font-size: 16px; color: #d0d0d0; line-height: 16px; font-weight: 400; font-family: 'Ubuntu', sans-serif; }

/***************************************/
/* PHOTO */
/***************************************/

/*Video player style*/
.win_mediaplayer_container{ text-align:center}
#win_mediaplayer{ background-color: #fff;margin: auto;}
.mejs-container{ margin: auto;}

.gallery {margin-top: 30px;}
#the_content .gallery ul{ padding-left:0}
.gallery li { display: block; list-style:none; float:left; width: 25%;  padding-bottom:40px}
.gallery li a{ display: inline-block; text-align:center }
.gallery li a.photo_thumb {width: 100%; border: none;}
a.photo_link {
    width: 100%;
    text-align: center;
    color: #505050;
    padding:10px;
    margin: auto;
    height: 18px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
a:hover.photo_link{color:#0A8B9B}
a.photo_thumb img, #content_container a.photo_thumb img { width: 96%; height: auto; border: 1px solid #CCC; height: 120px;}
#content_container .gallery img{ padding-bottom:0}
.gallery li a.photo_thumb, .gallery li a.video_title { position: relative;}
.photo_thumb .comment_num {display:none; /*position: absolute; bottom: 10px; right: 10px; background: #242424; padding: 0 8px; display: block; line-height: 19px; font-weight: bold; color: #fff; border-radius: 2px;*/}

.comment_num_inner { position: relative; z-index: 33; }
.comment_num_arrow { position: absolute; bottom: -8px; left: -1px; border-left: 0px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #242424; display: block; width: 0; z-index: 22; height: 0; }
#the_content #videos_list.gallery li { text-align: center }
.video_title .comment_num { bottom: 0; right: -30px; }
#the_content .gallery li a.video_title { display: inline-block; width: auto; float: none }
#the_content.gallery ul a, #the_content .gallery ul a { color: #333; }
#the_content.gallery ul a:hover, #the_content .gallery ul a:hover { color: #709ECF; text-decoration: none }

#download_files {clear: both; margin: 10px 0; float: left; /* background-color:#f5f5f5; */ border:1px solid #ddd; width: 100%; }
#download_files h3 { font-weight:bold; padding-bottom:3px; border-bottom: 1px dashed #ccc; margin: 10px 20px 10px 20px;}
#download_files ul{  margin: 0 20px 10px 20px;}
#download_files li { list-style:none}
#download_files li a { color: #0A7D86; font-size:12px; background: transparent url('images/photonews/download_icon.gif') no-repeat 5px center; display: block; padding: 2px 0; padding-left: 30px;}
#download_files li a:hover { color: #004F55; background-color: #E9E9E9;}

#photo_content_container {clear: both;}
#photo_content_container img {max-width: 740px;height: auto;margin-bottom: 20px;}
#photo_content_container >ul li{text-align: center;}
.single-photonews img.photos, .single-photosocial img.photos{ margin-bottom:20px; border:1px solid #ddd; display:block; clear:both; max-width: 700px;}

.single-photonews .avatar img { width: 40px; height: 40px;}
.single-photonews .comment_user {min-height: auto;}
.btnArea.pagebottom {display: block;position: relative;width: 100%;padding-top: 10px;border-top: 1px solid #ddd;}
/*Last photonews list*/
#last_photos li {width: 25%; float: left; margin-top: 16px; display: inline-block;text-align: center;}
#last_photos {float: left; padding: 2px 9px 0px 10px; border: 1px solid #ddd;margin-top: 20px;height: 196px; width: 639px;clear: both;}
#last_photos a.photo_thumb { border: none;}
#last_photos .photo_link {text-align: center; display: block;margin-top: 3px;}



/***************************************/
/* VIDEO */
/***************************************/
#videos_list ul li img { width: 94%; height: 115px; border: 1px solid #999; margin-bottom: 2px; }
#videos_list ul li a { text-align: center; display: block; }
.mejs-container { display: block; margin: 10px auto; }
.home .mejs-container { margin: 0 auto; }
#the_video { background: #DDD; padding: 10px 0; margin-bottom: 20px; border: 1px solid #CCC; }
#the_video video{margin:0 auto;}
#content_container #videos_list.gallery img { idth: 180px; height: 135px; width: 80%; height: auto; }
.single-videos iframe { display: block; margin: auto }
#videos_list .video_title { width: 90%; display: block; height: 22px; text-align: center; margin: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#the_content #videos_list ul a { color: #333 }
#the_content #videos_list ul a:hover { text-decoration: none; color: #709ECF; }
#videos_list .video_date, #videos_list .video_view, #videos_list .comment_num { display: none }
#the_content.photos ul { padding-left: 0; }
#content_container .photos a.photo_thumb img { height:200px; }
#the_content .video_thumb svg { display: none; }

/***************************************/
/* POLL */
/***************************************/
#the_content h3.poll_question {font: bold 20px 'NanumGothic'; color: #303030; margin-bottom: 10px;}
#the_content .wp-polls-ul {padding: 30px 5% 20px; border: 1px solid #DFDFDF; width: 90%;}
#the_content .wp-polls-ul li {font: bold 13px 'NanumGothic'; color: #6F6F6F; margin-bottom: 17px;}
#the_content .wp-polls-ul li {font: bold 13px 'NanumGothic'; color: #575757; margin-bottom: 17px; border-bottom: 1px dashed #DDDDDD; padding-bottom: 15px;}
#the_content .wp-polls-ul li strong {color: #084B4F;}
#the_content .wp-polls-ul li small {color: #8C8C8C; font-size: 11px;}
#the_content .wp-polls .pollbar {background-image: none; background-color: #eee; border: none; background: #05828B; margin-top: 5px; height: 16px;}
#the_content .total_voters {font: normal 13px 'NanumGothic'; color:#8B8B8B; margin: 14px 0 20px; float: right;}
#the_content .total_voters strong{color: #E01313;}
#the_content p.poll_date {margin-top: 18px; font-size: 11px; color: #8E8E8E; padding: 0; margin-bottom: 110px;}
#the_content .vote {display: block; margin: 0 auto; text-align: center; margin-top: 20px;}
#the_content .wp-polls .vote .Buttons, #the_content .wp-polls .vote a {
font: bold 13px 'NanumGothic';
background-color: #EF0000;
border: 1px solid #560505;
padding: 5px 10px;
color: #fff;
text-align: center;
margin-right: 10px;
}
#the_content .vote a.view_results {
font: bold 13px 'NanumGothic';
color: #595959;
margin-bottom: 50px;
background-color: #eee;
padding: 5px 15px;
border: 1px solid #BBB;  display: inline-block;
}
#the_content .vote a:hover {  text-decoration: none;}


/***************************************/
/* PRODUCTS */
/***************************************/
#the_content.products ul { padding-left: 0; }
#content_container .products a.photo_thumb img { height: 180px; width: 90%; }


/***************************************/
/* SUB  */
/***************************************/
.products_gallery {width: 750px; float: left; }
#main_p_img {width: 700px; margin-bottom: 18px;}
#main_p_img img {width:700px  !important; height:441px;padding-bottom: 0 !important; }
.small_list {clear:both;width: 1158px; box-sizing: border-box; }
.small_list ul {width: 100%; overflow:hidden;}
.small_list li {width:10%;float:left;}
.small_list li a {display:block;margin:2px; border: #dcdcdc 2px solid;padding:1px;}
.small_list li a.active {border: #438fcf 2px solid;}
.small_list li a img {display:block;width: 100%;padding-bottom: 0 !important; }
.product_content { float: right; width: 428px;}
 .products02.products {width: 100%;float: left;}

/****************** 170726 sub contents ******************/
.js-reveal {
	opacity: 1;
	transition: opacity .7s ease-in, margin-top .7s ease-out;
}
.js-reveal--hidden {
	opacity: 0;
	margin-top: 3em;
}

.sec1 {margin-top:100px; overflow: hidden;}
.sec2 {margin-top:30px; overflow: hidden;}

.sub h3 {
    font-size: 26px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 20px;
}
.sub h4 {
	width: 100%;
    font-size: 40px;
    color: #262262;
    font-weight: 500;
    line-height: 50px;
    padding: 30px 0;
}
.first {
	border-left:none;
}

/* table */
.tb_st table {width:100%;}

.tb_st thead {background: #ececec;}
.tb_st table thead tr td, .tb_st table thead tr th  {padding: 6px 0 !important;border-right: 1px solid #d4d4d4;}
.tb_st table thead tr td {
	border-bottom: 1px solid #d4d4d4;
	border-top: 0;
	font-weight: 500;
    color: #333;
}
.tb_st table thead th {}

.tb_st table td.last, .tb_st table th.last {border-right:none;}
tr.tb_bg_point {
    background: #eceaff;
}
tr.tb_bg_point2 {
    background: #ffefef;
}
.tb_st table tr td {
    padding: 11px 0;
    font-size: 14px;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    vertical-align: middle;
    text-align: center;
	font-weight: 300;
}
.tb_st table tr th {
    padding: 12px 0;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    border-top: 2px solid #7b7b7b;
    border-bottom: 1px solid #d4d4d4;
	text-align: center;
	background: #ececec ;
    vertical-align: middle;
}

/* 05-03 찾아오시는길*/

.sta_box { padding-bottom: 100px; }
h2.sub_title01 { font-size: 24px; text-align: left; color: #000; font-weight: 400; background: url('images/sub/sub_h2_title.png') no-repeat left center; padding-left: 17px;}
h2.sub_title01_1 {
    font-size: 24px;
    text-align: left;
    color: #000;
    font-weight: 400;
}
h3.sub_title02_1 {
    font-size: 18px;
    color: #000;
    margin-top: 20px;
    margin-bottom: 15px;
    clear: both;
    content: "";
    display: block;
}
.summary_2 h2.sub_title01, .ceo h2.sub_title01 {
    font-size: 24px;
    text-align: left;
    color: #000;
    font-weight: 400;
    background: url(images/sub/sub_h2_title_01.png) no-repeat left center;
    padding-left: 17px;
	line-height: 33px;
	margin-bottom:20px;
}

h3.sub_title02 {  font-size: 18px; color: #000; padding-left: 23px; background: url('images/sub/sub_h3_title.jpg') no-repeat left center; }
.map h2.sub_title01 { margin-bottom: 20px; }
.map h3.sub_title02 { margin-bottom: 10px; }

.map_adress { overflow: hidden; margin-top: 50px; padding: 20px 0 20px 430px; }
.map_content01 .map_adress { background: url('images/sub/map_img01.jpg') no-repeat left top; }
.map_content02 .map_adress { background: url('images/sub/map_img02.jpg') no-repeat left top; }
.map_content03 .map_adress { background: url('images/sub/map_img03.jpg') no-repeat left top; }
.map_adress dl dt { color: #000; font-family: 'Ubuntu', sans-serif; font-size: 21px; padding-left: 45px; padding-bottom: 10px; padding-top: 20px; }
.map_adress dl:first-child dt { padding-top: 0;  }
.map_adress dl dt.one { background: url('images/sub/map_icon01.png') no-repeat left 0; }
.map_adress dl dt.two { background: url('images/sub/map_icon02.png') no-repeat left 21px; }
.map_adress dl dt.thr { background: url('images/sub/map_icon03.png') no-repeat left 23px; }

.map_adress dl dd { font-size: 16px; color: #666; }

.map_content02 h3.sub_title02 { margin-top: 50px; }

.map .sub_title03 { margin-top: 70px; }
.map_content03 .map_adress dl:first-child dd { font-family: 'Ubuntu', sans-serif; }

/* 주요사업 사업영역 */
.page-id-2289 .Htitle { margin-bottom:0; }

/* 01-01 인사말 */
.info > div > div {
    display: inline-block;
    float: left;
    width: 50%;
}

.info h4 > span {
    font-size: 44px;
    font-family: 'Ubuntu', sans-serif;
    letter-spacing: -0.8px;
}
span.cont_line {
    height: 1px;
    width: 45px;
    background: #ccc;
    display: inline-block;
    margin-bottom: 30px;
}

/* 02-01 사업대상 */
.sol_plan {
	background: #072c47 url(images/sub/s02_01_map2.jpg) no-repeat left center;
    padding: 90px 0 190px 0;
    text-align: right;
}
.plan_area .radius {
    clear: both;
    width: 100%;
	position: relative;
    display: inline-block;
	}
.plan_area .radius > div, .panorama > div {
	width:50%;
	float:left;
	display:inline-block;
	z-index: 15;
}
.radius .radius_cont {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
}
.radius .radius_img {
    background: url(images/sub/s02_01_map.jpg) no-repeat right center;
    height: 590px;
    background-size: cover;
}
.radius .radius_cont {
    position: absolute;
    bottom: 0;
    right: 0;
	padding: 70px;
    border-top: 1px solid #262262;
}
.radius_cont span {
    background: #262262;
    color: #fff;
    padding: 9px 30px;
    border-radius: 50px;
	display: inline-block;
}
.advantage {
    padding-bottom: 100px;
	width:100%;
	overflow: hidden;
    box-sizing: border-box;
}
.advantage > div {
    width: 25%;
    float: left;
    padding: 40px;
    box-sizing: border-box;
    border: 1px solid #d0d0d0;
    min-height: 600px;
    border-right: none;
}
.advantage h3 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 24px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #aaa;
    color: #3a3a3a;
    font-weight: 400;
}
.advantage h3 > span {
	display:block;
	color: #262262;
    font-weight: 400;
	padding-bottom: 20px;
}
.panorama span {
	font-size:14px;
	padding-top:20px;
	color:#777;
	display:inline-block;
}
.panorama > div:first-child {
    padding-right: 100px;
    box-sizing: border-box;
    /* position: absolute;
    top: 100px;
    left: 50px; */
}
.pic > span {
	width:25%;
	float:left;
}
.pic > span img {
	width:100%;
}
.sol_newmap {padding:0 30px;    box-sizing: border-box;}
.sol_newmap h4, #the_content .sol_newmap p {
	color: #fff;
}

/* sub 03-01 */
.page-id-2293 .business > div, .page-id-2330 .business > div {
    display: inline-block;
    width: 50%;
    float: left;
}

/* sub 04-02*/
ul.sol_floor li {
    display: inline-block;
    width: 33%;
    box-sizing: border-box;
    padding: 0 10px;
	text-align:center;
	margin-bottom: 50px;
}
ul.sol_floor li > p {
    background: url(images/sub/title_line.png) no-repeat center center;
    margin: 30px;
    display: block;
    padding: 0;
    color: #000 !important;
}
ul.sol_floor li > p > span {
    display: block;
    font-size: 14px;
    color: #666;
	padding-top: 30px;
}
.sol_floor img {
	width:100%;
}
.page-id-2301.page #copyright_inner {
	margin-top:50px;
}
.page-id-2301 .sub h3 {
    font-size: 26px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 20px;
	background:none;
	margin-bottom:0;
	padding-top:0;
}

/**/
.solmarine h3 {
	padding-top:50px;
	padding-bottom:40px;
	background: url(images/sub/title_line.png) no-repeat left bottom;
	margin-bottom:30px;
}
.solmarine h5 {
	text-align:center;
	margin-bottom: 20px
}
.solmarine h5 > span {
    background: #333;
    color: #fff;
    padding: 5px 30px;
    border-radius: 50px;
	display: inline-block;
}
.solmarine div.deco_img, .solmarine div.deco_img01, .solmarine div.deco_img02 {
	width:100%;
	clear: both;
	overflow:hidden;
}
.solmarine div.deco_img p {
	width: 55%;
    margin: 0 auto;
	text-align:center;
}
.solmarine div.deco_img > div {
	width:50%;
	float:left;
}
.solmarine div.deco_img h4{
	    padding-top: 0;
}
.solmarine div.deco_img01 > div:first-child {
	width:35%;
	padding-right:5%;
    float: right;
}
.solmarine div.deco_img01 > div {
	width:60%;
	float:left;
	background: #fff;
    box-sizing: border-box;
    padding-right: 0 !important;
}
.solmarine div.deco_img01 > div img, .solmarine div.deco_img02 > div img {width:100%;}
.solmarine div.deco_img02 > div:first-child {
	width:35%;
	padding-left:0;
	background: #fff;
	padding-left: 50px;
    box-sizing: border-box;
}
.solmarine div.deco_img02 > div {
	width:60%;
	padding-left:5%;
	float:left;
}

span.red_strong {
    display: none;
}

.page-id-2440 #the_content,
.page-id-2399 #the_content,
.page-id-2370 #the_content,
/*.parent-pageid-872 #the_content,*/
.parent-pageid-2352 #the_content {
    width: 1200px;
    margin: 0 auto 20px;
}

.page-id-2434 #the_content,
.page-id-2436 #the_content {
    width: 1200px;
    margin: 160px auto 0;
}
#the_content .pibs_nboard_wrap{
    max-width: 1200px;
    margin: 0 auto 20px;
    width: 100%;
}
/* bord */
.page.page-id-902.mobile #the_content td.pibs_nboard_file img {
    width: auto;
    display: inline-block;
    /*height: auto;*/
    border: none;
	padding:11px;
}
textarea#pibs_nboard_write_form_contents {
    width: 95%;
}

#the_content table.pibs_nboard_write_form i, #pibs_online_pasworld_confirm i {    font-size: 13px;font-style: normal;color:#777;}
.pibs_nboard_write_form th {border-bottom: 1px solid #ebebeb !important;}
input#pibs_nboard_keyword_text {
    width: 130px;
}
#the_content .pibs_nboard img.new_img {display:none;}
.mobile table.pibs_nboard td.pibs_nboard_comment{display:none !important;}
.mobile table.pibs_nboard td.pibs_nboard_username, .mobile table.pibs_nboard td.pibs_nboard_date, .mobile table.pibs_nboard td.pibs_nboard_visit{padding:0 3px !important;}
/* en_sub */
#en ul.sol_floor li > p {
	background:none;
}
#en.page-id-2336 .solmarine h3 {
	background:none;
	margin-bottom:0
}


/***************************************/
/* LHBOARD */
/***************************************/
.pibs_online_btn_new {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    border-top: 1px dashed #ccc;
    padding-top: 20px;
}
div#pibs_online_pasworld_confirm {
    text-align: center;
    background: #fff;;
    padding: 30px;
    border-radius: 5px;
    border: 1px solid #ddd;
    width: 100%;
    box-sizing: border-box;
}

#lhwb_view_comments a[href$=".pdf"],#lhwb_view_comments a[href$=".hwp"],
#lhwb_view_comments a[href$=".doc"],#lhwb_view_comments a[href$=".docx"],
#lhwb_view_comments a[href$=".xlsx"],#lhwb_view_comments a[href$=".xls"],
#lhwb_view_comments a[href$=".pptx"], #lhwb_view_comments a[href$=".ppt"] { padding: 5px 10px 5px 20px; margin: 2px 0; background: left top no-repeat; display: block; }
#lhwb_view_comments a[href$=".pdf"] { background-image: url(images/lhboard/pdf_icon.png); }
#lhwb_view_comments a[href$=".hwp"] { background-image: url(images/lhboard/hwp_icon.gif); }
#lhwb_view_comments a[href$=".doc"], #lhwb_view_comments a[href$=".docx"] { background-image: url(images/lhboard/word_icon.png); }
#lhwb_view_comments a[href$=".xlsx"], #lhwb_view_comments a[href$=".xls"] { background-image: url(images/lhboard/excel_icon.png); }
#lhwb_view_comments a[href$=".pptx"], #lhwb_view_comments a[href$=".ppt"] { background-image: url(images/lhboard/powerpoint_icon.png); }
#lhwb_view_comments a[href$=".mp3"] { background-image: url(demo-images/audio.png); }
#board_file_img #insert-media-button { border-radius: 2px; display: block; padding: 8px 10px; border: 1px solid #999; padding-left: 35px; background: #F5F5F5 url(images/lhboard/media_upload_icon_pc.png) no-repeat 4px center; }
#board_file_img #insert-media-button .wp-media-buttons-icon { display: none }
#wp-lhwb_editor-editor-container {border: 1px solid #CCC;box-sizing: border-box;}
div#wp-lhwb_editor-wrap table tr td.mceStatusbar {display: none;}
#lhwb_board_write_btn {padding: 10px 0; color: auto; background:none}
div#lhwb_wrap #board_write_btn a,
#lhwb_board_write_btn a, a#lhwb_board_ok_btn {
border: none;
padding: 5px 20px 5px 38px;
font-size: 13px;color: #FFF!important;
border: 1px solid #2b479e !important;font-weight: bold !important;background: #2b479e url(images/lhboard/btn_confirm_light.png) no-repeat 15px center !important;text-decoration: none !important;border-radius: 3px;    display: inline-block;
}
a#lhwb_board_goback_btn {
    padding: 5px 20px;
    font-size: 13px;
    color: #FFF!important;
    border: 1px solid #5d5d5d !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border-radius: 3px;
    display: inline-block;
    background: #616161;
}
div#lhwb_wrap #board_write_btn a{padding: 8px 15px 8px 28px;}
div#lhwb_wrap #board_write_btn{ padding-top:10px;}
.lhwb_pass_the_container .btn01 { border: none; padding: 5px 15px 5px 28px !important; ; font-size: 13px; color: #FFF!important; border: 1px solid #AC121A !important; font-weight: bold !important; background: #F22630 url('images/lhboard/btn_confirm_light.png') no-repeat 5px center !important; text-decoration: none !important; }
.lhwb_pass_the_container .btn01 a { color: #FFF!important; }
#lhwb_wrap .lhwb_pass_the_container .lhwb_wid350#lhwb_board_author_pass { width: 120px; }
div#lhwb_wrap .lhwb_pass_the_container .writeTy01 ul.bgef li { text-align: center; padding: 35px 0 30px 0; margin-bottom: 10px; border-bottom: none }
#lhwb_wrap .lhwb_pass_the_container h2 { display: inline-block; float: none; }
div#lhwb_wrap .lhwb_pass_the_container .writeTy01 .bgef { background-color: #F5F5F5; }
div#lhwb_wrap span.btn02{background: none; background-color: #CACACA;border: 1px solid #DDD !important; padding: 5px 24px; font-weight: bold !important; color:#666 !important; background:#F2F2F2;}
div#lhwb_wrap span.btn02:hover{}
div#lhwb_wrap .writeTy01 ul {border-top: none !important;}
div#lhwb_wrap .board_list p {padding: 14px 0px;}
div#lhwb_wrap .board_list p#lhwb_view_comments{ min-height:120px;margin-bottom: 10px;border-bottom: 1px dotted #C2C2C2;}
div#lhwb_wrap .boardTy01 table {border-top: 4px solid #999 !important;border-bottom: 3px solid #ccc !important;}
div#lhwb_wrap .boardTy01 table thead th span {border-right: 1px solid #ccc !important;}
div#lhwb_wrap .boardTy01 table thead th {border-bottom: 2px solid #ccc !important;}
div#lhwb_wrap .FootTy01 .pageing strong {color: white; border-color: #BDBDBD ; background-color: #BDBDBD !important; }
div#lhwb_wrap a{ text-decoration: none !important}
div#lhwb_wrap input[type="text"], input[type="password"], textarea{ box-shadow:none !important}
div#lhwb_wrap .boardTy01 table#board_list tbody tr{ cursor:pointer}
div#lhwb_wrap .boardTy01 table#board_list tbody tr:hover{ background-color:#f5f5f5}
.btn_board_reply.lhwb_board_reply_btn,.btn_write.lhwb_modify_btn,.btn_cancel_03,#lhwb_reply_btn .btn_write,#lhwb_reply_btn .btn_cancel_04 { background: none !important; padding: 0 !important; margin:0;}
.btn_board_reply.lhwb_board_reply_btn a,.btn_write.lhwb_modify_btn a,.btn_cancel_03 a,#lhwb_reply_btn .btn_write a,#lhwb_reply_btn .btn_cancel_04 a,#lhwb_wrap .btn_list a{background-color:#F2F2F2; display: inline-block; padding: 5px 22px 5

px 28px !important; font-size: 13px; border: 1px solid #DDD; margin:0 2px}
.btn_board_reply.lhwb_board_reply_btn a{background:#F2F2F2 url('images/lhboard/btn_comment.png') no-repeat 5px center !important;}
#lhwb_wrap .btn_list a{background:#F2F2F2 url('images/lhboard/btn_list.png') no-repeat 5px center !important;}
.btn_write.lhwb_modify_btn a{background:#F2F2F2 url('images/lhboard/btn_edit.png') no-repeat 5px center !important;}
.btn_cancel_03 a{background:#F2F2F2 url('images/lhboard/btn_trash.png') no-repeat 5px center !important;}
#lhwb_reply_btn .btn_write a{background: #F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center !important;}
#lhwb_reply_btn .btn_cancel_04 a{background: #F2F2F2 url('images/lhboard/btn_cancel.png') no-repeat 5px center !important;}
html div#lhwb_wrap p#lhwb_view_comments pre{ min-height: 120px !important;}
#lhwb_reply_btn li:first-child{ float: right !important;}
#lhwb_reply_btn .btn_write { float: left; width: auto;}
div#lhwb_wrap #lhwb_reply_btn { clear: both; width: 100% !important; margin-top: 10px;}
div#lhwb_wrap #lhwb_reply_btn ul li { width: auto !important;}
div#lhwb_wrap .txtarea05 { width: 100% !important; background-color: #f9f9f9 !important;}
div#lhwb_wrap #lhwb_reply_container .lwhb_reply_li_1 .comment_input { width: 100%!important;}
#lhwb_reply {margin: 0 40px;}
#reply_input h3 small span {  display: block; font-size: 13px; color: #686767 !important; width:auto !important;  padding-top: 10px;float: none !important; margin: 0 40px; font-weight: bold; text-align: right; padding-top: 10px;}
#lhwb_view_footer { border-bottom: 1px solid #ccc; float: left; width: 100%;}
div#lhwb_wrap #lhwb_reply_container ul li h3 { width: 100% !important;}
#lhwb_view_comments { min-height: 120px;}
div#lhwb_wrap #lhwb_board_view.writeTy01 ul.bgef li span { margin-bottom: 0; line-height: 170%; float: none;}
div#lhwb_wrap .view_title {border-right: 1px solid #DDD; padding: 0 10px 0 0; display: inline-block; width: 420px !important; max-width: none !important; font-weight:bold}
div#lhwb_wrap .writeTy01 #pibsms_sns img { float: none; margin: 0 2px;}
.view_author { padding: 0 10px !important;}
.view_author { border-right: 1px solid #ddd; margin-right:10px;}
.view_textarea .btn_write {background-color: #ddd;}
.view_textarea .btn_write a{color:#666 !important}
#lhwb_reply_list h3 small span:first-child { font-weight: bold; font-size:12px;}
#lhwb_reply_list h3 small span{ color: #AFAFAF !important; }
div#lhwb_wrap #lhwb_board_view.writeTy01 ul.bgef li {border-top: 1px solid #CCC;}
#lhwb_wrap .fst01 { color: #AFAFAF !important; font-size: 12px; font-weight: bold; margin-bottom: 4px;}
div#lhwb_wrap #lhwb_re_reply .txtarea05 { margin-bottom: 20px;}
div#lhwb_wrap #lhwb_re_reply_btn { margin-left: 20px;}
#lhwb_re_reply_btn span.btn_write { padding: 5px 0px 5px 27px; margin-bottom: 3px; background: #F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center !important; display: inline-block; border: 1px solid #DDD; font-size: 12px; width: 38px;}
#lhwb_re_reply_btn #reply_input_del{ padding: 5px 0px 5px 27px; margin-bottom: 3px; background: #F2F2F2 url('images/lhboard/btn_cancel.png') no-repeat 5px center !important; display: inline-block; border: 1px solid #DDD; font-size: 12px; width: 38px;}
div#lhwb_wrap #lhwb_reply_container #lhwb_re_view .re {background-color: #F1F1F1;}
#the_content div#lhwb_wrap .lhwb_search select { height: 24px;}
#the_content .map_img{padding:2px; border:1px solid #ccc; margin:0 auto;}
#the_content ul.map_ad {  margin:0 auto; padding-top:20px;}
#the_content ul.map_ad li{padding:0 10px 5px 13px; display:inline-block; width:100%; background:url(images/sub/sm_arr_02.gif) left 4px no-repeat;}
#the_content ul.map_ad span { display:inline-block; width:83%; float:right; font-size:14px;}
.max-upload-size{ display:none}
div#lhwb_wrap #pibsms_sns_pc img { width: 24px; height: 24px; margin: 0 0 0 6px;}
#lhwb_wrap .btn_list a {padding: 4px 16px 4px 26px !important;}



/***************************************/
/* ONLINE QUOTE */
/***************************************/
#quote_search input{ vertical-align:middle;}
#quote_search_submit{ height:auto; border:none}
#online_write_new_btn { margin-top: 5px }
#online_write_new_btn a { margin-top: 5px; padding: 5px 12px 5px 30px; font-size: 13px; font-weight: bold !important; text-decoration: none !important; color: #FFF!important; border: 1px solid #AC121A !important; background: #F22630 url('images/lhboard/btn_edit_light.png') no-repeat 5px center !important; }

/* */
table.t1 {border-collapse: collapse; width: 100%; margin: .5em 0px; font-size: 1em;border-top: 4px solid #999 !important;border-bottom: 3px solid #ccc !important;}
table.t1 tr {  } /* colgroup */
table.t1 th, table.t1 td { border: 0px solid #c8c8c8; border-width: 0 0px 0px 0; padding: 6px 6px 6px 6px; }
table.t1 thead, table.t1 tfoot { background: #fff; font-weight: normal; font-size: 1em;}
table.t1 th { background: #fff; font-weight: bold; text-align: left; border-bottom: 1px solid #ebebeb; padding-left:10px;padding-top: 10px;padding-bottom: 10px;}
table.t1 td { background: #fff; font-weight: bold; text-align:left; border-bottom: 1px solid #ebebeb;}
table.t1 td.left {text-align: left;}
table.t1 td.center {text-align: center;}
table.t1 td.right {text-align: right;}

/* */
input{color:#707070; background:#ffffff; border:1px #dfdfdf solid;}
.checkbox{border:0px #dfdfdf solid;}
.input{color:#707070; background:#ffffff; border:1px #dfdfdf solid; height:14px; width:80px; margin:1px;}
.input_text{color:#b3b3b3; background:#ffffff; border:1px #C2C2C2 solid;}

/* table */
table.t11 {border-collapse: collapse; width:100%; margin: .5em 0px; font-size: 1em;border-top: 0px solid #218e94; border-right: 0px solid #C8C8C8; border-left: 0px solid #C8C8C8; margin-bottom:30px; line-height:20px;}
table.t11 th { background: #f4f4f4; color: #444444; font-weight: bold; text-align:center; vertical-align: middle; padding:10px;}
table.t11 td { background: #f4f4f4; color: #444444; font-weight: normal; text-align:left; vertical-align: middle; padding:10px; }

table.t11 .th1 { background: #fff; color: #444444; font-weight: bold; text-align:center; vertical-align: middle; padding:10px;}
table.t11 .td1 { background: #fff; color: #444444; font-weight: normal; text-align:left; vertical-align: middle;  padding:10px;}
table.t11 caption{display:none}

.year {font-size:30px; color:#626d77; font-weight:bold; padding:10px;}
.day {font-size:17px; color:#5d5a5a; font-weight:bold;}

/* 1:1 */
tr.pibs_board_write_form_content th { vertical-align: top;}
tr.pibs_board_write_form_content textarea { width: 619px;}
table.t1.pibs_board_write_form th { width: 70px;}
input#pibs_board_write_form_title { width: 350px;}

table.t1.pibs_board_write_form input {width: 120px;}
table.t1.pibs_board_write_form input#online_upfile {width: 250px;}
table.t1.pibs_board_write_form input,
table.t1.pibs_board_write_form textarea { border-color: #B4B4B4; padding: 5px 8px;}
#the_content table.t1.pibs_board_write_form { border-top: none !important; border-bottom: none !important;}
#lhwb_board_write_btn_container { text-align: right; padding-right: 12px;}


/***************************************/
/* SIDEBAR SUBMENU  */
/***************************************/
#content_container h1 {	font-size: 32px; font-weight: 500; color: #333; border: none;padding: 5px 0px; /* margin-bottom: 49px;border-bottom:1px solid #eee; */}


/***************************************/
/* Basic Board style  */
/***************************************/
table.pibs_board th, table.pibs_board td { text-align: center }
table.pibs_board td { font-weight: normal; }
table.pibs_board td.pibs_board_subject { text-align: left }
#the_content .pibs_board a { color: #333; }
#the_content .pibs_board td { padding: 10px; background: transparent }
.pibs_board tr { cursor: pointer; }
.pibs_board tr:hover { background-color: #f5f5f5; }
table.pibs_board_write td { font-weight: normal; }
table.pibs_board_write .pibs_board_write_content td { height: 130px; }
.lhb_thumnail { width: 70px; height: 50px; }

/* Paging*/
#the_content .pageing a, #the_content .pageing strong { border: 1px #fff solid; border-color: transparent; border-radius: 0; padding: 0 2px; margin: 2px; text-decoration: none; font-weight: bold; display: inline-block; background-color: #C5C5C5; font-weight: bold; color: #fff; vertical-align: middle; height: 24px !important; background-image: none; line-height: 24px; }
#the_content .pageing a:hover { color: #D6D6D6 !important; font-weight: bold; background-color: #555 !important; }
#the_content .pageing strong { background-color: #FFF !important; color: #686868; border: 1px solid #B9B9B9; height: auto; }
.pageing a, .pageing strong { display: inline-block; width: 20px; height: 15px; overflow: hidden; padding-top: 5px; text-align: center; color: #969696; border: 1px solid #5dc6e0; font-size: 11px; vertical-align: middle !important; }
#content_container img.lhb_thumnail {width: 70px;height: 60px;max-width: 100%;}

/* ONLINE */
#online_list .pibs_board_num,#online_list .pibs_board_num { width: 7%;}
#online_list .pibs_board_username { width: 15%;}
#online_list .pibs_board_date {  width: 15%;}
#the_content a.list_btn { display: inline-block;    font-size: 13px;  border: 1px solid #DDD;  background: #F2F2F2 url('images/lhboard/btn_list.png') no-repeat 5px center; padding: 5px 15px 5px 28px; margin: 0 2px; color: #666; text-decoration: none;}
#the_content a.confirm_btn { display: inline-block;    font-size: 13px;  border: 1px solid #DDD; background: #F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center; padding: 5px 15px 5px 28px; margin: 0 2px; color: #666; text-decoration: none;}
#the_content a.back_btn { display: inline-block; font-size: 13px;  border: 1px solid #DDD; background: #F2F2F2; padding: 5px 15px 5px 15px;  margin: 0 2px; color: #666; text-decoration: none;}
tr.pibs_board_write_content td { background: #f5f5f5;}
td.online_pwd_container label { text-align: center; display: block;}
div.online_pwd_desc { text-align: center; font-weight: normal; color: #777; margin-top: 10px;}
table.t1 td.online_pwd_container { padding: 30px 0; text-align: center;}


/*게시판*/
.pibs_nboard_wrap {position: relative;width: 1200px;margin: 120px auto 0;}


/* 서브페이지 - 수행실적 */

.outcome h2 { margin-bottom: 40px; }
.outcome .sub_wrap ul li { width: 48%; float: left; margin-left: 4%; box-sizing: border-box; margin-bottom: 40px;}
.outcome .sub_wrap ul li.out_list01, .outcome div ul li.out_list03 { margin-left:0; }
.outcome .sub_wrap ul li span { display: block; font-size: 18px; color: #000; width: 100%; box-sizing: border-box;  text-align: center; line-height: 29px; padding: 0 7%; margin-bottom: 20px;  }
.outcome .sub_wrap ul li img { width: 100%; padding: 0 !important;}
.outcome .sub_wrap ul li.out_list01 span { border-left: 2px solid #02a6e3; border-right: 2px solid #02a6e3; }
.outcome .sub_wrap ul li.out_list02 span { border-left: 2px solid #3e528d; border-right: 2px solid #3e528d; }
.outcome .sub_wrap ul li.out_list03 span { border-left: 2px solid #3e528d; border-right: 2px solid #3e528d; min-height: 58px; padding-top: 12px; }
.outcome .sub_wrap ul li.out_list04 span { border-left: 2px solid #02a6e3; border-right: 2px solid #02a6e3; min-height: 58px; padding-top: 12px; }


.text_area .sub_title02.icon02.roubd_blue2{    
	background: #374a82;
    width: 132px;
    height: 75px;
    padding-top: 35px;PADDING-BOTTOM: 22PX;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 18px;
	float: left;
	margin-right: 20px;
}