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

License:
License URI:
*/

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

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/NotoSansKR-Thin.woff2') format('woff2'),
       url('fonts/NotoSansKR-Thin.woff') format('woff'),
       url('fonts/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/NotoSansKR-Light.woff2') format('woff2'),
       url('fonts/NotoSansKR-Light.woff') format('woff'),
       url('fonts/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/NotoSansKR-Regular.woff2') format('woff2'),
        url('fonts/NotoSansKR-Regular.woff') format('woff'),
        url('fonts/NotoSansKR-Regular.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url('fonts/NotoSansKR-Medium.woff2') format('woff2'),
        url('fonts/NotoSansKR-Medium.woff') format('woff'),
        url('fonts/NotoSansKR-Medium.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url('fonts/NotoSansKR-Bold.woff2') format('woff2'),
        url('fonts/NotoSansKR-Bold.woff') format('woff'),
        url('fonts/NotoSansKR-Bold.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url('fonts/NotoSansKR-Black.woff2') format('woff2'),
        url('fonts/NotoSansKR-Black.woff') format('woff'),
        url('fonts/NotoSansKR-Black.otf') format('opentype');
 }

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}

100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}

@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}

@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}

100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@-moz-keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@-o-keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
html, body {
    position: relative;
    background: #fff;
    width: 100%;
	height: 100%;
}

/***************************************/
/* RESET FILES */
/***************************************/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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: 'Noto Sans KR';
	line-height: 24px;
	color: #555;
	font-weight: 400;
}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
figure, article, header, footer, nav, hgroup, video, audio, aside { display: block; }
/* mobile */

/*input, textarea{ -webkit-appearance: none; -webkit-border-radius:0px; border-radius:0px;}*/ /*reset mobile default style*/
* { outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; }
textarea{width:100%;}

h1 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 38px;
    line-height: 38px;
    text-align: center;
    color: #000;
    font-weight: 400;
}
span.main_stitle {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 20px;
    margin-bottom: 60px;
	color: #555555;
	font-size: 16px;
}
/***************************************/
/* WORDPRESS CORE */
/* Copy of style_editor.css */
/***************************************/
/*.alignnone { margin: 5px 20px 20px 0;}*/
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
/*a img.alignnone {    margin: 5px 20px 20px 0;}*/
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { /*display: none;*/ margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }



/***************************************/
/* WORDPRESS CONTENT */
/* Copy of style_editor.css */
/* If you edit this part think to edit the equivalent part on the file style_editor.css */
/***************************************/
.product_photo {
    text-align: center;
}
.wrap {width:100%; max-width: 1200px; margin: 0 auto; clear: both;position: relative;}
#products { width: 1200px; margin: 0 auto; }
.right { float: right; }
.bgcenter{background-position:center center; background-repeat:no-repeat;}
.view_content { margin-bottom: 30px; }
.view_content h1, .view_content h2, .view_content h3, .view_content h4, .view_content h5, .view_content h6, .view_content p, .view_content blockquote, .view_content pre, .view_content a, .news_view_content em, .view_content small, .view_content st rong, .view_content div, .view_content ol, .view_content ul, .view_content li { font-family: 'Malgun Gothic', Arial, Helvetica, dotum, sans-serif; font-size: 13px; }
.view_content a { color: #65A7CE; font-weight: bold; text-decoration: none }
.view_content a:hover { text-decoration: underline }
.view_content p { padding-bottom: 20px; line-height: 19px; font-family: 'Malgun Gothic'; padding-bottom: 20px; line-height: 19px; font-family: nanumgothic; font-size: 13px; color: #444; }
.view_content i, .view_content em { font-style: italic; }
.view_content b, .view_content strong { font-weight: bold }
.view_content ul, .view_content ol { margin: 13px 0; padding-left: 40px }
.view_content ol { list-style-type: decimal; }
.view_content ul { list-style-type: disc; }
.view_content h1, .view_content h2, .view_content h3, .view_content h4, .view_content h5, .view_content h6 { font-weight: bold; margin: 15px 0; color: #111; background: none; border: none }
.view_content h1 { font-size: 26px; }
.view_content h2 { font-size: 20px; }
.view_content h3 { font-size: 16px }
.view_content h4 { font-size: 18px; font-family: nanumgothic; }
.view_content h5 { font-size: 12px }
.view_content h6 { font-size: 12px; font-weight: normal }


body.fishbagette{background-color:#f8f8f1}
.text_red{color:#D11F26 !important}


/**************************************************/
/* MOBILE */
/**************************************************/
body, a, a:focus, input, input:focus, button, button:focus { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-focus-ring-color: rgba(255, 255, 255, 0); /* -webkit-appearance: none; */
outline: none; text-decoration: none;}



/***************************************/
/* HEADER */
/***************************************/
#main_machinery .pro_hov {position:absolute; top:0px; left:0; width:100%;padding:0px; background:#fff; opacity:60%; opacity:0; transition:opacity 0.5s ease, top 0.3s ease;filter:alpha(opacity=60); -webkit-transition:opacity 0.5s ease, top 0.3s ease; -o-transition:opacity 0.5s ease, top 0.3s ease; -moz-transition:opacity 0.5s ease, top 0.3s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.pro_hov_inr > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
#main_products ul > li:hover .pro_hov, #main_machinery ul > li:hover .pro_hov {top:0; opacity:1; 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; -moz-transition:opacity 0.5s ease, top 0.3s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
#main_machinery ul > li h2 {/* margin-top:40px;  */color:#dddddd; font-size:17px;;text-align: center;display: inline-block;padding: 28px 0; width: 160px;}
#main_machinery ul > li h2:after { display: block; content:""; clear:both; width: 12px; height: 12px; background: #ffa800; border-radius: 50%; position: absolute; bottom:  -12px; left: 50%; margin-left: -6px; z-index: 99; opacity: 0;}
#main_machinery ul > li:hover h2 { color: #fff; font-weight: 500; }
#main_machinery ul > li h2:hover:after { bottom: 0px; left: 50%; margin-left: -6px; transition: all 0.5s;  opacity: 1;}
#header.add_header { background:url('images/main/mobile_header_bg.png') top left repeat !important; transition: all 0.3s; }
.add_header #main_machinery ul > li h2 { color: #fff; }
.add_header #main_machinery .main_top_menu  li:hover h2 { color:#ffa800; transition: all 0.3s; }

.add_header .main_top_menu:after { display: none; }
.add_header #main_machinery ul > li h2:after { display: none; }
.add_header .is-active .icon-menu .line { background: #fff; }
.add_header .is-active .line_text { color: #fff; }



#header:hover .main_top_menu h2 {  }
.main_top_menu { position: relative; overflow: hidden; }
.main_top_menu:after { display: block; content:""; clear:both; width: 100%; height: 1px; background: #a5a5a5; position: absolute; left:-100%; bottom: 6px; }
#header:hover .main_top_menu:after { left:0; transition: all 1s; }

.fixed-theme #main_machinery ul > li h2 { color: #000; }
#header #main_machinery ul > li .pro_hov_inr h2 {color: #fff;font-size: 17px; }
#header:hover .main_top_menu h2:hover {/* background: #fff;transition:1s; opacity: 1.0;filter: alpha(opacity=0);*/}
/* #main_machinery ul > li span {display:block; color:#666; font-size:14px; text-align:center;} */
#main_machinery ul > li h3 {
    display: block;
    color: #ffa800;
    font-size: 20px;
    text-align: center;
}
#main_machinery ul > li h3 > span {
    color: #ffa800;
	padding-left: 5px;
}
.pro_hov > div { border:5px solid #0060ff; text-align:center; box-sizing:border-box;}
#main_machinery .pro_hov > div {border:none; text-align:center; box-sizing:border-box;}
#main_container_inner01 {padding:95px 0; overflow:hidden; background:url(images/main/sec02_bg.jpg) right center no-repeat; text-align:center;}
#main_container_inner01 a {display:inline-block; width:100px; padding:10px 30px; border:1px solid #fff; border-radius:500px; color:#fff; font-size:14px; font-weight:300; transition:0.5s;}
#main_container_inner01 a:hover {border:1px solid #fff; background:#fff; color:#000; transition:0.5s;}
#main_container_inner02 .pro_hov > div > a > h2 {margin-top:170px; color:#fff; font-size:18px; font-weight:300;}
#main_container_inner02 .pro_hov > div > a > span {color:#91a7f8; font-size:14px;}
#main_container_inner02 {padding:100px 0; overflow:hidden; background:url(images/main/sec03_bg.png) left top no-repeat;}
#main_container_inner01 h2 {padding-bottom:32px; color:#fff; font-size:52px; font-family:Ubuntu;}
#main_container_inner01 p {padding-bottom:75px; color:#fff; font-size:15px; font-weight:100; line-height:25px;}
#main_container_inner02 h2 {margin-bottom:80px; font-size:36px; font-weight:500; text-align:center; line-height:35px;}
#main_container_inner02 h2 span {display:block; margin-top:15px; color:#000; font-size:22px; font-weight:100; font-family:lato;}
.gallery_tit {float:right; width:370px; padding-top:85px; padding-bottom:297px; border:1px solid #00819d; background:url(images/main/gall_bg.png) repeat; color:#fff; text-align:center;}
.gallery_tit h2 {padding-bottom:40px; font-size:36px; line-height:36px;}
.gallery_tit p {font-weight:200; line-height:28px;}
#main_machinery ul > li {position: relative;float: left;overflow: hidden;cursor: pointer;}

.navbar-brand {
    font-size: 24px;
}
.navbar.navbar-fixed-top.fixed-theme {
    border-color: #090c27;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.navbar-brand.fixed-theme {
    font-size: 18px;
}
.navbar-container.fixed-theme {
    padding: 0;
	background: #fff;
	border-bottom: 1px solid #f5f5f5;
    height: 80px;
}
.navbar-brand.fixed-theme, .navbar-container.fixed-theme, .navbar.navbar-fixed-top.fixed-theme, .navbar-brand, .navbar-container{
    transition: 0.5s;
    -webkit-transition:  0.5s;
}
#header {
    background-color: #;
    background-repeat: no-repeat !important;
    background-image: none !important;
    background-position: center 0;
    z-index: 9999;
    width: 100%;
    position: fixed;
	transition: 0.8s;
    -webkit-transition:  0.8s;
	height:80px !important;
}
#header-container h1 {
	width: 160px;
	height:45px;
	background: url(images/main/logo.png) no-repeat;
	display: inline-block;
	position: absolute;
	left: 30px;
	top: 20px;
	z-index: 500;
}
.navbar.navbar-fixed-top.fixed-theme h1{ background: url(images/main/logo_color.png) no-repeat;}

#header-container h1 a{display:block; width: 160px; height:45px;display: inline-block;}

#header-container h1 img{
    width: 153px;
	 -moz-transition: width 1.0s ease;
    -webkit-transition: width 1.0s ease;
    -o-transition: width 1.0s ease;
    transition: width 1.0s ease;
}
.navbar.navbar-fixed-top.fixed-theme h1 img {
    width: 95px;
	-moz-transition: width 1.0s ease;
    -webkit-transition: width 1.0s ease;
    -o-transition: width 1.0s ease;
    transition: width 1.0s ease;
}
.navbar.navbar-fixed-top.fixed-theme .top_menu {
    background: url(images/main/menu_color.png) no-repeat;
	-moz-transition: padding 0.4s ease;
    -webkit-transition: padding 0.4s ease;
    -o-transition: padding 0.4s ease;
    transition: padding 0.4s ease;
}

.navbar.navbar-fixed-top.fixed-theme .main_top_menu li > a{
	height: 80px !important;
    line-height: 80px !important;
	-moz-transition: line-height 0.4s ease, height 0.4s ease;
    -webkit-transition: line-height 0.4s ease, height 0.4s ease;
    -o-transition: line-height 0.4s ease, height 0.4s ease;
    transition: line-height 0.4s ease, height 0.4s ease;
    color: #333 !important;
}
.navbar.navbar-fixed-top.fixed-theme .main_top_menu li a img {
    top:4px !important;
	-moz-transition: top 0.4s ease;
    -webkit-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    transition: top 0.4s ease;
}
.navbar.navbar-fixed-top.fixed-theme .main_top_menu {
}
#header .main_top_menu {
	display: inline-block;
}
#menu_container {
}
#header .main_top_menu li {
    float: left;
	text-align:center;
}
#header .main_top_menu li > a {
    color: #fff;
    display: inline-block;
    height: 80px;
    line-height: 80px;
	font-size:16px;
    background: url(image/top/top_menu_bar.png) no-repeat left center;
	-moz-transition: line-height 0.4s ease, height 0.4s ease;
    -webkit-transition: line-height 0.4s ease, height 0.4s ease;
    -o-transition: line-height 0.4s ease, height 0.4s ease;
    transition: line-height 0.4s ease, height 0.4s ease;
	font-weight:400;
}
.fixed-theme .main_top_menu li > a { color: #000;}
#header .main_top_menu li > a:hover {color:#000;}
#header:hover .navbar-header h1{background: url(images/main/logo_color.png) no-repeat;}
#header:hover .top_menu{background: url(images/main/menu_color.png) no-repeat;}
#header .main_top_menu li:first-child a {background:none;}
.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #141414;
    background-color: rgba(20, 20, 20, 0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    overflow-y: hidden;
    transition: 0.5s;
}
.overlay-content {
    width: 100%;
    text-align: center;
    margin-top: 230px;
}

.overlay a {
       color: #828282;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1 !important;
}
a.closebtn {
   color: #828282;
}
.overlay .closebtn {
    position: absolute;
    top: 25px;
    right: 45px;
    font-size: 60px;
    color: #ffffff;
}
.top_menu {
    background: url(images/main/menu.png) no-repeat;
    position: absolute;
    -moz-transition: padding 1.0s ease;
    -webkit-transition: padding 1.0s ease;
    -o-transition: padding 1.0s ease;
    transition: padding 1.0s ease;
    width: 25px;
    height: 18px;
    top: 35px;
    right: 20px;
}
.navbar-header {
    text-align: center;
}
#header .main_top_menu li a img {
    vertical-align: top;
    display: inline-block;
    position: relative;
    top: 9px;
}
#all_menu {
    width: 1200px;
    margin: 0 auto;
}
#all_menu ul > li {
    float: none !important;
    text-align: left;
}
#all_menu ul li a {
    background: none !important;
    height: auto !important;
    line-height: 46px !important;
    padding: 0 !important;
    color: #bbb !important;
}
#all_menu li span {
	font-size: 15px;
	color: #fff;
	margin-bottom: 20px;
	display: block;
	font-weight: 300;
}
#all_menu li a:hover {
    color: #fff !important;
}
#all_menu > li {
    width:20%;
}
#all_menu > li:first-child {
    margin-left: 0;
}
img.nav_img {
    position: absolute;
    right: 310px;
    height: 100%;
}

.sub_smenu .vs_btn {
    cursor: pointer;
    padding: 0;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
}
.sub_smenu .vs_btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.smenu01:before {
	content: "Introduction";
}
.smenu02:before {
	content:"History";
}
.smenu03:before {
	content: "Organization";
}
.smenu04:before {
	content:"Patent";
}
.smenu05:before {
	content: "Location";
}
.smenu06:before {
	content:"Partner";
}

.smenu07:before {
	content:"SKY AWNING";
}
	.smenu07-1:before {
		content:"- LINE TYPE";
	}
	.smenu07-2:before {
		content:"- ARCH/DOME TYPE";
	}
	.smenu07-3:before {
		content:"- CANTILEVER";
	}
.smenu08:before {
	content:"SCREEN";
}

.smenu09:before {
	content:"SERGE FERRARI";
}
.smenu10:before {
	content:"GIOVANARDI";
}

.smenu11:before {
	content:"COMMERCIAL";
}
.smenu12:before {
	content:"RESIDENTIAL";
}
.smenu13:before {
	content:"ETC";
}
.smenu14:before {
	content:"MOVIE";
}

.smenu15:before {
	content:"NOTICE";
}
.smenu16:before {
	content:"CONTACT US";
}

.sub_smenu .btn-5 {
	border: 0;
}
.sub_smenu .btn-5a:hover {
	border: 0;
	background:none;
}
.sub_smenu .btn-5:before {
	line-height: 32px;
}
.sub_smenu .btn-5a:hover:before {
    color: #fff;
}

#all_menu .sub_smenu .smenu_2th span, #all_menu .sub_smenu .smenu_2th .btn-5a:hover:before {
	color:#808080;
}
.smenu_2th {
    display: inline-block;
    width: 100%;
    background: rgba(0, 0, 0, 0.58);
    padding: 20px 0;
}
.smenu_2th > .btn-5 span {
    color: #8a8a8a;
    font-size: 14px;
    line-height: 14px;
}
/*.main_mac06 {
    background: #29a5e1 url(images/main/quick_icon01.png) 20px center no-repeat;
    color: #fff;
    padding: 14px 20px 14px 60px;
    margin-top: 20px;
	margin-left: 40px;
    border-radius: 3px;
}*/

/*Quick_menu*/
div#Quick_menu {
    position: fixed;
    right: -126px;
    top: 25%;
    z-index: 800;
}
div#Quick_menu > ul > li {
    background: #2f3234;
    text-align: center;
    position: relative;
    margin-bottom: 2px;
	left:20px;
	transition: left 0.3s ease-out, background-color 0.2s ease;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
div#Quick_menu > ul > li:hover{
	left: -125px;
	-moz-transition: left 0.3s ease, background-color 0.2s ease;
    -webkit-transition: left 0.3s ease, background-color 0.2s ease;
    -o-transition: left 0.3s ease, background-color 0.2s ease;
    transition: left 0.3s ease, background-color 0.2s ease;
	background-color:#ffa800;
}
div#Quick_menu > ul > li a {
    display: block;
    width: 210px;
    height: 60px;
}
div#Quick_menu > ul > li a span {
    font-size: 14px;
    color: #fff;
    position: relative;
    top: 18px;
    left: 30px;
	line-height: 28px;
	display: inline-block;
}
div#Quick_menu > ul > li a span:after {
    position: absolute;
	left:0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #fff;
    content: '';
    transition: width 1.5s ease;
    -webkit-transition: width 1.5s ease;
    -o-transition: width 1.5s ease;
    -moz-transition: width 1.5s ease;
}
div#Quick_menu > ul > li:hover a span:after {
	width: 100%;
    transition: width 1.5s ease;
    -webkit-transition: width 1.5s ease;
    -o-transition: width 1.5s ease;
    -moz-transition: width 1.5s ease;
}

div#Quick_menu .icon1{background: rgba(31, 42, 54, 0.80) url(images/main/quick_icon01.png) 18px center no-repeat;	}
div#Quick_menu .icon2{background: rgba(31, 42, 54, 0.80) url(images/main/quick_icon02.png) 18px center no-repeat;}
div#Quick_menu .icon3{background: rgba(31, 42, 54, 0.80) url(images/main/quick_icon03.png) 18px center no-repeat;}
div#Quick_menu .icon4{background: rgba(31, 42, 54, 0.80) url(images/main/quick_icon04.png) 18px center no-repeat;}
div#Quick_menu .icon5{background: rgba(31, 42, 54, 0.80) url(images/main/quick_icon05.png) 18px center no-repeat;}

/*MENU FULL DROPDOWN*/
#full_dropdown { margin: 0 auto; background: url('images/submenu_bg.png') center 75px no-repeat; }
#full_dropdown #main_menu li { float: left; position: relative; line-height: 40px; padding-bottom: 5px; }
#full_dropdown #main_menu li a { padding: 0 18px; float: left; display: inline-block; width: 100%; /* padding: 0px; */ font-size: 14px; font-weight: bold; color: #333; font-family: NanumGothic, Arial, Helvetica, sans-serif; text-align: center; }
#full_dropdown #main_menu li a:hover { color: #E10416; }
#full_dropdown #main_menu ul { visibility: hidden; width: 100%; z-index: 99; background: url(images/submenu_line.png) right 50px no-repeat; position: absolute; left: 0; top: 0px; width: 100%; padding-bottom: 0px; padding-top: 60px; }
#full_dropdown #main_menu ul li { float: none; display: block; width: 100%; line-height: 20px; height: 19px; }
#full_dropdown #main_menu ul li a { display: block; float: left; color: #b6ab95; font-size: 12px; padding: 2px 0; }


/*MENU INLINE DROPDOWN*/
#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-overflow: 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;}

/*MENU SINGLE DROPDOWN*/
#single_dropdown #main_menu ul {
    display: none;
    z-index: 99;
    position: absolute;
    width: 200px;
    top: 55px;
    left: -66PX;
    height: auto !important;
    border: 2px solid #d81a22;
	padding-bottom: 7px;
    background: #fff;
    padding-top: 5px;
	border-top: 0 !important;
	-webkit-animation: fadeIn 300ms linear 1ms both;
	-moz-animation: fadeIn 300ms linear 1ms both;
	-o-animation: fadeIn 300ms linear 1ms both;
	-ms-animation: fadeIn 300ms linear 1ms both;
	animation: fadeIn 300ms linear 1ms both;
}
#single_dropdown #main_menu ul li{ float:none; display:block;}
#single_dropdown #main_menu ul li a {
    float: left;
    display: inline-block;
    font-size: 14px;
    line-height: 33px;
    font-weight: 400;
    color: #707070;
    width: 100%;
    text-align: center;
    padding: 2px 0;
    background: #FFF;
}
#single_dropdown #main_menu ul li:first-child a { border-top:none;}
#single_dropdown #main_menu ul li:last-child a{ border-bottom:none;}
#single_dropdown #main_menu ul li.dropdown_last_child a { border-bottom:none; } /*IE8 HACK*/
#single_dropdown .jquery_dropdown{background-color:#ff7800, color:#fff}
#single_dropdown #main_menu li#main_menu_01 ul {}
#single_dropdown #main_menu li#main_menu_02 ul {}
#single_dropdown #main_menu li#main_menu_03 ul {}
#single_dropdown #main_menu li#main_menu_04 ul {}
#single_dropdown #main_menu li#main_menu_05 ul {}
#single_dropdown #main_menu li#main_menu_06 ul {}
#single_dropdown #main_menu li#main_menu_07 ul {}
#single_dropdown #main_menu {
    margin-top: 32px;
    margin-right: 44px;
}
#single_dropdown #main_menu li {
    float: left;
    position: relative;
    text-align: center;
    margin-left: 100px;
}

#single_dropdown #main_menu li ul li{ margin: 0; width: 100%; text-align:center}
#single_dropdown #main_menu li a {
    display: block;
}
#single_dropdown #main_menu li a span {
    /* padding: 10px; */
    font-family: 'Noto Sans KR', 'NanumSquare';
    /* line-height: 50px; */
    color: #414040;
    font-size: 18px;
    font-weight: 500;
}
#single_dropdown #main_menu > li:first-child a span{} 
#single_dropdown #main_menu li a:hover, #single_dropdown #main_menu li a.jquery_dropdown {
    color: #d81a22;
    /* border-bottom: none; */
	-moz-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
#single_dropdown #single_dropdown {float: left; width: 100%; position: absolute; right: 0; bottom: 0; border-bottom: 4px solid #F3F3F3;}

.slideshow_container {/* min-width:1200px; */}
#main_slideshow li { width: 100%;  height: 420px;  background: url('images/main_slide_01.png') center top no-repeat;}


/* slideshow */
#slideshow_container {width: 100%;z-index: 1;position: relative;clear: both;height:568px;padding: 0 !important;}
#slideshow {width: 100% !important; height:0 !important;}
#slideshow .slides {
    width: 100% !important;
    height: 568px;
    display: none;
    background: transparent no-repeat center top;
    display: none;
}
#slideshow .slides.first{ display:block}
#slideshow_inner {position: relative;height: 568px;}
#slideshow img, #slideshow a{ display:none}
#slideshow img:first-child, #slideshow a:first-child{ display:block}
#slideshow_inner img.main_text {position: absolute;z-index: 99;left: 40px;top: 80px;}

#slideshow_nav {position: absolute;left: 50%;bottom: 10px;z-index: 80; text-align: center; z-index: 100;  ;margin-left:-55px; overflow: hidden;}
#slideshow_nav a {
    display: inline-block;
    padding: 5px;
    margin: 2px;
    width: 24px;
    height: 24px;
    background: url(images/main/navi_off.png) center no-repeat;
}
#slideshow_nav a.activeSlide {
    width: 24px;
    height: 24px;
    background: url(images/main/navi_on.png) center no-repeat;
}
div#slideshow_nav a {text-indent: -100000px;}
div#menu_slide_nav {text-indent: -100000px;}
#slideshow_inner>img{position:absolute; z-index:10; left:50%; display:none;}
#slideshow_inner>img#copy1{margin-left:-306px; top:100px;}
#slideshow_inner>img#copy2{margin-left:-180px;top:313px;}
#slideshow_inner>img#copy3{margin-left:-431px;top:385px; }


/* pager */
#slideshow_nav { }
#slideshow_nav span { width: 10px; height: 10px; border-radius: 10px; display: inline-block; background: #A18A7C; margin-right: 5px; cursor: pointer; text-indent: -9999px }
#slideshow_nav span.cycle-pager-active { background: transparent; border: 3px solid #A84A21; }
#slideshow_nav > * { cursor: pointer; }
.main_menu a { float: left; width: auto; padding: 12px 30px; }
.main_menu a.active { color: #fff; background: #1A1A1A; border-bottom: none; }
.main_menu a:hover { background: none; }
#main_content_container {
    overflow: hidden;
    padding-top: 30px;
}
#main_content_container #main_notice h2 .more {background-color: #C0C0C0;}
#main_notice h2 {background: rgba(0, 0, 0, 0) url(images/main_notice_title_bg.png) no-repeat 20px bottom;/* width: 460px; */}

.main_subpart.main_subpart_01.wrap {clear: both;}
div#main_hot_item img {
    display: block;
    width: 250px;
    height: 313px;
}


.main_subpart_01 h2{display:block; margin:0 auto; width:134px; height:34px; color:#333; font-size:0; 
background:url(images/main/h2_brand.png) center top no-repeat; border-bottom:1px solid #333}
.main_subpart_01 span{line-height:40px; font-size:16px;  letter-spacing:0.5em; color:#8c5e3d}
.brand_wrap{margin-top:40px;}
.brand_wrap:after{content:""; display:block; clear:both;}
.brand_wrap>li{float:left; display:inline-block; width:400px; height:506px; background-repeat:no-repeat; background-position:center center; position:relative; background-size:400}
.brand_wrap>li div.pattern{position:absolute; display:block; background:url(images/main/brand_pattern2.png); width:400px; height:506px;}
p.dtview, p.dtview span{color:#fff; font-size:18px; }
p.dtview{position:absolute; top:220px; font-weight:600; letter-spacing:3px; width:200px; left:100px; display:none;}
p.dtview span{font-weight:400; letter-spacing:5px;}
.brand_wrap>li a{display:block; height:100%; position:absolute; width:100%;}
.brand_wrap>li#brand1{background-image:url(images/main/brand1.jpg)}
.brand_wrap>li#brand1:before{}
.brand_wrap>li#brand2{background-image:url(images/main/brand2.jpg)}
.brand_wrap>li#brand3{background-image:url(images/main/brand3.jpg)}
.brand_wrap>li a div{width:274px; height:274px; border:3px solid #fff; margin:113px auto; 
background: -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#4dffffff',GradientType=0 ); /* IE6-9 */}
.brand_wrap>li a div h3{font-size:0}
.brand_wrap>li a div img{margin-top:86px; border:none;}
.brand_wrap>li a div p{color:#fff; margin-top:30px; letter-spacing:0.2em; padding:0 10px;}
.main_subpart_02{margin-top:50px;}
.main_subpart_02:after{content:""; display:block; clear:both}
.main_subpart_02>div{height:300px; display:inline-block; float:left; padding:30px; box-sizing:border-box; }
.main_subpart_02>div h2{font-size:22px; font-weight:600; color:#fff}
.main_subpart_02>div h2 span{font-weight:400}
.main_subpart_02>div#main_startup_guide{width:300px; background:url(images/main/startup_guide_bg.jpg)}
.main_subpart_02>div#main_startup_guide h2 span{color:#8d9298}
.main_subpart_02>div#main_startup_guide a{color:#fff; background:#F37920; font-size:12.5px; padding:8px 27px; margin-top:120px; display:inline-block}
.main_subpart_02>div#main_press_releases{width:600px; background-color:#fff; position:relative;}
.main_subpart_02>div#main_press_releases h2 {color:#333}
.main_subpart_02>div#main_press_releases h2 span{color:#8f8f8f}
.main_subpart_02>div#main_press_releases a.btn_more{border:1px solid #ccc; background-image:url(images/main/btn_more.png); width:31px; height:31px; position:absolute; right:30px;top:30px}
#main_press_releases>div{position:absolute; top:110px; left:21px;}
#main_press_releases article{width:174px; float:left; margin-left:9px;}
#main_press_releases .notice_img{width:174px; height:130px; overflow:hidden}
#main_press_releases .notice_img img{width:100%; height:auto;}
#main_press_releases .notice_textwrap p{display:none;}
#main_press_releases .notice_textwrap{height:43px; overflow:hidden}
#main_press_releases .notice_textwrap .title_c{ text-align:center; color:#61584f; padding:5px 0;
overflow: hidden; text-overflow: ellipsis;
white-space: normal; line-height: 18px; height: 3.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}




div#main_cscenter{width:300px; background-color:#F37920; background-image:url(images/main/cscenter_bg.png); background-repeat:no-repeat; background-position:220px 220px; background-size:50px;}
div#main_cscenter h2 span{color:#fac9a6}
div#main_cscenter p{color:#fff;text-align:justify; font-size:24px; line-height:30px; margin-top:20px; }
div#main_cscenter p span{font-size:14px;}
div#main_cscenter p.email{margin-top:5px; font-size:14px; color: #fdd6ba;}
div#main_contact {
    float: right;
}
.main_subpart_01 {text-align:center; }

#sidebar div#main_cscenter{width:100%; padding:15px; box-sizing:border-box}
#sidebar div#main_cscenter h2 {color:#fff; font-size:20px;}
#sidebar div#main_cscenter p{font-size:20px; margin-top:10px;}
#sidebar div#main_cscenter p.email{margin-top:5px; font-size:12px; color: #fdd6ba; margin-top:5px;}

ul#menu_slide li {
    display: none;
    text-align: center;
    width: 250px;
}
#main_menu_slide_container{ position:relative; margin-top: 22px;}

ul#menu_slide li:first-child {
    display: block;
}
#main_menu_slide{ background:#76470F; width: 250px; height: 313px;}

#main_content_container #main_menu_slide h2{ width: auto; padding-left: 0; text-align: center;}
#main_content_container #main_menu_slide h2 .more{top: 0;right: 0;background: url('images/main_menu_slide_more.png') right top no-repeat;width: 70px;height: 71px;}
a#main_menu_slide_left,a#main_menu_slide_right {
    position: absolute;
    width: 20px;
    height: 33px;
    background: center center no-repeat;
    top: 70px;
    z-index: 200;
}

ul#menu_slide img {
    border-radius: 5px !important;
}
a#main_menu_slide_left{left:4px; background-image:url('images/main_menu_slide_arrow_left.png')}
a#main_menu_slide_right{right:4px; background-image:url('images/main_menu_slide_right.png')}
#menu_slide_nav {
    text-align: center;
    padding: 10px;
}

#menu_slide_nav span {
    text-indent: -9999px;
    display: inline-block;
    background-color: #dadada;
    width: 8px;
    height: 8px;
    font-size: 1px;
    margin: 0 3px;
    border-radius: 10px;
}

#menu_slide_nav span.cycle-pager-active {
    background-color: #050505;
}







#main_notice { width: 100%; float: left; /* margin-right: 35px; */display: block;}
#main_notice li{position:relative; float:left; width:100%}
#main_notice li span{position:absolute;top: 13px; right: 5px; font-size:10px; color:#999}
#main_notice li a { line-height: 40px; border-bottom: 1px dotted #c5bcb3; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#main_notice li a:hover{ background:#f5f5f5; color: #E32322;}
#main_notice li:first-child { border: 0; }
#main_notice li a { color: #745e50; font-size: 11px; font-family: 돋움; padding-right: 70px;}
#main_notice li img { vertical-align: middle; padding-right: 5px; }
#main_notice li a .label_9 { background: url('images/main/btn_event.jpg') left 0px no-repeat; width: 40px; height: 13px; vertical-align: middle; display: inline-block; }
#main_notice li a .label_6 { background: url('images/main/btn_notice.jpg') left 0px no-repeat; width: 40px; height: 13px; vertical-align: middle; display: inline-block; }
#main_menu_img { float: left; }
#main_banner { float: right; width: 250px; margin-top: 5px; }
#main_banner a { display: block; margin-bottom: 6px; }
#main_open { /* clear: both; */ width: 500px; height: 313px; background: #987E60 url(images/main_shop_bg.png) left top repeat; position: relative;}
#main_content_container h2 .more { display: block; background: url('images/main_arrow.png') center center no-repeat; width: 30px; height: 30px; /* margin-left: 10px; */ position: absolute; top: 30px; right: 0; background-color: #000;}
#main_open #last_photos, #main_open #last_photos .portfolio_title { margin-top: 7px; }
#last_photos ul, #main_notice ul{ width: 460px; margin:auto}
#main_notice ul {margin-top:10px}
div#main_open #last_photos li { width: 50%; float: right; display: inline-block; text-align: right; position: relative; }
div#main_open .portfolio_thumb { /* background: url('images/main/open_pic_bg.png') 9px bottom no-repeat; */ }
div#main_open .portfolio_thumb img { width: 220px; height: 150px; }
div#main_open #last_photos a.photo_thumb { border: none; position: relative; }
div#main_open #last_photos li:first-child {
    float: left;
    text-align: left;
}

#last_photos li:first-child .portfolio_title a {
    margin-left: 0;
    margin-right: 10px;
}
#main_media { float: right; }
#main_media h2 { padding-bottom: 0px; }
section { clear: both; display: block; padding-top: 30px; overflow: hidden; }
section:first-child { padding-top: 0 }


/* Footer */
footer {
    position: relative;
    z-index: 9;
    background: #242423;
    clear: both;
    text-align: center;
    overflow: hidden;
}
footer p { font-size: 15px; color: #878786; text-align: left;margin-bottom:15px;width:100%;float: left; word-break:keep-all; }
footer span  {width:100%;float: left;  display: block; text-align: left; font-size: 14px; color: #646464; word-break:keep-all; }
footer span > a {
	color:#646464; font-size: 14px; 
}
#footer_inner {
    padding: 30px 0;
	text-align: center;
}
div#footer_inner ul.info {width: 50%; margin:0; margin-bottom: 30px; float: left; text-align:left;padding:0}
div#footer_inner ul.info li {display:inline-block; }
div#footer_inner ul.info li a { font-size: 15px; color: #fff; margin-right: 30px; }
div#footer_inner ul.info li.org_foot a { color: #ffa800; }

div#footer_inner ul.sns {float: right; margin:0; width: 50%; text-align:right;padding:0}
div#footer_inner ul.sns li {display:inline-block;  margin-left: 10px;}

/***************************************/
/* MAIN */
/***************************************/
.main_menu a { font-family: 'Roboto Slab', 'NanumGothic', serif; font-size: 14px; text-align: left; color: #ddd; padding: 12px 0; display: inline-block; width: 94%; text-align: center; }
.home .main_menu a:first-child { border-top: 1px solid #181818; }
.home .main_menu { width: 1000px; text-align: left; line-height: 40px; }
#main_menu_contact { display: none; }
.main_menu { text-align: center; width: 605px; margin: auto; }

/*Slideshow*/
.cycle-slideshow img { width: 100%; display: none; }
.cycle-slideshow img:first-child { display: block; }

/* MAIN_EVENT */
#event { position: absolute; right: 3%; top: 20px; z-index: 999; }
#event img { width: 95px; height: 30px; }

/*main_quick*/
div#main_quick_container {
    background: #198cd4;
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 23px;
}
#main_quick_container > div > ul > li {
    float: left;
    width: 20%;
	text-align: center;
}
#main_quick_container > div > ul > li span {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    margin-top: 15px;
}
#main_quick_container > div > ul > li a img {
    display: block;
    margin: 0 auto;
}
#main_quick_container > div > ul > li a {
    display: inline-block;
}

.img_box {
    width: 78px;
    height: 78px;
    margin: 0 auto;
    overflow: hidden;
	position:relative
}
.img_box img {
    bottom: 2px;
    position: absolute;
    -moz-transition: bottom 0.2s Ease-in-out;
    -webkit-transition: bottom 0.2s Ease-in-out;
    -o-transition: bottom 0.2s Ease-in-out;
    transition: bottom 0.2s Ease-in-out;
}
#main_quick_container > div > ul > li a:hover .img_box img{
	bottom:-76px	
}
#main_quick_container > div > ul > li a:hover span{}

/***************************************/
/* MAIN  */
/**************************************/
#main_products ul > li {
    float: left;
    width: 389px;
    height: 296px;
    
    margin-right: 16px;
    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;
    margin-bottom: 16px;
    cursor: pointer;
}
.main_pro1{background: url(images/main/main_pro1.png) no-repeat;}
.main_pro2{background: url(images/main/main_pro2.png) no-repeat;}
.main_pro3{background: url(images/main/main_pro3.png) no-repeat;}
.main_pro4{background: url(images/main/main_pro4.png) no-repeat;}
.main_pro5{background: url(images/main/main_pro5.png) no-repeat;}
.main_pro6{background: url(images/main/main_pro6.png) no-repeat;}
.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_products ul > li:nth-child(3){margin-right:0;}
#main_products ul > li:last-child{margin-right:0;}
#main_products 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){margin-bottom:0;}
#main_products ul > li:hover .pro_name{
	display:none;
}
#main_products ul > li > a {
    width: 389px;
    height: 296px;
    display: block;
}

#main_products 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: 13px;
    color: #b6b6b6;
    font-weight: 200;
    display: inline-block;
    border: 1px solid #b3a6a0;
     padding: 10px 66px 10px 23px;
    background: url(images/main/more_arr.png) no-repeat 77px center;
	    margin-top: 30px;
		position: relative;
}

div#main_slider {
    background: #d8d4ca;
    margin-top: 66px;
}
#main_news_cont > div > div {
    float: left;
}
#main_slider .bx-viewport {
    height: 228px !important;
}
.bx-wrapper {
    height: auto !important;
}
.bxslider2 li {
    padding-left: 20px;
    padding-top: 25px;
}
.bxslider2 li p {
    font-size: 15px;
    color: #7a7a7a;
    font-weight: 400;
}
.bxslider2 li .more {
    border: 1px solid #8a5c43;
    color: #8a5c43;
    font-weight: 400;
	background: url(images/main/bx2_more_arr.png) no-repeat 77px center;
	padding:0;
}
.bxslider2 li .more a{
	color: #8a5c43;
	display:block;
	padding: 10px 66px 10px 23px;
}
.bxslider2 li h2 {
    font-size: 31px;
    color: #8a5c43;
}
#main_slider .bx-wrapper .bx-controls-direction a {
    display: none;
}
.video_box {
    width: 557px;
	 background: url(images/main/main_video_bg.png) no-repeat center;
	 background-size: 100%;
    -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;
	text-align: center;

}

.video_box:hover {
	 background-size: 120%;
    -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;
}
.video_box > a >img {
    margin-top: 70px;
}
.video_box a {
    display: block;
    width: 100%;
    height: 281px;
}
#main_news_cont {
    padding-top: 66px;
    padding-bottom: 66px;
    background: #f0f3ed;
    overflow: hidden;
}
.news_box {
    width: 580px;
    float: left;
}
.news_box{margin-left:25px;    position: relative;    transition: 0.8s;}
.news_box a{transition: 0.8s;}
.news_box.bd_none{margin-left:0;}
.news_box > img {
    float: left;
	transition: 1s;
	display: none;
	width: 307px;
	height: 281px;
}
.news_box:hover img{
	transform: scale(1.1);
    transition: 1s;
}
.news_ment {
    text-align: center;
    width: 100%;
}
.news_ment h3 {
    font-size: 40px;
    color: #919090;
    margin-top: 45px;
    margin-bottom: 10px;
}
.news_ment h3 b {
    color: #8dc63f;
}
.news_ment P {
    font-size: 17px;
    color: #818181;
    font-weight: 300;
}
#main_company {
    width: 100%;
    height: 358px;
    text-align: center;
    background: url(images/main/company_bg.png);
    background-repeat: repeat-y;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}
#main_company h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-top: 140px;
}
#main_company h3 span {
    font-weight: 200;
    color: #ccc;
    display: block;
}
#main_company a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

img.alignnone {
    height: auto;
	max-width: 100%;
	text-align:center;
}


/***************************************/
/* SUB  */
/**************************************/
div#sub_top_menu {
    background: #f4f4f4;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}
.example {
    width: 187px;
    float: left;
}
.example.sec_cont .vClicker {
    border-right: 1px solid #d9d9d9;
}
#sub_top_menu .sub_top_home {
    background: url(images/sub/home_bg.png) no-repeat center;    
    float: left;
    border-left: 1px solid #d9d9d9;
}
#sub_top_menu .sub_top_home a {
    width: 45px;
    height: 45px;
    display: inline-block;
}

/***************************************/
/* BX SLIDER  */
/**************************************/



/** VARIABLES 
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
    -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
    /* background: #fff; */
    height: 893px;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
    display: none; 
    position: absolute;
    z-index: 9999;
    /* overflow: inherit !important; */
    bottom: 20px;
}
.slider_cont .bx-wrapper .bx-pager{display:none;}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #7c7c7c;
    text-indent: -9999px;
    display: block;
    width: 32px;
    height: 5px;
    margin: 0 3px;

}
 .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #d81a22;
    width: 54px;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
img.bx2_ab.fir {
    position: absolute;
    right: 0px;
    top: 5px;
}
img.bx2_ab.sec {
    position: absolute;
    right: 0px;
    top: 37px;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/***************************************/
/* POSTTYPE PAGING  */
/**************************************/
.icon_wrap {
    width: 43px;
    height: 32px;
    float: left;
    position: absolute;
    bottom: 60px;
    /* border: 1px solid red; */
    z-index: 9999;
    left: 50%;
}   
 #img_ball {
     text-align:center;
 }
        
 #img_iphone {
     margin-top:35px;
     cursor:hand;
     cursor:pointer;
}


/***************************************/
/* POSTTYPE PAGING  */
/**************************************/
#page_nav_prev_next { float: left;}
#goto_list { float: right;}
#page_nav {
    border: 1px solid #ddd;
    /* float: left; */
    /* width: 100%; */
    background-color: #f5f5f5;
    /* width: 1200px;
    margin: 0 auto; */
	margin-top:50px;
    overflow: hidden;
}
#page_nav a { display: inline-block;   padding: 10px 15px;    color: #333;}
#page_nav a:hover { background-color: #ececec;}
#goto_list a{ border-left: 1px solid #ddd;}
#page_nav_prev_next a{ border-right: 1px solid #ddd;}



/***************************************/
/* SUB */
/***************************************/
#main_container { position: relative; }
div#photos, .single_locator_info {
    width: 1200px;
    margin: 0 auto;
}
ul.sub_sidemenu {
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -205px;
}
ul.child_nav_menu {
    position: absolute;
    top: 200px;
    left: 50%;
    z-index: 1;
    margin-left: -278px;
}
/*.term-80 ul.child_nav_menu, .term-81 ul.child_nav_menu, .term-82 ul.child_nav_menu, .term-100 ul.child_nav_menu, .single-products ul.child_nav_menu {
	margin-left: -278px;
}
.term-85 ul.child_nav_menu, .term-86 ul.child_nav_menu, .term-87 ul.child_nav_menu { margin-left: -205px;  }*/


/* .tax-photos_categories li.cat-item.cat-item-85 a,  */

/*#the_content.map ul.tabs li.active {
    color: #29a5e1 !important;
	line-height: 40px;
}*/
.page-id-2147 h2, .term-80 #title_container h1, .term-81 #title_container h1, .term-82 #title_container h1, .term-100 #title_container h1, .page-id-2160 h2, .single-products  #content_container h1,
.term-85 #title_container h1, .term-86 #title_container h1, .term-87 #title_container h1, .single-photos  #content_container h1 {margin-bottom: 130px !important;}
#sidebar {
    float: left;
    width: 100%;
    text-align: center;
    height: 50px;
    position: absolute;
	top: -28px;
	z-index:9;
}
#sidebar h2 img {
    display: block;
 }
#sidebar ul {
    display: inline-block;
}
#sidebar ul li {
    float: left;
}
#sidebar ul li:first-child {  }
#sidebar ul li.current_page_item, #sidebar ul li:hover, .single-portfolio2 #sidebar ul li.page-item-2046, .single-locator #sidebar ul li.page-item-1991, .single-videos #sidebar ul li.page-item-1967 { }
#sidebar ul li.sub_category { line-height: 25px; padding-left: 15px; background: #ddd; }
#sidebar ul li.sub_category a { color: #949090; font-size: 11px; display: block; letter-spacing: 0.5px; }
#sidebar #menu_touch_primary > ul > li > a {
    color: #373737;
    font-size: 14px;
    font-weight: 400;
    display: block;
	background: #fff;
	width: 137px;
	height: 56px;
	line-height:56px;
	text-align: center;
	border-top: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
	box-sizing: border-box;
}

#sidebar #menu_touch_primary > ul > li:first-child a { border-left: 1px solid #d1d1d1; box-sizing: border-box; }
.tax-photos_categories #sidebar #menu_touch_primary > ul > li:first-child a, .term-gallery01.term-85 #sidebar #menu_touch_primary > ul > li:first-child a, .term-gallery02.term-86 #sidebar > ul > li:first-child a, .term-gallery03.term-87 #sidebar > ul > li:first-child a, .term-80 #sidebar > ul > li:first-child a, .term-81 #sidebar > ul > li:first-child a, .term-82 #sidebar #menu_touch_primary > ul > li:first-child a, #sidebar #menu_touch_primary > ul > li.current_page_item a, #sidebar #menu_touch_primary > ul > li.current-cat a {
    background: #1f2a36;
    color: #fff;
    border: 1px solid #1f2a36;
	box-sizing: border-box;
}
#sidebar ul li.current_cat a:hover, #sidebar ul li.current_page_item a:hover, #sidebar ul li a:hover{}

#sidebar #menu_touch_primary > ul > ul li a {
    color: #373737;
    font-size: 14px;
    font-weight: 400;
    display: block;
	background: #fff;
	width: 137px;
	height: 52px;
	line-height:52px;
	text-align: center;
	border-top: 1px solid #d1d1d1;
    border-bottom: 2px solid #ffa800;
	box-sizing: border-box;
}
#sidebar #menu_touch_primary ul.child_nav_menu li a {width: 145px;}
#sidebar #menu_touch_primary ul.sub_sidemenu li.current-cat a, #sidebar #menu_touch_primary ul.child_nav_menu li.current-cat a, #the_content.map #menu_touch_primary ul.tabs li.active {
    background: #e6e6e6;
    color: #373737 !important;
    font-weight: 500;
    border-bottom: 2px solid #ffa800;
}



#sidebar #side_ban1 { background: url('images/sub/icon_tel.png') no-repeat right bottom; font-family: nanumgothic; }
#sidebar #side_ban2 { background: url('images/sub/icon_write.png') no-repeat right bottom; font-family: nanumgothic; }
#sidebar #side_ban1 span, #sidebar #side_ban2 span { width: 80px; border-top: 1px solid #cdcbc0; margin-top: 40px; display: block; height: 28px; }
#sidebar #side_ban1 a, #sidebar #side_ban1 a { display: block; }
#side_ban1 h3, #side_ban2 h3 { font-size: 14px; color: #332119; font-family: nanumgothic; padding-bottom: 8px; }
#side_ban1 h2 { font-size: 18px; color: #7c161a; font-family: nanumgothic; padding-bottom: 5px; background: none; text-align: left; padding-top: 2px; }
#side_ban1 p, #side_ban2 p { font-size: 11px; width: 52%; color: #b09e90; font-family: nanumgothic; line-height: 15px; }
#sidebar ul li.sm_title { font-size: 24px; text-align: left; border-bottom: 2px solid #8b8b8b; padding: 20px 0px; padding-bottom: 10px; margin-bottom: 20px; position: relative; color: #333; font-weight: bold; background: none; }
#sidebar ul li.sm_title span { font-size: 11px; display: inline-block; position: absolute; top: -3px; left: 0px; color: #aaa; }
/*사이드바고정*/
#sidebar.fixed_h{position:fixed; top:50px;}
#sidebar.mobile{position:relative !important;}





#breadcrumbs, #breadcrumbs a {
    font-size: 12px;
    color: #919191;
    text-align: right;
}
#breadcrumbs span {
    font-size: 12px;
}
div#breadcrumbs a {
    text-indent: 99999;
    /* text-indent: -9999px !important; */
    display: inline-block;
    width: 20px;
    text-indent: 100%;
    white-space: nowrap;
    background: url(images/sub/home_bg.png) no-repeat center;
    overflow: hidden;
    vertical-align: middle;
    background-size: 15px;
    position: relative;
    top: -1px;
}
#content_container .page_title span {
    display: block;
    line-height: 16px;
    font-size: 12px;
    color: #898989;
    margin-top: 5px;
}
.sub_body {
    clear: both;
    min-height: 579px;
    text-align: center;
}
.sub_body img { max-width: 100%; }
#sub_page p { color: #786557; font-size: 12px;line-height: 18px; }
.sub_body_inner { clear: both; }
#content_container {
    float: left;
    width: 100%;
    padding-bottom: 100px;
    min-height: 580px;
}
div#title_container h1, #content_container  h1 {
    text-align: center;
    font-size: 40px;
    color: #000;
	margin-top: 100px;
    margin-bottom: 70px;
    font-weight: 500;
    line-height: 40px;
}
#content_container > h2{
	text-align: center;
    font-size: 40px;
    color: #000;
	margin-top: 100px;
    margin-bottom: 70px;
	padding-bottom: 70px;
    font-weight: 300;
    line-height: 40px;
	position: relative;
}
#content_container > h2:after { display: block; content: ""; clear:  both; width: 1px; height: 50px; background:#000; position: absolute; bottom:0; left: 50%;  }

div#content_title h2 {
   text-align: center;
    font-size: 30px;
    color: #000;
    margin-bottom: 50px;
    font-weight: 500;
}
#content_container > h2 > span {
    font-size: 16px;
    color: #7c7c7c;
    font-weight: 300;
	    display: block;
}
#content_container > h2 > span > span {
    background: #d81a22;
    width: 37px;
    height: 1px;
    display: block;
    margin: 10px auto;
}
#content_container small { color: #b09e90; font-size: 11px; }
#content_container h2.page_title {
    color: #000;
    font-size: 40px;
    text-align: center;
    margin-bottom: 40px;
}
img.sub_title_ment {vertical-align: -7px;}
#sub_page { overflow: hidden; padding-bottom: 30px; }
div#page table {margin-bottom: 30px;}


/* 테이블 스타일 */
table.t1_map { border-collapse: collapse; width: 100%; border-top: 3px solid #292929 !important; border-bottom: 1px solid #dcdcdc !important; }
table.t1_map th {background: #f6f6f6; text-align: center; border-bottom: 1px solid #dedede; line-height: 40px;font-weight: 500;color: #484848;}
table.t1_map td {text-align: center; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;line-height: 40px; vertical-align: middle;}
table.t1_map td img { vertical-align: middle; }
table.t1_map th:last-child { border-right: none; }
table.t1_map td:last-child { border-right: none; }
table.t1_map td.left { text-align: left; }
table.t1_map td.center { text-align: center; }
table.t1_map td.right { text-align: right; }
.map_area#map1 { float: left; }
.map_area#map1 { float: left; }
.map_search_container {
    float: left;
    width: 100%;
    background: #f7f7f7;
    padding: 3% 0;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
	margin-bottom: 50px;
}
.map_area {
    margin-right: 80px;
    margin-left: 160px;
}
.mapSelect {
    position: relative;
    left: 0;
    top: 0;
    float: none;
    width: 210px;
    height: 280px;
    background: url(http://chickencouple.co.kr/wp-content/themes/cnc/images/map/bg_map.gif) 0 0 no-repeat;
}
.mapSelect ul {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.mapsearch {
    display: inline-block;
}
.mapsearch p {
    padding: 10px 0 30px 0;
}
.mapsearch select {
    width: 110px;
    font-size: 14px;
    color: #000000;
    border-color: #c8c8c8;
    background: #ffffff;
    font-weight: 500;
	height: 27px;
}
.mapsearch h3 {
    font-size: 30px;
    color: #000;
    padding-top: 40px;
	font-weight: 500;
}
.mapsearch p { padding-bottom: 30px;}
.screen-reader-text { position: absolute; left: -1000em; top: -1000em; height: 1px; width: 1px; overflow: hidden; }
input#search { height: 24px; border-color: #C8C8C8; color: #2C2C2C; font-weight: bold; padding: 0 10px; width: 140px;margin-top: 5px;}
form#searchform { margin-top: 10px; }
input#searchsubmit { height: 26px; padding: 0 20px; background: #29a5e1; color: #fff; font-weight: bold;border: 1px solid #29a5e1;}



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

/*Video player style*/
.win_mediaplayer_container { text-align: center }
#win_mediaplayer { background-color: #fff; margin: auto; }
.mejs-container { margin: auto; }
/* .gallery, div#photo_content_container { margin-top: 30px; } */
div#title_container {
    overflow: hidden;
}
.gallery ul{padding-left: 0}
.gallery ul:after{display:block; content:""; clear:both;}
.gallery li { display: block; list-style: none; float: left; overflow:hidden; height: 215px; width: calc( 25% - 10px ); margin:0 5px 20px; position:relative; }
.gallery li a.photo_thumb { width: 100%; height:100%; border: none; display: inline-block; text-align: center;}
.gallery li a.video_title { position: relative; }
.photo_thumb a.photo_link{display:block;}
a.photo_link {
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
	background:url(images/sub/gallery_hover.png);
    line-height: 225px;
	color:#fff;
	opacity:0;
	transition:all 0.5s;
}
a.photo_link:hover{
    opacity: 1;
	transition:all 0.5s;
}
.gallery li:hover a.photo_thumb img, #content_container .gallery li:hover a.photo_thumb img {	transform:scale(1.1);}
a.photo_thumb img, #content_container a.photo_thumb img {
    width: 100%;
    height: 216px;
    border: 1px solid #e0e0e0;
	box-sizing: border-box;
	transition: all 1s;
}
#content_container .gallery img { padding-bottom: 0; transition:all 1s;}
.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; }
#the_content #videos_list.gallery li:hover a span img{transform:scale(1.1);}
.video_title .comment_num { bottom: 0; right: -30px; }
#the_content .gallery li a.video_title { display: inline-block; }
/*#the_content.gallery ul a, #the_content .gallery ul a {color: #717171;font-weight: 500;}*/
/*#the_content.gallery ul a:hover, #the_content .gallery ul a:hover { color: #909090; 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;width: 50%;margin: 0 auto;}
#photo_content_container img { max-width: 740px; height: auto; margin-bottom: 20px; }
p.nocomments {display: none;}
.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; }
div#comments_container {
    display: none;
}


/***************************************/
/* 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 { padding: 10px 0; width: 65%; margin: 0 auto 20px; position:relative;}
#the_video a.play_ico{display:none;}
/*#the_video a.play_ico {display: block; position: absolute; top: 50%; left:50%; width:70px; height:auto; margin-top:-35px; margin-left:-35px;}
#the_video a.play_ico img{width:100%; height:auto;}*/
#content_container #videos_list.gallery span.video_thumb {display: block; height: 215px;}
#content_container #videos_list.gallery img {width: 100%; height: 100%; }
.single-videos iframe { display: block; margin: auto; min-height:500px;}
/*#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; }
#the_content .video_thumb svg { display: none; }

#videos_list li a.video_thumb { width: 100%; height:auto; border: none; display: inline-block; text-align: center;}
#videos_list .video_title{
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/sub/gallery_hover.png);
    line-height: 225px;
    color: #fff;
    opacity: 0;
    transition: all 0.5s;
}
#videos_list .video_title:hover{
    opacity: 1;
}
.mejs-mediaelement{width:100%; height:auto;}
.mejs-controls {display: none !important;}



/***************************************/
/* 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: #FFA800; 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;}

/***************************************/
/* EVENT */
/***************************************/
.thumb_container { text-align: center; }
a.thumb img { max-width: 100%; height: auto; }
#news ul li { padding-top: 30px; /*border-top: 1px solid #2C2C2C;*/ margin-top: 40px; }
#news ul li:first-child { padding-top: 0px; border-top: none; margin-top: 0px; }
#news ul li#nav_container { padding-top: 0px; border-top: none; margin-top: 0px; }
.story_inner .text { color: #7B7B7B; padding-bottom: 14px; }
.story_inner .text a { color: #fff; font-size: 11px; }
.text h2 { float: left; padding-right: 10px; }
.text h2 a { font-size: 20px !important; }
.text span { float: right; }
.text .time { font-size: 12px; padding-top: 3px; }
h1.board_title, .sub_body_inner h1 { float: left; width: 100%; font-size: 30px; color: #FFFFFF; display: block; border-bottom: 1px dashed #3F3F3F; margin-bottom: 30px; text-align: left; display: none; }
body.single.single-portfolio h1, body.single.single-portfolio2 h1 {text-align: center; font-size: 2em; color: #522107; border-top: 1px solid #FFC393; border-bottom: 1px solid #FFC393; margin-bottom: 20px; font-family: 'NanumGothic'; display: block; padding: 5px 0;}
body.single.single-portfolio .menu_desc, body.single.single-portfolio2 .menu_desc { text-align: center; color: #6E564A; font-family: 'NanumGothic'; display: block; }
.view_content { margin-bottom: 30px; display: inline-block; width: 100%; color: #C8C8C8; }
.view_content p, .view_content ul li { color: #474240; }
.single_portfolio_caption{background-color:#fff; margin-bottom:10px; padding:20px}
.single_portfolio_caption p{line-height:20px;}
.single_portfolio_caption p strong{font-size:20px; font-weight:600; line-height:28px; padding-bottom:15px; display:inline-block; color:#444}
.single_portfolio_caption ul{margin-top:10px;}
.single_portfolio_caption ul li{color:#F37920;}

/***************************************/
/* NEWS */
/***************************************/
li#nothing_found { list-style: none; text-align: center; padding: 50px 0; margin: 20px 0; border: 1px solid #eee; color: #919191; }
#the_content #news ul { padding-left: 0; float: left; width: 100%; margin-bottom: 40px; /* background:#fff; */ list-style: none; margin-top: 0; }
#news .time { /* clear: both; */ padding-bottom: 0; margin: 0; /* float: right; */ margin-bottom: 0px; padding-top: 11px; font-size: 11px; color: #BABABA; /* position: absolute; */ /* bottom: 0; */ /* right: 10px; */ font-family: 'Verdana'; letter-spacing: -1px; }
#news .excerpt {
    margin-top: 0;
    padding-top: 20px;
    clear: both;
    color: #888888;
    font-size: 15px;
}
#news .excerpt p { color: #6f6f6f; font-size: 13px; font-family: 'Dotum'; line-height: 18px; }
#news .story_inner { padding: 10px 0; padding-bottom: 20px; border-bottom: 1px dotted #ccc; float: left; margin-top: 10px; position: relative; width: 100%; }
#news .thumb_container { width: 20%; float: left; margin-right: 2%; }
.thumb_container a.thumb img { width: 165px; height: auto; }
#news .text { float: left; width: 78%; text-align: left; }
#news .text h2, #news .text h2 a { font-size: 24px;  margin: 0px; padding: 0; color: #666; width: auto; width: 100%; float: left; line-height: 28px; }
#news2 .text h2, #news2 .text h2 a { font-size: 24px;margin: 0px; padding: 0; color: #666; width: auto; float: left; }
#news .text h2 a {
    display: block;
    padding-right: 40px;
    width: auto;
    float: none;
    position: relative;
}
#news .text h2 a:hover { color: #A78059; }
#news .text span {
    position: absolute;
    top: 0;
    right: 9px;
    color: #ffffff;
    font-size: 11px;
    font-family: Tahoma;
    /* padding-left: 10px; */
    /* margin-top: 13px; */
    line-height: 28px;
    background: #ea3140;
    padding: 2px 12px;
    border-radius: 25px;
	-moz-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
#news .text span:hover {
    background: #b41d29;
    -moz-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
/***************************************/
/* PORTFOLIO */
/***************************************/

body.post-type-archive-portfolio, body.post-type-archive-portfolio2, body.post-type-archive-portfolio3 { overflow-y: scroll; }
/* MASONRY PLUGIN */
#masonry { margin: 0 auto; clear: both; min-height: 300px; transition: height 300ms; }

#masonry .item { float: left; width: 260px; margin: 8px 8px; padding: 5px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform-origin: 0 0; /* IE 9 */ -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */ transform-origin: 0 0;/* visibility:hidden; */}
#masonry .item img { -webkit-transition: opacity 300ms; transition: opacity 300ms; /*border: 4px solid #CDB9A2;*/
box-sizing: border-box; }
#masonry .item img:hover { opacity: 0.7; }
.portfolio_thumb img {
    width: 100%;
    height: 251px;
}
.portfolio_title a { display: block; font-size: 16px; font-weight:600; text-align: center; color: #333; font-family: 'NanumSquare'; padding: 7px 0;}
.categories_menu li, .categories_menu li a { /* float: left; */
display: inline-block; }
ul.categories_menu li.current-cat a { color: #fff; }
.post-type-archive ul.categories_menu li:first-child a { color: #fff; }
.categories_menu { float: left; text-align: center; width: 100%; margin-bottom: 10px; margin-top: 15px; }
.categories_menu li a { padding: 5px 10px; color: #999; font-size: 13px; font-family: 'NanumGothic'; }
#load_more { text-align: center; border-radius: 4px; border: #343434 solid 1px; width: 130px; margin: 30px auto; background-color: #1A1A1A; height: 40px; }
#load_more a { display: block; color: #eee; font-size: 12px; line-height: 40px }
#load_more { background: url(images/loader.gif) no-repeat center 300px; display: none; }
#load_more.loading { background-position: center center; }
#load_more.loading a { display: none; }
.popup .popup_check { width: 30px; }
#masonry .item { width: 204px; }

@media screen and (max-width:599px) {
#masonry .item { margin: 8px auto; float: none; }
}

#portfolio_content_container ul li img{width:100%; height:auto;}

/***************************************/
/* pibs_board_write */
/***************************************/
table.t1.pibs_board_write tr.pibs_board_write_title th { background: #444; border-top: none; }
table.t1.pibs_board_write { width: 100%; border-spacing: 0; border-collapse: collapse; }
table.t1.pibs_board_write tr th, table.t1.pibs_board_write tr td { border-top: 1px solid #252525; }
.pibs_board_write tr.pibs_board_write_content td { padding-bottom: 50px; padding-top: 20px; border-left: none; }
#pibs_board_write_action { width: 96%; border-bottom: none; margin-top: 40px; }
#pibs_board_write_action a { border: 1px solid #5E5E5E; padding: 10px 2%; color: #B2B2B2; background-color: #414141 !important; }



/***************************************/
/* PORTFOLIO DETAIL */
/***************************************/
#photo_content_container li { text-align: center; margin: 20px 0;/* padding: 20px; */display: block; }
#photo_content_container img {
    height: auto;
    border: 1px solid #DCDCDC;
}

div#photo_content_container p {
    font-size: 14px;
    color: #999;
    text-align: center;
}

/* *********************************** */
/* COMMUNITY PAGE */
/* *********************************** */
h1.map { display: block; margin-top: 50px; }
a#community_board { display: inline-block; height: 18px; width: 75px; margin-right: 10px; background: url('images/community.jpg') no-repeat center 5px; vertical-align: middle; }
a#community_board:hover { background-position: center -12px; }



/***************************************/
/* ERROR 404 */
/***************************************/
#error_content h1 { padding-top: 150px; 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-family: times; font-weight: bold; color: #303030; }
#error_content p { color: #555; }
#error_content p a { text-decoration: none; color: white; background: #303030; 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; }



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

/*MENU MEMBERSHIP*/
#membership_menu { list-style: none; position: absolute; right: 32px; top: 0; border: 1px dotted #65A7CE; border-top: 0; padding-bottom: 3px; background-color: #F5FAFD; }
#membership_menu li { float: left; }
#membership_menu li a { color: #65A7CE; 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; width: 90%; margin: 0 auto; }
#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: #8C614A; }
.agree_check_error { padding: 15px 40px; margin: 10px 40px; background-color: #DACEB6; border: 0px solid #D30303; }
#agree_check_container.agree_check_error { border: none; padding: 10px; }
#agree_check_container input#agree_check, input#rememberme { width: 15px; height: 15px; vertical-align: bottom; border: 1px solid #8C614A; }
#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; box-sizing: border-box;}
#agree_yes_no_container input{-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0;}
#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 0 60px; }
/*
#membership_signup label{ width:115px}
.membership .membership_signup #setupform label { width: 115px; text-align: right;  margin: 0;   padding: 10px;   background-color: #f5f5f5;    border-right: 1px solid #ddd;}
.membership .membership_signup #setupform p {border: 1px solid #DDD; border-bottom: none; text-align: left; clear:both; float: left; width: 100%;}
.membership .membership_signup #setupform input{border: 1px solid #BBB;padding: 2px 6px; width:110px; margin-left:10px}
*/
.membership #setupform span.error { color: red }
.membership #setupform p.submit { border: none; padding-top: 20px }
.membership #setupform p.submit input { margin: 0 5px; cursor: pointer; background-color: #65A7CE; border: 2px solid #6195B3; font-weight: bold; border: 1px solid #ddd; display: inline-block; padding: 10px 0px; text-align: center; width: 90px; co lor:#fff
}
.membership #setupform p.submit input:hover { background-color: #65A7CE; 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 */
#header_user_welcome, #header_user_welcome span { color: #333 }
.membership{margin-top:100px;}
.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 { line-height:2em; font-size: 40px; font-weight: bold; text-align: center }
.membership #subtitle { color: #A1A1A1; padding-top: 20px; }
.membership #subtitle span { color: #ffa800;}
.membership #login_form_container { padding: 0px 30px 20px 310px; height:200px; border: 1px solid #DDD; margin: 25px auto 65px auto; background: #fff url('images/membership/member_login_bg.jpg') no-repeat 30px 30px scroll; width: 348px; }
.membership #loginform { /* border-top:1px dashed #ddd ;*/ border-bottom: 1px dashed #ddd; padding: 10px 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: #65A7CE; }
.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: 20%; 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: 70%; }
.membership #member_login_page p { color: #666; text-align: center; vertical-align: middle; word-break: keep-all;}
.membership #loginform p { margin-bottom: 4px }
.membership #user_login, .membership #user_pass { background-color: #f5f5f5; border: 1px solid #CCC; padding: 5px 10px; font-weight: bold; color: #444; width: 130px; }
.membership .login_side_action { clear: both }
.membership #wp-submit {
    padding: 20px 0;
    -webkit-appearance: none;
    background-color: #ffa800;
    border: 2px solid #ffa800;
    font-weight: bold;
    color: white;
    width: 80px;
    margin-left: 10px;
    cursor: pointer;
	border-radius:0;
}
/*.membership .membership_signup #setupform p#user_address_container label {height: 66px;float: left;}
.membership .membership_signup #setupform p#user_freeword_container label {height: 60px;float: left;}
.membership .membership_signup #setupform p#user_freeword_container textarea { margin: 6px 14px; width:380px; border: 1px solid #BBB;padding: 2px 6px; height: 60px;}
.membership .membership_signup #setupform input#zip {width: 43px; margin:4px 14px 2px 14px}
.membership .membership_signup #setupform input#address { width:200px; margin:2px 14px}
.membership .membership_signup #setupform input#address_more { width:200px; margin:2px 14px 4px 14px}
*/

/*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: 140px; cursor: pointer }
/*PROFILE*/
#member_profil { margin: 10px 60px 60px 60px; }
#member_profil:after{content:""; display:block; clear:both;}
.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 #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; float:none; width: 50%;margin: 20px auto 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; word-break: keep-all;}
#member_profil #member_message #please_login a { color: #65A7CE }
#member_profil .login_side_action { width: 100%; margin: auto; float: none; padding: 0 50px; box-sizing: border-box;}
#member_profil .login_side_action:after{content:""; display:block; clear:both;}
#member_profil #updateuser, #member_profil #profile_info_change_btn { padding: 8px 40px; -webkit-appearance: none; background-color: #E10416; border: 2px solid #E10416; 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: #65A7CE; margin: 10px; color: #fff; font-weight: bold; }
.welcome_message .userinfo a#welcome_logout { background-color: #999 }

/*SIGNUP CONFIRMATION MESSAGE*/
.error404 #content { 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 70px; background-color: #f5f5f5; border: 1px solid #ddd; }
.error404 #content .lead-in a { font-weight: bold; color: #004282; padding: 0px 3px; line-height: 20px }
.error404 #sidebar { display: none; }
.error404 #sub_con_inner { background: none; }
.error404 #content_container { width: 100%; }
.error404 #contents_con_inner { background: none; width: 1000px; }
.error404 #content_container { width: 90%; }
.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 }

/* board */
table.pibs_nboard_write .pibs_nboard_write_content td { background: none; }
.pibs_nboard_subject .new_img { display: none; }
#the_content .pibs_nboard_file img, #content_container .pibs_nboard_file img, .pibs_nboard_file img { display: none; } /* show using js */
textarea#comment { background: none !important;}
p#comment_submit_container input#submit { background-color: #804012 !important; border: 1px solid #763B3E !important; color: #fff !important; padding: 5px 12px 5px 12px; }
.page-id-1995 #content_container h2:after { content: "성함과 전화번호는 필히 입력해주세요."; font-size: 13px; margin-left: 10px; color: #A84D32; }

/***************************************/
/* PIBS SLIDER */
/***************************************/
.page-template-page_business-php{ overflow-y: scroll;}
#pibs_slider{width:920px;  position:relative; margin-bottom: 20px; float:left;}
#pibs_slides_wrap{ top:0; left:0; float: left;}
#pibs_slider_menu {float: left; width: 100%; margin-bottom: 40px;}
#pibs_slider_menu li{ float:left;}
#pibs_slider_menu a {display: block; position: relative; font: bold 15px 'Malgun Gothic'; color: #fff; background: #cdc1af; width: 235px; text-align: center; padding: 10px 0;}
#pibs_slider_menu a:hover {color:#221C12;}
#pibs_slider_menu a.current {color: #fff;background: #F37920 ;}
/*#pibs_slider_menu #his_2011 a.current{background: url('images/sub/founded_tab1.png') center top no-repeat;}
#pibs_slider_menu #his_2010_2000 a.current{background: url('images/sub/founded_tab2.png') center top no-repeat;}*/
#pibs_slider_menu a:hover.current {}
#pibs_slider_menu .coda-nav #slider_business-nav-ul{ margin-left:0 !important; }

#pibs_slider_menu.interior_tap li{width:33.3%;}
#pibs_slider_menu.interior_tap li a{width:auto; height:79px;background-color:transparent; cursor:pointer; padding:0}
#pibs_slider_menu.interior_tap li a img{width:195px; height:auto}
#pibs_slider_menu.interior_tap li a:hover img{width:200px; height:auto;}
#pibs_slider_menu.interior_tap li a.current{border-bottom:2px solid #F37920 }
.interior_content .pibs_slides_content div, .interior_content .pibs_slides_content img{float:left; display:inline-block}
.interior_content .pibs_slides_content div{width:398px; margin-left:2px; padding:40px; box-sizing:border-box; background-color:#bbaa9d; height:787px;;}
#page .interior_content .pibs_slides_content div h3{color:#fff; font-size:18px; margin-top:60px; padding-bottom:5px;  border-bottom:1px solid #fff; }
#page .interior_content .pibs_slides_content div p{color:#f2eeea; margin-top:15px; text-align:justify}
.interior_content .pibs_slides_content:after{content:""; display:block; clear:both}




/*****************/
/* SUB */
/*****************/
#page p{color: #999; font: normal 13px 'Malgun Gothic'; line-height: 20px; clear: both;}
#page p span { color: #F37920;; font: bold 13px 'Malgun Gothic';}
.introduction span.sign{float:right; font-size:18px; color:#888; font-weight:600; display:inline-block; margin-top:50px;}
#page p.box1 {font-size: 18px; border: 1px solid #F37920; text-align: center; padding: 18px 0; color: #666;}
#page h1 {font: bold 20px 'NanumGothic'; color: #40342c; background: url('images/sub/icon2.png') left 4px no-repeat; padding-left: 25px; margin-bottom: 20px; margin-top: 100px; float: left; width: 100%;}
#page h1.first, #page h2.first {margin-top: 0px;}
#page h2 {font-size: 16px;font-weight: bold; color: #F37920; margin-bottom: 10px; clear: both; margin-top: 60px; float: left; display: block; width: 100%;}
h2.symbol2 {
    width: 42% !important;
    clear: none !important;
}

h2.symbol3 {
    width: 58% !important;
    clear: none !important;
}
#page .top_img {padding-top: 40px; padding-left: 40px; height: 190px; margin-bottom: 20px;}
#page .top_img h3{padding-top: 20px; font: bold 26px 'NanumGothic'; color: #F37920; font-size: 35px; background: url('images/sub/top_img.png') left top no-repeat;}
.center {text-align: center;display: block;margin: 0 auto;}



/*협력업체*/
.partnership_list li{width:33.33%; padding:0; float: left; margin-bottom: 40px;}
.partnership_list li img{width:95%; height:auto; border: 1px solid #DCDCDC;}
ul.partnership_list p {text-align: center;}

/**/
.founded #pibs_slider {min-height: 580px !important;}
.open_process_list li {
  font: normal 14px 'Malgun Gothic';
  color: #545454;
  position: relative;
  width: 45%;
  height: 140px;
  float: left;
  margin-bottom: 50px;
  margin-right: 15px;
}
.open_process_list li span {font-size: 15px;color: #D7A508;margin-bottom: 6px;display: inline-block;}
.open_process_list li span u {text-decoration: none; font-size: 12px;}
.open_process_list img {float: left; margin-right: 20px;  margin-bottom: 50px;}
#page .open_process_list li p {clear: none; font-size: 12px; line-height: 15px; margin-top: 20px;}

.list_style{clear: both;}
.list_style li {font: normal 13px 'Malgun Gothic'; color: #777; background: url('images/sub/icon1.gif') left 7px no-repeat; padding-left: 13px; padding-bottom: 7px;}

/* motto */
.motto ul li{float:left;margin-right:20px;}

/* motto */
.vision {background: url('images/sub/vision_bg1.png') right bottom no-repeat;}
.vision .top_img{background: url('images/sub/vision_top_bg.png') center top no-repeat;}

/* start-up-costs */
table.t2 {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #Ffffff;
}
table.t2 th, table.t2 td {font-family: 'Malgun Gothic'; padding: 10px 15px;border-bottom: 1px solid #EAEAEA;}
table.t2 thead td {
    text-align: center;
    vertical-align: middle;
    padding-left: 10px;
    font-size: 15px;
    font-weight: bold;
    background: #AD4444;
    color: #FFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
table.t2 thead td:first-child {border-left: none; width:100px}
table.t2 thead td.td_w{width:170px;}
table.t2 tbody th {
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    color: #666361;
    background: #FFF;
    border-bottom: 1px solid #bbb;
}
table.t2 tbody td {text-align: center; color: #838383; line-height: 19px; font-size: 13px; vertical-align: middle; border-left: 1px solid #EAEAEA; padding:15px;}
table.t2 tbody td input{text-align:right; padding:3px 5px;}
table.t2 tbody td.total {background: #F0F0F0; color: #000;   font-weight:600;border-bottom: 1px solid #BBB;}

/* franchise_faq - 자주하는 질문 */
.franchise_faq .top_img, .founded .top_img{background: url('images/sub/franchise_faq_top_bg.png') right top no-repeat;}
.franchise_faq ul {border-top: 2px solid #80796F; margin-top: 15px;}
#page.franchise_faq .faq_q {
  background: url('images/sub/icon_q.png') 10px 13px no-repeat;
  color: #5F5F5F;
  border-bottom: 1px solid #CFCFCF;
  cursor: pointer;
  padding: 15px 0;
  padding-left: 43px;
  font: bold 14px 'Malgun Gothic';
}
#page.franchise_faq .faq_a {
  background: #F4F4F4 url('images/sub/icon_a.png') 10px 13px no-repeat;
  padding: 15px 20px 30px 43px;
  color: #838383;
  font-size: 12px;
  line-height: 16px;
  border-bottom: 1px solid #CFCFCF;
}

/* online_btn */
.online_btn {margin-top: 25px; clear: both; width: 205px; float: right;}

p.icon_info {float: right; margin-top: 20px; clear: both;  margin-bottom: 5px;}

/* start-up-costs */
table.newopen {border-collapse: collapse; width: 100%; border-top: 1px solid #FF7200;}
table.newopen th, table.newopen td {font-family: 'Malgun Gothic'; padding: 10px 15px;border-bottom: 1px solid #DFDFDF;}
table.newopen th {
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  background: #FF7200;
  border-left: 1px solid #CD5D02;
  border-bottom: none;
}
table.newopen td {
  text-align: center;
  vertical-align: top;
  padding-left: 10px;
  font-size: 15px;
  color: #9D9D9D;
  border-left: 1px solid #DFDFDF;
}
table.newopen th:first-child, table.newopen td:first-child {border-left: none;}

/*메뉴소개*/

div#page.menu .menu_wrap{width:920px; margin-bottom:20px;  background-color:#fff}
div#page.menu .menu_wrap:after{content:""; display:block; clear:both}
div#page.menu .menu_wrap img{width:50%; height:auto; display:inline-block; float:left; background-position:center center; background-size:cover;}
div#page.menu .menu_wrap .menu_caption_wrap{ display:inline-block; width:50%;float:left; background-color:#fff; padding:25px 15px; box-sizing:border-box; height:298px; position:relative}
div#page.menu .menu_wrap .menu_caption_wrap h3{font-size:24px; padding-bottom:10px; border-bottom:1px solid #bbb}
div#page.menu .menu_wrap .menu_caption_wrap .caption{margin-top:20px}
div#page.menu .menu_wrap .menu_caption_wrap .caption span{line-height:30px}
div#page.menu .menu_wrap .menu_caption_wrap .price{font-size:18px; color:#333; font-weight:600; position:absolute; bottom:25px; line-height:28px}
div#page.menu .menu_wrap .menu_caption_wrap .price span{color:#999; font-size:12px;}

/*이용약관 페이지*/
.provision div#agreement {
    width: 100%;
    height: 500px;
}
/*개인정보취급방침 페이지*/
.privacy-policy>div table{color:#999}
.privacy-policy>div table .title{color:#666; font-size:16px; font-weight:600; font-family: 'Noto Sans KR', 'NanumSquare'}

/*****************/
/* SUB */
/*****************/
#sub_visual>div {
    height: 300px;
    width: 100%;
    /* min-width: 1200px; */
	background-size: cover;
}

.sub_visual1{background: url('images/sub/sub_visual1.jpg') no-repeat center top ;}
.sub_visual2{background: url('images/sub/sub_visual2.jpg') no-repeat center top ;}
.sub_visual3{background: url('images/sub/sub_visual3.jpg') no-repeat center top ;}
.sub_visual4{background: url('images/sub/sub_visual4.jpg') no-repeat center top ;}
.sub_visual5{background: url('images/sub/sub_visual5.jpg') no-repeat center top ;}
.sub_visual6{background: url('images/sub_ban06.png') no-repeat center top ;}
.sub_visual7{background: url('images/sub_ban07.png') no-repeat center top ;}

h2.incruit_title{font: bold 16px 'Malgun Gothic';color: #E77403;margin-bottom: 15px;clear: both;}
p.recrut_img {margin-bottom: 50px;}

/*담당자 연락처*/
.franchise-contact{width:100% height:417px; background: url('images/sub/franchise_bg.png') no-repeat 0 0;margin-top:80px;margin-left:30px;}
div#page h5 {font-size: 38px;color: #424242;padding: 180px 0 35px 0;}
.franchise_inner {padding-left: 485px;height: 420px;}
#page p.franchise_tell {    color: #E10416;font-size: 32px;font-weight: 600;padding-bottom: 20px;}
div#page p {
    font-size: 14px;
    line-height: 40px;
    text-align: center;
}


/***************************************/
/* 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: 1px solid #999;
}
table.t1 tr {  } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
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 {
    text-align: center;
    padding:14px 5px;
    background: #f6f6f6;
}
table.t1 th span{
	
}
table.t1 td {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;padding: 5px 0px;}
.checkbox{border:0px #dfdfdf solid;}
.input{color:#707070; background:#ffffff; border:1px #dfdfdf solid; height:14px; width:80px; margin:1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0;}
.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-family:"나눔고딕"; font-size:30px; color:#626d77; font-weight:bold; padding:10px;}
.day{font-family:"나눔고딕"; 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;}


ul.history_list li:first-child {
    font-size: 16px;
    font-weight: bold;
    color: #4C4C4C;
}
#history01>.pibs_slides_content>.history_list>.history_bold {
    font-size: 16px;
    font-weight: bold;
    color: #4C4C4C;
}


/* 채용공고바로가기 버튼 */

.careers a {
    background: #484848 url('images/sub/btn_bg.png') no-repeat center top;
    color: #fff;
    padding: 12px 19px;
    background: ;
    background-size: 43px;
    padding-left: 59px;
    background-position: 7px 7px;
    font-size: 14px;
    float: right;
    margin-top: 78px;
    margin-bottom: -59px;
}


/* 인증현황 */
.pro_box01 {
    clear: both;
    background: url('images/sub/process_img01.jpg') no-repeat;
    background-size: 315px;
    height: 458px;
    margin-top: 24px;
}
.pro_box01 p {
    padding-left: 340px;
	overflow: hidden;
}
.pro_box01 h4 {
    padding-left: 340px;
    overflow: hidden;
    padding-bottom: 15px;
    font-size: 19px;
    color: #696969;
}
.pro_box02 {
    clear: both;
    background: url('images/sub/process_img02.jpg') no-repeat;
    background-size: 315px;
    height: 458px;
    margin-top: 24px;
}
.pro_box02 p {
    padding-left: 340px;
	overflow: hidden;
}
.pro_box02 h4 {
    padding-left: 340px;
    overflow: hidden;
    padding-bottom: 15px;
    font-size: 19px;
    color: #696969;
}
.pro_box03 {
    clear: both;
    background: url('images/sub/process_img03.jpg') no-repeat;
    background-size: 315px;
    height: 458px;
    margin-top: 24px;
}
.pro_box03 h4 {
	padding-left: 340px;
    overflow: hidden;
    padding-bottom: 15px;
    font-size: 19px;
    color: #696969;
}
.pro_box03 p {
    padding-left: 340px;
	overflow: hidden;
}
.pro_box04 {
    clear: both;
    background: url('images/sub/process_img04.jpg') no-repeat;
    background-size: 315px;
    height: 458px;
    margin-top: 24px;
}
.pro_box04 h4, .pro_box06 h4 {
	padding-left: 340px;
    overflow: hidden;
    padding-bottom: 15px;
    font-size: 19px;
    color: #696969;
}
.pro_box04 p, .pro_box06 p {
    padding-left: 340px;
	overflow: hidden;
}
.pro_box05 {
    clear: both;
    background: url('images/sub/process_img05.jpg') no-repeat;
    background-size: 315px;
    height: 458px;
    margin-top: 24px;
}
.pro_box06 {
    clear: both;
    background: url('images/sub/process_img06.jpg') no-repeat;
    background-size: 315px;
    height: 458px;
    margin-top: 24px;
}
.pro_box05 h4 {
	padding-left: 340px;
    overflow: hidden;
    padding-bottom: 15px;
    font-size: 19px;
    color: #696969;
}
.pro_box05 p {
    padding-left: 340px;
	overflow: hidden;
}
.open_process_list a {
    font-size: 13px;
    text-decoration: underline;
    color: #D84700;
}
a.f_admin {
    color: #7c7c7c;
    padding-left: 6px;
}
#the_content h4 {
    font-size: 24px;
    line-height: 37px;
    margin: 35px 0;
    font-weight: 400;
    letter-spacing: -1px;
    color: #333;
}

/* sub01-01*/
.greet {}
.greet_top{position:relative;}
.greet_top .greet_top01{width: 30%; height:0; padding-bottom:30%; position:absolute; top:-30px; left:3.5%;}
.greet_top .greet_top01 .greet_img{position:relative; height:0; padding-bottom:100%;}
.greet_top .greet_top01 .greet_img img{width:100%; height:100%; position:absolute; top:0; left:0;}
.greet_top .greet_top02{width:100%; height:auto;}
.greet_top .greet_top02 img{width:100%; height:auto;}

.greet_bottom{margin-top:70px; box-sizing: border-box;}
.greet_bottom strong{font-size:30px; font-weight:500; margin-right:10px;}
.greet_bottom p{font-size:18px; line-height:2em; /*margin-left:50px;*/}
.greet_bottom p span{color:#faa602; font-size:22px; font-weight:normal;}
.greet_bottom p.align_R{text-align:right; float: right; clear:both; }
.greet_bottom p.align_R b{font-size:22px; font-weight:600;}
span.ceo_pick { float: right; clear: both; display: block; text-align: right; width: 164px; margin-top: 15px; margin-bottom: 5px; }
span.ceo_pick img { width: 100%; display: block; }

/* sub01-02 */
.content {width: 100%;max-width: 1200px;margin: 0 auto;}
.historyWrap > ul{width:100%;padding:0 0 50px 217px !important;box-sizing:border-box;}
.historyWrap > ul > li{position:relative;padding:23px 0 70px 45px;border-left:1px solid #d9d9d9;}
.historyWrap > ul > li:last-child{padding-bottom:0;}
.historyWrap .yearList dt{position:absolute;left:-166px;top:0;width:170px;height:70px;line-height:70px;padding-right:36px;text-align:right;box-sizing:border-box;background:#fff;font-size:36px;color:#000;}
.historyWrap .yearList dt:after{content:"";position:absolute;right:0;top:50%;display:inline-block;width:8px;height:8px;margin-top:-4px;border-radius:4px;background:#000;}
.historyWrap .monthList > li{position:relative;padding-left:60px;margin-top:30px;}
.historyWrap .monthList > li:first-child{margin-top:0;}
.historyWrap .monthList > li > strong{position:absolute;left:0;top:0;display:inline-block;width:60px;color:#29a5e1;font-weight:normal;}
.historyWrap .monthList > li li{margin-top:10px;    color: #666;}
.historyWrap .monthList > li li:first-child{margin-top:0;}
.historyWrap .imgArea{padding-top:5px;}
.historyWrap .imgArea .poster{margin-bottom:5px;}
.historyWrap .imgArea .poster img{max-width:100%;}
.historyWrap .imgArea p strong{display:block;font-weight:normal;font-size:24px;color:#000;}
.his_img {display: inline-block;position: absolute;top: 150px;right: 0;text-align: right;}


/* sub01-03 */
.organization, .certification  p {
	text-align:center;
}
.organization img {
    margin: 0 auto;
}
.vs_pc {display:block;}
.vs_mobile {display:none;}

/* sub01-04 */
.certification p {
	margin:10px 0 50px 0;
}

/* sub01-06 */
/*.map dl > dt, .map dl > dd {
    display: inline-block;
    float: left;
    line-height: 42px;
    border-bottom: 1px solid #ddd;
}
.map dl {
	overflow:hidden;
    margin: 50px 0;
	border-top: 2px solid #333;
}
.map dl > dt {
	width:25%;
	text-align:center;
}
.map dl > dd {
    width: 75%;
    text-align: left;
    box-sizing: border-box;
    color: #666;
}
.map .tab_container {
	margin-top:50px;
}
.map ul.tabs li {
	width:150px;
}*/

/**************select js**************/
.vDrop .vClicker,
.vDrop ul {
    overflow: hidden;
    left: 0;
    position: absolute;
}

.vDrop .vClicker span,
.vDrop ul li a {
    white-space: nowrap;
}
.vDrop {
    position: relative;
    margin-bottom: 8px;
    height: 40px;
    color: #555;
}
.vDrop select {
    visibility: hidden;
}

.vDrop a {
    outline: 0;
    text-decoration: none;
    color: #555;
}
.vDrop .vClicker {
    top: 0;
    width: 145px;
    height: 40px;
    line-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 4px 20px;
    border-left: 1px solid #d9d9d9;
}
.vDrop .vClicker.open {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 3px;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.vDrop .vClicker.open .vArrow,
.vDrop .vClicker:hover .vArrow {
}
.vDrop .vClicker .vArrow {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 26px;
    height: 26px;
    background: url(images/sub/bottom_arr.png) center no-repeat;
    /* border: 1px solid #eee; */
}
.vDrop .vClicker.open .vArrow {
    background-image: url(images/sub/top_arr.png);
}
.vDrop ul {
    display: none;
    z-index: 1;
    top: 48px;
    min-width: 186px;
    max-width: 186px;
    list-style: none;
    border: 1px solid #d9d9d9;
    /* -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15); */
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, .15); */
    margin: 0;
    padding: 0;
}
.vDrop ul li.optgroup span {
    display: block;
    background: #e8e8e8;
    padding: 5px;
}
.sec_cont .vDrop ul{
	min-width: 185px;
    max-width: 185px;
}
.vDrop ul li.optgroup~.option a {
    padding-left: 20px;
}
.vDrop ul li a {
    display: block;
    background: #fff;
    padding: 14px 20px;
    border-bottom: 1px solid #e6e6e6;
}
.vDrop ul li a.selected, .vDrop ul li a:hover {
}
.vDrop ul li a:hover {
    background: #f4f4f4;
    color: #ec364a;
}
#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}


/***** main ******/

/*main visual*/
.zs-bullets {display:none;}
.meta {
	margin: 0 0 40px 0;
	font-size: 0.8em;
}
.properties-table {
	width: 100%;
	padding: 0;
	border-spacing: 0;
	margin-top: 2em;
	font-size: .85em;
	background-color: #eee;
}
.properties-table th, .properties-table td {
	text-align: left;
	padding: 10px;
}
.properties-table th {
	border-bottom: 1px solid #333;
	line-height: 2;
}
/* End Basic styling */


#demo-1 {
	position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
	overflow: hidden; /* to bound the empty top space created by inner element's top margin */
	width: 100%;
	min-height: 950px;
}
#demo-1 {position:relative;}
.visual { position:absolute;width:414px; left:0; right:0; margin-left:auto; margin-right:auto; }

.main_slogan {
	position: absolute;
	height: 520px;
	width:688px;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
    text-align: center;
	z-index:8888;
}
.main_slogan span > span {
    font-size: 25px;
    color: #4a3a1e;
}
.main_slogan h2 {display:inline-block;height:160px !important;width:100%;}
.main_slogan h2 b{color:#fff;font-weight: 600 !important;}
.main_slogan span.eng{color:#fff; }
.main_slogan span#swappable-title > span {
    font-size: 43px;
    color: #fff;
    line-height: 65px;
    font-weight: normal;
    letter-spacing: -1px;
	height:124px;
}
.main_slogan span.slogan_en {
    font-size: 37px;
    color: #fff;
    line-height: 40px;
    font-weight: 300;
	letter-spacing: -1px;
	font-family: 'Ubuntu', sans-serif;
	height:124px;
}
.main_slogan > p {
    color: #ffa801;
    font-size: 16px;
    padding: 0 0 20px 0;
	margin-top: 175px;
    letter-spacing: 7px;
    overflow: hidden;
}
.main_slogan.wrap > a {
    font-size: 15px;
    color: #fff;
    background: #352811;
    padding: 16px 40px;
    display: inline-block;
    margin-top: 40px;
}

span.top_line {
    display: block;
    width: 1px;
    height: 0;
    background: rgba(255,255,255,0.4);
    position: absolute;
    left: 50%;
    top: 0;
}
span.bottom_line {
    display: block;
    width: 1px;
    height: 0;
    background: rgba(255,255,255,0.4);
    position: absolute;
    left: 50%;
    bottom: 0;
}

.vs_btn {
    cursor: pointer;
    padding: 7px 0;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 155px;
    margin: 0 8px;
}
.vs_btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.icon01:before {
	content: "Product";
}
.icon02:before {
	content:"Gallery";
}

/* Button 5 */
.vs_item div.main_btn {display:block; margin: 170px auto 0;}
.btn-5 {
    display: inline-block;
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.btn-5a:hover {
    background: #ffa800;
	border: 1px solid #ffa800;
}
.btn-5 span {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.3s;
    -moz-backface-visibility: hidden;
    transition: all 0.3s;
    backface-visibility: hidden;
    font-size: 15px;
    color: #fff;
    line-height: 35px;
    letter-spacing: -0.5px;
}
.btn-5:before {
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 49px;
    font-size: 16px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	letter-spacing: -0.5px;
}

/* Button 5a */
.btn-5a:hover span {
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%);
}
.btn-5a:before {
	left: 0;
	top: -100%;
	text-align: center;
}
.btn-5a:hover:before {
	top: 0;
}

#main_container {
    position: relative;
    width: 100%;
}
#main_container:after { display: block; content:""; clear:both; }
#main_container.main_bg {
    background: #f7f7f7;
}


.section01 .bx-controls-direction {
	display:block;
}
.section01 .bx-wrapper .bx-controls-direction a {
    position: absolute;
    outline: 0;
    width: 28px;
    height: 50px;
    text-indent: -9999px;
    z-index: 600;
}
.section01 .bx-wrapper .bx-prev {
    background: url('images/main/con01_arrleft.png') no-repeat;
    top: 50%;
	margin-top: -25px;
    left: -58px;
}
.section01 .bx-wrapper .bx-next {
    background: url('images/main/con01_arrright.png') no-repeat;
    top: 50%;
	margin-top: -25px;
    right: -58px;
}
.sec_inn {
    padding: 130px 0 130px 0;
	position: relative;
}
.hideme{
    opacity:0;
}

/* content02 - LOCATION */
.main_location {  padding: 90px 0 105px 0;  color: #fff; background: url('images/main/con02_bg.jpg') center center no-repeat fixed; background-size:cover; }
.main_location h1 { color: #fff;  }
.main_location span.main_stitle { margin-bottom: 50px; color: #fff; }
a.more_btn {
	display: block;
    width: 155px;
    height: 48px;
	text-align: center;
	line-height:48px;
    border: 1px solid #fff;
	box-sizing: border-box;
	margin: 0 auto;
	position:relative;
	overflow: hidden;
}
a.more_btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
a.more_btn span {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 48px;
	line-height: 48px;
    -webkit-transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.3s;
    -moz-backface-visibility: hidden;
    transition: all 0.3s;
    backface-visibility: hidden;
    letter-spacing: -0.5px;
}

a.more_btn:before { 
	position: absolute;
    height: 100%;
    width: 100%;
    line-height: 48px;
    font-size: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    letter-spacing: -0.5px;
    content: "More";
    left: 0;
    top: -100%;
    text-align: center;
	color: #fff;
}
a.more_btn:hover { background:#ffa800; border: 1px solid #ffa800; transition: all 0.5s; }
a.more_btn:hover span{ 
-webkit-transform: translateY(300%);
    -moz-transform: translateY(300%);
    -ms-transform: translateY(300%);
    transform: translateY(300%);
}
a.more_btn:hover:before { top:0; }

/* content02 - LOCATION F */


/* content04 - NOTICE S */
#main_notice_double {
	width: 100%;
	background: url('images/main/notice_bg.jpg') no-repeat center center;
	position: relative;
	padding: 60px 0;
}
#main_notice_double:after { display: block; content: ""; clear:both; }
.notice_title {
    width: 215px;
    height: 300px;
    background: #1f2a36;
    padding: 40px 30px;
    box-sizing: border-box;
	position: absolute; 
	top: -100px;
	left: 0;
}
.notice_title > span { font-size: 13px; line-height: 13px; color: #fff; font-weight: 400;}

.notice_title span b {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    display: block;
    line-height: 13px;
    padding-bottom: 5px;
}
.notice_title h2 {
    font-size: 34px;
    font-weight: 600;
    color: #fff;
    display: block;
    margin-top: 30px;
}

.notice_title h2 span {
    font-size: 34px;
	line-height: 34px;
    font-weight: 600;
    color: #fff;
    display: block;
	padding-top: 10px;
}

/* 공지사항 슬라이드 */

.noti_slide { float: left; width: 100%; padding-left: 28%; }

.noti_slide .slick-prev, .noti_slide .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
	bottom: 0px;
    display: block !important;
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 999;
	border: 1px solid #fff;
}
.noti_slide .slick-prev {
    left: 30px;
	background: url('images/main/notice_arroleft.png') no-repeat center center;
}
.noti_slide .slick-next {
    left: 59px;
	background: url('images/main/notice_arroright.png') no-repeat center center;
}
.noti_slide .slides a { font-size: 22px; line-height: 22px; color: #fff; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 83%; }
.noti_slide .slides a p {
    height: 61px;
    line-height: 22px;
    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-top: 15px;
	margin-bottom: 36px;
    color: #cacdc4;
    font-size: 14px;
}

.noti_slide .slides a span { font-size: 14px; line-height: 14px; color: #cacdc4; font-weight: 300; }
/* content04 - NOTICE F */





.section02 {
	text-align:center;
	color:#fff;
}

.section02 h3 {
	font-size:52px;
	line-height: 52px;
	color: #fff;
}
.section02 h3 > i {
	font-style: normal;
	font-size:16px;
	color:#b7b7b7;
	display:block;
}
.section03 {
	overflow: hidden;
	background: url('images/main/section03_bg.png') no-repeat left 130px;
}
.section03 div.map, .section03 div.customer {
	display: inline-block;
	float:left;
	text-align: center;
}
.section03 div.map {
	width:55%;
}
.section03 div.customer {
	width:45%;
}
.section03 div.map > div {
    display: inline-block;
    width: 600px;
    float: right;
    padding-top: 130px;
    box-sizing: border-box;
}
.section03 div.customer > div {
    background: #efefef url(images/main/section03_cust_bg.png) no-repeat left top;
    width: 550px;
    height: 548px;
    padding-top: 135px;
    padding-left: 30px;
    box-sizing: border-box;
}

.section03 h3 {
	font-size:22px;
	color:#000;
	font-weight:600;
	margin-bottom: 30px;
}
.section03 span.tx_tel {
    font-size: 50px;
	line-height: 37px;
    color: #000;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
    padding-bottom: 20px;
    display: inline-block;
    border-bottom: 1px dotted #aaa;
    margin-bottom: 30px;
}
.section03 p {
	color:#666;
}
.section03 p > span {
	color:#333;
	font-size:14px;
	line-height:14px;
	padding:0;
	margin:0;
	border-bottom:0;
}
div.customer a.btn_white {
    display: inline-block;
    color: #000;
    font-weight: 500;
    border: 1px solid #b2b2b2;
    padding: 10px 0;
    border-radius: 50px;
    margin-top: 70px;
	transition: 1s;
	width: 150px;
	background-color:none;
}
div.customer a:hover {
	background:#000;
	color:#fff;
	border: 1px solid #000;
    transition: 1s;
}
div.map a {
    display: inline-block;
    color: #fff;
    border: 1px solid #000;
    background: #000;
    padding: 10px 0;
    border-radius: 50px;
    margin-top: 70px;
    transition: 1s;
    height: 44px;
    box-sizing: border-box;
    width: 130px;
}
div.map a:hover {
    background: none;
    color: #000;
    border: 2px solid #000;
    transition: 1s;
    box-sizing: border-box;
    height: 44px;
	width: 130px;
}


/*section01 tab*/
.section01 ul.tabs li{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: block;
    background: none;
    width: 110px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    box-sizing: border-box;
    float: left;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 0 5px;
	cursor: pointer;
}
.section01 ul.tabs li.active{border: 1px solid #ffa800; color:#ffa800 !important; background:none;z-index: 300; position: relative;}


/* tab1_product */
div#tab1 {
}
#tab_container {
    width: 100%;
    display: inline-block;
	text-align: center;
}
ul.tabs {
    display: inline-block;
    margin-bottom: 50px;
}
ul.tabs li {
   color: #373737;
    font-size: 14px;
    font-weight: 400;
    display: block;
    background: #fff;
    width: 137px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-top: 1px solid #d1d1d1;
    border-bottom: 2px solid #ffa800;
    box-sizing: border-box;
	float:left;
}
ul.tabs li > span {
	 font-size: 16px;
    letter-spacing: -0.5px;
	font-weight: 300;
}

ul.tabs li.active {
    background: #e6e6e6;
    color: #373737 !important;
    font-weight: 500;
    border-bottom: 2px solid #ffa800;
}
ul.tabs li.active span { color: #ffa800; font-weight: 500; }
.tab_container {
    clear: both;
    width: 100%;
	 position: relative;
}
.tab_bg {
    background: url(images/main/section01_bg.png) no-repeat 20px 0;
    width: 410px;
    height: 370px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: -40px;
    z-index: -1;
    text-align: left;
}
.tab_bg img {
	padding-top:200px;
}
.tab_content {
}

.tab_container .tab_content ul, .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_content ul li:hover img, .tab_content2 ul li:hover img {
    transform: scale(1.1);
    transition: 1s;
}
 #container {
}

/* tab2_gallery */
/*#tab_container2 .tab_content2 ul li {
	height:325px;
}*/
#tab_container2 {
    width: 100%;
    display: inline-block;
	text-align: center;
}
ul.tabs2 {
    display: inline-block;
    background: #1f2a36;
    position: absolute;
    top: -32px;
    left: 50%;
    margin-left: -240px;
}
ul.tabs2 li {
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: inline-block;
    color: #fff !important;
    width: 120px;
}
ul.tabs2 li > span {
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 20px 0;
	font-size: 16px;
	letter-spacing: -0.5px;
	position: relative;
}
ul.tabs2 li.active span{
    color: #ffa800 !important;]

}
ul.tabs2 li.active span:after { display: block; content:""; clear:both; width: 100%; height: 1px; background: #ffa800; position: absolute; bottom:15px; left:50; }
ul.tabs2 li span:hover { color: #ffa800; }

/* .tab_container2 {
    clear: both;
    width: 100%;
	 position: relative;
} */


.tab_container .tab_content ul, .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
	display: inline-block;
    float: left;
	overflow:hidden;
	position:relative;
}
.tab_container .tab_content ul li:hover a span.more_btn { display: block; content:""; clear:both; width: 100%; height: 100%; position: absolute; color: #fff; left:0; top:0; background: url('images/main/more_btn.png') repeat; }
.tab_container .tab_content ul li:hover a span:after { display: block; content:"More"; clear:both; width: 135px; height: 48px; line-height: 48px; border: 1px solid #fff; position: absolute; top:50%; left: 50%; color: #fff; margin-left:-67.5px; margin-top: -24px; text-align:center;}

.tab_content2 ul li:hover a span.more_btn { display: block; content:""; clear:both; width: 100%; height: 100%; position: absolute; color: #fff; left:0; top:0; background: url('images/main/more_btn.png') repeat; }
.tab_content2 ul li:hover a span:after { display: block; content:"More"; clear:both; width: 135px; height: 48px; line-height: 48px; border: 1px solid #fff; position: absolute; top:50%; left: 50%; color: #fff; margin-left:-67.5px; margin-top: -24px; text-align:center;}
.tab_content ul li:hover img, .tab_content2 ul li:hover img {
    transform: scale(1.1);
    transition: 1s;
}
.tab_container2 {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.tab_container2 .bx-wrapper {
	margin-bottom:0;
}
.tab_container2 .bx-wrapper .bx-pager {
	display:none;
}


/* tab_new */
.tab_content2 ul { margin:0 -15px; }
.tab_content2 ul li {
	width: 30.8%;
	margin: 0 1.25%;
	display: inline-block;
	vertical-align: top;
	position:relative;
	margin-bottom: 2.5%;
	overflow: hidden;
}
.tab_content2 ul li a {
	display: block;
	height:0;
	padding-bottom: 82%;
	max-height: 300px;
}
.tab_content2 ul li a img{
	display: block;
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
}

#tab_container2 {
    width: 1200px;
    margin: 0 auto;
}

.tab_content2 {
	display: none;
	width: 100%;
}

.tab_content2.active{
	display: inherit;
}

a.tab2_more {
    display: inline-block;
    width: 155px;
    height: 48px;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 40px;
    border: 2px solid #000;
    line-height: 46px;
    box-sizing: border-box;
    font-weight: 400;
	color: #000;
	overflow: hidden;
	position:relative;
}
a.tab2_more:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
a.tab2_more span {  
	font-size: 14px; 
	color: #000; 
    display: inline-block;
    width: 100%;
    height: 46px;
	line-height: 46px;
    -webkit-transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.3s;
    -moz-backface-visibility: hidden;
    transition: all 0.3s;
    backface-visibility: hidden;
    letter-spacing: -0.5px;
}

a.tab2_more:before { 
	position: absolute;
    height: 100%;
    width: 100%;
    line-height: 46px;
    font-size: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    letter-spacing: -0.5px;
    content: "More";
    left: 0;
    top: -100%;
    text-align: center;
	color: #fff;
}
a.tab2_more:hover { background:#ffa800; border: 2px solid #ffa800; transition: all 0.5s; }
a.tab2_more:hover span{ 
-webkit-transform: translateY(300%);
    -moz-transform: translateY(300%);
    -ms-transform: translateY(300%);
    transform: translateY(300%);
}
a.tab2_more:hover:before { top:0; }


/* tab F */



.notice_container {
    background: #252525;
    color: #fff;
    font-weight: 300;
	overflow: hidden;
}
.notice_container h4 {
    font-weight: 500;
    background: #181818;
    display: inline-block;
    padding: 15px 35px;
    float: left;
}
.notice_container > div> {
	position:relative;
}
.notice_container ul li > a {
	color:#fff;
	line-height: 54px;
    padding-left: 40px;
}
.notice_container ul li > a > span {
    float: right;
    line-height: 52px;
    color: #8c8c8c;
    font-size: 14px;
    padding-right: 120px;
}
.notice_container .btn_top {
    background: #29a5e1 url(images/main/btn_top.png) no-repeat center;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
	width:54px;
	height:54px;
}

/* Slick Slider Default */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block;  overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after { display: table;  content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:0; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; outline:0; }
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img {    pointer-events: none;}
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none;}

/* slick styles */
.main .slick-dots button,
.main .slick-arrow {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	outline:0;
	cursor:pointer;
	border:0;
	padding:0;
	text-indent:-999999px;
}
.mv .slick-dots {
	position:absolute;
	bottom:30px; left:0;
	width:100%;
	text-align:center;
}
.mv .slick-dots li {
	display:inline-block;
	margin:0 8px;
	font-size:0;
}
.mv .slick-dots button {
	width:8px; 
	height:15px;
	background:#fff;
	border-radius:3px;
}
.mv .slick-active button {
	background:#93b658;
}
.m_brand_img .slick-dots {
	position:absolute;
	left:30px; top:50%;
	margin-top:-30px;
}
.m_brand_img .slick-dots li {
	margin-bottom:15px;
	height:10px;
}
.m_brand_img .slick-dots button {
	width:10px; height:10px;
	border-radius:5px;
	background:#fff;
}
.m_brand_img .slick-active button {
	background:#93b658;
}
.m_board .slick-arrow {
	position:absolute;
	right:0;
	width:14px;
	height:14px;
	z-index:9;
	background-image:url("../image/main/board_nav.png");
}
.m_board .slick-prev {top:0; background-position:0 0;}
.m_board .slick-next {bottom:0; background-position:0 -15px;}
.m_vod_list .slick-arrow {
	position:absolute;
	top:50%;
	margin-top:-20px;
	width:40px; height:40px;
	background:url("../image/main/vod_nav.png");
}
.m_vod_list .slick-prev {left:-70px; background-position:0 0;}
.m_vod_list .slick-next {right:-70px; background-position:-40px 0;}

/* 공지/이벤트 */
.m_board_box {
	float:left;
	width:50%;
}
.m_board_box .pdbox {
	padding:14px 30px;
	height:37px;
	line-height:37px;
	overflow:hidden;
}
.m_board_box.left .pdbox {
	border-right:1px solid #ddd;
}
.m_board_box .stit {
	float:left;
	width:110px;
}
.m_board_box .stit {
	font-size:1.13em;
	font-family:'Montserrat', sans-serif;
	color:#93b658;
	letter-spacing:-0.03em;
}
.m_board_box .stit a {
	color:#93b658;
}
.m_board_box .stit img {
	vertical-align:middle;
	margin-right:5px;
}
.m_board_slider {
	padding-left:110px;
}
.m_board .item {
	font-size:0.92em;
	/* height:37px; */
	overflow:hidden;
	padding-right:20px;
}
#the_content .pibs_nboard a, .pibs_nboard a, #the_content .pibs_nboard_write_form a, .pibs_nboard_write_form a {
    color: #494949 !important;
    font-size: 14px !important;
}
span.pibs_nboard_write_subject {
    font-weight: 500 !important;
    font-size: 16px !important;
}
.catal ul > li > div img {
    width: 248px;
    height: 210px;
}
.videos {
    max-height: 520px;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 125px !important;
    width: 80% !important;
    height: 70% !important;
}
@media screen and (max-width: 1450px){
	.search_wrap{display:none;}
}


span#slider-prev {
    position: absolute;
    left: 150px;
    top: -240px;
}
span#slider-next {
    position: absolute;
    right: 150px;
   top: -240px;
}

.bx_wrap_2{
	width: 740px;
}

li.bx_imgs01 {
    margin: 0 auto !important;
    text-align: center;
    display: block;
}

. product_photo h1 {
    margin-bottom: 20px !important;
}


/*온라인문의*/
.online_img {
    width: 100%;
    height: 350px;
	background: transparent url('images/sub/online_img.png');
	margin-bottom:30px;
    color: #fff;
    text-align: center;
}
.online_img h3 {
    padding: 70px 0 30px 0;
    font-size: 40px !important;
	font-family: 'Ubuntu', sans-serif;
    letter-spacing: -0.5px;
	color: #fff;
}

.online_img p {
    font-size: 20px !important;
    padding-top: 60px;
    display: inline-block;
	color: #fff;
}
.online_img span{padding: 0 0 0 30px; display:block;}
.online_img span {
    padding: 0 30px;
    display: block;
    color: rgba(255, 255, 255, 0.71);
	word-break: keep-all;
}
span.online_adress{font-weight:bold; padding-bottom:30px;}

/* visual slogan */
.Mcontent {
}
.content__container {
  font-weight: 600;
  overflow: hidden;
  height: 110px;
}
.content__container__text {
  display: inline;
  float: left;
  margin: 0;
  text-align:center;
}
.content__container__list {
  margin-top: 0;
  list-style: none;
  -webkit-animation-name: change;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  animation-name: change;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}
@-webkit-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes change {
  0%, 12.66%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  33.32%,45.98% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  } 
     66.64%,79.3% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
     }
}
@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change {
  0%, 12.66%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  33.32%,45.98% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  66.64%,79.3% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}


span.pibs_nboard_sns {
    display: none;
}
input#pibs_nboard_keyword_text {
    width: 180px;
}



/* mobile menu */
.nav {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
}

.nav-container {
  position: fixed;
  left: 0;
  z-index: 9999;
  overflow-y: auto;
  visibility: hidden; /* 2 */
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); /* 2 */
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-overflow-scrolling: touch; /* 3 */
}

.nav-container.is-visible {
  visibility: visible; /* 1 */
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); /* 1 */
  z-index: 1;
}

.nav-toggle {
    line-height: 1;
    display: inline-block;
    padding: 0.7rem 0.7rem;
    border: 0;

    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 27px;
    z-index: 990;
}
.nav-toggle > .icon-menu .line {
    background-color: #fff;
}



/*#header .is-active .icon-menu span {
	background:#fff !important;
 }*/

/* #header:hover .nav-toggle {
	border:1px solid #000;
 }*/

 /*#header .nav-toggle.is-active  {
	border:1px solid #fff !important;
 }*/


.nav-toggle .icon-menu {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 42px;
  vertical-align: middle;
  fill: none;
}

.icon-menu .line {
  position: absolute;
  right: 0;
  display: block;
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: #fff;
  border-radius: 50px;
}
span.line_text {
    font-size: 13px;
    color: #fff;
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000)
}
.icon-menu .line-1 { top: 22px; }

.is-active .icon-menu .line-1 {
  -webkit-transform: translateY(15px) translateX(0) rotate(45deg);
  -ms-transform: translateY(15px) translateX(0) rotate(45deg);
  transform: translateY(15px) translateX(0) rotate(45deg);
}

.icon-menu .line-2 {
  top: 31px;
  width: 60%;
}

.is-active .icon-menu .line-2 { opacity: 0; }

.icon-menu .line-3 { bottom: 0; }

.is-active .icon-menu .line-3 {
  -webkit-transform: translateY(-4px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-4px) translateX(0) rotate(-45deg);
  transform: translateY(-4px) translateX(0) rotate(-45deg);
}
.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}


.nav-menu {
	padding-top: 130px;	
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; /* 2 */
}
.nav-menu .menu-item {width: 100%;    padding-right: 30px;
    box-sizing: border-box;}
ul.nav-dropdown.menu.is-visible a {
    font-size: 14px;
}
.nav-menu > .menu-item:hover,
.nav-menu > .menu-item.is-active {/* background-color: rgba(0, 0, 0, 0.4);  */}

.nav-menu .menu-link {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 1em 1rem;
    font-size: 20px;
}

.has-dropdown {
  position: relative;
  cursor: pointer; /* 1 */
}

.has-dropdown > .menu-link { display: inline-block; }

.has-dropdown:after {
    font-size: 36px;
    position: absolute;
    top: 0.8rem;
    right: 2rem;
    bottom: 0;
    content: "+";
    color: #fff;
    text-align: right;
}

.has-dropdown.is-active:after { content: "\2013"; /* 1 */ }

.nav-dropdown {
  display: none; /* 1 */
}

.has-dropdown.is-active > .nav-dropdown { display: block; /* 1 */overflow: hidden;margin-bottom: 40px; }
.nav-dropdown .nav-dropdown { background-color: #aaa; }

.nav-dropdown .menu-item { border-color: #a0a0a0; }

.nav-dropdown .nav-dropdown .menu-item {
  background-color: #b0b0b0;
  border-color: #909090;
}

.content { margin-top: 60px; }

.content .wrapper { padding: 1rem 0; }

/*찾아오시는길*/
.map_tab{margin-top:70px;}
.map_tab:after{display:block; content:""; clear:both;}
.map_txt{width:55%; float:left;}
.map_txt .map_T_txt{width:100%;}
.map_txt .map_T_txt:after{display:block; content:""; clear:both;}
.map_txt .map_T_txt .map_ico{width:15%; float:left; padding: 1% 2%; box-sizing: border-box;}
.map_txt .map_T_txt .map_ico img{width:100%; height:auto; display:block;}
.map_txt .map_T_txt .map_N_ico{width:79%; display:block; float:right; text-align:left; padding-left:4%; border-left:1px solid #d5d5d5;}
.map_txt .map_T_txt .map_N_ico span{font-size:25px; display:block; margin-bottom:15px; font-weight: 500; color:#000;}
.map_txt .map_T_txt .map_N_ico p{font-size:18px;  font-weight:300; font-family: 'Ubuntu' , 'notokr';}
.map_txt .map_B_txt{margin-top:50px; border-top: 1px solid #000; padding-top:20px; padding-bottom:20px;}
.map_txt .map_B_txt:after{display:block; content:""; clear:both;}
.map_txt .map_B_txt dl{}
.map_txt .map_B_txt dt ,dd{text-align:left; float:left; font-size:18px; line-height:3em;}
.map_txt .map_B_txt dt{width:20%; font-family: 'Ubuntu' , 'notokr'; font-weight:500;}
.map_txt .map_B_txt dd{width:80%; color: #666; word-break: break-all; margin: 0; padding: 0; outline: 0; background: none;}

.map_box{display:block; width:40%; float:right; margin-left:5%;}
.map_box .map_img{display:none; width:100%; height:auto;}
.map_box .map_img img{width:100%; height:auto;}


/*페이지준비중*/
#the_content .page_ready {width: 100%; height: auto;}
#the_content .page_ready img{display:block;margin:0 auto;}

/*개인정보처리방침*/
.policy{border:1px solid #e5e5e5; padding:20px; box-sizing: border-box;}
.policy p{font-weight:normal;}
.policy p span{font-size:16px; font-weight:600; color:#1f2a36;}

/*이메일무단수집거부*/
.email{border:1px solid #e5e5e5; padding:0 0 20px;}
.email .email_T p{font-size:17px;}
.email h5 {
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    font-weight: 500;
	text-align:center;
	background: #f5f5f5;
    padding: 15px 15px;
    word-break: keep-all;
}
.email h5 > span{
	color: #faa602;
    font-size: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    font-weight: 500;
}
.email p{font-weight:normal; line-height:2em; padding:0 20px;}
.email span.box{font-size: 16px; font-weight: 600; color: #1f2a36;  padding:0 20px; margin-top:20px; display: block;}

/*제품소개*/
#the_content.wrap .align {text-align: center;}

/*시공실적*/
.mejs-mediaelement video {cursor: pointer;}