@charset "utf-8";
/*
Theme Name: jungwoo
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=Lato:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');


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

}


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

}

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

}

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


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

::selection {
  background: #03327a;
  color: #FFF;
  text-shadow: none;
}

::-moz-selection {
  background: #03327a;
  color: #FFF;
  text-shadow: none;
}

::-webkit-selection {
  background: #03327a;
  color: #FFF;
}

html, body {
	width: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-size: 14px;
	font-family: inherit;
	vertical-align: baseline;
	font-family: 'Roboto','notokr', 'NanumGothic','dotum', sans-serif;
}
ol,ul,li {	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;  }


a {
	-webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    -ms-transition: .7s;
    transition: .7s;
}

/***************************************/
/* 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: block; 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 */
/***************************************/

.wrap { width:1200px; margin:0 auto; position: relative;}
.wrap02 { margin:0 auto; position: relative;}

.js-reveal {
  opacity: 1;
  transition: opacity .7s ease-in, margin-top .7s ease-out;
}

.js-reveal--hidden {
  opacity: 0;
  margin-top: 3em;
}

.right{float:right;}

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


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


/**************************************************/
/* ACCESSIBILITY */
/**************************************************/
.screen_reader{overflow:hidden; text-indent: -9999px; display: inline-block; height: 0; width: 0;}


/**************************************************/
/* GLOBAL */
/**************************************************/
html{
  	height:100%;
}

h1 {
	text-align: left;
	font-size: 1.4em;
	padding-bottom: 5px;
	color: #6F6F6F;
	font-weight: bold;
	border-bottom: 1px solid #4A4A4A;
	margin-bottom: 20px;
	padding-top: 10px;
	font-family: 'NanumGothic';
	display: none;
}

a{
	text-decoration:none;
}

/**************************************************/
/* HELPERS */
/**************************************************/
.clear_hack{ clear:both}
.coming_soon{ text-align:center; font-weight:bold; margin-top:40px; color:#666; font-size:12px;}



/***************************************/
/* HEADER & FOOTER */
/***************************************/
#header {position:absolute; top:0; left:0; background: url('images/top/top_bg_new.png') top left repeat !important; width: 100%; z-index: 99; }
#head_inner {
    height: 80px;
    z-index: 9;
}
.logo.logo_mobile{display:none;}
.logo {
	float: left;
    width: px;
    height: px;
    text-align: center;
	margin-top:8px;
}

.logo img {
    margin-top: 9px;
}

ul.menu_inner li {
    float: left;
    line-height: 64px;
    width: 155px;
    text-align: center;
	position:relative;
}

ul.menu_inner li a {
	display:block;
	color:#000;
	font-size:16px;
}

.nav {
	text-align: center;
	position: relative;
    float: left;
}
.nav a {
	display: block;
	position: relative;
	text-decoration: none;
	color: #000;
	font-weight:400;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	-ms-transition: .7s;
	transition: .7s;
}
.nav a:hover {
    color: #03327a;
}
.effect {
	position: absolute;
	left: -12.5%;
	-webkit-transition: 0.7s ease-in-out;
	-moz-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	-ms-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
}
.nav a:nth-child(1):hover ~ .effect {
	left: 12.5%;
}
.nav a:nth-child(2):hover ~ .effect {
	left: 37.5%;
}
.nav a:nth-child(3):hover ~ .effect {
	left: 62.5%;
}
.nav a:nth-child(4):hover ~ .effect {
	left: 87.5%;
}

/*====================
	Submenu 
=====================*/
.menu_inner li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 55px;
    /* padding: 15px 0; */
    margin: 0;
    background: #ffffff;
    z-index: 999;
    width: 100%;
    border: 2px solid #03327a;
}

.menu_inner li:hover > ul {
display:block;
} /* show submenu on hover */

.menu_inner li ul li,#nav li ul li a {
    clear: both;
	 height: 35px; /*submenu item height*/
	 line-height: 35px;
	/*border-right: 0; */
	min-width: 150px; /* submenu item minimal width */
	text-shadow: none;
	display:block;
	font-size:13px;
	font-weight:400;
	} /* Submenu item */

.menu_inner li ul li a {
    display: inline-block;
    width: 100%;
    line-height: 18px;
    text-align: center;
    color: #444;
    padding: 10px 5px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 300;
}

.menu_inner li ul li a:hover {
	color:#03327a;
}

.menu_inner li ul li {
	width: 100%;
	_display:inline; /* for IE */
}

/* == 12. Sub-Sub Menu == */
.menu_inner li ul li ul {
	display:none;
}

.menu_inner li ul li:hover ul {
	left:100%;
	top:0;
}

/*게시판*/

.pibs_nboard_write th {
    width: 50px !important;
}

/* ----- line example -----*/

.ph-line-nav .effect {
	width: 90px;
	height: 2px;
	bottom: 36px;
	background: #c6342e;
	box-shadow: 0 1px 0 white;
	margin-left: -45px;
}

.top_navi {
    float: left;
}

.top_navi a {
    line-height: 80px;
    font-size: 12px;
    font-family: 'Roboto Condensed';
	padding:0 10px;
    color: #d4d4d4;
}

.all_menu {
    width: 80px;
    height: 80px;
    border-left: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    float: right;
    box-sizing: border-box;
	text-align:center;
}

/*.all_menu:hover { background: #03327a; }*/
.all_menu:hover span { background: #fff; }
.all_menu_inner {
    margin: 0 auto;
    margin-top: 30px;
    width: 30px;
    position: relative;
    z-index: 999;
}

.all_menu_inner span {
	position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  background: #fff;
  border-radius: 15px;
  opacity: 1;
  /* left: 0; */
  right: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.all_menu span:nth-child(1) {
  top: 0px;
}

.all_menu span:nth-child(2) {
  top: 10px;
  width:30px;
}

.all_menu span:nth-child(3) {
  top: 20px;
}

.all_menu.animate-icon span:nth-child(1) {
  top: 13px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
	background: #19b6ff;
}

.all_menu.animate-icon span:nth-child(2) {
  opacity: 0;
  right: -60px;
}

.all_menu.animate-icon span:nth-child(3) {
  top: 13px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
      background: #19b6ff;
}

/* fullscreen-menu overlay */
#overlay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* Overlay positioning */
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	/* Want a left- or right sided navigation instead? Just play around with the width! */
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9;
}

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

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

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

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

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

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

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

#overlay ul.nav_inn ul {
    width: auto;
	margin-top:0px;
}

#overlay ul.nav_inn ul li {
	float:none;
	width:100%;
}

/*MENU FULL DROPDOWN*/
#main_menu_container{
 width: 100%;
 clear:both;
 float:left;
 height:40px;
  }
#full_dropdown{margin: 0 auto; background: url('images/submenu_bg.png') center 45px no-repeat;}
#full_dropdown #main_menu li{ float:left; position:relative; line-height:40px; padding-bottom:5px;}
#full_dropdown #main_menu li a{ float:left; display: inline-block; width: 100%; padding: 0px; font-size:15px; font-weight:bold; color:#fff2c8; font-family: NanumGothic, Arial, Helvetica, sans-serif; text-align: center;}
#full_dropdown #main_menu li a:hover{color:#fff;}
#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:20px; width: 100%; padding-bottom:0px;  padding-top: 40px;}
#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;}
#full_dropdown #main_menu ul.submenu_03 {width: 120px; background:none;}


#full_dropdown #main_menu #main_menu_1 {width: 130px;}
#full_dropdown #main_menu #main_menu_2 { width: 130px;}
#full_dropdown #main_menu #main_menu_3 { width: 120px; margin-right: 230px;}
#full_dropdown #main_menu #main_menu_4 { width: 130px;}
#full_dropdown #main_menu #main_menu_5 { width: 130px;}
#full_dropdown #main_menu #main_menu_6 { width: 130px;}
#full_dropdown #main_menu #main_menu_6 img {vertical-align: middle;	}

/*MENU SINGLE DROPDOWN*/
#single_dropdown {
    height: 80px;
    float: left;
	margin-left: 20px;
}

#single_dropdown #main_menu li {float:left;position:relative; }
#single_dropdown #main_menu ul {
    display: none;
    z-index: 99;
	background: url('images/top/top_bg_new.png') top left repeat !important;
    position: absolute;
    /*border: #03327a 2px solid;*/
    left: 0;
    top: 80px;
    /*padding-bottom: 55px;
    padding-top: 10px;*/
    background-image: none;
}
#single_dropdown #main_menu ul li{ float:none; display:block;}
#single_dropdown #main_menu ul li a {
    float: left;
    display: block;
    color: #fff;
    font-size: 13px;
    line-height: 38px;
    text-align: center;
    background: url(images/menu_bullet.gif) 10px 15px no-repeat !important;
    border-bottom: none;
    width: 100%;
    /* margin: 0px 5%; */
    border-bottom: 1px solid #404040;
    font-weight: 300;
}
#single_dropdown #main_menu ul li a:hover { background:#fff !important; color:#000 !important; font-weight:400; }
#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{width: 100%;}

#single_dropdown #main_menu li:first-child {background:none;}
#single_dropdown #main_menu li ul li{ clear: both; margin: 0; width: 100%;}
#single_dropdown #main_menu > li > a {
    /* background: url(images/menu_g.png) right 10px no-repeat; */
    display: block;
    color: #fff;
    font-size: 16px;
    /* font-family: 'NanumGothic', '나눔고딕', dotum, gulim, sans-serif; */
    line-height: 80px;
    font-weight: 400;
    padding: 0 45px;
    text-align: center;
}
/*#single_dropdown #main_menu li a:hover, #single_dropdown #main_menu li a.jquery_dropdown{ color: #03327a; font-weight: 600; }*/
#single_dropdown #main_menu ul li a:hover, #single_dropdown #main_menu ul li a.jquery_dropdown { color:#fff;}

#single_dropdown #single_dropdown {float: left; width: 100%; position: absolute; right: 0; bottom: 0; border-bottom: 4px solid #F3F3F3;}
#single_dropdown #main_menu li a:hover span, #single_dropdown #main_menu li a.jquery_dropdown span{display:block;width:19px;height:12px;background:url(images/menu_g.gif) 0 0 no-repeat;position:absolute;left:50px;bottom:0;z-index:999;}
#single_dropdown ul#main_menu li.menu01 a:hover{color: #0057A4;}
#single_dropdown ul#main_menu li.menu02 a:hover{color: #0057A4;}
#single_dropdown ul#main_menu li.menu03 a:hover{color: #0057A4;}
#single_dropdown ul#main_menu li.menu04 a:hover{color: #0057A4;}
#single_dropdown ul#main_menu li.menu05 a:hover{color: #0057A4;}
#single_dropdown ul#main_menu li.menu01 ul.submenu_01 li a, #single_dropdown ul#main_menu li.menu02 ul.submenu_02 li a, #single_dropdown ul#main_menu li.menu03 ul.submenu_03 li a,
#single_dropdown ul#main_menu li.menu04 ul.submenu_04 li a, #single_dropdown ul#main_menu li.menu05 ul.submenu_05 li a {background:none;height: 30px;}

#single_dropdown #main_menu li:last-child a {background:none;}


.slideshow_container {
clear: both;
width: 100%;
float: left;
/*height: 469px;*/
position: relative;
}
#slides .mimg_01 {
background: url(images/main/main_slide_01.jpg) center 0 no-repeat;
background-size: cover;
}
#slides .mimg_02{
background: url(images/main/main_slide_02.jpg) center 0 no-repeat;
background-size: cover;
}
#slides .mimg_03{
background: url(images/main/main_slide_03.jpg) center 0 no-repeat;
background-size: cover;
}
#slides .slides-pagination {
position: absolute;
bottom: 15px;
z-index: 999;
width: 100%;
left: 0;
text-align: center;
}
#slides .slides-pagination a {
display:inline-block;
width:11px;
height:11px;
text-indent: -100000px;
margin:0 3px;
background: url(images/main/navi_off.png) center 0 no-repeat;
}
#slides .slides-pagination a.current {
display:inline-block;
width:34px;
height:11px;
background: url(images/main/navi_on.png) center 0 no-repeat;
}

#slides {
/* height: 469px !important; */
}

#slides .cycle-pager {
position: absolute;
bottom: 10px;
left: 47%;
z-index: 99;
display:block;
}

#slides .cycle-pager span {
display: inline-block;
margin: 0 6px;
text-indent: -111111px;
width: 12px;
height: 12px;
background: url(images/main/navi_off.png) 0 0 no-repeat;
}
#slides .cycle-pager span.cycle-pager-active {
width: 39px;
height: 12px;
background: url(images/main/navi_on.png) 0 0 no-repeat;
}
.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_quickbanner {
	clear: both;
	width: 100%;
	float: left;
	height:177px;
	background: #efefef;
}
#main_quickbanner .quickbanner_inner {
width: 1280px;
margin: 0 auto;
}
#main_quickbanner li {
	width:25%;
	float:left;
	height:177px;
}
#main_quickbanner .quick_01 {background: #3561d1 url(images/main/quick_img_03.png) left bottom no-repeat;}
#main_quickbanner .quick_02 {background: #3ca4ff url(images/main/quick_img_04.png) left bottom no-repeat;}
#main_quickbanner .quick_03 {background: #9c3bc8 url(images/main/quick_img_01.png) left bottom no-repeat;}
#main_quickbanner .quick_04 {background: #ffc000 url(images/main/quick_img_02.png) left bottom no-repeat;}
#main_quickbanner .quick_con {padding-left: 140px;background: url(images/main/quick_mark.png) 95% 98% no-repeat;}

#main_quickbanner .quick_con h2 {
	font-family: 'NanumGothic', 나눔고딕, sans-serif;
	font-size: 19px;
	color: #fff;
	margin: 26px 0 25px 0;
}
#main_quickbanner .quick_con h2 span{font-family: 'NanumGothic', 나눔고딕, sans-serif;font-size: 19px;font-weight:bold;}
#main_quickbanner .quick_con p{
	opacity: 0.8; 
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	font-size: 12px;
	font-family: 'NanumGothic', 나눔고딕, sans-serif;
	color: #fff;
	line-height: 17px;
}

#main_quickbanner a {width:100%;display:block;}
#main_banner_container {clear:both;}
#main_container{
	clear: both;
	overflow:hidden;
}
#main_banner_container h2{
	padding-bottom:10px;
}

#main_banner_container #notice {
width: 332px;
float: left;
border-right: #dcdcdc 1px solid;
height:293px;
}
#main_banner_container #notice h2 {
padding: 20px 0 14px 0;
}
#main_banner_container #notice .notice_inner {
width:279px;
float:left;
margin-left:20px;
}
#main_sales {
width: 332px;
float: left;
border-right: #dcdcdc 1px solid;
height:293px;
}
#main_banner_container #notice li{
    clear:both;
	float:left;
	padding:5px 0;
    width: 100%;
	}
#main_banner_container #notice li a {
    display:block;
	width:100%;
}
#main_banner_container #notice li a b {
	color:#000;
	font-size:12px;
	font-family:돋움;
	font-weight:bold;
	display: block;
	padding-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 177px;
}

#main_banner_container #notice li a span {
	color:#87989a;
	font-size:12px;
	font-family:돋움;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 177px;
}
#main_banner_container #notice li img{
	vertical-align: middle;
	padding:0 10px;
	width:78px;
	height:57px;
	display:block;
	float:left;
}

#main_banner_container .sales_inner {
width: 280px;
margin-left: 27px;
}

#main_banner_container #main_sales h2 {
padding: 20px 0 14px 0;
}

#main_banner_container #main_sales li img{
	vertical-align: middle;
	padding:0 10px;
	width:78px;
	height:57px;
	display:block;
	float:left;
}
#main_banner_container #main_sales li{
    clear:both;
	float:left;
	padding:5px 0;
    width:100%
	}
#main_banner_container #main_sales li h3 {display:none;}
#main_banner_container #main_sales li p {
    margin-left: 98px;
	font-family: 'NanumBarunGothic';
	font-size:13px;
	color:#868686;
	line-height: 18px;
	}
#main_banner_container #main_sales li p span {
	font-family: 'NanumBarunGothic';
	font-size:15px;
	color:#000;
	font-weight:400;
	}
#main_menu_img{
	float:left;
}

#main_banner{
	float:left; width:334px;
    padding-top:20px;
}
#main_banner a{
	display:block; margin-left:26px;
}
#main_open {
  clear: both;
  float: left;
}
#main_open h2 span{
	display:inline-block; background: url('images/main/open_bg.jpg') left top repeat-x; width: 610px; height: 10px; margin-left: 10px;
}
#main_open  #last_photos, #main_open  #last_photos .portfolio_title {
  margin-top: 7px;
}
div#main_open #last_photos li {
  width: 25%;
  float: left;
  display: inline-block;
  text-align: center;
  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: 160px;
  height: 107px;
}
div#main_open  #last_photos a.photo_thumb {
  border: none;
  position: relative;
}
a.photo_thumb img, #content_container a.photo_thumb img {width: 158px;border: 1px solid #CCC;height: 110px;}


#main_media {
  float: right;
}
#main_media h2{padding-bottom:0px;}


/*new main*/

#main_vis {
    width: 100%;
    height: 982px;
    background: #000;
	position:relative;
	z-index:-1;
}

#slides01 {
	min-height:982px;

}

#slides01 .slides-control {
	width:100% !important;

}

#slides01 .slides-container div {
	width:100% !important;
}

#main_vis .simg_01 {
    background: #000 url(images/main/main00.png) center top no-repeat;
}
#main_vis .simg_02 {
    background: #000 url(images/main/main01.png) center top no-repeat;
}
#main_vis .simg_03 {
    background: #000 url(images/main/main01-1.png) center top no-repeat;
}
#main_vis .simg_04 {
	background: #000 url(images/main/main03.png) center top no-repeat;
}
#main_vis .simg_05 {
	background: #000 url(images/main/main03-1.png) center top no-repeat;
}

#main_vis .simg_06 {
    background: #000 url(images/main/main02.png) center top no-repeat;
}

#main_vis .simg_07 {
    background: #000 url(images/main/main02-1.png) center top no-repeat;
}

#main_vis .simg_08 {
    background: #000 url(images/main/main04.png) center top no-repeat;
}

#main_vis .simg_09 {
    background: #000 url(images/main/main04-1.png) center top no-repeat;
}


/*-------------------------------
	Slideshow Customizations
--------------------------------*/

#slideShow {
    /* margin: 150px auto 0; */
    /* width: 635px; */
    height: 982px;
}

.main_vis_text {
	font-family: 'Noto Sans Korean';
    position: absolute;
    z-index: 5;
    width: 100%;
    text-align: center;
    top: 354px;
    color: #fff;
    font-size: 46px;
    font-weight: 100;
	opacity: 0;
    -webkit-transition: opacity 4s ease-in;
    -moz-transition: opacity 4s ease-in;
    -o-transition: opacity 4s ease-in;
    -ms-transition: opacity 4s ease-in;
    transition: opacity 4s ease-in;
}

span.eng01 {
    font-family: Roboto Condensed;
    font-weight: 600;
    font-size: 82px;
    letter-spacing: 5.8px;
}

span.point01 {
    font-weight: 400;
    font-family: 'Noto Sans Korean';
	font-size: 46px;
}

span.point02 {
    font-size: 28px;
    font-weight: 100;
    font-family: 'Noto Sans Korean';
    opacity: 0.6;
}

#sub_visual .main_vis_text {
    top: 155px;
	font-size: 32px;
}

#sub_visual span.eng01 {
    font-family: Roboto Condensed;
    font-weight: 600;
    font-size: 62px;
    letter-spacing: 5.8px;
}

#sub_visual span.point01 {
    font-weight: 400;
    font-family: 'Noto Sans Korean';
    font-size: 32px;
}

#sub_visual span.point02 {
    font-size: 22px;
    font-weight: 100;
    font-family: 'Noto Sans Korean';
    opacity: 1;
}

#main_con01 {
    background: #18386d;
    width: 100%;
	padding:100px 0px;
}

#main_con01 h2 {
    color: #fff;
    text-align: center;
    font-size: 48px;
    font-family: 'Roboto Condensed';
    font-weight: 400;
}

#main_con01 h2 span {
	display:block;
	font-size:17px;
	font-family: 'Noto Sans Korean';
    font-weight: 100;
	margin-top: 10px;
	opacity: 0.6;
}

section {width:1100px; margin:0 auto; padding:99px 0 0px 0;}

/* 슬라이드
------------------------------------------------------------------------------- */
.bx-wrapper {position:relative; margin:0 auto;}
.bx-wrapper .bx-viewport {z-index:50;}
.bx-wrapper .bx-pager {position:relative; line-height:0; text-align:center; z-index:60; display:none;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {vertical-align:middle; display:inline-block;}
.bx-wrapper .bx-pager .bx-pager-item .bx-pager-link {line-height:0; text-indent:-9999px; vertical-align:middle; display:block;}
.bx-wrapper .bx-pager.bx-default-pager a {outline:0;}
.bx-wrapper .bx-controls {z-index:60;}
.bx-wrapper .bx-controls-direction a {position:absolute; top:50%; z-index:60; outline:0;}
.bx-wrapper .bx-prev {}
.bx-wrapper .bx-next {}

.offer{ background:#18386d; }
/* 4등분 */
.thumbSlide01 li {
    height: 578px;
    letter-spacing: 0;
}
.thumbSlide01 li.slide01 {margin-top:50px;}
.thumbSlide01 li.slide03 {margin-top:60px;}
.thumbSlide01 li.slide04 {margin-top:30px;}
.thumbSlide01 mark {position:relative; width:80px; height:60px; margin-bottom:-40px; background:rgba(0,0,0,0.90); display:table; table-layout:fixed; z-index:60;}

.thumbSlide01 mark.point01 {background:rgba(26,167,178,0.90);}
.thumbSlide01 mark.point02 {background:rgba(26,126,178,0.90);}
.thumbSlide01 mark.point03 {background:rgba(13,31,69,0.90);}

.thumbSlide01 mark span {font-size:12px; color:#fff; line-height:16px; text-align:center; vertical-align:middle; display:table-cell;}
.thumbSlide01 figure span {width:250px; height:300px; display:block; overflow:hidden;}
.thumbSlide01 figure img {
	width:250px; 
	height:300px;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 2s ease-in-out;
	transition: 2s ease-in-out;
}

.thumbSlide01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.thumbSlide01 figure figcaption {padding:30px 20px 36px 24px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.30); display:block;}
.thumbSlide01 figure figcaption dt {max-height:52px; margin-bottom:17px; font-family:'Noto Sans Korean'; font-size:16px; line-height:26px; word-break:normal; word-wrap:break-word;}
.thumbSlide01 figure figcaption dd {
    font-size: 13px;
    font-family: Roboto;
    font-weight: 100;
    color: #95aed8;
}
.thumbSlide01 .bx-wrapper .bx-pager {height:10px;}
.thumbSlide01 .bx-pager .bx-pager-item .bx-pager-link {width:6px; height:6px; margin:0 9px; border:1px solid transparent; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#fff;}
.thumbSlide01 .bx-pager .bx-pager-item .bx-pager-link.active {width:10px; height:10px; border:2px solid #fff; background:transparent;}
.thumbSlide01 .bx-wrapper .bx-controls-direction a {width:51px; height:51px; margin-top:-66px; font-size:0; line-height:0; text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:rgba(255,255,255,0.10);}
.thumbSlide01 .bx-wrapper .bx-controls-direction a:hover {background:#3f5e89;}
.thumbSlide01 .bx-wrapper .bx-prev {left:-81px;}
.thumbSlide01 .bx-wrapper .bx-next {right:-81px;}
.thumbSlide01 .bx-wrapper .bx-prev:before, .thumbSlide01 .bx-wrapper .bx-next:before {width:11px; height:51px; background:url('images/btn/btn_slide02.gif') 0 50% no-repeat; display:inline-block; content:"";}
.thumbSlide01 .bx-wrapper .bx-next:before {background-position:100% 50%;}
/* 3등분 */
.thumbSlide02 h3 {margin-bottom:26px;}
.thumbSlide02 figcaption {position:relative; min-height:108px; padding:28px 30px 15px 30px; background:#fff; display:block;}
.thumbSlide02 .slide li {background:#fff; min-height:335px;}
.thumbSlide02 .slide li figure {position:relative; overflow:hidden;}
.thumbSlide02 .slide li img {width:100%; height:280px; margin:-30px 0;}
.thumbSlide02 .slide li mark {position:absolute; left:0; top:0; width:80px; height:60px; background:rgba(0,0,0,0.90); display:table; table-layout:fixed; z-index:60;}
.thumbSlide02 .slide li mark span {font-family:'Noto Sans Korean'; font-size:12px; color:#fff; line-height:16px; text-align:center; vertical-align:middle; display:table-cell;}
.thumbSlide02 .slide li figcaption p {padding-bottom:7px; font-size:18px; font-family:'Noto Sans Korean'; color:#333; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.thumbSlide02 .slide li figcaption dl {height:auto; overflow:hidden;}
.thumbSlide02 .slide li figcaption dl dt {clear:both; float:left; width:32px;}
.thumbSlide02 .slide li figcaption dl dd {display:block; overflow:hidden;}
.thumbSlide02 .slide li a:hover:after {position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid rgba(0,0,0,0.90); display:block; content:"";}
.thumbSlide02 .bx-wrapper .bx-controls-direction a {width:72px; height:40px; margin-top:15px; text-indent:-9999px; background-image:url('images/btn/btn_slide05.gif'); background-repeat:no-repeat; background-color:rgba(0,0,0,0.50);}
.thumbSlide02 .bx-wrapper .bx-controls-direction a:hover {background-color:rgba(63,94,137,0.90);}
.thumbSlide02 .bx-wrapper .bx-prev {left:-25px; background-position:0 50%;}
.thumbSlide02 .bx-wrapper .bx-next {right:-25px; background-position:100% 50%;}


#main_con02 {
    background: #fff;
    padding: 100px 0px;
    overflow: hidden;
}

#main_con02 h2 {
    color: #000;
    text-align: center;
    font-size: 48px;
    font-family: 'Roboto Condensed';
    font-weight: 400;
    margin-bottom: 70px;
}

#main_con02 h2 span {
	display:block;
	font-size:17px;
	font-family: 'Noto Sans Korean';
    font-weight: 100;
	margin-top: 10px;
	opacity: 0.6;
}

.main_con02_inner {
	text-align:center;
}

.main_con02_inner ul {
	display:inline-block;
}

.main_con02_inner ul li {
    float: left;
    text-align: center;
    margin-left: 32px;
    overflow: hidden;
    width: 48%;
}

.main_con02_inner ul li div.imgbox {
	overflow:hidden;
}


.main_con02_inner ul li:first-child {
	margin-left:0px;
}

.main_con02_inner ul li h3 {
    font-size: 26px;
    color: #000;
    margin-top: 40px;
    margin-bottom: 20px;
	font-weight:400;
}

.main_con02_inner ul li span {
	display:block;
	line-height:22px;
	color:#444;
}
span.js-reveal.span_txt02 {
    display: none;
}
.main_con02_inner ul li a {
	display:block;
}

.main_con02_inner ul li a.more01 {
    display: inline-block;
    padding: 10px 25px;
    box-sizing: border-box;
    margin-top: 30px;
    color: #fff;
    font-weight: 300;
	background:#aaa;
}

.main_con02_inner ul li a.more01:hover {
    background: #268a98;
    color: #fff;
}

.main_con02_inner ul li img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 2s ease-in-out;
	transition: 2s ease-in-out;
}
.main_con02_inner ul li:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}



#main_con03 {
	overflow:hidden;
	width:100%;}

ul.main_con03_inner li {
    width: 50%;
    float: left;
    text-align: center;
    height: 485px;
    box-sizing: border-box;
    color: #fff;
}

ul.main_con03_inner li.main_con03_inner01 {
	background:url('images/main/main_con03_inner01.png') center top no-repeat;
}

ul.main_con03_inner li.main_con03_inner02 {
	background:url('images/main/main_con03_inner02.png') center top no-repeat;
}

ul.main_con03_inner li h3 {
    font-size: 36px;
    font-weight: 300;
    margin-top: 130px;
    margin-bottom: 50px;
}

ul.main_con03_inner li span {
    display: block;
    padding: 0 22.5%;
    font-size: 16px;
    font-weight: 100;
    opacity: 0.5;
    line-height: 28px;
}

ul.main_con03_inner li a.more02 {
    color: #fff;
    width: 165px;
    text-align: center;
    display: inline-block;
    border: 1px solid #fff;
    padding: 13px 0px;
    margin-top: 30px;
}

ul.main_con03_inner li a.more02:hover {
	background: #268a98;
	border: 1px solid #268a98;
}

ul.main_con03_inner li a.more03 {
    color: #fff;
    width: 165px;
    text-align: center;
    display: inline-block;
    border: 1px solid #268a98;
    padding: 13px 0px;
    margin-top: 30px;
    background: #268a98;
}

ul.main_con03_inner li a.more03:hover {
	border: 1px solid #fff;
	background:none;
}


/* Footer */
#footer {
    background: #272727;
    padding-bottom: 30px;
    overflow: hidden;
    width: 100%;
}

.footer_navi {
    width: 100%;
    overflow: hidden;
    clear: both;
    border-bottom: 1px solid #444;
    padding: 15px 0;
}

.footer_navi ul li {
    float: left;
    padding: 0 20px;
}

.footer_navi ul li a {
    color: #888;
}

.footer_navi ul li:first-child a {
	color:#eee;
}

.footer_logo {
    float: left;
    margin-right: 55px;
    margin-left: 30px;
    margin-top: 30px;
}

.footer_text {
    color: #777;
    line-height: 22px;
    font-size: 13px;
    margin-top: 20px;
    float: left;
}

.footer_text a {
	color: #777;
}

.footer_text p.copyright {
	color: #555;
	margin-top:10px;
}

.footer_text p.copyright a {
	color:#555;
}

.popup {
	top:0;
}
/***************************************/
/* MAIN */
/***************************************/



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

/* touchScroll required */

.touchscroll {
    overflow: hidden;
	clear: both;
	float: left;
    width:100%;
}
.touchscroll a{
    float: none;
    width: auto;
}
.touchscroll a:hover {
	/* background: #545252; */
}
.home .touchscroll {

}

/***************************************/
/* SUB */
/***************************************/
/*#sub_visual1, #sub_visual2, #sub_visual3,#sub_visual4, #sub_visual5, #sub_visual6, #sub_visual7{
	position: relative;
	padding-top: 95px;
	font-size: 0;
	height:150px;
}
#sub_visual1{background: url(images/sub/sub_visual1.jpg) no-repeat center 95px;}
#sub_visual2{background: url(images/sub/sub_visual2.jpg) no-repeat center 95px;}
#sub_visual3{background: url(images/sub/sub_visual3.jpg) no-repeat center 95px;}
#sub_visual4{background: url(images/sub/sub_visual4.jpg) no-repeat center 95px;}
#sub_visual5{background: url(images/sub/sub_visual5.jpg) no-repeat center 95px;}
#sub_visual6{background: url(images/sub/sub_visual6.jpg) no-repeat center 95px;}
#sub_visual7{background: url(images/sub/sub_visual7.jpg) no-repeat center 95px;}
*/
#sub_visual {
    clear: both;
    width: 100%;
    float: left;
    height: 405px;
    position: relative;
}

#slides02 {
    height: 405px !important;
	z-index: 1;
}
#slides02 .slides-control { width: 100% !important;  }
#slides02 .slides-control .slides-container { width: 100% !important; }
#slides02 .slides-control div div { width: 100% !important; }
#slides02 .simg_01 {
    background: #000 url(images/sub/subtop01_new.jpg) center center no-repeat;
}
#slides02 .simg_02 {
    background: #000 url(images/sub/subtop02_new.jpg) center center no-repeat;
}
#slides02 .simg_03 {
    background: #000 url(images/sub/subtop03_new.jpg) center center no-repeat;
}

#sub_visual .sub_img_con {
	width: 100%;
	height: 101px;
	background: ;
}
#sub_mobile_visual {display:none;}
#main_container{
	position: relative;
}

#sidebar {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
    z-index: 8;
}

#sidebar h2{
	background: url(images/sub/sm_titile_bg.png) no-repeat left top;
	width:100%;
	min-width:1400px;
	float:left;
	text-align: center;
	font-size: 23px;
	color: #fff;
	font-family: 'NanumGothic', Dotunm, Arial, Verdana, sans-serif;
	height:69px;
	line-height:69px;
	font-weight:bold;
}


#sidebar ul {
    /* width: 100%; */
    clear: both;
    display: inline-block;
    margin-bottom: -5px;
}

#sidebar ul li {
    line-height: 40px;
    padding: 0px;
    float: left;
}


#sidebar ul li.current_page_item a, #sidebar ul li a:hover {
    color: #fff; background: #007687;
}

.single-products2 #sidebar ul li.page-item-2796, .page-id-2807 #sidebar ul li.page-item-2796, .page-id-2805 #sidebar ul li.page-item-2796 {
    background: url(images/sub/current_page_item_icon01.png) center bottom no-repeat;
}
.single-products2 #sidebar ul li.page-item-2796 a, .page-id-2807 #sidebar ul li.page-item-2796 a, .page-id-2805 #sidebar ul li.page-item-2796 a {
	color:#fff;
}
#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 ul li a {
    color: #000;
    font-size: 15px;
    display: block;
    font-weight: 300;
    display: inline-block;
    padding: 5px 30px;
	margin:0 1px;
	-webkit-transition: .0s;
    -moz-transition: .0s;
    -o-transition: .0s;
    -ms-transition: .0s;
    transition: .0s;
	background: rgba(255, 255, 255, 0.7);
}

#sidebar ul li.current_page_item a {
	color: #fff;
}
#sidebar ul li.current-cat { background: #434343;}
#sidebar ul li.current-cat a, #sidebar ul li.current_cat a:hover { 
	color: #fff; background: transparent url('images/sub/arrow.png') no-repeat 140px 50%;font-weight:bold; 
}

#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;
}
#breadcrumbs {
	    margin-bottom: 75px;
}
#breadcrumbs, #breadcrumbs a{
	font-size: 14px;
	color: #989898;
	text-align: center;
}

#content_container {
    width: 100%;
    float: right;
    min-height: 579px;
    position: relative;
}

.sub_body {
    clear: both;
    /*margin: 0 4%;*/
	/*min-height: 579px;*/
}
.sub_body img{ /*max-width:100%;min-width:1400px; */ }
#sub_page p {
    color: #786557;
    font-size: 12px;
    line-height: 18px;
}

.sub_body_inner {
    clear:both;
}
#content_container{
  padding-top:0px;
  }
#content_container small{
    color: #b09e90;
    font-size: 11px;
}
#content_container h2 {
    color: #000;
    font-size: 46px;
	font-weight: 500;
    line-height: 55px;
    margin-bottom: 15px;
    text-align: center;
    margin-top: 70px;
}
#sub_page{
  overflow: hidden;
  padding-bottom: 30px;
}

#sub_page h3{
  margin-bottom: 15px;
}

.page-id-1253 #sub_page .sub4_3_1 h3{
 background:url(images/sub/subtitle4_3_3.png) no-repeat left top;
 height:70px; width:100%; background-size: 100% 100%;
 }

 .page-id-1253 #sub_page .sub4_3_2 h3{
 background:url(images/sub/subtitle4_3_4.png) no-repeat left top;
 height:70px; width:100%;   background-size: 100% 100%;
 }
.page-id-1253 #sub_page .sub4_3_2 h3 img, .page-id-1253 #sub_page .sub4_3_1 h3 img{display:none;}



#sub_page .t_wine{
  color: #7c161a;
  font-size: 16px;
  line-height: 20px;
}
#sub_page .section{
  margin-top: 35px;
  clear: both;
}
#sub_page .sub1_1_1{
  text-align: center;

}
#sub_page p.sub1_1_2{
  background:url(images/sub/sub1_1_3.png) no-repeat right bottom;
  width: 80%;
  padding-right: 10%;
  height: 82px;
  vertical-align: bottom;
  margin: 0 auto;
  margin-top: 12px;
}
#sub_page .section ul{
  background:url(images/sub/sub1_1_7.jpg) no-repeat center top;
  overflow: hidden;
  padding-top: 10px;
}
#sub_page .section li{
  width: 26%;
  float: left;
  text-align: center;
  padding: 0 3.5%;
}
#sub_page .section li span{
  border-bottom: 1px solid #ae957f;
  display: block;
  width: 60px;
  margin: 0 auto;
  padding-top: 20px;
}
#sub_page .section li p{
  text-align: left;
  margin-top: 25px;
}
#sub_page .section .sub1_1_3{
  float:left;
}

#sub_page .section .sub1_1_4{
  float: right;
  width: 69%;
  margin: 10px 0 0 0px;
}
#sub_page .section .sub1_1_4 .t_wine{
  display: block;
}

table.history {
	margin: 30px 0 0 30px;
	width: 96%;
	background:url(images/sub/sub1_2.png) no-repeat right top;

}

.history td {
	line-height: 26px;
	padding: 5px;
	margin: 0;
    vertical-align: top;
	padding-left: 30px;
	color: #8B6B39;
}

.history .year {
	font-size: 40px;
	font-family: Century Gothic;
	font-weight:bold;
	color: #A64306;
	width: 20%;
	padding: 0;
}

.history .month {
	font-size: 20px;
	font-family: Century Gothic;
	color: #764F11;
	width: 10%;
	background:url('images/sub/history_img02.png') right 13px no-repeat;
	padding: 0;
}

.history .line {
	background:url('images/sub/history_line.png') left center repeat-x;
	padding: 0;
}

#map_info {
}

table.map_info_inner {
    width: 100%;
    border-top:2px solid #b7cbd9;
	padding-bottom:20px;
}
.map_info_inner th, .map_info_inner td {
    border-bottom: 1px dotted #b7cbd9;
    line-height: 22px;
    padding: 5px 0px;
    text-align: left;
    padding-left: 10px;
	color:#777;
	font-family: 'Malgun Gothic', 'Nanum Gothic', Dotum, Arial, Verdana, sans-serif;
}

.map_info_inner th {
	width:20%;
	background:#f2f7ff;
	color:#444;
	font-size:13px;
	font-weight:bold;
}
.sub4_1_1{
  text-align: center;
}
#sub_page .sub4_1_2 {
  margin-top: 35px;
  clear: both;
}
#sub_page .sub4_1_2 li{float:left; width:100%; margin-bottom:30px;  background: url('images/sub/sub4_1_8.png') center bottom no-repeat;
  padding-bottom: 40px;}
#sub_page .sub4_1_2 li span.cycle{
  width: 90px;
  float:left;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  color: #fff;
  margin-right:30px;
 }
#sub_page .sub4_1_2 li p{
  margin:7px 0 0 120px;
}
#sub_page .sub4_1_2 li p.sub_t{
  color:#CA5D24; font-size: 13px;
}
#sub_page .sub4_1_2 li p.sub_t span{
  color: #89370C; font-size: 12px;
}

#the_content .sub4_3_1 ul{margin-bottom:20px; overflow: hidden;}
.sub4_3_1 li {
  float: left;
  width: 24%;
  padding:20px 0;
  text-align: center;
  background: #f3f0e2;
  border-left: 1px dotted #E2DFD3;
  border-bottom: 1px dotted #E2DFD3;
}
.sub4_3_1 p{
  text-align: center;
  padding-top: 10px;
  clear: both;
}
.sub4_3_1 table.map_info_inner{
  width:100%; margin-top:30px;
}
.sub4_3_1 table.map_info_inner th{
  text-align: center; padding-left: 0;
}
.sub4_3_2 h4{color:#332119; font-size:14px; float: left;   margin-bottom: 10px;}
.sub4_3_2 p{color:#93908D !important;}
.sub4_3_2 p.pic_center{  margin-top: 20px; text-align: center;}
.sub4_3_2 p.pic_center img{margin-right:5px;}

table.t2 {
	color: #969696;
	border-collapse: collapse;
	width: 100%;

}
table.t2 th {
	background: #784f33;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	  color: #FDEDE1;
	vertical-align: middle;
	font-size: 13px;
}
table.t2 td {
	text-align: center;
	padding: 10px 8px;
	color:#784f33;
	border-bottom: 1px dotted #c6beb3;
	border-left: 1px dotted #c6beb3;
	vertical-align: middle;
	font-size: 12px;
}
table.t2 td:first-child {
	border-left: none;
}
table.t2 td.goods_price{
	text-align: center;
	width: 30%;
}
td.goods_name {
	color: #DB6E6E;
	font-size: 30px;
}
table.t2 td.style01 {
	background: #282828;
	color: #BEBEBE;
	border-left: 1px solid #353535;
}
table.t2 th.style02 {
	border-left: 1px solid #696969;
}
table.t2 th.style03 {
	border-top: 1px solid #696969;
}
table.t2 td.style04 {
	text-align: left;
	padding-left: 17px;
}
.franchise_faq{
  background: url('images/sub/sub4_4_1.png') right bottom no-repeat;
  height: 470px;
}
.franchise_faq ul{
  border-top: 1px solid #A9A297;
}

.franchise_faq .faq_q{
  background: #c6beb3 url('images/sub/icon_q.png') 10px 7px no-repeat;
  padding-left: 40px;
  color: #563D2E;
  line-height: 30px !important;
  border-bottom: 1px solid #A9A297;
  cursor: pointer;
}
.franchise_faq .faq_a{
  background: url('images/sub/icon_a.png') 40px 10px no-repeat;
  padding: 10px 20px 30px 70px;
  color: #563D2E;
  font-size: 12px;
  line-height: 16px;
}
.single-portfolio2 img, .single-portfolio img, .single-portfolio3 img, .single-locator img{
  max-width: 100%; height:auto;
}

.single #map{margin-bottom: 30px;}
/***************************************/
/* LOCATOR */
/***************************************/
.sub_body p.icon_info{
  float: right;
  margin-top: 20px;
  clear: both;
}
#project_map { height: 500px;}
#project_map .thumb_images{float: left;margin-right: 20px;}
#project_map .info_window { margin:5px 0; width:450px;}
#project_map .info_window h2{color:#222; font-size:19px; padding-bottom: 0px;float: none;width: auto;margin-bottom: 0;margin-left: 200px;}
#project_map .info_window a { display: inline-block;text-align: center; background-color: #784F33;padding: 10px 30px;color: white;font-weight: bold; margin-top: 10px;}
#project_map .info_window a:hover { background-color:#56421F;}
#project_map .info_window p {margin-bottom:0;line-height: 18px;border-bottom: 1px solid #E4E4E4;margin-left: 205px;padding: 4px 0;}
#project_map .info_window p b{ display:inline-block; width: 60px; vertical-align:top; font-weight:bold; color:#774300;}
#project_map .info_window p.info_win_period b{ width:60px}
#project_map .info_window p span{display:inline-block; width: 180px;}
#project_map .info_window p.info_win_period span{width:180px}

#project_table { margin: 20px auto 30px auto; /*width:730px;*/}
#project_table tr:hover{background-color: #F7FFEA;}
#project_table a{ display:block; color:#7B540F; padding: 6px;}
#project_table span.no_data{ color:#C7C7C7;}
/*#project_table td{ padding:0;}*/
#project_table td.ing{ text-align:left; background:transparent url(images/business/table_icon_ing.png) no-repeat right top; }
#project_table td.done{ text-align:left; background:transparent url(images/business/table_icon_done.png) no-repeat right top;}

#taxonomy_select_menu.busi_select {float: right; height: 35px;clear: both; width: auto; padding-right: 15px;}
#taxonomy_select_menu input { background:transparent url('images/thumb_default.jpg') center center no-repeat ; border:none; width:37px; height:19px }


.area_list{border-bottom: 1px solid #ddd; padding-bottom:20px; text-align:center; float: left; width: 100%;}
.area_list li {display: inline-block;	padding: 0;	text-align: center; float:left}
.area_list a{display: inline-block;padding: 5px 15px; border-left: 1px solid #ddd; color: #4867C9;}
.area_list li:first-child a{border-left:none}

.area_list li.current-cat a {font-weight: bold; background-color: #0056a1;  color:#fff;}
.area_list li.current-cat a:hover{color:red; background-color:#f5f5f5}
.area_list li.current-cat a:hover.locator_current{background-color: #0056a1;  color:#fff;}


/* 테이블 스타일 */
table.t1_map {border-collapse: collapse; width: 100%; margin: 10px 0px; font-size: 1em;border-top: 2px solid #573620 !important; border-bottom: 1px solid #dcdcdc !important;}
table.t1_map th {color: #F4F2EB; background: #906E55; font-weight: bold; text-align: center; border-bottom: 1px solid #dedede;   line-height: 30px; border-right: 1px solid #dedede;}
table.t1_map td {background: #F4F2EB; text-align:left; border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;color: #7B540F;   line-height: 30px;}
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;}

/* 테이블 스타일 */
table.t1 {
    border-collapse: collapse;
    width: 100%;
    margin: 20px 0px 0 0;
    font-size: 16px;
    border-top: 2px solid #0065ff;
    border-bottom: 1px solid #ddd;
}
table.t1 tr {  } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.t1 th {padding: 6px 0;vertical-align: middle;}
table.t1 td {padding: 10px 0;vertical-align: middle;}
table.t1 thead, table.t1 tfoot { background: #fff; font-weight: normal; font-size: 1em;}
table.t1 th {
    font-weight: 400;
    border-bottom: 1px solid #ebebeb;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    color: #666;
    font-size: 14px;
    text-align: center;
}
table.t1 th span {
border-right: 1px solid #CCC;
width: 100%;
color: #666;
font-weight: bold;
font-family: inherit;
font-size: 100%;
font-style: inherit;
display: inline-block;
}
table.t1 td {font-size: 12px; background: #fff; font-weight: bold; text-align:left; border-bottom: 1px solid #ebebeb;}
table.t1 td.left {text-align: left;}
table.t1 td.center {text-align: center;}
table.t1 td.right {text-align: right;}


/* 테이블 스타일 */
table.t3 {border-collapse: collapse;width: 100%;margin: 20px 0px 0 0;font-size: 16px;border-top: 2px solid #999;border-bottom: 2px solid #CCC;}
table.t3 tr {  } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.t3 th {padding: 6px 0;vertical-align: middle;}
table.t3 td {padding: 10px;vertical-align: middle;}
table.t3 thead, table.t3 tfoot { background: #fff; font-weight: normal; font-size: 1em;}
table.t3 th {font-weight: bold;
background:#fbfbfb;
border-bottom: 1px solid #ebebeb;
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
color: #666;
font-size: 12px;text-align: center;}
table.t1 th span {
    border-right: 1px solid #CCC;
    width: 100%;
    color: #666;
    font-weight: 400;
    font-family: inherit;
    font-size: 14px;
    font-style: inherit;
    display: inline-block;
}
table.t3 td {font-size: 12px; background: #fff; font-weight: bold; text-align:left; border-bottom: 1px solid #ebebeb;}
table.t3 td.left {text-align: left;}
table.t3 td.center {text-align: center;}
table.t3 td.right {text-align: right;}

.map_area#map1 {
  float: left;
}

.map_search_container {
    float: left;
    width: 96%;
    background: #F4F2EB;
    padding: 0 2%;
}

.map_area {
    margin-right: 40px;
    margin-left: 40px;
}


.mapsearch h3 {
    font-size: 30px;
    color: #906E55;
    margin-top: 30px;
}

.mapsearch p {
    padding: 10px 0 30px 0;
}

.mapsearch select {
    width: 110px;
    font-size: 16px;
    font-weight: bold;
    height: 27px;
    color: #332119;
    border-color: #784F33;
    background: #EEEADF;
    /* display: none; */
}

.screen-reader-text {
    position: absolute;
    left: -1000em;
    top: -1000em;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

input#search {
    height: 24px;
    border-color: #784F33;
    color: #2C2C2C;
    font-weight: bold;
    padding: 0 10px;
    width: 140px;
}

form#searchform {
    margin-top: 10px;
}

input#searchsubmit {
    height: 27px;
    padding: 0 20px;
    background: #784F33;
    color: #fff;
    font-weight: bold;
}

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

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

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

.video_title .comment_num {
	bottom: 0;
    right: -30px;
}

#the_content .gallery li a.video_title{
    display:inline-block;

}
#the_content.gallery ul a, #the_content .gallery ul a {
    color: #333;
}
#the_content.gallery ul a:hover, #the_content .gallery ul a:hover {
    color:#709ECF;
    text-decoration:none
}

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

#photo_content_container {clear: both;}
#photo_content_container img {max-width: 740px;height: auto;margin-bottom: 20px;}
.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;}


/***************************************/
/* 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;
    margin-bottom: 20px;
	/*
    background: #DDD;
	border: 1px solid #CCC;
	*/
}
#content_container #videos_list.gallery img {
  	idth: 180px;
    height: 135px;
    width: 80%;
    height: auto;
}
.single-videos iframe{ display:block; margin:auto}

#videos_list .video_title {
    width: 90%;
    display: block;
    height: 22px;
    text-align: center;
    margin: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#the_content #videos_list ul a {
    color:#333
}
#the_content  #videos_list ul a:hover {
    text-decoration: none;
    color:#709ECF;
}
#videos_list .video_date, #videos_list .video_view, #videos_list .comment_num {
    display:none
}
#the_content.photos ul {
    padding-left: 0;
}
#content_container .photos a.photo_thumb img {
    height: 130px;
}


#the_content .video_thumb svg {display: none;}

/***************************************/
/* ABOUT US */
/***************************************/
.mobile_img {
    padding-bottom: 15px;
}
.about-us p.title_txt {
	color: #B5B5B5;
	width: 100%;
	padding: 10px 0 50px;
	font-size: 1em;
}
#map_guide1 {
	margin: 0 auto;
	text-align: center;
	}

/***************************************/
/* GOODS */
/***************************************/
#sub_page.goods ul {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	clear: both;
}
#sub_page.goods ul li {
	width: 33.3%;
	float: left;
	text-align: center;
}
#sub_page.goods ul li a {
	text-align: center;
	display: block;
	clear: both;
	width: 93%;
	margin: 0 auto;
}
#sub_page.goods ul li img {
	width: 100%;
}
#sub_page.goods ul li img:hover {
	opacity: 0.7;
}

/*GOODS_PAGE*/
.goods h2 {
	font-family: 'NanumGothic';
	color: #fff;
	margin-bottom: 10px;
	font-weight: bold;
	c
	padding-left: 17px;
	background-size: 10px;
}
.goods h2 span {
	font-family: 'NanumGothic';
	color: #9B9B9B;
	font-size: 12px;
	font-weight: normal;
	padding-left: 12px;
}

/***************************************/
/* 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; */
    overflow: hidden;
}
#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 #B39380;
	border-bottom: 1px solid #B39380;
	margin-bottom: 13px;
	font-family: 'NanumGothic';
	display: block;
}
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;
}




/***************************************/
/* 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;
    border-top: 1px solid #03327a;
}
#news .time { /* clear: both; */ padding-bottom: 0; margin: 0; /* float: right; */ margin-bottom: 0px; padding-top: 11px; font-size: 11px; color: #96623E; /* position: absolute; */ /* bottom: 0; */ /* right: 10px; */ font-family:'Verdana';
	letter-spacing: -1px;}
#news .excerpt { margin-top: 0; padding-top: 20px; clear:both;color: #888888;}
#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 {
	margin-bottom: 10px !important;
}
#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 {
    /* width: 100%; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    display: block;
    padding-right: 55px;
    width: auto;
    float: none;
    position: relative;
    text-align: left;
    color: #000;
}
#news .text h2 a:hover {
    color: #03327a;
}
#news .text span {position:absolute;top:0; right: 9px; color: #784F33;font-size: 11px;font-family: Tahoma; /* padding-left: 10px; */ /* margin-top: 13px; */ line-height: 28px;}

#page_nav {border: 1px solid #ddd;   width: 1200px;   background-color: #f5f5f5; margin:0 auto;}
#page_nav a {
    display: inline-block;
    padding: 10px 15px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}
#page_nav a:hover { background-color: #ececec; color: #0c4c28;}
#page_nav_prev_next {
    float: left;
}

#goto_list {
    float: right;
}
#goto_list a { border-left: 1px solid #ddd;}
#page_nav_prev_next a { border-right: 1px solid #ddd;}


#page_nav {
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}

table.news_table01 {
    width: 100%;
    border-top: 1px solid #03327a;
}

table.news_table01 th, table.news_table01 td {
    padding: 10px 10px;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}

table.news_table01 th {
	background:#f4f4f4;
	width:20%;
	text-align: center;
}

table.news_table01 td {
	padding-left: 20px;
}

#photo_content_container p {
    text-align: center;
}

/***************************************/
/* 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;
  background: #FFF;
  width: 90%;
  margin: 8px 3%;
  padding: 5px 2%;
}
*/

#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:190px;
}

.portfolio_title a {
    display: block;
    font-size: 15px;
    text-align: center;
    color: #784f33;
    font-family: 'NanumGothic';
    padding: 5px 10px;
}

.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: 220px; }
/*
#masonry .item:nth-child(3n+1) { clear: both;}
*/
@media screen and (max-width:599px){
    #masonry .item {  margin: 8px auto;  float: none;}
}


/***************************************/
/* 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;
    /* background-color: #CDB9A2; */
    margin: 20px 0;
    padding: 20px;
	display: block;
}

#photo_content_container img {
    max-width: 100%;
    height: auto;
}


/* *********************************** */
/* COMMUNITY PAGE */
/* *********************************** */
.page h1 {
	text-align: left;
	font-size: 1.4em;
	padding-bottom: 5px;
	color: #6F6F6F;
	font-weight: bold;
	border-bottom: 1px solid #4A4A4A;
	margin-bottom: 20px;
	padding-top: 10px;
	display: none;
}
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}
#agree_yes_no_container a:hover, #agree_yes_no_container input:hover{ background-color:#ddd; color:#000; border-color:#ccc}
.membership #agree_check_container label { width:auto; font-weight:normal}
#member_login_page b{ font-weight:bold;}
#agree_form, #setupform{margin: 20px 20px 60px 20px;}
/*
#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 */

.membership {
    text-align: center;
    margin-bottom: 80px;
}

#header_user_welcome, #header_user_welcome span { color:#333}
.membership #content_container { width: 740px; float: right; margin-bottom:0}
.membership #sm_title {padding: 20px 30px 0 30px;color: #777;font-size: 15px;font-weight: bold;}
.membership p{ margin-bottom:0; line-height: normal}
.membership #subtitle, .membership #subtitle span{ font-size:40px; font-weight:bold; text-align:center }
.membership #subtitle{color: #156BDA;padding-top: 20px;}
.membership #subtitle span{ color:#000}
.membership #login_form_container {
    padding: 0px 30px 20px 310px;
    border: 1px solid #DDD;
    /* margin: 25px 0 65px 62px; */
    background: #fff url(images/membership/member_login_bg.jpg) no-repeat 30px 30px scroll;
    /* float: left; */
    /* width: 348px; */
    margin: 0 auto;
    display: inline-block;
    text-align: left;
    margin-top: 20px;
}
.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: 90px;height: 20px;line-height: 20px; margin-bottom:1px;}
.membership .login_side_action a:hover { background-color: #666;}
.membership .login_side_action { float: left; width: 100%}
.membership .login_side_action p {  padding-bottom: 6px; color: #888; font-size: 11px;height: 20px;line-height: 20px;width:245px;}
.membership #member_login_page p {color: #666;text-align:center;vertical-align:middle}
.membership #loginform p{ margin-bottom:4px}
.membership #user_login, .membership #user_pass  {background-color: #f5f5f5;border: 1px solid #CCC;padding: 5px 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: #156BDA; border: 2px solid #1D5AC7; font-weight: bold;color: white;width: 80px;margin-left: 20px; cursor:pointer}
/*.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;}
.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;margin-top: 20px;float: left;width: 100%; margin-bottom: 30px;}
#member_profil #member_message #please_login{ text-align: center;border-bottom: 1px dashed #DDD;padding-bottom: 15px;margin: 0 50px 20px 50px;color: #333;font-weight: bold;}
#member_profil #member_message #please_login a{ color:#65A7CE}
#member_profil .login_side_action {  width: 360px;  margin: auto; float: none;}
#member_profil #updateuser, #member_profil #profile_info_change_btn {padding: 8px 40px;-webkit-appearance: none; background-color: #8E644E; border: 2px solid #9D866C;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:auto}
.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; border: 1px solid #D3B598 !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:100%;  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: 30px;height: 38px;background: url(images/sub/sales_tab_bg.png) 0 0 repeat-x;}
#pibs_slider_menu li{ float:left;margin-right: 2px;}
#pibs_slider_menu a {height: 38px;width:147px;display:block;background: url(images/sub/sales_tab_off.png) 0 0 no-repeat;color: #737373;;font-size: 15px;text-align:center;line-height:38px;}
#pibs_slider_menu a:hover {}
#pibs_slider_menu a.current {background: url(images/sub/sales_tab_on.png) 0 0 no-repeat;color:#000;height: 38px;width:147px;display:block;line-height:38px;font-size: 16px;}
#pibs_slider_menu .coda-nav #slider_business-nav-ul{ margin-left:0 !important; }
.pibs_slides_content {
width: 100%;
float: left;
}
/***************************************/
/* 분양정보 */
/***************************************/
#sales_list_container {width: 100%;float: left;}
.sales-list {width: 100%;float: left; margin-top:50px; }
.sales-list li {
    clear: both;
    width: 100%;
    float: left;
    padding: 15px 0;
    border-bottom: 1px dashed #ddd;
	position:relative;
}
.sales-list li:first-child {padding-top:0;} 
.sales-list .img {
	float: left;
	width: 289px;
	margin-right: 31px;
	cursor: pointer;
}
.sales-list .info {
	float: left;
	width: 500px;
}
.sales-list h4 {
	margin-bottom: 10px;
}
.sales-list h4 a {
	font-size: 17px;
	color: #333;
	font-weight: 500;
	line-height: 17px;
}

.sales-list .apt_info {
	color: #686868;
	line-height: 24px;
	font-size: 14px;
}
.sales-list .apt_info span {
	color: #686868;
	line-height: 24px;
	font-size: 14px;
	display: inline-block;
	width: 66px;
	text-align: left;
	font-weight: 400;
}
.sales-list .btn {
    clear: both;
    padding-top: 14px;
    position: absolute;
    right: 0;
    bottom: 20px;
}
.sales-list .btn a {
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
	font-weight: 400;
	color: #454545;
	padding: 10px 16px;
	border-top: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #cbcbcb 1px solid;
	background: #fafafa;
}
.sales-list .btn a.btn_detail {
	background: #0065ff;
    color: #fff;
    border-top: #3373d7 1px solid;
    border-left: #3373d7 1px solid;
    border-right: #20457e 1px solid;
    border-bottom: #20457e 1px solid;
}



.detail_list .detail_img {
	float: left;
	margin-right: 4%;
}
.detail_list .detail_info {
	float: left;
	width: 57%;
    text-align: left;
}
.detail_list h4 {
	margin-bottom: 10px;
}
.detail_list h4 a {
	font-size: 17px;
	color: #333;
	font-weight: 500;
	line-height: 17px;
}

.detail_list .apt_info {
	color: #686868;
	line-height: 24px;
	font-size: 14px;
}
.detail_list .apt_info span {
	color: #686868;
	line-height: 24px;
	font-size: 14px;
	display: inline-block;
	width: 66px;
	text-align: left;
	font-weight: 500;
}
.detail_list .btn {
	clear: both;
	padding-top: 14px;
}
.detail_list .btn a {
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
	font-weight: 400;
	color: #454545;
	padding: 10px 16px;
	border-top: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #cbcbcb 1px solid;
	background: #fafafa;
}
.detail_list .btn a.btn_detail {
	background:#e15508;
	color:#fff;
	border-top: #f06b23 1px solid;
	border-left: #f06b23 1px solid;
	border-right: #d14d06 1px solid;
	border-bottom: #d14d06 1px solid;
}

#sales_detail_container {
    clear: both;
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    padding: 20px;
}

#sales_detail_con {
	clear: both;
	width: 100%;
	float: left;
	margin-top: 38px;
}
#sales_detail_con #pibs_slider_menu {float: left;width: 100%; margin-bottom: 30px;height: 30px;background:none;}
#sales_detail_con #pibs_slider_menu li{float:left;margin-right:0;width:25%;}
#sales_detail_con #pibs_slider_menu a {
    height: 40px;
    display: block;
    background: #ffffff;
    color: #868686;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 40px;
    width: auto;
    border-bottom: #0065ff 1px solid;
    border-right: #ddd 1px solid;
    border-top: #ddd 1px solid;
}
#sales_detail_con #pibs_slider_menu a:hover {}
#sales_detail_con #pibs_slider_menu li:first-child a {
    /*border-right: #0065ff 1px solid;
    border-top: #0065ff 1px solid;*/
	border-left: #ddd 1px solid;
}
#sales_detail_con #pibs_slider_menu a.current {
    font-weight: bold;
    background: #0065ff;
    color: #ffffff;
    display: block;
    font-weight: 400;
    font-size: 14px;
}




/* SALES FILTERS  */ 
div#sales_title_container {
    float: left;
    width: 100%;
    text-align: center;
}

li.nothing_found { margin: 90px 0; display: block; clear: both; text-align: center; float: left; display: block; width: 100%; color: #919191; }

.pibs_slides_content img { max-width: 100%; height: auto; }

#pibs_sales_menu {
    /* float: left; */
    /* width: 100%; */
    margin-bottom: 30px;
    height: 38px;
    background: url(images/sub/sales_tab_bg.png) 0 0 repeat-x;
    text-align: center;
    display: inline-block;
}
#pibs_sales_menu li { float: left; margin-right: 2px; }
#pibs_sales_menu a {
    width: 182px;
    height: 50px;
	line-height: 50px;
    display: block;
    background: #fff;
    color: #737373;
    font-size: 15px;
    text-align: center;
    font-weight: 400;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
#pibs_sales_menu a.current {
    background: #fff;
	border: 1px solid #0065ff;
    color: #0065ff;
    width: 182px;
    height: 50px;
	line-height: 50px;
    display: block;
    font-size: 16px;
    font-weight: 400;
}
#pibs_sales_menu .coda-nav #slider_business-nav-ul { margin-left: 0 !important; }

.products_filter_container { clear: both; padding-top: 20px; display:none; }
nav.products_filter_menu a { display: inline-block; padding: 7px 10px; color: #fff; font-weight: 400; font-size:13px }
nav.products_filter_menu { display: block; background-color: #C0C0C0; padding: 5px 55px 0 5px; position: relative;}
nav.products_filter_menu a.current { background-color: #9E9E9E; }

#the_content ul.products_filter { clear: both; margin-bottom: 30px; float: left; width: 100%; box-sizing: border-box; border: 5px solid #C0C0C0; }

.filter_list_item { float: left; width: 25%; height: 140px; overflow: auto; border: 1px solid #C0C0C0; border-width: 0 1px 1px 0; box-sizing: border-box; }
.filter_list_item > ul > li a { display: block; padding: 4px 10px; color: #666; font-size: 12px; }
.filter_list_item > ul > li a:hover { background-color: #F2F2F2; color: #00ABBD; }
ul.products_filter h3 { padding: 8px 10px; background-color: #E7E7E7; font-weight: bold; font-size: 12px; }

li.filter_slide {width: 100%; float: left;}
.products_filter_nav { top: 5px; position: absolute; right: 5px;}

/* business  */
#workdone_top {width: 100%;float: left;margin-bottom: 30px;}
#workdone_list {width: 100%;float: left;}


/**********company*************/

#page {
	/*text-align:center;*/
}


/* table */
table.cerif_table {border-collapse: collapse; width:100%;border-top: 1px solid #b7cbd9; border-left: 1px solid #b7cbd9; margin-bottom:30px; line-height:20px;}
table.cerif_table th {font-family: 'Malgun Gothic', 'Nanum Gothic', Dotum, Arial, Verdana, sans-serif;width:25%;border-bottom: 1px solid #b7cbd9; border-right: 1px solid #b7cbd9; background: #f2f7ff; color: #444444; font-weight: bold; text-align:center; vertical-align: middle; padding:8px;}
table.cerif_table td {font-family: 'Malgun Gothic', 'Nanum Gothic', Dotum, Arial, Verdana, sans-serif;border-bottom: 1px solid #b7cbd9; border-right: 1px solid #b7cbd9;  color: #777777; font-weight: normal; text-align:center; vertical-align: middle; padding:8px; }

#cerif_inner .cerif_img {
clear: both;
	width: 100%;
	float: left;
	padding-top: 20px;
}
#cerif_inner .cerif_img li {
    width:25%;
	float:left;
}
#cerif_inner .cerif_img li img {
    width:95%;
	display:block;
	margin:0 auto;
	border:#dcdcdc 2px solid;
}
.workdone_con {
	clear: both;
	width: 100%;
	float: left;
	margin-bottom:20px;
}
.workdone_con .work_img{width:290px;float:left;margin-right:25px;}
.workdone_con .work_img img {width: 275px;height: 164px;margin:0 auto;display:block;border:#dcdcdc 2px solid;}
.workdone_con .work_txt {margin-left:315px}
.workdone_con .work_txt table {margin-top:3px;border-collapse: collapse; width:100%;border-top: 2px solid #dcdcdc; line-height:20px;}
.workdone_con .work_txt table th {font-family: 'Malgun Gothic', 'Nanum Gothic', Dotum, Arial, Verdana, sans-serif;width:15%;border-bottom: 1px solid #dcdcdc;color: #444444; font-weight: bold; text-align:left; vertical-align: middle; padding:8px 7px;background: url(images/sub/photo_icon.png) 10px 15px no-repeat;
padding-left: 21px;}
.workdone_con .work_txt table td {font-family: 'Malgun Gothic', 'Nanum Gothic', Dotum, Arial, Verdana, sans-serif;border-bottom: 1px solid #dcdcdc; color: #777777; font-weight: normal; text-align:left; vertical-align: middle; padding:8px 7px; }

/********cibi*********/
#cibi h3 {
	background: url(images/sub/icon_bi_01.gif) 0 3px no-repeat;
	font-size: 18px;
	font-weight: bold;
	padding-left: 23px;
	margin-bottom: 30px;
	clear:both;
}
#cibi .ci_img {
	padding: 15px 10px;
	text-align: center;
	border: #dcdcdc 1px solid;
}
#cibi .ci_content {
	clear:both;
	width: 100%;
	float: left;
	margin: 20px 0;
	background: url(images/sub/ci_img_02.png) right 3px no-repeat;
}
#cibi h4 {
	background: url(images/sub/icon_bi_02.gif) 0 7px no-repeat;
	font-size: 15px;
	font-weight: bold;
	padding-left: 12px;
	margin-bottom: 13px;
	clear: both;
}
#cibi .ci_content p {
	padding: 0 200px 0 10px;
	line-height: 18px;
	font-size: 12px;
}
#cibi .ci-02 {
	clear:both;
	width: 100%;
	float: left;
	margin: 20px 0;
	background: url(images/sub/ci_img_03.png) right 3px no-repeat;
	padding-bottom:100px;
}
#cibi .ci_content02 p {	padding: 0 200px 0 10px;	line-height: 18px;	font-size: 12px;}
#recruit_inner {background: url(images/sub/people_bg.jpg) right 0px no-repeat;width: 100%;float: left;}
#recruit_inner h3 {font-size: 24px;font-weight: bold;line-height: 34px;padding-left: 10px;margin-bottom:25px;}
#recruit_inner .recruit_con {padding-right: 385px;}
#recruit_inner .recruit_con h4 {width:13%;float:left;font-size: 24px;font-weight: bold;font-family: Arial, Verdana, sans-serif;}
#recruit_inner .recruit_con ul {padding-left: 10px}
#recruit_inner .recruit_con li {clear:both;padding:25px 0;}
#recruit_inner .recruit_con p {float: right;line-height: 22px;width: 209px;}
#recruit_inner .recruit_01 h4 {color:#2e86d1;}
#recruit_inner .recruit_02 h4 {color:#3db258;}
#recruit_inner .recruit_03 h4 {color:#ed662e;}
#calendar .fc-center h2{border-bottom: none;
margin-bottom: 0;
line-height: 23px;}
#person h3, .terms h3 {
    width: 100%;
    display: block;
    clear: both;
    margin: 20px 0;
    line-height: 27px;
    color: #0b6dbf;
    font-weight: 500;
    font-size: 17px;
}
#person p {line-height: 22px;}

#email h3 {
	font-size: 20px;
	font-weight: bold;
	font-family: 'NanumGothic';
	padding: 0;
}
#email h3 span {
	font-size: 20px;
	font-weight: bold;
	color: #0b6dbf;
	font-family: 'NanumGothic';
	margin: 0px;
}
#email h4 {
	font-size: 16px;
	font-family: 'NanumGothic';
	color: #FFFFFF;
	margin: 0;
	font-weight: bold;
	margin-top: 10px;
	background: #FFA200;
	padding: 6px 10px;
	display: inline;
}
#email p{
	font-family: 'NanumGothic';
	font-size: 14px;
	padding-bottom: 55px;
	line-height: 18px;
}
ul.email_list {
	margin-top: 18px;
	margin-left: 20px;
}
ul.email_list li {
	font-size: 12px;
	padding-bottom: 10px;
	font-family: 'NanumGothic';
	list-style: initial;
}
ul.email_list li span {
	color: #C30901;
	font-family: 'NanumGothic';
	font-size: 12px;
}
#person {
	margin-bottom:80px;
}
#email {
	/* float: right; */
	width: 98%;
	margin: 0 auto;
}

.terms div {
    margin-bottom: 50px;
    line-height: 24px;
}

#recruit_txt {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
#recruit_txt h3 {
font-size: 16px;
font-weight: bold;
line-height: 21px;
margin-bottom: 10px;
}
#recruit_txt h3 span{
font-size: 17px;
font-weight: bold;
color:#108fca;
}

.philosophy_img {
    margin: 0 auto;
}
.philosophy_img02 {
    display: none;
}
.philosophy h4 {
    font-family: 'Nanum Myeongjo';
    font-size: 26px;
    margin: 40px 0px;
}

.philosophy h4 span {
    font-family: 'Nanum Myeongjo';
	font-weight:700;
    font-size: 26px;
    margin: 40px 0px;
}

.philosophy p {
    font-size: 15px;
    font-weight: 300;
	line-height:24px;
}



/* 회사소개 */
#the_content.introduce li .infoA .tit {
    font-size: 24px;
    color: #000;
    margin-top: 37px;
}

.introduce li{overflow:hidden; margin-top:40px; border-top:1px solid #e1e1e1; padding-top:40px;}
.introduce li:first-child {
    margin-top: 0;
    /* border-top: 0; */
    /* padding-top: 0; */
}
.introduce li .imgA{
	float:left;
	width: 460px;
    height: 298px;
}
.introduce li .imgA img {
    width: 460px;
    height: 298px;
}
.introduce li .infoA {
    float: left;
    width: 666px;
    box-sizing: border-box;
    padding-left: 49px;
    position: relative;
    text-align: left;
}
.introduce li .infoA .tit {
    font-size: 24px;
    color: #333;
    margin-top: 0px;
    font-weight: 500;
}
.introduce li .infoA .txt {
    font-size: 15px;
    color: #555;
    line-height: 24px;
    margin-top: 22px;
    min-height: 162px;
    padding-bottom: 35px;
    box-sizing: border-box;
}

.introduce li .infoA .txt li {
    border-top: none;
    padding-top: 0px;
    margin-top: 0px;
    line-height: 28px;
    padding-left: 120px;
    position: relative;
}

.introduce li .infoA .txt li span {
    width: 110px;
    display: inline-block;
    position: absolute;
    left: 0px;
    line-height: 28px;
    color: #000;
}

.introduce li .infoA .btnA{}
.introduce li .infoA .btnA a{display:inline-block; float:left; border:1px solid #d5d5d5; height:50px; line-height:50px; box-sizing:border-box; font-size:16px; color:#555; padding:0 30px; background:#fff; margin-left:9px;}
.introduce li .infoA .btnA a:first-child {
    padding: 0 67px 0 30px;
    background: url(images/sub/business_btnbg01.png) 140px center no-repeat;
    margin-left: 0;
}

/* 회사연혁 */

.history_mobile {
	display:none;
}

.col3.tabTy1 .tab {
    width: 33.3%;
}

.contIn {
    margin: 0px auto;
    width: 1200px;
    position: relative;
}

.tabTy1 {
	overflow: hidden;
}
.tabTy1 .tab {
	border-width: 1px 1px 1px 0px; border-style: solid; border-color: rgb(206, 206, 206); border-image: none; height: 70px; text-align: center; color: rgb(0, 0, 0); font-size: 16px; font-weight: 400; float: left; position: relative;
}
.tabTy1 .active.tab {
	background-color: rgb(255, 255, 255);
}
.tabTy1 .tab::after {
    left: -1px;
    width: 100%;
    height: 2px;
    bottom: -1px;
    border-right-color: rgb(3, 50, 122);
    border-right-width: 2px;
    border-right-style: solid;
    position: absolute;
    background-color: rgb(3, 50, 122);
}
.tabTy1 .active.tab::after {
	content: "";
}
.tabTy1 .tab::before {
	width: 1px; height: 100%; margin-right: -5px; vertical-align: middle; display: inline-block; content: "";
}
.tabTy1 .tab .mid {
	vertical-align: middle; display: inline-block; font-size: 16px;
}
.tabTy1 :first-child.tab {
	border-left-width: 1px;
}

.history {
	padding: 60px 0px 60px; color: rgb(0, 0, 0); line-height: 26px; font-size: 16px; background-color: rgb(249, 249, 249);overflow: hidden;
}
.history .title {
	padding: 128px 0px 13px; text-align: center; line-height: 1em; font-family: "NanumSquareB"; font-size: 50px;
}
.history .title .ko {
	font-size: 18px; font-weight: normal; margin-top: -10px; display: block;
}
.byYear {
	position: relative;
}
.byYear .line {
	left: 50%; top: 0px; width: 1px; height: 100%; margin-left: -2px; position: absolute; background-color: rgb(206, 206, 206);
}
.byYear .deco {
	left: 0px; top: 377px; width: 100%; height: 0px; position: absolute; min-width: 1200px;
}
.byYear .fixed.deco {
	top: 50%; position: fixed;
}
.byYear .deco .in {
	background: url("images/sub/history-year.png") no-repeat center 0px; margin: -64px auto 0px; width: 1200px; height: 233px; display: block;
}
.byYear .y2010.deco .in {
	background-position: center 0px;
}
.byYear .y2000.deco .in {
	background-position: center -243px;
}
.byYear .y1990.deco .in {
	background-position: center -486px;
}
.byYear .y1980.deco .in {
	background-position: center -729px;
}
.byYear .y1970.deco .in {
	background-position: center -972px;
}
.byYear::before {
	background: url("http://www.yncc.co.kr/static/ko/resource/img/company/history-bg.png") no-repeat 0px -32px; left: -1px; width: 7px; height: 7px; margin-right: auto; margin-left: auto; display: block; position: relative; content: "";
}
.byYear::after {
	background: url("http://www.yncc.co.kr/static/ko/resource/img/company/history-bg.png") no-repeat 0px -32px; left: -1px; width: 7px; height: 7px; margin-right: auto; margin-left: auto; display: block; position: relative; content: "";
}
.byYear::before {
	margin-bottom: 120px;
}
.byYear::after {
	margin-top: 130px;
}
.byYear dl {
	margin-top: 82px; position: relative; z-index: 2; background-repeat: no-repeat;
}
.byYear dl.y1990 {
	margin-top: 114px;
}
.byYear dl.y2000 {
	margin-top: 82px;
}
.byYear dl.y2010 {
	/*min-height: 605px;*/
}
.byYear dl:first-child {
	margin-top: 0px;
}
.byYear dt {
	margin: 0px auto 30px; color: rgb(53, 59, 145); line-height: 49px; font-size: 49px; position: relative;
}
.byYear dt::before {
	background: url("images/sub/history-bg.png") no-repeat center 0px; top: 12px; width: 19px; height: 22px; position: absolute; content: "";
}
.byYear dt.left::before {
	right: -8px;
}
.byYear dt.right::before {
	background-position: -40px 0px; left: -11px;
}
.byYear dd {
	margin: 31px auto 0px;color: rgb(17, 17, 17); font-size: 15px; position: relative;
}
.byYear dt.left {
    text-align: left;
    padding-right: 70px;
text-align: right;
}
.byYear dd.left {
    padding-right: 70px;
    text-align: right;
}
.byYear dt.right {
    left: 100%;
    text-align: left;
    padding-left: 70px;
    float: none;
    width: 100%;
}
.history_left {
    width: 50%;
}
.history_right {
    width: 50%;
}
.byYear dd.right {
    left: 100%;
    text-align: left;
    padding-left: 70px;
    float: none;
}
.byYear dd.full {
	margin: 0px auto 58px; padding: 0px; width: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 49px; font-size: 22px;
}
.byYear dd.full::before {
	background: url("images/sub/history-photo5-bg.png") center 0 no-repeat; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.byYear dd.full .date::before {
	content: none;
}
.byYear dd.full .date::after {
	content: none;
}
.byYear dd.ty1.full {
	background: url("images/sub/history-photo5.jpg") no-repeat 50% 50%; transition:opacity 0.2s ease-in-out; height: 266px; padding-top: 110px; margin-bottom: 51px; opacity: 1; -webkit-transition: opacity 0.2s ease-in-out;
}
.byYear dd.full .date {
	color: rgb(255, 255, 255); font-size: 34px; margin-bottom: 15px;
}
.byYear dd.full .logo {
	margin: 20px auto 0px; display: block;
}
.byYear dd.full .in {
	font-weight: normal; display: block; position: relative; z-index: 2;
}
.byYear .photo {
	margin: 0px; width: auto; position: absolute; opacity: 1;
}
.byYear .photo {
	transition:opacity 1s linear, top 1s ease-in-out 0.5s, margin 1s ease-in-out 0.5s; -webkit-transition: opacity 1s linear, top 1s ease-in-out 0.5s, margin 1s ease-in-out 0.5s;
}
.byYear .photo .caption {
	transition:opacity 1s linear, top 1s ease-in-out 0.5s, margin 1s ease-in-out 0.5s; -webkit-transition: opacity 1s linear, top 1s ease-in-out 0.5s, margin 1s ease-in-out 0.5s;
}
.byYear .aniInit {
	opacity: 0;
}
.byYear .pos1.photo {
	left: 50%; top: -77px; text-align: left; margin-left: 68px;
}
.byYear .pos2.photo {
	top: -186px; right: 50%; margin-right: 68px;
}
.byYear .aniInit.pos2.photo {
	margin-top: 100px;
}
.byYear .pos3.photo {
    transition: margin 0.4s;
    top: 395px;
    right: 50%;
    margin-top: 0px;
    margin-right: 177px;
    opacity: 1;
    -webkit-transition: margin 0.4s ease;
}
.byYear .pos4.photo {
	top: 216px; right: 50%; margin-right: 224px;
}
.byYear .pos5.photo {
	margin: 23px auto 0px; top: 0px; width: 1199px; position: relative; opacity: 1;
}
.byYear .aniInit.pos5.photo {
	top: 100px;
}
.byYear .date {
	color: rgb(53, 59, 145); font-size: 16px; font-weight: bold; margin-bottom: 2px; display: block;
}
.byYear dd .date::before {
	background: url("images/sub/history-bg.png") no-repeat -20px -32px; top: 6px; width: 11px; height: 12px; position: absolute; z-index: 2; content: "";
}
.byYear dd .date::after {
	background: rgb(232, 232, 232); top: 11px; width: 52px; height: 1px; position: absolute; content: "";
}
.byYear dd.left .date::before {
	right: -4px;
}
.byYear dd.left .date::after {
	right: -4px;
}
.byYear dd.right .date::before {
	left: -7px;
}
.byYear dd.right .date::after {
	left: -7px;
}
.byYear .caption {
	top: 0px; color: rgb(0, 0, 0); overflow: hidden; font-family: "Nanum Gothic"; font-size: 14px; display: block; position: relative;
}
.byYear .caption img {
	margin-bottom: 4px; display: block;
}
.byYear .caption + .caption {
	margin-top: 25px;
}
.history .conclusion {
	text-align: center; color: rgb(51, 51, 51); margin-top: 30px;
}
.history .conclusion em {
	color: rgb(53, 59, 145); font-weight: bold;
}

.byYear dd.history_photo {
    position: absolute;
    padding-right: 80px;
    right: 50%;
}
.byYear dd.history_photo img{    max-width: 100%;}

.byYear dd.history_photo img, .byYear dd.history_photo02 img {
    margin-bottom: 100px;
width: 100%;
}

.byYear dd.history_photo02 {
    position: absolute;
    left: 50%;
    padding-left: 80px;
}
.tab_menu {
    text-align: center;
    margin-bottom: 20px;
}

ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 46px;
    /* border-bottom: 1px solid #eee; */
    border-left: 1px solid #eee;
    width: auto;
    font-size: 12px;
    display: inline-block;
    /* overflow: hidden; */
}
ul.tabs li {
    float: left;
    text-align: center;
    cursor: pointer;
    width: 182px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;
    border-left: none;
    /* font-weight: bold; */
    background: #ffffff;
    overflow: hidden;
    position: relative;
	font-weight: 400;
}
ul.tabs li.active {
    background: #FFFFFF;
    /* border-bottom: 1px solid #FFFFFF; */
    border: 1px solid #0065ff;
	color:#0065ff;
}
.tab_container {
    /* border: 1px solid #eee; */
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;
}
.tab_content {
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}

#page.organization, #page.philosophy {
    text-align: center;
    margin-bottom: 80px;
}
.organization p{display:none;}

#page.introduce {
	margin-bottom: 80px;
}

.location_info {
    position: absolute;
    width: 421px;
    height: 340px;
    background: #fff;
    top: -624px;
    right: 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.location .tab_menu .tabs {
    position: absolute;
    z-index: 5;
    top: 28px;
    right: 0px;
}

.location ul.tabs li {
	width:210px;
}

.location ul.tabs li.active {
    background: #0065ff !important;
    color: #FFFFFF !important;
}

.tab_container .tab_content .location_info ul {
    margin-top: 70px;
    margin-left: 30px;
    width: auto;
}

.tab_container .tab_content .location_info ul li {
    text-align: left;
    margin-bottom: 20px;
    font-size: 15px;
    padding-left: 64px;
}

.tab_container .tab_content .location_info ul li span {
    display: block;
    margin-bottom: 10px;
    font-size: 17px;
    color: #0065ff;
}

.tab_container .tab_content .location_info ul li a {
	font-size: 15px;
	color:#444;
}

.location_info ul li.location_icon01 {	background:url('images/sub/location_icon01.png') left center no-repeat; }
.location_info ul li.location_icon02 {	background:url('images/sub/location_icon02.png') left center no-repeat; }
.location_info ul li.location_icon03 {	background:url('images/sub/location_icon03.png') left center no-repeat; }
.location_info ul li.location_icon04 {	background:url('images/sub/location_icon04.png') left center no-repeat; }

.business_areas {
    margin-bottom: 70px;
    text-align: center;
}

.business_areas_imgbox {
    position: relative;
}

.business_areas_imgbox h3 {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
	font-weight: 500;
    color: #03327a;
}
img.business_areas02_img01_01 {
    display: none;
}
.business_areas03_img01_01{display:none;}
.business_areas_imgbox h3 span {
	display:block;
	width:100%;
	text-align:center;
	font-size: 16px;
    color: #000;
	font-weight: 400;
}

.business_areas p {
    background: url(images/sub/business_areas_icon01.png) center top no-repeat;
    padding-top: 55px;
    margin-top: 20px;
	line-height:24px;
}

/* 회사소개 > CI/BI */
.identity {
    margin-bottom: 80px;
}
.identity .identity_box{position:relative;}
.identity .identity_box h4{font-size:30px; color:#333;}
.identity .identity_box .sec_txt{padding-top:16px; font-weight:300;}
.identity .identity_box.ci {
    margin-bottom: 50px;
    padding: 60px 110px;
}
.identity .identity_box.ci .sec_txt{float:left;width:313px; height:190px; margin-bottom:40px; font-size:25px; font-weight:300; line-height:1.5em; }

.identity .identity_box .ci_lst {
    overflow: hidden;
    margin-top: 60px;
    clear: both;
}
.identity .identity_box .ci_lst li {
    float: left;
    width: 33.3%;
    min-height: 95px;
    padding-left: 28px;
    border-left: 1px solid #dcdcdc;
}
span.sec_logo {
    float: left;
	margin-left:30px;
	margin-bottom: 30px;
}
.sec_txt_box {
    overflow: hidden;
    float: left;
}
.identity .identity_box .ci_lst li:first-child{padding:0 28px 0 0; background:none; border-left:0}
.identity .identity_box .ci_lst .li_v2{padding-right:28px;}
.identity .identity_box .ci_lst em{font-size:18px; color:#323232; margin-bottom:20px;}
.identity .identity_box .ci_lst p{padding-top:12px;}
.identity .identity_box.bi{margin-bottom:80px; padding:44px 0 0 33px; background:url(/resource/images/company/identity04.jpg) no-repeat;}
.identity .identity_box.bi .tit{font-size:25px; font-weight:300; line-height:35px; color:#333;}
.identity .identity_box.bi .sec_txt{width:368px; padding-top:9px; line-height:25px; font-size:15px;}
.identity .identity_box.bi .txt_area{width:384px;}
.identity .identity_box .do_btn{position:absolute; display:block; height:44px; }
.identity .identity_box.ci {
    width: 100%;
    background: #f5f5f5;
}
.identity .identity_box.ci:after{
	content:"";
	display:block;
	clear:both;
}
.identity .identity_box.ci .do_btn{top:257px; width:264px;}
.identity .identity_box.ci .do_btn.jpg{left:389px;}
.identity .identity_box.ci .do_btn.ai{left:653px;}
.identity .identity_box.bi .do_btn{top:311px; width:242px;}
.identity .identity_box.bi .do_btn.jpg{left:430px;}
.identity .identity_box.bi .do_btn.ai{left:672px;}
.identity .footnote{padding:27px 0px 55px; font-size:15px; color:#888888; line-height:24px;}
.identity .section p, .identity .section_inner p{padding-top:27px; font-size:15px; color:#888888; line-height:24px;}
.identity .sec01{padding-bottom:100px;}
.identity .sec02{position: relative; padding-bottom:80px;}
.identity .sec02 .bg{position:absolute; top:0px; left:0px; right:0px; width:100%; min-width:960px; height:507px; background:url(/resource/images/company/identity_bg.jpg) -950px -850px;/**/ background-attachment:fixed; z-index:-1; }
.identity .sec02 .bg div{position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:rgba(30,30,30,0.5);}
.identity .sec02 .section_title{padding:110px 0px 95px; color:#fff; font-weight:normal;}
.identity .sec03 .sub_title{padding-bottom:25px;font-weight:bold;}

.identity p {
    padding-top: 27px;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
}

ul.ci-color {
    clear: both;
    overflow: hidden;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #eee;
}

ul.ci-color li {
    float: left;
    width: 33.333%;
}

ul.ci-color li img {
	float:left;
}

.identity .ci-color p {
    float: left;
    margin-left: 30px;
    padding-top: 10px;
    line-height: 25px;
    color: #000;
}

.ci_script {
    text-align: center;
    font-size: 15px;
}
.identity .identity_box.ci{margin-top:80px;overflow: hidden;}

#content_container img#pibs_nboard_search_btn, img#pibs_nboard_search_btn {
    cursor: pointer;
}



/**** 채용안내 *****/
.recon_top { width: 100%; padding: 70px 0; background: #f9f9f9; }
.recon_top div h3 { font-size: 30px; text-align: center; padding-bottom: 20px; margin-bottom:20px; background: url(images/sub/retitle_bg.png) center bottom no-repeat;}
.recon_top div p { text-align: center; color: #888; font-size: 15px; margin-bottom: 70px; }
.recon_top div p span { color: #03327a;  }
.recon_top div .txt_box { width: 100%; background: #ffffff; border: 1px solid #ccc; box-sizing: border-box; }
.recon_top div .txt_box ul { overflow: hidden; }
.recon_top div .txt_box ul li { width: 50%; float: left; padding: 50px; border-left: 1px solid #ccc; }
.recon_top div .txt_box ul li:first-child { border-left: none; }
.recon_top div .txt_box ul li .txt { overflow: hidden; width:100%; }
.recon_top div .txt_box ul li .tilte { font-size: 25px; border-bottom: 2px solid #000; display: inline-block; padding-bottom: 2px; float: left; }
.recon_top div .txt_box ul li .desc { float: left; margin-left: 15%; width: 66%; }
.recon_top div .txt_box ul li .desc dl { overflow: hidden; width: 100%; }
.recon_top div .txt_box ul li .desc dl dt { color: #555; float: left; padding-left: 15px; padding-right: 5px; font-size: 15px; line-height: 32px; background: url(images/sub/re_list_bg.png) left 12px no-repeat;}
.recon_top div .txt_box ul li .desc dl dd { color: #555; float: left; font-size: 15px; line-height: 32px; width: 65%; }

.recon_bottom { padding: 70px 0; margin-bottom: 30px;  }
.recon_bottom h3 { font-size: 30px; text-align: center; padding-bottom: 20px; margin-bottom:20px; background: url(images/sub/retitle_bg.png) center bottom no-repeat;}
.recon_bottom img { width: 100%; height: auto; }
.recon_bottom .recon_bottom_img01 { display: block; }
.recon_bottom .recon_bottom_img01_1 { display: none; }


/*** 채용공고 게시판 파일 지움 ***/
.page-id-3391 .pibs_nboard_file { display:none; }



span.foot_seo {
    width: 27px;
    display: inline-block;
    float: left;
}



/*bi추가*/
.identity_box.ci.bi.other_bi ul.ci-color.js-reveal {
    float: right;
    width: 660px;
    margin-top: -90px;
    margin-right: 141px;
    margin-bottom: 45px;
    padding-bottom: 0;
}
.identity_box.ci.bi.other_bi ul.ci-color.js-reveal li p {
    margin-left: 0;
}
.identity_box.ci.bi.other_bi .sec_txt_box p.sec_txt {
    height: 100px;
}
.sec_txt_box.bi_box2 h5 {
    font-size: 18px;
    font-weight: 600;
    color: #838689;
	padding-left: 10px;
	width: 390px;
	position: relative;
}
.sec_txt_box.bi_box2 h5::before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 3px;
    height: 18px;
    display: block;
    clear: both;
    content: "";
    background: #686d73;
}
.grey_line {
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    display: flex;
    margin: 30px 0;
}
img.sig_view {
    width: 100%;
}



.emp_pw {display:block; margin:0 auto; max-width:350px; text-align:center; border:1px solid #eee; box-sizing:border-box; padding:30px 20px 100px; margin-bottom:100px;}
.emp_pw p {font-size:32px; font-weight:600; margin:60px 0 30px;}
.emp_pw input {display:block; margin:0 auto; width:85%; font-size:18px; padding:10px 5px; box-shadow:none !important; border-radius:3px; box-sizing:border-box;}
.emp_pw input.btn {border:none; font-size:18px; font-weight:600; padding:10px 30px; background:#007687; color:#fff; margin-top:10px; transition:0.5s; border:1px solid #007687;}
.emp_pw input.btn:hover {background:#fff; color:#007687;}