html, body {min-width:1280px}



@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);


body {font-size: 14px;}
legend { border:0 none;}
.stretched select,
.stretched input[type="text"] { height: 30px; line-height:30px;}
/* ----------------------------------------------------------------
	Stretched Layout
-----------------------------------------------------------------*/
@media (min-width: 768px) {
  .container {
	width: 1200px;
  }
}
@media (min-width: 992px) {
  .container {
	width: 1200px;
  }
}
@media (min-width: 1200px) {
  .container {
	width: 1200px;
  }
}
.container {
	width: 1200px;
	border:0px solid #000;
	padding-left: 0;
	padding-right: 0;
}

.stretched #container-wrap {
	width: 100%;
	margin: 0;
	box-shadow: none;
}
.content-wrap.main_wrap {
	padding: 0;
}

.postcontent { width: 980px;border-left: 1px solid #ddd; padding: 30px 0 50px 20px; }
.sidebar { width: 160px; margin-top:50px;}

.line.line-sm { *margin: 20px 0; }

/* ----------------------------------------------------------------
	Top Bar
-----------------------------------------------------------------*/


.subVisual{text-align:center;}

#top-bar {
	position: relative;
	border-top: 0px solid #bd2e2a;
	height: 140px;
	line-height: 28px;
	font-size: 12px;
	z-index:2;
	background:#fff;
}



.top_banner{width:400px; top:20px; position:absolute;}
.logo{position:absolute; width:250px; left:50%; margin-left:-125px; top:20px;}



/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/

.mobile-btn{position:absolute; top:40px; left:40px; z-index:999; cursor:pointer;}
.mobile-btn02{position:absolute; top:40px; left:-100%; z-index:999; cursor:pointer;}

#header {
	position: relative;
	background-color: #FFF;
}

#header .container { position: relative; }


/* ----------------------------------------------------------------
	Sticky Header
-----------------------------------------------------------------*/

#header,
#header-wrap,
#logo img,
#primary-menu:not(.style-2),
#primary-menu:not(.style-2) > ul,
#primary-menu.style-2{
}

#header.sticky-style-2 { 
	height: 60px; 
}
       
#header,
#header.sticky-style-2 #header-wrap { background:#009dac; height: auto !important; zoom:1; }
#header.sticky-style-2 #header-wrap:after {display:block;visibility:hidden;clear:both;content:""}

#header-wrap {
}

#header.sticky-header #header-wrap {
	background-color: #fff;
	border-bottom:1px solid #eee;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2) #logo img,
#header.sticky-header:not(.static-sticky) #primary-menu,
#header.sticky-header:not(.static-sticky) #primary-menu > ul,
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a { height: 60px; }

#header.sticky-header:not(.static-sticky).sticky-style-2 { height: 60px; }

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a { line-height: 60px; }

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a i { line-height: 49px; }

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > ul,
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > .mega-menu-content,
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li.mega-menu > .mega-menu-content { top: 60px; }

/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/


#logo {
	position: relative;
	width:250px;
	margin:10px auto;
	
}


#logo a {
	display: block;
	color: #000;
}

#logo img {
	display: block;
    max-width: 100%;
    height: auto !important;
}

/* ----------------------------------------------------------------
	Top Links
-----------------------------------------------------------------*/


.top-links {
	float: right;
}
.top-links ul li {
	height: 28px;
	/*border-left: 1px solid #EEE;*/
}

.top-links li > a {
	display: block;
	padding: 0 6px;
	font-size: 11px;
	font-weight: 400;
	height: 28px;
	color: #666;/*666*/
}

.top-links li > a:hover{
}

.top-links li i {
	position: relative;
	top: 1px;
	font-size: 13px;
}

.top-links li:hover { 
	background-color: #666; 
}
.top-links li > a:hover { 
	color: #EEE;
}
/* ----------------------------------------------------------------
	Top Search
-----------------------------------------------------------------*/


#top-search {
	position: absolute;
	top: -75px;
	right: 25%;
	float: right;
	margin: 0;
}

#top-search form {
	width: 225px !important;
	height: 32px !important;
	padding: 0;
	margin: 0;
}


#top-search form button {
	width: 32px;
	height: 32px;
	font-size:18px;
	line-height:32px;
	text-align:center;
	border: 0 none !important;
	background: none;
}
#top-search form input {
	pointer-events: auto;
	border-radius: 0;
	border: 0;
	outline: 0 !important;
	font-size: 13px;
	padding: 2px 3px;
	width: 175px;
	height: 32px;
	/*background-color: transparent;*/
	background-color: #e9ecf0;
	color: #333;
	font-weight: 500;	
}

#primary-menu #top-search form input,
.sticky-header #top-search form input { border: none !important; }


/* ----------------------------------------------------------------
	Primary Menu
-----------------------------------------------------------------*/


#primary-menu {
	/*	background-image: url("../img/guavaho/common/menu_bg.jpg");*/
}


#primary-menu ul {

}

#primary-menu > ul {width:100%;  }

#primary-menu ul li {
	margin-left: 0;
	float:left;
	text-align:center;
	/*width:16.66%;*/
	width:25%;
}

#primary-menu ul li:first-child { margin-left: 0; }

#primary-menu ul li a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0;
	color: #fff;/*1a1914*/
	font-weight: 400;
	font-size: 16.5px;
}

#primary-menu > ul > li:hover a,
#primary-menu > ul > li.current a {}

#primary-menu > ul > li.sub-menu > a > div { }

#primary-menu ul ul,
#primary-menu ul li .mega-menu-content {
	display: block;
	width: 100%;
	background-color: rgba(16, 37, 64, 0.71);
	height: auto;
	z-index: 199;
	top: 60px;
}

#primary-menu ul ul{display:none; position:absolute; padding-left:20px; padding-bottom:20px; padding-top:20px; width:100%;}
#primary-menu ul ul li{text-align:left;}
#primary-menu ul ul a {
	font-size: 14px;
	font-weight: 400;
	height: auto !important;
	line-height: 1.2 !important;
	color: #fff !important;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	padding-left: 0 !important;
	border: 0 !important;
	padding-right:0;
}

#primary-menu ul ul li:hover > a {
	padding-left: 18px;
	color: #ffa900 !important;
}

#primary-menu ul ul > li.sub-menu > a,
#primary-menu ul ul > li.sub-menu:hover > a {
	background-image: url("../images/icons/submenu.png");
}


/* Primary Menu - Style 2
-----------------------------------------------------------------*/

#primary-menu.style-2 {
	width:100% !important; margin:0 auto !important; 

}
#primary-menu.style-2 > ul li{
}
#primary-menu.style-2 > ul li ul li{
	width:100%;
	margin:0 !important;
}
#primary-menu.style-2,
#primary-menu.style-2 > ul,
#primary-menu.style-2 > ul > li > a { }

#logo + #primary-menu.style-2 {	}

#primary-menu.style-2 > ul > li > a {font-size:16px; }


#primary-menu.style-2 > ul > li > a i {}

#primary-menu.style-2 ul ul,
#primary-menu.style-2 ul li .mega-menu-content { top: 50px; }

#logo + #primary-menu.style-2 > ul > li > ul,
#logo + #primary-menu.style-2 ul li .mega-menu-content { top: 40px; }

#primary-menu.style-2 #top-search {
	margin-top: 25px;
	margin-bottom: 0;
}

#primary-menu > ul > li:hover a,
#primary-menu > ul > li.current a {  }


/* Primary Menu - 크로스브라우징
-----------------------------------------------------------------*/
/*-- GNB new  border:1px solid #000;--*/
	.nav_wrap {width:100%;background:#f9f9f9}/*border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;*/
		#navigation {padding-bottom:10px;} /*크기-상단에 설정되어 있음.*/
		#nav {position:relative;margin:15px 0 0 257px;z-index:999} /* margin-bottom:-1px;border-bottom:1px solid #d8d8d8;background: #fff url('../img/gnb_bg.gif') 0 100% repeat-x*/
		#nav li {float:left; display: block; position:relative;padding:0 3px 0;z-index: 999; }
		#nav li a {display:block; padding:14px 14px 14px;color:#0088cc;font-size:1.1em; font-weight:700; text-decoration:none;}/********* GNB 메뉴간격 조정 text-indent:-999999px; font-size:0;*/
		#nav > li > a {
		border-radius:8px;
		-o-border-radius:8px;
		-ms-border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		}
		#nav li a:hover {color:#fff;background:#0088cc;}
		/*
		#nav li a:hove {height:15px;background-image: url('../img/gnb_hover.gif');background-repeat: no-repeat;}
		#nav li a:hover img { position:absolute; top:-999px; width:0; height:0;}
		*/
		/*	
		#nav .mn01, #nav .mn02, #nav .mn03 {padding:14px 17px 14px;}
		#nav .mn03 {margin-right:170px;}
		#nav .mn01 {width:141px; height:20px; background: url('/images/top_menu01.gif') no-repeat 50% 50% scroll;}
		#nav .mn02 {width:52px; height:20px; background: url('/images/top_menu02.gif') no-repeat 50% 50% scroll;}
		#nav .mn03 {width:62px; height:20px; background: url('/images/top_menu03.gif') no-repeat 50% 50% scroll;}
		#nav .mn04 {width:104px; height:20px; background: url('/images/top_menu04.gif') no-repeat 50% 50% scroll;}
		#nav .mn05 {width:115px; height:20px; background: url('/images/top_menu05.gif') no-repeat 50% 50% scroll;}

		#nav .mn01_ov {width:64px; height:15px; background: url('../img/gnb_hover.gif') no-repeat 10px 17px scroll;}
		#nav .mn02_ov {width:60px; height:15px; background: url('../img/gnb_hover.gif') no-repeat -75px 17px scroll;}
		#nav .mn03_ov {width:64px; height:15px; background: url('../img/gnb_hover.gif') no-repeat 10px 17px scroll;}
		#nav .mn04_ov {width:64px; height:15px; background: url('../img/gnb_hover.gif') no-repeat 10px 17px scroll;}
		#nav .mn05_ov {width:64px; height:15px; background: url('../img/gnb_hover.gif') no-repeat 10px 17px scroll;}
		#nav .mn06_ov {width:64px; height:15px; background: url('../img/gnb_hover.gif') no-repeat 10px 17px scroll;}
		#nav .mn07_ov {width:64px; height:15px; background: url('../img/gnb_hover.gif') no-repeat 10px 17px scroll;}
		#nav .mn08_ov {width:64px; height:15px; background: url('../img/gnb_hover.gif') no-repeat 10px 17px scroll;}
		#nav .mn09_ov {width:64px; height:15px; background: url('../img/gnb_hover.gif') no-repeat 10px 17px scroll;}
		#nav .mn010_ov {width:64px; height:15px; background: url('../img/gnb_hover.gif') no-repeat 10px 17px scroll;}
		#nav .mn011_ov {width:64px; height:15px; background: url('../img/gnb_hover.gif') no-repeat 10px 17px scroll;}
		#nav .mn012_ov {width:64px; height:15px; background: url('../img/gnb_hover.gif') no-repeat 10px 17px scroll;}
		*/
		/* @group Sub NavI */
		#nav ul {
		position: absolute;
		display: none;
		background: #fff url('../img/bullet_submn.gif') no-repeat 50% top;
		padding-top:10px;
		padding-bottom: 7px;
		filter: alpha(opacity=90);
		-khtml-opacity:0.9;
		-moz-opacity:0.9;
		opacity:0.9;
		border:1px solid #0088cc/*d6d6d6*/;
		border-radius:10px;
		-o-border-radius:10px;
		-ms-border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		}
		#nav .sub01 {}
		#nav .sub02 {left:0px;}
		#nav .sub03 {left:0px;}
		#nav .sub04 {left:0px;}
		#nav .sub05 {left:0px;}
		#nav .sub06 {left:0px;}
		#nav .sub07 {left:0px;}
		#nav .sub08 {left:0px;}
		#nav .sub09 {left:-27px;}
		#nav .sub010 {left:-38px;}
		#nav .sub011 {left:-36px;}
		#nav .sub012 {left:-30px;}
		
		#nav ul li {overflow:hidden; width:160px; float: none;padding:0; text-align:left;  background:#fff; }/*#291d12#81a00b*/
		/*
		#nav ul li:first-child {
			border-radius:10px 10px 0px 0px;
			-o-border-radius:10px 10px 0px 0px;
			-ms-border-radius:10px 10px 0px 0px;
			-moz-border-radius:10px 10px 0px 0px;
			-webkit-border-radius:10px 10px 0px 0px;
		}
		#nav ul li:last-child {
			border-radius:0px 0px 10px 10px;
			-o-border-radius:0px 0px 10px 10px;
			-ms-border-radius:0px 0px 10px 10px;
			-moz-border-radius:0px 0px 10px 10px;
			-webkit-border-radius:0px 0px 10px 10px;
		}*/
		#nav ul li:hover {}
		#nav ul a {text-indent:0px;padding: 7px 5px 7px 15px; border-bottom:1px dotted #80675a; font-size:1em; font-weight:600;}
		#nav ul a:hover {color: #fff; background:#16a9ef;}/*f7524e*/
		
		

#wrapper_title,
#container_title,
.section-title {
	font-size: 22pt;
    font-weight: 500;
    color: #333;
    margin-top: 0;
    padding: 15px;
    /* border-bottom: 1px solid #eee; */
}

.title_line{width:70px; height:5px; background:#56606d; margin-left:15px; border-radius: 50%;}


.main_wrap .section-title {
	display: block;
	width: 100%;

}
/* ----------------------------------------------------------------
	Main Page
-----------------------------------------------------------------*/


.stretched .promo-top {
	position: relative;
	padding: 0;
}
.stretched #top-bar > .container,
.stretched #header > .container,
.stretched .promo-top > .container {
	display: block;
	padding: 0;
}

.promo-top .col_one_third { width: 33.33333333%; }
.promo-top .col_two_third { width: 66.66666666%; }
.promo-top .col_full,
.promo-top .col_one_third,
.promo-top .col_two_third,
.promo-top .col_one_third .col_full { 
	margin: 0;
	padding: 0;
}
.promo-top.promo-full {
	padding: 0 !important;
}

/* Main Page Visual - Customizing
-----------------------------------------------------------------*/

.promo-top .col_full,
.promo-top .col_full .promo-col,
.promo-top .col_left .promo-col-1 { 
	height: 700px;
	overflow:hidden
}
.col_left {
	float: left !important;
}
.col_right {
	float: right !important;
}
.col_left .promo-col,
.col_right .promo-col { 
	overflow:hidden
}
.promo-top ul li {
	margin-top: 0;
}


.promo-top .col_full .promo-col { 
	width: 865px; 
}
.col_left.promo-col {
	width: 741px;
}
.col_right.promo-col { 
	margin-bottom: 10px;
	width: 865px; 
	height: 360px;
	/*background-color: #fff;*/
}
.col_right .promo-col-2.promo-top-col {
	height: 409px;
	background: url('/theme/build1602_pungjinspggyeho/img/pungjinspggyeho/main/promo_top_col_bg.png') 0 100% no-repeat;
}
.col_right .promo-col-2.promo-top-col > div {
	background-color: #738a9f !important;
}





/* 메인영역 상품분류 기본설정
-----------------------------------------------------------------*/
#category_list {
	position:absolute;
	bottom: 0;
	left: 0;
	width: 235px;
	height : 360px;
	background:url('../img/guavaho/main/top_category_bg.jpg');
	z-index:10;

}
#category_list ul {
	list-style: none;
	padding: 10px 20px 0;
	margin: 0;
}
#category_list ul li {
	padding: 12px 0;
	margin: 0;
	color: #000;
	border-bottom: 1px solid #7acfe9;
}
#category_list ul li.blue {
	border-bottom: 1px solid #5694af;
}
#category_list ul li.green {
	border-bottom: 1px solid #c1f6b3;
}
#category_list ul li:last-child {
	border-bottom: 0;
}
#category_list ul li a {
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.3em;
	letter-spacing: -0.02em;
	color: #000;
}
#category_list ul li span,
#category_list ul li p {
	display: block;
	font-size: 0.9em;
	font-weight:normal;
	
}

/* 중간배너 설정
-----------------------------------------------------------------*/
.promo.promo-mid { padding: 0 !important; background:#fff;}
.promo.promo-mid h3 {
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: 500;
}
.promo.promo-mid ul li { float: left;}
.promo.promo-mid span {
	display: inline-block;
	padding-left: 10px;
	color: #000;
	
}
.promo-mid div > a {
	display: inline-block;
	float:left;
	margin-right:10.5px;
}

/* 최근글 설정
-----------------------------------------------------------------*/
.community-latest { zoom: 1;}
.community-latest:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.community-latest .lt,
.community-latest .lat {
	border-bottom: 0;
}
.community-latest .lt_title,
.community-latest .lat_title {
	display: block;
	padding:10px 0 10px;
}
.community-latest .lt .lt_title > a {
	display: inline-block;
	padding: 10px 7px 8px;
	font-size:1.2em;
	font-weight: 500;
}
.community-latest .lt .lt_more {
	right: 10px;
}
.community-latest .lt .lt_more a {
	color: #fff;
}
.community-latest .lt ul {
	padding-top: 10px;
	padding-bottom: 0;
	height: 205px !important;
	*height: 237px;
	border: 1px solid #eee;
}
.community-latest .lt ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.community-latest .lt ul li { padding-left: 18px;}
.community-latest-fright { float: right;}
.community-latest-fleft { float: left;}


.community-latest.title-bg-image .lt {
	width: 392px;
	height: 286px;
}
.community-latest.title-bg-image .lt_title,
.community-latest.title-bg-image .lat_title {
	padding-top: 0;
	padding-bottom: 0;
	height: 70px;
	background: #f70404 url('../img/seumho/main/title_notice_bg.jpg') 100% 0 no-repeat;
}
.community-latest.title-bg-image .lt .lt_title > a,
.community-latest.title-bg-image .lat_title > a {
	padding-left: 20px;
	font-size:1.4em;
	color: #fff;
}
.community-latest.title-bg-image .lt_title > a:after,
.community-latest.title-bg-image .lat_title > a:after{
	display:block;
	font-size: 12.5px;
	line-height: 2.2em;
}
.community-latest.title-bg-image.bbs_notice .lt_title > a:after,
.community-latest.title-bg-image.bbs_notice .lat_title > a:after {
	content:"새로운 소식을 전해드립니다.";
}
.community-latest.title-bg-image.bbs_as .lt_title > a:after,
.community-latest.title-bg-image.bbs_as .lat_title > a:after {
	content:"문의해주시면 신속히 답변해 드리겠습니다.";
}
#community-tabs {
	min-height: 250px;
}


#main-mid {float:left;width:235px;zoom:1; }
#main-mid:after {display:block;visibility:hidden;clear:both;content:""}
#main-mid > div {
	float: left;
	width: 100%;
	margin-right:1%;
	*margin-right: 10px;
	margin-bottom:25px;
	border-radius: 10px;
	padding: 10px 20px;
}
#main-mid > div > header {
	padding-top : 7px;
	padding-bottom : 10px;
	margin-bottom:7px;
	border-bottom:1px dashed #939598;
	zoom: 1;
}
#main-mid > div > header:after {display:block;visibility:hidden;clear:both;content:""}
#main-mid > div > header > h3 {
	font-size:1.15em;
}
#main-mid > div > header .sct_wrap_hdesc {
	font-size: 0.95em;
}

.youtube header {
}


#main-bottom {
	zoom: 1;
	width:1100px;
    position: relative;
    top: 0px;
	margin:0 auto;
}

#main-bottom:after {display:block;visibility:hidden;clear:both;content:""}
#main-bottom > div {
	float: left;
	width: 54%;
	height: 200px;
	margin-right:1%;
	margin-bottom:25px;
	border-radius: 10px;
	padding: 10px 20px;
}

#main-bottom > div:first-child{
	float: left;
	*width:202px;
	width: 202px;
	*width: 202px;
	height: 202px;
	margin-right:1%;
	*margin-right: 10px;
	margin-bottom:25px;
	border-radius: 10px;
	padding: 0;
}

#main-bottom > div:last-child {
	float: left;
	width: 25%;
	*width: 29%;
	height: 200px;
	margin-right:1%;
	*margin-right: 10px;
	margin-bottom:25px;
	border-radius: 10px;
	padding: 10px 20px;
}

#main-bottom > div.border-line community-latest bbs_notice
 {
	float: left;
	width: 20%;
	*width: 29%;
	height: 200px;
	margin-right:1%;
	*margin-right: 10px;
	margin-bottom:25px;
	border-radius: 10px;
	padding: 10px 20px;
}
#main-bottom > div.col_last { float: right; margin-right: 0; }

#main-bottom > div > header {
	padding-top : 7px;
	zoom: 1;
}
#main-bottom > div > header:after {display:block;visibility:hidden;clear:both;content:""}
#main-bottom > div > header > h3,
#main-bottom .community-latest .lat .lat_title a {
	font-size:1.2em !important;
	font-weight: 600 !important;
	color: #3d8230 !important;
}
#main-bottom > div > header .sct_wrap_hdesc {
	font-size: 1em;
	color: #689000;
}

#main-bottom .cs_info p {
	font-size:1.2em;
	font-weight: 600;
	line-height: 1.4em;
	vertical-align: top;
	letter-spacing: -0.01em;
	color: #ef4a00;
}
#main-bottom .cs_info p.email {
	padding-bottom:5px;
	color: #79af1d;
	font-size: 1.2em;
	letter-spacing: 0;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #ccc;
}
#main-bottom .cs_info p.domain {
	margin-top: 8px;
	padding: 5px 0;
	text-align:center;
	color: #373737;
	letter-spacing:0.1em;
	border-radius: 3px;
	background: #373737 url('/img/custom/bg1.jpg') 50% 100% no-repeat;
}
#main-bottom .cs_info p span {
	display: inline-block;
	width: 60px;
	font-size: 85%;
}
#main-bottom .cs_info p i {
	display: inline-block;
	padding-top:2px;
}
#main-bottom .cs_info a {
	position:absolute;
	top: 25px;
	right: -4px;
	color: #fff;
	text-transform: uppercase;
	background-color: #373737;
}

/* Banner 기본설정
-----------------------------------------------------------------*/

.banner-list {
	float: left;
}
/*.banner-list:after {display:block;visibility:hidden;clear:both;content:""}*/

.banner-list li,
.banner-list a,
.banner-list img {
	display: inline-block;
	float: left;
}
.sbn.banner-list {
	margin-bottom: 0;
}
.sbn.banner-list li {
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:0 none;
}
.banner-list h2 {
	display:none;
}
.border-line {
	
}

.border-white {
	border-color: #fff;
}


/* ----------------------------------------------------------------
	Title
-----------------------------------------------------------------*/
#page-title.page-title-pattern {
	/*padding: 50px 0;
	height:374px;
	background-image: url('../img/kongnamulho/subvisual_bg.jpg');
	background-color: #fff;
	background-attachment:scroll;
	background-position: 50% 100%;*/
}
#page-title.page-title-parallax {
	/*padding: 50px 0;
	background-image: url('../img/kongnamulho/subvisual_bg.jpg');*/
}
#page-title.page-title-parallax h1 {
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 0;
	color: #373737;
}
#page-title.page-title-parallax span {
	font-size: 13px; 
	font-weight: 400;
}
#page-title.page-title-pattern .breadcrumb { display:none;
	top: 58px !important;
	right: auto !important;
	left: 0 !important;
	font-size: 12px;
}
.breadcrumb li { padding:0 5px;}
.breadcrumb li ,
.breadcrumb a { color: #313131; }
.breadcrumb a:hover { color: #313131; }
/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
#footer {
	
}
#copyrights {
	padding: 30px 0;
	font-size: 13px;
	color: #333;
	background:#fff;
	position:absolute;
	width:100%;
	
}
#copyrights .company_info .fleft {
	font-size: 1.2em;
	font-weight: 600;
}
.copyright-links a {
	margin: 0 5px;
	color: #333;
	font-size: 12px;
    line-height: 12px;
}

.copyright-links a:hover {
	color: #bcbcbc;
}

#copyrights .company_info .fleft {
	font-size: 1.2em;
	font-weight: 600;
}




/* 좌측 이미지 */

#fly_img {z-index:1001;position:absolute;float:left; top: 5px; width:88px; height: 50px;}
#fly_img_list {position:absolute; right:-100px;width:88px;border:1px solid #e9e9e9;background:#fff}

/* ----------------------------------------------------------------
	Product List Page
-----------------------------------------------------------------*/

#product_section_grp { zoom:1; }
#product_section_grp:after {display:block;visibility:hidden;clear:both;content:""}

.product-wrap {
	margin-bottom: 0 !important;
}
.product-wrap header {
	margin:0 0 20px;
	zoom:1
}
.product-wrap header:after {display:block;visibility:hidden;clear:both;content:""}
.product-wrap h2 {
	float:left;
	margin:0 20px 0 0;
	padding:0;
	line-height:1em;
}
.product-wrap h2 a {
	font-size:21px;
	color:#333333;
	text-decoration:none
}
.product-wrap .sct_wrap_hdesc {
	float:left;
	margin:0;
	padding:0;
	color:#777;
	line-height:1em
}
.product-wrap .product-overlay a:hover {
	background-color: #333 !important;
}

.product-wrap .product-desc > div {
	padding: 0 10px
}

.product-wrap .product-price {
	font-size: 15px;
	font-weight: 600;
	color: #444;
	margin-bottom: 4px;
	font-family: 'Oswald', sans-serif;
}

.product-wrap .product-price del {
	display:inline-block;
	padding:0 5px;
	font-weight: 400;
	font-size: 75%;
	color: #888;
}

.product-wrap .product-price ins {
	text-decoration: none;
	color: #a70502;
}
.product-wrap .link_group {
	margin-top:12px;
}
.product-wrap .link_group ul {
	list-style: none;
	width: 106px;
	height:42px;
	margin: 0  auto;
	border: 1px solid #362626;
}
.product-wrap .link_group ul li {
	float: left;
	width: 52px;
	height:41px;
	line-height: 40px;
	text-align:center;
}
.product-wrap .link_group ul li.cart {
	background: #362626;
}
.product-wrap .link_group ul li a {
	display: block;
	padding-top: 10px;
	
}

/* Shop - 3 Columns : style.css 참조
-----------------------------------------------------------------*/

/* Shop - 4 Columns
-----------------------------------------------------------------*/
.product-4-custom { 
	margin: 0 -1.4% -3% 0.11111%;
}
.product-4-custom .product {
	margin: 0 1.4% 5% 0;
	width: 23.6%;
	border:1px solid #ccc;
	background-color: #fff;
}
.product-4-custom .product-image { 
	margin: 0 auto;
	width:100%;
	height: 263px; 
	background-color: #eee !important;
	text-align: center;
}
.product-4-custom .product-image a  { background-color: #eee !important; }

.product-4-custom .product-title h3 {
	margin: 0;
	font-size: 14px;
	letter-spacing: -0.05em;
}
.product-4-custom .product-title h3 a,
.product-4-custom .single-product .product-title h2 a { color: #1a1914; }

.product-4-custom .product-title h3 a:hover,
.product-4-custom .single-product .product-title h2 a:hover { color: #a70502; }

.product-4-custom .product-price {
	font-size: 14px;
	font-weight: 500;
	color: #444;
	margin-bottom: 4px;
	line-height:14px;
	vertical-align: middle;
}

.product-4-custom .product-price del {
	font-weight: 400;
	font-size: 75%;
	color: #888;
}

.product-4-custom .product-price ins {
	text-decoration: none;
	color: #f74217;
}


.product-4-custom.owl-product-4 { margin-right: -1.2%;}
.product-4-custom.owl-product-4 .product {
	margin-left: 0;
	width: auto;
	*width: 95%; /*IE7 이하*/
	border:1px solid #ccc;
}
.product-4-custom.owl-product-4 .product .product-image {
	background-color: #fff;
}

/* Shop - 메인특가판매
-----------------------------------------------------------------*/
.product-sale .sale-flash-red {
	bottom: 40px;
	border-radius: 100px;
}
.product-sale .product-desc {
	position: absolute;
	bottom: 10px;
	left: 0;
	z-index: 2;
	width: 100%;
	font-size: 1em;
	line-height: 1.4em;
	background-color: #fff;
	filter: Alpha(Opacity=85);/*IE7 fix*/
	opacity: .85;
	
}

.product-sale .product-title { margin-bottom: 7px; }
.product-sale .product-title h3 {
	margin: 0;
	font-size: 16px;
	line-height: 1.3em;
}
.product-sale .product-title h3 a { color: #1a1914; }
.product-sale .product-title h3 a:hover { color: #a70502; }

.product-sale .exp {
	margin-bottom: 7px;
	width:75%;
}
/* Shop - BEST 상품
-----------------------------------------------------------------*/
.promo.promo-full.promo-item-best {
	background-color: #f9f4ee;
	margin-bottom: 20px;
	padding-bottom:0 !important;
}
.promo.promo-item.promo-item-best {
}
.promo.promo-item-best .product-4-custom .product {
	border:0;
}
.product-4-custom .product-title h3 {
	margin: 5px 0;
	font-size: 17px;
	letter-spacing: -0.05em;
	text-align:center;
}
.product-4-custom .product-price {
	text-align:center;
}

/* ----------------------------------------------------------------
	Sidebar
-----------------------------------------------------------------*/
.sidebar-widgets-wrap .widget {
	border-top:0;
	padding-bottom: 0;
	margin: 0;
}
.sidebar-widgets-wrap .widget.widget_menu {
	margin-bottom: -1px;
}
.widget_links.widget_menu li {
	padding: 10px 0; 
	padding-left: 10px;
	border: 1px solid #EEE;
	margin-bottom:-1px;
}
.widget_links.widget_menu ul  ul {
	margin-left: 0;
	margin-right: -1px;
	margin-top: 10px;
	margin-bottom: 0;
}
.widget_links.widget_menu li.is_sub {
	padding-bottom: 0  !important;
}
.widget_links.widget_menu li li {
	border-left: 0;
	border-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.widget_links.widget_menu > ul > li:first-child {
	border-top: 1px solid #373737 !important;
}
.widget_links.widget_menu li a {
	display: block; 
	padding-left: 20px;
	background: url("../img/common/widget-link.png") 0 7px no-repeat;
}
.widget_links.widget_menu li:hover,
.widget_links.widget_menu li:hover a {
	color: #fff;
	background-color: #77701f;
}
.widget_links.widget_menu li.active,
.widget_links.widget_menu li.active a {
	color: #362626;
	background-color: #fff3ea;
	background-image: none;
}
.widget_links.widget_menu li.active a {
	padding-left: 0;
}

.widget_links.widget_menu .bg_clear,
.widget_links.widget_menu .bg_clear:hover,
.widget_links.widget_menu .bg_clear a,
.widget_links.widget_menu .bg_clear a:hover {
	background-color: #fff;
}
.widget_links.widget_menu .bg_clear li:hover a,
.widget_links.widget_menu .bg_clear li a:hover {
	background-color: #f9f4ee;
}
.widget_links.widget_menu .bg_clear li.active:hover a,
.widget_links.widget_menu .bg_clear li.active a:hover {
	background-color: #362626;
}
.widget_links.widget_category {
}
.widget_links.widget_category h4 {
	padding:5px 0;
	text-align: center;
	font-size:1.3em;
	overflow: hidden;
	color:#532a0c;
	padding-top:10px;
	border:1px dotted #532a0c;
}
.widget_links.widget_menu h4 {
	padding:20px 0;
	text-align: center;
	border:1px solid #eee;
	border-top:2px solid #eee;
	border-radius: 10px;
	overflow: hidden;
	background:url(../img/close.png) no-repeat 50% 50%;
}
.sidebar-widgets-wrap{
	padding:1px; 
}

.widget_info {
	display: block;	
	/*width: 100%;*/
	min-height: 100px;
	*height: 100px;
	margin-bottom:10px;
	zoom:1;
}
.widget_info:after {display:block;visibility:hidden;clear:both;content:""}
.widget_info > header {
	padding: 0 0 10px 0; 
	margin: 0 0 7px;
	background:#fff;

	zoom: 1;
}
.sct_wrap_hdesc{
	text-indent:5px;
}
.widget_info > header:after {display:block;visibility:hidden;clear:both;content:""}
.widget_info > header > h3 {
	font-size:1.15em;
	color:#fff;
	background:#532a0c;
	padding:5px 10px;
	font-weight:normal;
;
}
.widget_info > header .sct_wrap_hdesc {
	font-size: 0.95em;
}
.widget_info > ul,
.widget_info > dl,
.widget_info > ol {
	list-style: none;
	padding:0;
	margin:0;
}
.widget_info .cs_info {
	color:#839700;
	font-size:1.1em;
	font-weight: 500;
}
.widget_info .cs_info p span { display: inline-block; padding-right: 10px; color: #212121}
.widget_info .cs_info .worktime {
	color:#fa3245;
	font-weight: 500;
}
.widget_info .account {
	font-size: 0.85em;
}
.widget_info.menu_list {
	
}
/*카테고리*/
#category{position:relative;width:100%;-moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;  -webkit-backface-visibility: hidden;}
#category .ct_wr{background:#fff;}
#category ul.cate_tab{width:100%; margin:0; padding:0;}
#category ul.cate_tab:after{display:block;visibility:hidden;clear:both;content:""}
#category ul.cate_tab li{float:none;font-size:0.92em;}
#category ul.cate_tab li a{display:block;color:#a8a8a8;background:#f9f9f9;border:1px solid #e9e9e9;border-left:none}
#category ul.cate_tab li a.ct_tab_sl{background:#fff;border-bottom-color:#fff;color:#545454}
#category ul.cate{width:100%;text-align:left;text-indent:10px;}
#category ul.cate>li {}
#category ul.cate li{position:relative;font-weight:bold; list-style: none !important; }
#category ul.cate li a{display:block;  margin-top:0 !important; height:35px;line-height:35px; font-size:1.2em; color:#777; font-weight: 500; text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap; padding-right:30px;}
#category ul.cate li .ct_op{ display:inline-block;text-indent:-99999px;background:url(../../../mobile/shop/img/cate_op.gif) no-repeat 10px 50% ;height:35px; width:30px;position:absolute;top:0;right:0;border:none}
#category ul.cate li a:hover{color:#999;}
#category ul.cate li .ct_cl{background-position:-12px 50%}
#category ul.sub_cate{display:none}
#category ul.sub_cate1 li{text-indent:14px;background:#fafafa;border-top:1px solid #e9e9e9;font-weight:normal}
#category ul.sub_cate2 li{text-indent:25px;background:#f6f6f6;}
#category ul.sub_cate3 li{text-indent:40px;background:#f3f3f3;}
#category ul.sub_cate4 li{text-indent:55px;background:#efefef;}
#category .pop_close{ display:none; position:absolute;top:10px;left:260px;width:30px;height:30px; background:url(../../../mobile/shop/img/close.png) no-repeat 50% 50%;border:none;text-indent:-99999px}
/* ----------------------------------------------------------------
	Tabs
-----------------------------------------------------------------*/


.tabs {
	position: relative;
	margin: 0 0 30px 0;
}

ul.nav-tabs {
	margin: 0;
	border-bottom: 1px solid #f1f1f1;
	list-style: none;
}

ul.nav-tabs li {
	float: left;
	border: 1px solid #DDD;
	border-bottom: 0;
	border-left: 0;
	height: 41px;
	text-align: center;
	background-color: #fff;
}

ul.nav-tabs li:first-child {
	margin-left: 15px;
	border-left: 1px solid #DDD;
}

ul.nav-tabs li a {
	display: block;
	padding: 0 15px;
	color: #444;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background-color: #F2F2F2;
	font-size: 14px;
	font-weight: bold;
	border: 0;
	margin-right: 0;
}

ul.nav-tabs li.active a,
ul.nav-tabs li a:hover,
ul.nav-tabs li.active a:hover,
ul.nav-tabs li.active a:focus {
	position: relative;
	top: 1px;
	background-color: #FFF;
	border: 0;
	margin-right: 0;
}

.tab-content {
	padding-top: 0;
	min-height:140px !important;
	*height: 140px;
}






html,body{margin:0; background:transparent;}
li{list-style:none;}
*{padding:0; margin:0;}
img{max-width:100%;}


.slider {
	
}

.slider-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

.slide {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	opacity: 0;
	transition: opacity 3s linear;
}

.slider-wrapper > .slide:first-child {
	opacity: 1;
}

.lt{padding:20px; margin:0; width:100%; border:0;}
#content li{line-height:1.2;}



.gif_wrap{width:1200px; margin:0 auto; overflow:hidden;}
.slide_left{float:left; width:750px; position:relative;}
.slide_left img{width:100%;}
.slide_left .img_mak{width:100%; height:500px; position:absolute; top:0; background:rgba(0,0,0,0.6); z-index:9;}
.slide_left .img_title{width:100%; position:absolute; top:180px; text-align:center; z-index:99;}
.slide_left .img_title p{color:#fff !important; font-size:50px;}
.slide_left .img_title .blue{color:#00d9ff; font-weight:bold;}
.slide_right{float:right; width:450px;}
.slide_right li{width:450px; }
.slide_right li:nth-child(1){border:1px solid #ddd; box-sizing:border-box; height:140px; border-bottom:0;}
.slide_right li:nth-child(2){border:1px solid #ddd; box-sizing:border-box; height:140px;}
.slide_right li:nth-child(3){overflow:hidden; width:100%;}
/*
.slide_right li:nth-child(3) a:nth-child(1){ height:180px; width:50%; float:left; opacity:0.9;}
.slide_right li:nth-child(3) a:nth-child(1):hover{opacity:1;}
.slide_right li:nth-child(3) a:nth-child(2){height:180px; width:50%; float:left; opacity:0.9;}
.slide_right li:nth-child(3) a:nth-child(2):hover{opacity:1;}
*/
.slide_right li:nth-child(3) a:nth-child(1){ height:180px; width:50%; float:left;padding-left:1px;}
.slide_right li:nth-child(3) a:nth-child(2){height:180px; width:50%; float:left; padding-left:1px; }

.conWrap{overflow:hidden;}
.conLeft{float:right; }
.conRight{float:left; width:510px; color:#000; text-align:justify; overflow:hidden; font-size:18px; line-height:1.8; font-family:'NanumSquare'; font-weight: 500;}
.conRight h2{color:#000; font-size:22px; font-weight:bold; margin:0 0 20px;  font-family:'NanumSquare';}

#main_contents{padding:20px 0 0; background:url('/theme/shop1603AA03/img/main_bg.png') no-repeat #f7f8f9; background-size:cover;}

.mainTab{
	width:100%;
	border-radius: 4px;
}
.mainTabMenu{}
.mainTabMenu ul{
	margin: 0;
	padding: 0;
}
.mainTabMenu ul li{
	list-style-type: none;
	float:left;
	width:25%;
}
.mainTabMenu ul li a{
	text-decoration: none;
	color: rgba(0,0,0,0.4);
	background-color: #fff;
	padding: 12px 25px;
	border:1px solid #ddd;
	cursor:pointer;
	display:block;
	text-align:center;
	font-size:16px;
	color:#86aaf6;
	font-weight:600;
}
.mainTabMenu ul li a.active-a{
	background-color: #86aaf6;
	color: #ffffff;
}
.mTab{
	display: none;
}
.mTab h2{
	color: rgba(0,0,0,.7);
}
.mTab p{
	color: rgba(0,0,0,0.6);
	text-align: justify;
}
.mTab-active{
	display: block;
}

.mTab-list{overflow:hidden; width:100%;}
.mTab-list li{float:left; width:25%; padding:30px 10px;}
.mTab-list li:hover img{border:5px solid #86aaf6;}

.middle_banner{text-align:center;  padding:30px 0; width:1200px; margin:0 auto; padding:20px;}

.bg-navy{background:#102540;}
.bg-gray{background:#ccc;}

.mainTitle{font-size:24px; text-align:left; border-bottom:1px solid #000; margin:30px 0 20px; }

.yellow-t{color:#ffa900;}
.blue-t{color:#007ee2;}

.circle_icon{width:100%; overflow:hidden; padding:30px 0; margin:0;}
.circle_icon li{width:25%; float:left; text-align:center;}
.circle_icon li a{width:130px; height:130px; margin:0 auto; background:#fff; display:block; border-radius:100%; line-height:130px;}
.circle_icon li img:hover{width:60%;}

.circle_icon li p{font-size:18px; padding:20px 0 0; font-weight:500; color:#fff; font-family:'NanumSquare';}

.main_title{text-align:center; font-size:24px; font-weight:bold; padding:40px 0 30px; color:#000 !important; font-family:'NanumSquare';}
.main_title span{width:280px; height:1px; background:#999; display: inline-block;  margin: 0 20px;}
.main_title span.yellow-t{width:auto; height:auto; background:none; margin:0;}

.main_title02{text-align:center; font-size:24px; font-weight:bold; padding:40px 0 30px; color:#000 !important; font-family:'NanumSquare'}
.main_title02 span{width:500px; height:1px; background:#999; display: inline-block; margin: 0 20px;}
.main_title02 span.yellow-t{width:auto; height:auto; background:none; margin:0;}

.text-center{
	text-align: center;
	margin-bottom: 1em;
}

.lightbox-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding:0 0 20px;
}

.lightbox-gallery div > img {
  max-width: 100%;
  display: block;
  cursor:pointer;
}

.lightbox-gallery div {
  margin: 10px;
  flex-basis: 280px;
}

@media only screen and (max-width: 480px) {
  .lightbox-gallery {
    flex-direction: column;
    align-items: center;
  }

  .lightbox > div {
    margin-bottom: 10px;
  }
}


/*Lighbox CSS*/


.lightbox{
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	padding-top: 30px;
	box-sizing: border-box;
}

.lightbox img{
	display: block;
	position:absolute;
	left:50%;
	top:15%;
	margin-left:-700px;
}

.lightbox .caption{
	position:absolute;
	top:15%;
	left:50%;
	margin-left:350px;
	width: 300px;
	text-align: justify;
	font-size: 1.8em;
	line-height: 1.5;
	font-weight: 300;
	color: #eee;
}

.call_banner{
	top: 30px;
  position: absolute;
  right: 0;
}

/*
.call_banner img{
	border-radius: 15px;
	width: 250px;
	padding: 5px 20px 10px;
	border: 2px dotted #000000;
}
*/

.call_banner img{	
	padding: 5px 20px 10px;	
}

.video-container {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}