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

License:
License URI:
*/

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

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



/**{
	-webkit-transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.3s;
    -moz-backface-visibility: hidden;
    transition: all 0.3s;
}*/


/***************************************/
/* 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, k
bd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 15px;
	vertical-align: baseline;
	font-family: 'Noto Sans KR', Arial, Helvetica, dotum, sans-serif;
	line-height: 24px;
	color: #555;
	font-weight: 350;
}
html, body {
    position: relative;
    height: 100%;
    width: 100%;
}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
figure, article, header, footer, nav, hgroup, video, audio, aside { display: block; }
/* mobile */

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


/***************************************/
/* WORDPRESS CORE */
/* Copy of style_editor.css */
/***************************************/
/*.alignnone { margin: 5px 20px 20px 0;}*/
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
/*a img.alignnone {    margin: 5px 20px 20px 0;}*/
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { /*display: none;*/ margin-left: auto; margin-right: auto;}
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }



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

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



/***************************************/
/* HEADER */
/***************************************/
#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    float: left;
    z-index: 9;
}
.top_menu {
    width: 100%;
    float: left;
    height: 45px;
    text-align: right;
    font-size: 12px;
    color: #fff;
    line-height: 45px;
	font-family:Verdana, Arial, sans-serif;
}
.top_menu a {font-size: 12px;
    color: #fff;
    line-height: 45px;
	font-family:Verdana, Arial, sans-serif;
	margin: 0 8px;
}
.menu_inner {
    border: #fff 1px solid;
    height: 67px;
    background: url(images/main/menu_bg.png) 0 0 repeat;
}
#logo_top {
    position: absolute;
    width: 118px;
    left: 16px;
    top: 13px;
}
#logo_top a, #logo_top a img {display:block;}

.top_menu_mobile {display:none;}
.all_menu {
    width: 80px;
    height: 67px;
    background: url(images/main/total_bg.png) 0 0 repeat;
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 999;
	cursor: pointer;
}
.all_menu_inner {
    margin: 0 auto;
    width: 40px;
    position: relative;
    z-index: 999;
}
.all_menu span:nth-child(1) {
    top: 18px;
}
.all_menu span:nth-child(2) {
    top: 30px;
    width: 30px;
}
.all_menu_inner span {
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background: #ffffff;
    border-radius: 0px;
    opacity: 1;
    left: 0;
}
.all_menu span:nth-child(3) {
       top: 42px;
}
#menu_container {
}


#overlay .all_menu {
    width: 80px;
    height: 67px;
    background: url(images/main/close_btn.png) 0 0 no-repeat;
    position: absolute;
    top: 100px;
    right: 1px;
    z-index: 999;
	cursor: pointer;
}


#overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('images/main/top_bg2.png') left top repeat;
    z-index: 99;
}
.btn_lang {
    background: #0d3880;
    padding: 5px 11px;
    border-radius: 3px;
    margin-right: 0 !important;
}
.btn_lang:hover{background: #9c2521;}
#ko .ko_change{background: #9c2521;}
#en .en_change{background: #9c2521;}
#overlay div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*width: 100%;*/
  height: 62vh;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

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

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

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

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

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



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

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




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


/*MENU INLINE DROPDOWN*/
#inline_dropdown { position: absolute; width: 100%; bottom: 0; left: 0;}
#inline_dropdown ul li{ float:left; position:relative;}
#inline_dropdown ul li a{ float:left; display: block; padding: 0; width: 100%; font-size:15px; font-weight:bold; color:#F7FFFF; font-family:Arial, Helvetica, sans-serif; text-align: center; font-family: NanumGothic;/*text-overflow: ellipsi
s; overflow: hidden; white-space: nowrap;*/}
#inline_dropdown ul li a:hover, #inline_dropdown ul > li.active > a{color:#083C3F}
#inline_dropdown ul{ margin:auto; padding-top: 0; position:relative}
#inline_dropdown li{float:left;text-align:center;width: 100%;position: relative;}
#inline_dropdown li ul {position: absolute; top: 37px; left: 0; visibility:hidden;  background: #00747C; z-index: 9;}
#inline_dropdown li ul li{text-align: center; float:left;width: auto;display: block;}
#inline_dropdown li ul li a{color:#7ef3ff;font-size:12px;font-weight:bold;text-decoration:none; padding: 8px 10px;width: auto;}
#inline_dropdown li ul a:hover {color:#fff;font-size:12px;font-weight:bold;text-decoration:none;}
#inline_dropdown #main_menu > li > a {line-height: 42px;}




#single_dropdown {
    width: 100%;
    height: 67px;
}

#single_dropdown #main_menu ul{ display:none; z-index:99; background-color: #0a4b98; position:absolute; width:100%; left:0; top:67px; padding-bottom: 10px;padding-top: 10px; overflow:hidden}
#single_dropdown #main_menu ul.submenu_02{width:180px;}
#single_dropdown #main_menu ul li{float:none; display:block;}
#single_dropdown #main_menu ul li a{display:block; color:#fff; font-size:13px; line-height:40px; font-weight:normal; text-align: center; border-bottom: #0b2d2f 1px solid;}
#single_dropdown #main_menu ul li a:hover {color:#fff;}
#single_dropdown #main_menu ul li:last-child a {border-bottom: none;}
#single_dropdown .jquery_dropdown{color:#fff;}
#single_dropdown #main_menu{margin-left:226px; margin-right:100px;}
#single_dropdown #main_menu li{float: left; position:relative;}
#single_dropdown #main_menu li ul li{clear:both;margin: 0; width: 100%;}
#single_dropdown #main_menu li a{display:block; color:#fff; font-size:14px;line-height:30px; font-weight:normal;  text-align: center; border-bottom: none;}
#single_dropdown #main_menu li a:hover {color:#fff;}
#single_dropdown #menu-main li a.jquery_dropdown {color:#fff;}
#single_dropdown #main_menu > li > a {
    font-size: 16px;
    height: 67px;
    line-height: 67px;
    padding: 0 28px;
    font-weight: normal;
	display:block; 
	color: #000;
}

#main_container {
    position: relative;
    width: 100%;
	float:left;
	clear:both;
	padding:30px 0;
}
#main_visual_slide {
    width: 100%;
	z-index: -10;
	max-height:662px;
	position: relative;
}
#slides .mimg_01 {
background: url(images/main/main_vis01.jpg) center 0 no-repeat;
background-size: cover;
}
#slides .mimg_02{
background: url(images/main/main_vis02.jpg) center 0 no-repeat;
background-size: cover;
}
#slides .mimg_03{
background: url(images/main/main_vis03.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: 662px !important; 
}
.slides-container > div { width:100%; float:left; height:662px;z-index:0;}
.slides-container img {max-width: 100%;display: block;max-height:662px;}
#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_con_in.wrap {
    height: 146px;
}
.main_txt {
    position: absolute;
    width: 100%;
    left: 0;
    top: 45%;
    z-index: 999;
}
.mmain_txt_in.wrap > h1 {
    font-size: 22.5px;
    line-height: 47px;
    color: #fff;
    font-weight: 300;
    text-align: right;
	text-shadow: 1px 1px 1px #454545;
}

.mmain_txt_in.wrap > h1 span.point {
    font-weight: 700;
    color: #fff;
    font-size: 40px;
	text-shadow: 1px 1px 1px #454545;
}

#main_biz {
    position: absolute;
    background: #fff;
    width: 100%;
    overflow: hidden;
    top: -85px;
    left: 0;
	z-index:98;
}
.mbiz_in{position: relative;}
#main_biz ul {
    padding: 10px;
    overflow: hidden;
}
#main_biz li {width:20%;float:left;}
#main_biz li a {display:block;margin:10px;}
#main_biz li a:hover{}
.mbiz_in img {
    display: block;
    width: 100%;
    height: auto;
}
.mbiz_in p {
    clear: both;
    padding: 10px 0;
    text-align: center;
}
#main_biz .mbiz_in .btn_over{display:block;position: absolute;top: 0;left: 0; transition:0.5s all; opacity: 0;}
#main_biz ul li a:hover .mbiz_in .btn_over { opacity: 1; }
/* Footer */
footer {
    position: relative;
    z-index: 9;
    
    clear: both;
    text-align: center;
    overflow: hidden;
	width:100%;
	float:left;
}

.footer_menu {
    padding: 20px 0px;
	background: #303032;
    text-align: left;
	overflow: hidden;
}
#foot_menu > li {display:inline-block;float:left; margin-right: 54px;}
.f_stitle {
    font-size: 17px;
    color: #eee;
    padding-bottom: 10px;
	display: block;
}
.f_address_mobile {display:none;}
.f_address {
    float: right;
}
footer p {
    float: left;
    font-size: 12px;
    color: #aaa;
    text-align: left;
    font-weight: 100;
    line-height: 20px;
}
.f_address p {
    float: left;
    font-size: 12px;
    color: #aaa;
    text-align: left;
    font-weight: 100;
    line-height: 20px;
    border-left: #454547 1px solid;
    padding-left: 31px;
}
.f_address p span{
	font-size: 17px;
    color: #eee;
    padding-bottom: 10px;
    display: block;
	}
#foot_menu a {
    color: #777;
    display: block;
    font-size: 14px;
	text-align:left;
}

footer span > a {
	display:inline-block;
}

#footer_inner {
    overflow: hidden;
    background: #212121;
    padding: 15px 0;
	width:100%;
}

.footer_logo {
    float: left;
	margin-right: 40px;
	margin-top: 5px;
}
.footer_logo a{
	display:block;
	width:185px;
	height:auto;
}
.footer_logo a.bottom_logo02 {
	width: 150px;
    height: auto;
	margin-top:5px;
}


/***************************************/
/* SUB  */
/**************************************/
div#sub_top_menu {
    background: #f4f4f4;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}
.example {
    width: 187px;
    float: left;
}
.example.sec_cont .vClicker {
    border-right: 1px solid #d9d9d9;
}
#sub_top_menu .sub_top_home {
    background: url(images/sub/home_bg.png) no-repeat center;
    float: left;
    border-left: 1px solid #d9d9d9;
}
#sub_top_menu .sub_top_home a {
    width: 45px;
    height: 45px;
    display: inline-block;
}
.sub_vis_inr.wrap {
    text-align: right;
    padding-top:160px;
}
.sub_vis_inr.wrap > h1 {
	position:relative;
    font-size: 22.5px;
    line-height: 47px;
    color: #fff;
    -webkit-animation: fadeInUp 300ms linear 300ms both;
    -moz-animation: fadeInUp 300ms linear 300ms both;
    -o-animation: fadeInUp 300ms linear 300ms both;
    -ms-animation: fadeInUp 300ms linear 300ms both;
    animation: fadeInUp 300ms linear 300ms both;
    font-weight: 300;
    text-align: right;
    margin: 0 auto;
	text-shadow: 1px 1px 1px #454545;
}

.sub_vis_inr.wrap > h1 span.point {
    font-weight: 700;
    color: #fff;
    font-size: 40px;
	text-shadow: 1px 1px 1px #454545;
}
/***************************************/
/* BX SLIDER  */
/**************************************/



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

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

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

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

 #img_iphone {
     margin-top:35px;
     cursor:hand;
     cursor:pointer;
}


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



/***************************************/
/* SUB */
/***************************************/
#main_container { position: relative; }
div#photos, .single_locator_info {
    width: 1200px;
    margin: 0 auto;
}
ul.sub_sidemenu {
    position: absolute;
    top: 200px;
    left: 50%;
    right: 0;
    margin-left: -250px;
}
ul.child_nav_menu {
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -300px;
    z-index: 1;
}
/* .tax-photos_categories li.cat-item.cat-item-85 a,  */
#sidebar ul.sub_sidemenu li.current-cat a, #sidebar ul.child_nav_menu li.current-cat a, #the_content.map ul.tabs li.active {
    background: none;
    color: #29a5e1 !important;
    font-weight: 500;
    border-bottom: 2px solid #29a5e1;
    font-size: 18px !important;
    background: none !important;
}
#the_content.map ul.tabs li.active {
    color: #29a5e1 !important;
	line-height: 40px;
    /* padding: 0 40px; */
}
/*.page-id-2147 h2,*/ .term-80 #title_container h1, .page-id-2160 h2 {margin-bottom: 130px !important;}

/*#sidebar.jbFixed {
    position: fixed;
    top: 94px;
    z-index: 98;
}*/

#sidebar {
    width: 100%;
    text-align: center;
    height: 50px;
    position: absolute;
    top: -29px;
    left: 0;
	z-index:9;
}

#sidebar h2 img {
    display: block;
 }
#sidebar ul {
	margin: 0 auto;
    border: #0d3880 1px solid;
    display: inline-block;
	background: #124498;
}
#sidebar ul li {
    float: left;
    border-right: 1px solid #0d3880;
	margin: 0;
    padding: 0;
	background:#0d3880;
}

.page-id-3620 #sidebar_menu .page-item-2748 a, .page-id-3622  #sidebar_menu .page-item-2748 a, .page-id-3624  #sidebar_menu .page-item-2748 a  {background:#0d3880;}
.page-id-3626 #sidebar_menu .page-item-3598 a, .page-id-3628 #sidebar_menu .page-item-3598 a, .page-id-3630 #sidebar_menu .page-item-3598 a {background:#0d3880;}
.page-id-3632 #sidebar_menu .page-item-3618 a, .page-id-3634 #sidebar_menu .page-item-3618 a {background:#0d3880;}
#sidebar ul li:last-child {border-right:none;}
#sidebar ul li.current_page_item, #sidebar ul li:hover, .single-portfolio2 #sidebar ul li.page-item-2046, .single-locator #sidebar ul li.page-item-1991, .single-videos #sidebar ul li.page-item-1967 { }
#sidebar ul li.sub_category { line-height: 25px; padding-left: 15px; background: #ddd; }
#sidebar ul li.sub_category a { color: #949090; font-size: 11px; display: block; letter-spacing: 0.5px; }
.tax-products2_categories #sidebar ul li a{padding: 5px 5.5px;}
.single-products2 #sidebar ul li a{padding: 5px 7px;}
#sidebar ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: block;
    line-height: 50px;
	background: #124498;
	margin: 0;
	-moz-transition: background-position-y 0.3s ease;
    -webkit-transition: background-position-y 0.3s ease;
    -o-transition: background-position-y 0.3s ease;
    transition: background-position-y 0.3s ease;
    padding: 0 45px;
	margin: 0;
}

.tax-photos_categories #sidebar > ul > li:first-child a, .term-gallery01.term-85 #sidebar > ul > li:first-child a, .term-gallery02.term-86 #sidebar > ul > li:first-child a, .term-gallery03.term-87 #sidebar > ul > li:first-child a, .term-80
 #sidebar > ul > li:first-child a, .term-81 #sidebar > ul > li:first-child a, .term-82 #sidebar > ul > li:first-child a, #sidebar ul li.current_page_item a, #sidebar ul li.current-cat a {
    -moz-transition: background-position-y 0.3s ease, border-bottom 0.3s ease;
    -webkit-transition: background-position-y 0.3s ease, border-bottom 0.3s ease;
    -o-transition: background-position-y 0.3s ease, border-bottom 0.3s ease;
    transition: background-position-y 0.3s ease, border-bottom 0.3s ease;
	background: #0d3880;
    color: #fff;
	margin: 0;
}
#sidebar ul li.current_cat a:hover, #sidebar ul li.current_page_item a:hover, #sidebar ul li a:hover{ margin: 0;}

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

.third_depth_menu {
    width: 100%;
    /* margin: 0 auto; */
    text-align: center;
    overflow: hidden;
    padding-bottom: 30px;
}
.third_depth_menu li {display:inline-block;margin:0 3px;}
.third_depth_menu li a {
    font-size: 13px;
    border: #dcdcdc 1px solid;
    padding: 10px 20px;
    display: block;
}
.third_depth_menu li.current_page_item a { border:#124498 1px solid;color:#000;}
#breadcrumbs {
    margin: 0 auto 60px;
	display:none;
}
#breadcrumbs, #breadcrumbs a {
    font-size: 12px;
    color: #919191;
    text-align: center;
}
#breadcrumbs a.home{
	display:none;
}
#breadcrumbs span {
    font-size: 12px;
}
div#breadcrumbs a {
    text-indent: 99999;
    /* text-indent: -9999px !important; */
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    background-size: 15px;
    position: relative;
    top: -1px;
}
#content_container .page_title span {
    display: block;
    line-height: 16px;
    font-size: 12px;
    color: #898989;
    margin-top: 5px;
}
.sub_body {
    clear: both;
    min-height: 579px;
    text-align: center;
}
.sub_body img { max-width: 100%; }
#sub_page p { color: #786557; font-size: 12px;line-height: 18px; }
.sub_body_inner { clear: both; }
#content_container {
    float: left;
    width: 100%;
    padding-bottom: 50px;
	padding-top: 60px;
}
#content_container > h2, div#title_container h1, #content_container h1 {
    text-align: center;
    font-size: 30px;
    color: #000;
    margin-bottom: 40px;
    font-weight: 500;
    padding-bottom: 18px;
    line-height: 40px;
    font-family: 'Ubuntu', Arial, Verdana, sans-serif;
    border-bottom: #ececec 1px solid;
}

#sub_page { overflow: hidden; padding-bottom: 30px; }
div#page table {margin-bottom: 30px;}


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


#main_container #content_container #pibs_nboard_search, #pibs_nboard_search {
    text-align: center;
    margin: 20px 0;
    clear: both;
    float: left;
    width: 100%;
    padding: 19px 10px;
    background: #eee;
    border: 1px solid #ddd;
	box-sizing:border-box;
}
#pibsms_sns{display:none;}

#sub_container #the_content a.pibs_nboard_btn, a.pibs_nboard_btn, .pibs_nboard_btn{border: 1px solid #124498;background-color: #124498;background-image: url(images/btn_edit_light.png) no-repeat 5px center;}

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

/*Video player style*/
.win_mediaplayer_container { text-align: center }
#win_mediaplayer { background-color: #fff; margin: auto; }
.mejs-container { margin: auto; }
/* .gallery, div#photo_content_container { margin-top: 30px; } */
div#title_container {
    overflow: hidden;
}
#the_content .gallery ul { padding-left: 0 }
.gallery li { display: block; list-style: none; float: left; width: 25%; height:0; position:relative; padding-bottom: 25%; vertical-align: top; }
.gallery li a { display: inline-block; text-align: center }
.gallery li a.photo_thumb { width: 100%; border: none; height:0; padding-bottom:70%; }
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;
}
a:hover.photo_link { color: #0A8B9B }
a.photo_thumb img, #content_container a.photo_thumb img {
    width: 100%;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.gallery ul li a img{
	width: 100%;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.bx-viewport ul li{text-align:center; line-height:2em;}
#content_container .gallery img { padding-bottom: 0 }
.gallery li a.photo_thumb, .gallery li a.video_title { position: relative; }
.photo_thumb .comment_num {display:none; position: absolute; bottom: 10px; right: 10px; background: #242424; padding: 0 8px;  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: #717171;font-weight: 500;}
#the_content.gallery ul a:hover, #the_content .gallery ul a:hover { color: #909090; text-decoration: none }
#download_files { clear: both; margin: 10px 0; float: left; /* background-color:#f5f5f5; */ border: 1px solid #ddd; width: 100%; }
#download_files h3 { font-weight: bold; padding-bottom: 3px; border-bottom: 1px dashed #ccc; margin: 10px 20px 10px 20px; }
#download_files ul { margin: 0 20px 10px 20px; }
#download_files li { list-style: none }
#download_files li a { color: #0A7D86; font-size: 12px; background: transparent url('images/photonews/download_icon.gif') no-repeat 5px center; display: block; padding: 2px 0; padding-left: 30px; }
#download_files li a:hover { color: #004F55; background-color: #E9E9E9; }
#photo_content_container { clear: both;width: 1200px;margin: 0 auto;}
#photo_content_container img { max-width: 740px; height: auto; margin-bottom: 20px; }
p.nocomments {display: none;}
.single-photonews img.photos, .single-photosocial img.photos { margin-bottom: 20px; border: 1px solid #ddd; display: block; clear: both; max-width: 700px; }
.single-photonews .avatar img { width: 40px; height: 40px; }
.single-photonews .comment_user { min-height: auto; }
div#comments_container {
    display: none;
}


/***************************************/
/* VIDEO */
/***************************************/
#videos_list ul li img { width: 94%; height: 115px; border: 1px solid #999; margin-bottom: 2px; }
#videos_list ul li a { text-align: center; display: block; }
.mejs-container { display: block; margin: 10px auto; }
.home .mejs-container { margin: 0 auto; }
#the_video { padding: 10px 0; margin-bottom: 20px;}
#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; }
#the_content .video_thumb svg { display: none; }



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

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

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

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

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

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

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

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



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

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

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



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



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

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

/* SIGNUP */
.page-template-signup-php #main_container { width: 960px; margin: 20px auto; }
.setupform .error { margin-bottom: 4px; margin-top: 2px; background-color: #FFEBE8; border: 1px solid #CC0002; padding: 3px 10px; border-radius: 3px; font-weight: bold; }
#agree_container { border: 3px solid #ddd; width: 90%; margin: 0 auto; }
#agree_container h2 { font-size: 14px; font-weight: bold; padding: 15px 40px 6px 40px }
#agreement { width: 600px; height: 230px; overflow: hidden; overflow-y: scroll; color: #888; font-size: 11px; border: 1px solid #ddd; margin: auto }
#agreement p { padding: 10px 20px; color: #888 }
#agree_check_container { padding: 10px 40px 20px 40px; margin-bottom: 20px; text-align: center; }
#agree_check_container span { color: #8C614A; }
.agree_check_error { padding: 15px 40px; margin: 10px 40px; background-color: #DACEB6; border: 0px solid #D30303; }
#agree_check_container.agree_check_error { border: none; padding: 10px; }
#agree_check_container input#agree_check, input#rememberme { width: 15px; height: 15px; vertical-align: bottom; border: 1px solid #8C614A; }
#agree_yes_no_container { text-align: center; padding-top: 15px }
#agree_yes_no_container a, #agree_yes_no_container input { margin: 0 5px; cursor: pointer; background-color: #eee; color: #333; font-weight: bold; border: 1px solid #ddd; display: inline-block; padding: 10px 0px; text-align: center; width:
 190px }
#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: 9
0px; co lor:#fff
}
.membership #setupform p.submit input:hover { background-color: #65A7CE; color: #fff; }
#registration_result { width: 560px; border: 3px solid #D7E9BD; ; padding: 20px; text-align: center; margin: 20px auto; background-color: #F0FDDC }
#registration_result h2 { padding-bottom: 10px }
#registration_result strong { font-weight: bold; }

/* MEMBERSHIP */
#header_user_welcome, #header_user_welcome span { color: #333 }
.membership #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: #A1A1A1; padding-top: 20px; line-height: 2em;}
.membership #subtitle span { color: #2b6392;}
.membership #login_form_container { padding: 0px 30px 20px 310px; height:200px; border: 1px solid #DDD; margin: 25px auto 65px auto; background: #fff url('images/membership/member_login_bg.jpg') no-repeat 30px 30px scroll; width: 348px; }
.membership #loginform { /* border-top:1px dashed #ddd ;*/ border-bottom: 1px dashed #ddd; padding: 10px 0; margin-bottom: 10px; float: left; width: 100%; margin-top: 20px; }
.membership #loginform fieldset { /*float: left*/ }
.membership label { width: 100px; display: inline-block; font-weight: bold; color: #333 }
.membership .forgetmenot label { font-weight: normal; }
.membership #login_mini_title { padding: 20px 0px 0px 0px; font-weight: bold; font-size: 16px; color: #65A7CE; }
.membership .login_side_action p { float: left; }
.membership .login_side_action a { float: right; }
.membership .login_side_action a { display: inline-block; float: right; text-align: center; background-color: #999; color: white; font-size: 11px; font-weight: bold; padding: 0 10px; width: 80px; height: 20px; line-height: 20px; }
.membership .login_side_action a:hover { background-color: #666; }
.membership .login_side_action { float: left; width: 100% }
.membership .login_side_action p { padding-bottom: 6px; color: #888; font-size: 11px; height: 20px; line-height: 20px; width: 245px; }
.membership #member_login_page p { color: #666; text-align: center; vertical-align: middle }
.membership #loginform p { margin-bottom: 4px }
.membership #user_login, .membership #user_pass { background-color: #f5f5f5; border: 1px solid #CCC; padding: 5px 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: #2b6392;
    border: 2px solid #2b6392;
    font-weight: bold;
    color: white;
    width: 80px;
    /*margin-left: 10px;*/
    cursor: pointer;
	float:right;
	margin-top:-91px;
}
/*.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: #E10416; border: 2px solid #E10416; font-weight: bold; color: white; margin-top: 10px; cursor: pointer; }
.help_message { font-size: 11px; color: #aaa; display: inline-block; margin-left: 15px; }
#member_profil b { font-weight: bold }

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

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

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

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

.error404 #content .lead-in a { font-weight: bold; color: #004282; padding: 0px 3px; line-height: 20px }

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

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

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




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

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



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

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

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

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

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

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

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

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

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

/*메뉴소개*/

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

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

/*****************/
/* SUB */
/*****************/
#sub_container {
    clear: both;
    width: 100%;
    float: left;
	position: relative;
}
#sub_visual>div {
    height: 362px;
    width: 100%;
    /* min-width: 1200px; */
}

.sub_visual1{background: url('images/sub/sub_bg01.jpg') no-repeat center top ;}
.sub_visual2{background: url('images/sub/sub_bg02.jpg') no-repeat center top ;}
.sub_visual3{background: url('images/sub/sub_bg03.jpg') no-repeat center top ;}
.sub_visual4{background: url('images/sub/sub_bg04.jpg') no-repeat center top ;}
.sub_visual5{background: url('images/sub/sub_bg05.jpg') no-repeat center top ;}


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

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


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

/* 테이블 스타일 */
table.t1 {
    border-collapse: collapse;
    width: 100%;
    margin: .5em 0px;
    font-size: 1em;
	border-top: 2px solid #564B4B;
}
table.t1 tr {  } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.t1 th, table.t1 td { border: 0px solid #c8c8c8; border-width: 0 0px 0px 0; padding: 10px 0px; }
table.t1 thead, table.t1 tfoot { background: #fff; font-weight: normal; font-size: 1em;}
table.t1 th {
    text-align: center;
    padding: 14px 0;
    background: #f6f6f6;
	color: #484848 !important;
    font-weight: 600;
}
table.t1 th span {
    color: #484848;
    font-weight: 600;
}
table.t1 td {text-align:left; border-bottom: 1px solid #ebebeb;}
table.t1 td.left {text-align: left;}
table.t1 td.center {text-align: center;}
table.t1 td.right {text-align: right;}

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

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

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

.year{font-family:"나눔고딕"; font-size:30px; color:#626d77; font-weight:bold; padding:10px;}
.day{font-family:"나눔고딕"; font-size:17px; color:#5d5a5a; font-weight:bold;}

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

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


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


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

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


/* sub01-01*/

.company h4 > span {
    font-size: 24px;
    color: #29a5e1;
    font-weight: 500;
	letter-spacing: -1px;
}
.company .sign {
	float:right;
    margin-top: 60px;
	min-width: 117px;
	line-height: 40px;
}
.company .sign span {
	 font-size: 20px;
	 color:#333;
	 font-weight:600;
     float: right;
}


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

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

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

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

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




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

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

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


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



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

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

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

.lang02 {
    display: none;
}

.lang {
    display: inline-block;
    right: 60px;
    position: absolute;
    width: 200px;
    top: 23px;
}

.lang a {
    display: inline-block;
    color: #fff;
    padding: 0 20px;
    font-size: 15px;
}

.lang a:first-child {
	background:url('image/top/lang_bg.png') right center no-repeat;
}

.nav-toggle {
    line-height: 1;
    display: inline-block;
    padding: 1.9rem 1.5rem 1.7rem;
    border: 0;
    background-color: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 990;
}
.nav-toggle > .icon-menu .line {
    background-color: #d81f25;
}

.navbar.navbar-fixed-top.fixed-theme .nav-toggle {
	border:1px solid #000;
    z-index: 990;
}
 .navbar.navbar-fixed-top.fixed-theme .icon-menu .line,

#header:hover .icon-menu .line
 {
	background:#d81f25;
 }

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

 #header .nav-toggle.is-active  {
	background: #fff;
 }


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

.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: #fff;
  border-radius: 50px;
}

.icon-menu .line-1 {
    top: 0;
    width: 40%;
}

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

.icon-menu .line-2 {
  top: 50%;
  margin-top: -2px;
  width: 70%;
}

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

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

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


.nav-menu {
    padding-top: 130px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nav-menu .menu-item {
    display: block;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
}

ul.nav-dropdown.menu.is-visible a {
    font-size: 14px;
}
.nav-menu > .menu-item:hover,
.nav-menu > .menu-item.is-active {/* background-color: rgba(0, 0, 0, 0.4);  */}

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

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

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

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

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

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

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

.nav-menu .nav-dropdown .menu-item {
    overflow: hidden;
    background: #111;
    margin: 0;
    padding: 0 20px;
    border-bottom: 0;
}

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

.has-dropdown.is-active > .menu-link {
    color: #d81f25;
    font-weight: 600;
}

.menu-item .btn-5 span {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.3s;
    -moz-backface-visibility: hidden;
    transition: all 0.3s;
    backface-visibility: hidden;
    font-size: 14px;
    color: #eee;
    line-height: 50px;
    font-weight: 100;
}

.smenu_2th {
    display: inline-block;
    width: 100%;
    /* background: rgba(0, 0, 0, 0.58); */
    /* padding: 20px 0; */
    padding: 0 20px;
}

.smenu_2th > .btn-5 span {
    color: #8a8a8a;
    font-size: 14px;
    line-height: 14px;
}

.content { margin-top: 60px; }

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

/*사내게시판*/
.mobile #the_content .pibs_nboard_pwd_action {
    float: left;
    width: 100%;
}

/*제품정보*/
#sidebar .cat-item.current-cat .children {
    position: absolute;
    top: 160px;
    left: 50%;
    width: 1200px;
    margin-left: -600px;
	z-index: 8888;
    text-align: center;
	padding: 0;
	background:#fff;
}
#sidebar .cat-item.current-cat .children li {
    width: auto;
    display: inline-block;
    float: none;
	border:none;
}
#sidebar .cat-item.current-cat .children li:first-child {
    background: none;
	border:none;
}
/*#sidebar_menu li a:last-child {
    border-right: 1px solid #fff;
}*/
#sidebar .cat-item.current-cat .children li a {
    width: 100%;
    padding: 14px 0;
    margin: 0 auto;
    padding: 0 10px;
    background: #fff;
    color: #933232;
    font-size: 14px;
    transition: all 0.5s;
    box-sizing: border-box;
	border-top: 1px solid #933232;
    border-left: 1px solid #933232;
    border-right: 1px solid #933232;
    border-bottom: 1px solid #933232;
}
#sidebar .cat-item.current-cat .children li a:hover {
    border-top: 1px solid #933232;
    border-left: 1px solid #933232;
    border-right: 1px solid #933232;
    border-bottom: 1px solid #933232;
    color: #fff;
    box-sizing: border-box;
    background: #933232;
}

#main_container #content_container #pibs_nboard_keyword_type, #pibs_nboard_keyword_type{width:130px; height:35px; font-weight: bold; vertical-align:top; margin-top: 0;}
#main_container #content_container #pibs_nboard_keyword_text, #pibs_nboard_keyword_text{padding: 9px 10px 9px 10px;}
#main_container #content_container img#pibs_nboard_search_btn, img#pibs_nboard_search_btn {width: auto; height: 35px; vertical-align:top; margin-left: 5px;}
#main_container #the_content #pibs_nboard_search img{top:0;}

.nav-open #sidebar .children{display:none !important;}

#sidebar .cat-item .children{ display: none;}
#sidebar .cat-item.current-cat .children{ display: block;}
#sidebar .cat-item.current-cat .children li{}

/*#sidebar .current-cat-parent > .children{
	display: block;
	position: absolute;
    top: 165px;
    left: 50%;
    width: 510px;
    margin-left: -250px;
    text-align: center;
	padding: 0;
	display:none;
}*/
.tax-products2_categories #sidebar .current-cat-parent > .children{
	display: block;
	position: absolute;
    top: 165px;
    left: 50%;
    width: 1200px;
    margin-left: -600px;
    /*z-index: 8888;*/
    text-align: center;
	padding: 0;
}
#sidebar .current-cat-parent > .children li {
    width: auto;
    display: inline-block;
    float: none;
	border:none;
}
#sidebar .current-cat-parent > .children li a {
    width: 100%;
    padding: 14px 0;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    color: #933232;
    font-size: 14px;
    transition: all 0.5s;
    box-sizing: border-box;
	border-top: 1px solid #933232;
    border-left: 1px solid #933232;
    border-right: 1px solid #933232;
    border-bottom: 1px solid #933232;
	padding: 0 10px;
}

#sidebar .current-cat-parent > .children li a:hover {
    border-top: 1px solid #933232;
    border-left: 1px solid #933232;
    border-right: 1px solid #933232;
    border-bottom: 1px solid #933232;
    color: #fff;
    box-sizing: border-box;
    background: #933232;
}
#sidebar .current-cat-parent > .children li.current-cat a {
    border-top: 1px solid #933232;
    border-left: 1px solid #933232;
    border-right: 1px solid #933232;
    border-bottom: 1px solid #933232;
    color: #fff;
    box-sizing: border-box;
    background: #933232;
}

/*제품정보*/
.products_gallery ul li{
    width: 31%;
    /*float: left;*/
    border: #e8e8e8 1px solid;
    margin: 2% 1%;
    margin-bottom: 15px;
	/*height: 0;*/
    box-sizing: border-box;
	display:inline-block;
	vertical-align:top;
}
.products_gallery ul li img{
	height:100%;
	width:100%;
	margin: 0 auto;
    display: block;
}
.products_gallery li a {
    display: block;
    margin: 50px 20px 20px;
    overflow: hidden;
}
#products .products_gallery ul li h3{
    text-align: center;
    font-size: 18px !important;
    font-weight: 500 !important;
    border-top: 1px dotted #ccc;
    line-height: 30px !important;
    margin: 20px 0 0 0;
	color:#000;
	padding-top:15px;
}
#the_content .products_gallery ul li h3{
    text-align: center;
    font-size: 18px !important;
    font-weight: 500 !important;
    border-top: 1px dotted #ccc;
    line-height: 30px !important;
    margin: 20px 0 0 0;
	color:#000;
	padding-top:15px;
}
.products_gallery li a .pro_gall_img {
    position: relative;
    height: 0;
    padding-bottom: 70%;
}
.products_gallery li a .pro_gall_img img {
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
}

#product_detail_container_top{margin:0 4% 7%; padding-top: 70px;}
#product_explan{margin:0 4%;}
#product_detail_container_top:after{content:""; display:block; clear:both;}
#product_detail_container_top .product_img{width:50%; float:left; margin:56px auto 0; text-align:center; border:1px solid #820000; box-sizing:border-box; padding:2%;}
#product_detail_container_top .product_img img{width:100%; height:auto; max-height:450px;}
#product_detail_container_top .product_txt{width:50%; float:right; margin:0 auto; text-align:center; box-sizing:border-box; padding:0 0 0 5%;}
#main_container #product_detail_container_top .product_txt h2{font-size: 35px !important; border-bottom:3px solid #820000; padding-bottom:15px; font-weight: 600;}
#main_container #product_explan h2{font-size: 30px !important; border-bottom:3px solid #820000; padding-bottom:15px; margin-bottom: 40px;}
#product_explan .products_ex{padding: 20px 30px; border: 1px solid #e5e5e5; display: block;}

/*제품정보 상세페이지*/
.pro_gall_btn {text-align: left; width:100%; box-sizing: border-box; margin-bottom: 20px; border: 1px dotted #d3d3d3; padding: 10px 0 10px 10px;}
.pro_gall_btn span{font-family: 'Ubuntu', 'Noto Sans KR'; font-weight: 500; display:inline-block; width:50%; line-height:2em; border-right: 1px solid #dddddd; box-sizing:border-box;}
.pro_gall_btn button{display:inline-block; width:48%; background:none; border:none; text-align:center; padding: 0 5px 0 12px; vertical-align: top; cursor: pointer;}
.pro_gall_btn button img{display:block; width:100%; height:auto;}

/*제품정보 싱글페이지*/
#the_content.products_gallery ul:after{content:""; display:block; clear:both;}
#the_content.products_gallery .product_category_text{float:right; width:50%; margin-right:10%; margin-top:3%;}
#the_content.products_gallery .product_category_text h2{font-size: 35px !important; border-bottom: 3px solid #820000; padding-bottom: 15px; font-weight: 600;}
#the_content.products_gallery #the_contents{float:left;}
#en #the_content.products_gallery #the_contents{width:100%;}
/*.products_gallery ul li.single_img {margin:7.5% 1.4% 0 1.4%;}*/
#the_contents{margin-top:30px;}
#the_content .wp-pagenavi span.pages, #the_content .wp-pagenavi span.pages{box-sizing: border-box;}

/*** 팝업 ***/
.popup_inner > p {
    width: 100%;
    height: 100%;
}
.popup_inner iframe {
    width: 100%;
    height: 100%;
}