@charset "utf-8";
::selection {background:#005fca; color: #FFF; text-shadow: none;}
::-moz-selection {background:#005fca; color: #FFF; text-shadow: none;}
.container {width:1200px; margin:0 auto; zoom:1;}
.container:after {content:""; display:block; clear:both;}
.hidden-xs {display:block;}
.hidden-lg {display:none;}
@media(max-width:991px){
	.container {width:auto; padding:0 10px;}
	.hidden-xs {display:none;}
	.hidden-lg {display:block;}
	
}
@media(min-width:992px){
	.container {width:auto; padding:0 10px;}
	.hidden-xs {display:block;}
	.hidden-lg {display:none;}
}
@media(min-width:1045px){
	.container {width:auto; padding:0 10px;}
	.hidden-xs {display:block;}
	.hidden-lg {display:none;}
}
@media(min-width:1220px){
	.container {width:1200px; padding:0;}
	.hidden-xs {display:block;}
	.hidden-lg {display:none;}
}

#header {display:block; position:fixed; top:0; left:0; right:0; height: 89px; width: 100%; border-bottom:1px solid rgba(255,255,255,.2); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index:11;}
#header .logo {position:absolute; top:50%; left:20px; width:139px; height:42px; margin-top:-21px; margin-left:0; overflow:hidden; text-indent:-9999em; background:url(../img/common/logo.png) no-repeat;z-index: 12;}
#header.header-fixed .logo {background-position:0 -42px;}
#header .tel {display:none; position:absolute; top:15px; right:40px; line-height:30px; color:#005fca; letter-spacing:-1px;}
#header .tel a {color:#005fca;}
#header .tel i {font-size:24px;}

@media(max-width:767px){
	#header {height:50px; border-bottom:0; background:#fff;}
	#header .logo {left:10px; width:100px; height:30px; margin-top:-15px; background-size:100px auto;}
	#header.header-fixed {border-bottom:0;}
	#header.header-fixed .logo,
	#header .logo {background-position:0 -30px;}
	#header .tel {display:block;}
	#header .tel a {color:#005fca;}
	#header.header-fixed {position:fixed; top:0; left:0; right:0; background:#fff; z-index:100;}
	#header .tel span {display:none;}
	#header .search-form {display:none;}
	#header .search-form {position:absolute; top:0; left:0; right:0; width:100%; height:50px; padding:5px 40px; margin-top:0; border:0;border-bottom:1px solid #ddd; background:#fff; z-index:21;}
	#header .search-form input[type="text"] {width:100%; height:40px;padding:0; border:0; background:transparent; -webkit-appearance:none; outline:none;}
	#header .search-form button[type="submit"] {position:absolute; top:5px; right:0;width:40px; height:40px; font-size:22px; border:0; background:#fff;}
	#header .search-form .search-form-close {display:block; position:absolute; top:5px; left:0; width:40px; height:40px; padding:0; border:0; background:transparent;}
	#header .search-form .search-form-close i {font-size:18px; color:#999;}
	.toggle-search {display:block; position:absolute; top:5px; right:0; width:40px; height:40px; color:#666; font-size:22px; border:0; background:#fff; z-index:2;}	
}
@media(min-width:768px){
	#header {height:59px; border-bottom:1px solid rgba(255,255,255,.2);background:transparent;}
	#header.header-fixed {background:#fff; border-bottom:1px solid #aaa;}
	#header .logo {left:10px; width:100px; height:30px; margin-top:-15px; background-size:100px auto;}
	#header .logo {background-position:0 0;}
	#header.header-fixed .logo {background-position:0 -30px;}
	#header .tel {display:block;}
	#header .tel a {color:#fff;}
	#header.header-fixed .tel a {color:#005fca;}
	#header .search-form {display:none;}
	#header .search-form {position:absolute; top:0; right:20px; right:0; width:100%; height:60px; padding:10px 40px; margin-top:0; border:0;border-bottom:1px solid #ddd; background:#fff; z-index:21;}
	#header .search-form input[type="text"] {width:100%; height:40px;padding:0; border:0; background:transparent; -webkit-appearance:none; outline:none;}
	#header .search-form button[type="submit"] {position:absolute; top:10px; right:0;width:40px; height:40px; background:#fff;border:0; font-size:22px;}
	#header .search-form .search-form-close {display:block; position:absolute; top:10px; left:0; width:40px; height:40px; padding:0; border:0; background:transparent;}
	#header .search-form .search-form-close i {font-size:18px; color:#999;}
	.toggle-search {display:block; position:absolute; top:0; right:0; width:40px; height:58px; color:#fff; font-size:22px; border:0;  background:transparent; z-index:2;}	
	#header.header-fixed  .toggle-search {color:#666;}
}
@media(min-width:992px){
	#header {height:89px; border-bottom:1px solid rgba(255,255,255,.2);background:transparent;}
	#header.header-fixed {background:#fff; border-bottom:1px solid #aaa;}
	#header .logo {left:20px; width:139px; height:42px; margin-top:-21px; background-size:139px auto;}
	#header .logo {background-position:0 0;}
	#header.header-fixed .logo {background-position:0 -42px;}
	#header .tel {display:none;}
	#header .search-form {display:block;}
	#header .search-form {position:absolute; top:50%; right:20px; width:180px; height:40px; padding:0; margin-top:-20px; border:1px solid #666; background:#fff; }
	#header .search-form input[type="text"] {float:left; width:150px; height:40px; padding:0; border:0; background:transparent; -webkit-appearance:none; outline:none;}
	#header .search-form button[type="submit"] {float:left;  top:0; width:40px; height:38px ;color:#333; font-size:22px; padding:0; border:0; background:#fff; vertical-align:middle; -webkit-appearance:none; outline:none;}
	#header .search-form .search-form-close {display:none;}
	.toggle-search {display:none;}
}
@media(min-width:1220px){
	#header {height:89px; border-bottom:1px solid rgba(255,255,255,.2);background:transparent;}
	#header.header-fixed {background:#fff; border-bottom:1px solid #aaa;}
	#header .logo {left:20px; width:139px; height:42px; margin-top:-21px; background-size:139px auto;}
	#header .logo {background-position:0 0;}
	#header.header-fixed .logo {background-position:0 -42px;}
	#header .tel {display:none;}
	#header .search-form {display:block;}
	#header .search-form {position:absolute; top:50%; right:20px; width:180px; height:40px; padding:0; margin-top:-20px; border:1px solid #666; background:#fff; }
	#header .search-form input[type="text"] {float:left; width:150px; height:40px; padding:0; border:0; background:transparent; -webkit-appearance:none; outline:none;}
	#header .search-form button[type="submit"] {float:left;  top:0; width:40px; height:38px ;color:#333; font-size:22px; padding:0; border:0; background:#fff; vertical-align:middle; -webkit-appearance:none; outline:none;}
	#header .search-form .search-form-close {display:none;}
	.toggle-search {display:none;}
}

#util {display:block; position:absolute; top:50%; right:10px; margin-top:-12px; z-index: 12;}
#util > ul > li {float:left;}
#util > ul > li > a {display:block; padding:0 10px; color:#fff; font-size:18px;}


.bg-nav-sub {display:none; position:absolute; top:89px; left:0; right:0; height:190px;  border-bottom:1px solid #ddd; background:#fff; filter:alpha(opacity=90); opacity:.9;}
#nav {display:block; width:750px; margin:0 auto;}
#nav > ul > li {position:relative; float:left; width:150px; text-align:center;}
#nav > ul > li > a {display:block; line-height:89px; font-size:17px; color:#fff; font-weight:600; text-decoration:none;}
#nav > ul > li > ul {display:none; position:absolute; top:89px; left:0; right:0; height:190px;}
#nav > ul > li > ul > li > a {display:block; padding:5px 0; text-align:center; line-height:160%; color:#333; font-size:13px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
#nav > ul > li:hover > ul {display:none; position:absolute; top:89px; left:0; right:0; height:190px;background:#005fca;}
#nav > ul > li:hover > ul > li > a {color:#fff; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; transition: all 0s ease-out;}
#nav > ul > li > ul > li:first-child {padding-top:20px;}

#header.header-fixed {box-shadow:0px 2px 2px rgba(0,0,0,0.2); background:#fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
#header.header-fixed #nav > ul > li > a {color:#333;}
#header.header-fixed #nav > ul > li:hover > a {color:#005fca;}

#header.header-fixed #util > ul > li > a {color:#999;}
#header.header-fixed #util > ul > li > a:hover {color:#005fca;}
#header.header-fixed .mobile-nav { border-bottom:1px solid #aaa; box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
.mobile-nav {display:none; margin-top:50px; height:40px; background:#fff; border-bottom:1px solid #ddd;}
.mobile-nav > ul > li {float:left; text-align:center; width:20%;}
.mobile-nav > ul > li > a {line-height:40px; color:#333;font-size:12px; font-weight:600;}

@media(max-width:767px){
	#util,
	#nav {display:none;}
	.mobile-nav {display:block;}
}
@media(min-width:768px){
	.bg-nav-sub {top:59px;}
	#util,
	#nav {display:block; background:transparent}
	#util {right:0;}
	#nav {width:500px;}
	#nav > ul > li {width:100px;}
	#nav > ul > li > a {line-height:59px; font-size:15px;}
	#nav > ul > li > ul {top:59px;}
	#nav > ul > li > ul > li > a {font-size:12px;}
	#nav > ul > li:hover > ul {top:59px;}
	.mobile-nav {display:none;}
}
@media(min-width:992px){
	.bg-nav-sub {top:89px;}
	#util,
	#nav {display:block; background:transparent}
	#util {right:10px;}
	#nav {width:600px;}
	#nav > ul > li {width:110px;}
	#nav > ul > li > a {line-height:89px; font-size:17px;}
	#nav > ul > li > ul {top:89px;}
	#nav > ul > li > ul > li > a {font-size:13px;}
	#nav > ul > li:hover > ul {top:89px;}
	.mobile-nav {display:none;}
}
@media(min-width:1220px){
	.bg-nav-sub {top:89px;}
	#util,
	#nav {display:block;}
	#util {right:10px;}
	#nav {width:750px;}
	#nav > ul > li {width:150px;}
	#nav > ul > li > a {line-height:89px; font-size:17px;}
	#nav > ul > li > ul {top:89px;}
	#nav > ul > li > ul > li > a {font-size:13px;}
	#nav > ul > li:hover > ul {top:89px;}
	.mobile-nav {display:none;}
}

#footer {background:#4d525a;}
#footer .container {position:relative;}
#footer .menu {position:relative;border-bottom:1px solid #616770;line-height:22px;}
#footer .menu a {display:inline-block;margin:10px 20px 10px 0; font-size:12px; color:#ccc; white-space:nowrap;}
#footer .menu strong {color:#fff;}
#footer .menu .top {margin:0; position:absolute; top:0; right:0; bottom:0; width:44px; overflow:hidden; text-indent:-9999em; border-left:1px solid #616770; border-right:1px solid #616770; background:url(../img/common/icon-top.png) no-repeat center center;}
#footer .info {float:left; font-size:12px; color:#ccc; line-height:20px; margin:20px 0; }
#footer .info a {color:#ccc;}
#footer .info span {margin-right:20px; white-space:nowrap;}
#footer .info span.time {white-space:normal;}
#footer .info strong {color:#fff;}
#footer div.erun {display:block;float:right; margin-top:20px;}
@media(max-width:767px){
	#footer .menu a {margin:10px 10px 10px 0;}
	#footer .menu .top {width:34px; }
	#footer span.erun {display:block;}
	#footer div.erun {display:none;}
}
@media(min-width:768px){
	#footer .info span {margin-right:15px;}
	#footer .menu .top {width:44px; }
	#footer span.erun {display:none;}
	#footer div.erun {display:block;}
}
@media(min-width:1220px){
	#footer .info span {margin-right:15px;}
	#footer .menu .top {width:44px; }
	#footer span.erun {display:none;}
	#footer div.erun {display:block;}
}
@media(min-width:1220px){
	#footer .info span {margin-right:20px;}
	#footer .menu .top {width:44px; }
	#footer span.erun {display:none;}
	#footer div.erun {display:block;}
}

.section {overflow:hidden; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
/*
.main-visual {position:relative;width:100%; height:100%;}ccccccc

.main-visual .item .thumb {background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    height: calc(var(--vh, 1vh)* 100);}
.main-visual .item.active .thumb {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.main-visual .item:first-child .text,
.main-visual .item .text {position:absolute; width:100%; overflow:hidden; top:35%; text-a.itemgn:center; color:#fff; letter-spacing:0;}
.main-visual .item:first-child .text1,
.main-visual .item .text1 {font-size:24px; line-height:160%; text-shadow:3px 3px 3px rgba(0,0,0,0.3); opacity:0; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.main-visual .item:first-child .text2,
.main-visual .item .text2 {font-size:42px; line-height:160%; text-shadow:3px 3px 3px rgba(0,0,0,0.3); opacity:0; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.main-visual .item.active .text {top:45%; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;}
.main-visual .item.active .text1 {opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;}
.main-visual .item.active .text2 {opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;}
.main-visual .item:first-child .text {top:35%; opacity:0; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.main-visual .item:first-child .text1,
.main-visual .item:first-child .text2 {opacity:0; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.main-visual .item.active:first-child .text {top:45%; opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.main-visual .item.active:first-child .text1,
.main-visual .item.active:first-child .text2 {opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.main-visual .bx-wrapper {width:100%; height:100%; min-height:100%;}
.main-visual .bx-viewport {width:100%; height:100%; min-height:100%;}
.main-visual .bx-prev,
.main-visual .bx-next {position:absolute; top:50%; width:25px; height:49px; margin-top:-25px; overflow:hidden; text-indent:-9999em; background:url(../img/main/controls.png) no-repeat; z-index:50;}
.main-visual .bx-prev {left:100px;}
.main-visual .bx-next {right:100px; background-position:-25px 0;}

.main-visual .bx-pager {position:absolute; top:50%; margin-top:-40px; right:420px;  width:20px;  height:auto;  z-index:2;}
.main-visual .bx-pager .bx-pager-item,
.main-visual .bx-controls-auto .bx-controls-auto-item {display:in.itemne-block; *zoom:1; *display:in.itemne;}
.main-visual .bx-pager a { text-indent:-9999em; background:url(../img/main/visual-pager.png) 0 0 no-repeat; display:block; width:20px; height:20px; margin-bottom:10px; out.itemne:0;}
.main-visual .bx-pager.bx-default-pager a:hover {background-position:0 0;}
.main-visual .bx-pager.bx-default-pager a.active {background-position:0 -30px;}

@media(max-width:320px){
	.mobile-section .main-visual {margin-top:90px;}
	.main-visual {width:100%; height:200px;}
	.main-visual .item {height:100%;}
	.main-visual .item .thumb {width:120%; height:auto; background-position:-10% center;}
	.main-visual .img-scroll {display:none;}
	
	.main-visual .item:first-child .text,
	.main-visual .text {margin-top:-40px;}
	.main-visual .item:first-child .text1,
	.main-visual .text .text1 {margin:0 0 5px 0; font-size:21px;}
	.main-visual .text .text1 span {font-size:23px;}
	.main-visual .text .text-sm {font-size:17px;}
	.main-visual .item:first-child .text2,
	.main-visual .text .text2 {margin:0; font-size:15px;}

	.main-visual .bx-prev,
	.main-visual .bx-next {display:none;}
}
@media(min-width:321px){
	.mobile-section .main-visual {margin-top:90px;}
	.main-visual {width:100%;height:270px;}
	.main-visual .item {height:100%;}
	.main-visual .item .thumb {width:120%; height:auto; background-position:-10% center;}
	.main-visual .img-scroll {display:none;}
	
	.main-visual .item:first-child .text,
	.main-visual .text {margin-top:-40px;}
	.main-visual .item:first-child .text1,
	.main-visual .text .text1 {margin:0 0 5px 0; font-size:21px;}
	.main-visual .text .text1 span {font-size:23px;}
	.main-visual .text .text-sm {font-size:17px;}
	.main-visual .item:first-child .text2,
	.main-visual .text .text2 {margin:0; font-size:15px;}

	.main-visual .bx-prev,
	.main-visual .bx-next {display:none;}
}
@media(min-width:768px){
	.mobile-section .main-visual {margin-top:0;}
	.main-visual {width:100%;height:450px;}
	.main-visual .item {height:100%;}
	.main-visual .item .thumb {width:100%; height:auto; background-position:center center;}
	.main-visual .img-scroll {display:none;}
	
	.main-visual .item:first-child .text,
	.main-visual .text {margin-top:-75px;}
	.main-visual .item:first-child .text1,
	.main-visual .text .text1 {margin:0 0 5px 0; font-size:36px;}
	.main-visual .text .text1 span {font-size:48px;}
	.main-visual .text .text-sm {font-size:30px;}
	.main-visual .item:first-child .text2,
	.main-visual .text .text2 {margin:0; font-size:19px;}

	.main-visual .bx-prev,
	.main-visual .bx-next {display:block;top:50%; width:25px; height:49px; margin-top:25px;background-size:auto auto;}
	.main-visual .bx-prev {left:40px;}
	.main-visual .bx-next {right:40px; background-position:-25px 0;}
}
@media(min-width:992px){
	.mobile-section .main-visual {margin-top:0;}
	.main-visual {width:100%;height:450px;}
	.main-visual .item {height:100%;}
	.main-visual .item .thumb {width:100%; height:auto; background-position:center center;}
	.main-visual .img-scroll {display:none;}
	
	.main-visual .item:first-child .text,
	.main-visual .text {margin-top:-75px;}
	.main-visual .item:first-child .text1,
	.main-visual .text .text1 {margin:0 0 5px 0; font-size:36px;}
	.main-visual .text .text1 span {font-size:48px;}
	.main-visual .text .text-sm {font-size:30px;}
	.main-visual .item:first-child .text2,
	.main-visual .text .text2 {margin:0; font-size:19px;}

	.main-visual .bx-prev,
	.main-visual .bx-next {display:block;top:50%; width:25px; height:49px; margin-top:25px;background-size:auto auto;}
	.main-visual .bx-prev {left:70px;}
	.main-visual .bx-next {right:70px; background-position:-25px 0;}
}

@media( min-width:1220px){
	.mobile-section .main-visual {margin-top:0;}
	.main-visual {width:100%; height:100%;}
	.mobile-section .main-visual {width:100%; height:800px;}
	.main-visual .item {height:100%;}
	.main-visual .item .thumb {width:100%; height:auto; background-position:center center;}
	.main-visual .img-scroll {display:block;}
	
	.main-visual .item:first-child .text,
	.main-visual .text {margin-top:-75px;}
	.main-visual .item:first-child .text1,
	.main-visual .text .text1 {margin:0 0 5px 0; font-size:60px;}
	.main-visual .text .text1 span {font-size:72px;}
	.main-visual .text .text-sm {font-size:48px;}
	.main-visual .item:first-child .text2,
	.main-visual .text .text2 {margin:0; font-size:24px;}

	.main-visual .bx-prev,
	.main-visual .bx-next {display:block;top:50%; width:25px; height:49px; margin-top:25px;background-size:auto auto}
	.main-visual .bx-prev {left:100px;}
	.main-visual .bx-next {right:100px; background-position:-25px 0;}
}
*/
.main-visual #mainVisual {
	position:relative;
	width:100%;
	height:100%;
	background:#fff;
}
.mobile-section .main-visual {margin-top:0; position:relative;}
.main-visual .bgwrap {position:relative; height:100%; padding:0;}
.main-visual .img-scroll {position:absolute; display:in.itemne-block; overflow:hidden; vertical-a.itemgn:middle; background:url(../img/main/icon-scroll.png) no-repeat center center; bottom:5%; left:50%; width:61px; height:68px; margin-left:-30px; z-index:50;}
.main-visual,.main-visual .owl-stage-outer,.main-visual .owl-stage,.main-visual .owl-item {
	height:100%;
	width:100%;
}
.main-visual .owl-stage {
	z-index:-1
}
.main-visual .thumb {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	height:100vh;
	height:calc(var(--vh,1vh) * 100);
	width:100%;
}
.main-visual .thumb:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-repeat:repeat;
	background-image:url('../img/main/visual-pattern.png');
}
.main-visual .thumb img {
	width:100%;
	height:auto;
}
.main-visual .text {
	position:absolute;
	width:calc(100% - 40px);
	left:20px;
	top:50%;
	margin:0 auto;
	margin-top:-140px;
	height:200px;
	color:#fff;
	text-align:center;
	display:inline-block;
}
.main-visual p {
	position:absolute;
	width:100%;
	left:0;
	display:inline-block;
	font-size:16px;
	line-height:140%;
	word-break:keep-all;
	opacity:0;
}
.main-visual .text1 {
	top:0;
	font-size:24px;
	font-weight:600;
	color:#fff;
	letter-spacing:-1px;
	text-shadow:3px 3px 3px rgba(0,0,0,0.3);
}
.main-visual .text1 span {
	font-size:72px;
	-webkit-text-stroke-color:#fff;
	-webkit-text-stroke-width:1px;
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text;
	background-repeat:no-repeat;
	transition:background-size 0.5s cubic-bezier(0.67,0.01,0.15,0.98);
	background-image:linear-gradient(90deg,#fff 0%,#fff 50%,transparent 50.1%);
	background-size:0% 100%;
}
.main-visual .text2 {
	top:110px;
	font-size:14px;
	font-weight:300;
}
.main-visual .active .text1 {
	opacity:1;
	top:50px;
	transition:all 1s linear 1s;
}
.main-visual .active .text2 {
	opacity:1;
	top:110px;
	transition:all 1s linear 2s;
}
.main-visual .owl-nav {
	position:absolute;
	width:80px;
	left:95px;
	bottom:50px;
}
.main-visual .owl-next,.main-visual .owl-prev {
	position:absolute;
	top:0;
	margin-top:0;
	width:40px;
	height:40px;
	color:#fff !important;
	font-size:21px;
	border-radius:0;
	overflow:hidden;
	opacity:0.5;
	font-family:'Font Awesome 6 Free';
	z-index:3;
}
.main-visual .owl-prev {
	left:0;
}
.main-visual .owl-next {
	right:0;
}
.main-visual .owl-prev:hover,.main-visual .owl-next:hover {
	opacity:1;
}
.main-visual .disabled,.main-visual .disabled:hover {
	opacity:0;
}
.main-visual .owl-dots {
	position:absolute;
	left:20px;
	bottom:10px;
	text-align: right;
}
.main-visual .owl-dots .owl-dot {
	display:none;
	cursor:auto;
	width:30px;
	height:40px;
	font-size:16px;
	line-height:40px;
	font-family:"GmarketSansBold";
	zoom:1
}
.main-visual .owl-dots .owl-dot.active {
	display:block;
	color:#fff;
	width:40px;
}
@media(min-width:768px) {
	.main-visual .text {
		width:80%;
		left:10%;
		margin-top:-140px;
		height:240px;
	}
	.main-visual .text1 {
		font-size:42px;
		letter-spacing:unset;
	}
	.main-visual .text2 {
		font-size:16px;
		top:130px;
	}
	.main-visual .active .text1 {
		top:50px;
	}
	.main-visual .active .text2 {
		top:130px;
	}
	.main-visual .owl-nav {
		left:125px;
		bottom:90px;
	}
	.main-visual .owl-dots {
		left:50px;
		bottom:50px;
	}
}
@media(min-width:1024px) {
	.main-visual .text {
		margin-top:-160px;
		height:280px;
	}
	.main-visual .text1 {
		font-size:66px;
	}
	.main-visual .text2 {
		font-size:18px;
		top:150px;
	}
	.main-visual .active .text1 {
		top:50px;
	}
	.main-visual .active .text2 {
		top:150px;
	}
}
@media(min-width:1280px) {
	.main-visual .text {
		margin-top:-200px;
		height:320px;
	}
	.main-visual .text1 {
		font-size:66px;
	}
	.main-visual .text2 {
		font-size:24px;
		top:170px;
	}
	.main-visual .active .text1 {
		top:50px;
	}
	.main-visual .active .text2 {
		top:170px;
	}
}

.main-section-header {padding:0 0 70px 0; text-align:center;}
.main-section-header h2 {margin:0; font-size:48px; line-height:72px; color:#000; background:url(../img/common/bg-section-header.png) no-repeat center 0;}
.main-section-header p {margin:20px 0 0 0; font-size:17px; color:#666; font-weight:600; word-break:keep-all;}
@media(max-width:320px){
	.main-section-header {padding:0 0 20px 0;}
	.main-section-header h2 {font-size:21px; line-height:48px;}
	.main-section-header p {display:none;}
}
@media(min-width:321px){
	.main-section-header {padding:0 0 20px 0;}
	.main-section-header h2 {font-size:24px; line-height:48px;}
	.main-section-header p {margin:0;font-size:12px;}
}
@media(min-width:768px){
	.main-section-header {padding:0 0 30px 0;}
	.main-section-header h2 {font-size:30px; line-height:60px;}
	.main-section-header p {margin:0; font-size:13px;}
}
@media(min-width:992px){
	.main-section-header {padding:0 0 50px 0;}
	.main-section-header h2 {font-size:36px; line-height:60px;}
	.main-section-header p {margin:0; font-size:13px;}
}
@media(min-width:1220px){
	.main-section-header {padding:0 0 70px 0;}
	.main-section-header h2 {font-size:48px; line-height:72px;}
	.main-section-header p {margin:20px 0 0 0;  font-size:17px;}
}

.main-business {position:relative; padding:0; background:#f5f5f5;}
.mobile-section .main-business {padding:70px 0;}
.main-business ul {zoom:1;}
.main-business ul:after {content:""; display:block; clear:both;}
.main-business li {float:left; width:33.33333333%; text-align:center; word-break:keep-all;}
.main-business li a {display:block; text-decoration:none; width:60%; margin:0 20%;}
.main-business .thumb {width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto 30px auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
.main-business .thumb img {width:100%; height:auto; vertical-align:top;vertical-align:top; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.main-business a:hover .thumb img {transform: scale(1.1);}
.main-business .title {height:30px; overflow:hidden; margin-bottom:20px; font-size:24px; color:#000; font-weight:600; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.main-business .title-en { -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.main-business a:hover .title {-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.main-business a:hover .title-en {margin-top:-35px;height:30px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.main-business .text {display:block; margin-bottom:30px; overflow:hidden; font-size:13px;  line-height:160%; color:#666; word-break:keep-all;}
.main-business .btns span {display:inline-block; padding:5px 40px; font-size:13px; color:#fff; border:1px solid #4d525a; background:#616770; text-decoration:none;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.main-business .con1 a:hover .title {color:#ff6c00;}
.main-business .con1 a:hover .btns span {border:1px solid #ff6c00; background:#ff6c00;}
.main-business .con2 a:hover .title {color:#005fca;}
.main-business .con2 a:hover .btns span {border:1px solid #0055b5; background:#005fca;}
.main-business .con3 a:hover .title {color:#8ab80f;}
.main-business .con3 a:hover .btns span {border:1px solid #8ab80f; background:#8ab80f;}

@media(max-width:767px){
	.main-business {padding:30px 0;}
	.mobile-section .main-business {padding:30px 0;}
	.main-business li a {width:80%; margin:0 10%;}
	.main-business .thumb {margin:0 auto 10px auto;}
	.main-business .title {height:20px; margin-bottom:10px;font-size:13px;}
	.main-business .text {margin-bottom:0; height:auto; font-size:12px;}
	.main-business .btns {display:none;}
}
@media(min-width:768px){
	.main-business {padding:40px 0;}
	.mobile-section .main-business {padding:40px 0;}
	.main-business li a {width:80%; margin:0 10%;}
	.main-business .thumb {margin:0 auto 20px auto; }
	.main-business .title {height:25px; margin-bottom:10px;font-size:15px;}
	.main-business .text {margin-bottom:0; height:40px; font-size:13px;}
	.main-business .btns {display:none;}
}
@media(min-width:992px){
	.main-business {padding:50px 0;}
	.mobile-section .main-business {padding:50px 0;}
	.main-business li a {width:60%; margin:0 20%;}
	.main-business .thumb {margin:0 auto 20px auto; }
	.main-business .title {height:25px; margin-bottom:20px;font-size:19px;}
	.main-business .text {margin-bottom:20px; height:45px; font-size:15px;}
	.main-business .btns {display:block;}
}
@media(min-width:1220px){
	.main-business {padding:0;}
	.mobile-section .main-business {padding:70px 0;}
	.main-business li a {width:60%; margin:0 20%;}
	.main-business .thumb {margin:0 auto 30px auto; }
	.main-business .title {height:30px; margin-bottom:30px;font-size:24px;}
	.main-business .text {margin-bottom:30px; height:50px; font-size:15px;}
	.main-business .btns {display:block;}
}

.main-work {position:relative; padding:0; background-image:url(../img/main/bg-work.jpg); background-size:100%; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.mobile-section .main-work {padding:70px 0;}
.main-work .pattern {position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/main/visual-pattern.png) repeat;}
.main-work .main-work-header {position:relative; z-index:1;}
.main-work-header h2 {color:#fff !important;}
.main-work-header p {color:#eee !important;}
.main-work ul {margin-top:-2%; margin-left:-2%; zoom:1;}
.main-work ul:after {content:""; display:block; clear:both;}
.main-work li {float:left; width:31.333333333333%; margin:2% 0 0 2%;}
.main-work li.li_3,
.main-work li.li_4,
.main-work li.li_5 {display:block;}
.main-work li a {display:block; position:relative;}
.main-work .thumb {position:relative; display:block; overflow:hidden; width:100%; height:100%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.main-work .thumb img {display:block;width:100%; height:auto; vertical-align:top;vertical-align:top; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.main-work .thumb:before {content:""; position:absolute; top:0; bottom:0; left:0; right:0; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.main-work a:hover .thumb:before {filter:alpha(opacity=100); opacity:1;}
.main-work a:hover .thumb img {-webkit-transform:scale(1.1); transform:scale(1.1);}
.main-work .overlay {position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; background:#005fca; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.main-work .category {position:absolute; top:20%; left:0; right:0; color:#fff; font-weight:600; font-size:17px;}
.main-work .title {position:absolute; top:30%; left:0; right:0; color:#fff; font-weight:600; font-size:24px;}
.main-work a .overlay .more {position:absolute; bottom:20%; left:0; right:0; overflow:hidden; -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg);}
.main-work a:hover .overlay {filter:alpha(opacity=80); opacity:.8;}
@media(max-width:320px){
	.main-work {padding:30px 0;}
	.mobile-section .main-work {padding:30px 0;}
	.main-work li {width:48%;}
	.main-work li.li_4,
	.main-work li.li_5 {display:none;}
	.main-work .overlay {display:none;}
}
@media(min-width:321px){
	.main-work {padding:30px 0;}
	.mobile-section .main-work {padding:30px 0;}
	.main-work li {width:48%;}
	.main-work li.li_4,
	.main-work li.li_5 {display:none;}
	.main-work .overlay {display:none;}
}
@media(min-width:768px){
	.main-work {padding:40px 0;}
	.mobile-section .main-work {padding:40px 0;}
	.main-work li {width:31.33333333333%;}
	.main-work li.li_3,
	.main-work li.li_4,
	.main-work li.li_5 {display:block;}
	.main-work .overlay {display:none;}
}
@media(min-width:992px){
	.main-work {padding:50px 0;}
	.mobile-section .main-work {padding:50px 0;}
	.main-work li {width:31.333333333333%;}
	.main-work li.li_3,
	.main-work li.li_4,
	.main-work li.li_5 {display:block;}
	.main-work .overlay {display:block;}
}
@media(min-width:1220px){
	.main-work {padding:0;}
	.mobile-section .main-work {padding:70px 0;}
	.main-work li {width:31.333333333333%;}
	.main-work li.li_3,
	.main-work li.li_4,
	.main-work li.li_5 {display:block;}
	.main-work .overlay {display:block;}
}
.main-product {position:relative; padding:0; background-image:url('../img/main/bg-product.jpg'); background-size:100%;  background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.mobile-section .main-product {padding:70px 0;}
.main-product .pattern {position:absolute; top:50%; left:0; right:0; bottom:0; background:url('../img/main/visual-pattern.png') repeat;}
.main-product-bg {position:absolute; left:0; right:0; top:0; height:50%; width:100%; background-color:#fff;}
.main-product .container {position:relative;}
.main-product .owl-carousel {position:relative;}
.main-product .item {float:left; background-color:#fff;}
.main-product .item a {display:block; text-decoration:none; border:1px solid #ddd;}
.main-product .item:hover a  {border:1px solid #000;}

.main-product .thumb {display:block; overflow:hidden; padding:15px; background-color:#fff;}
.main-product .thumb img {width:100%; height:auto; vertical-align:top;}
.main-product .title {display:block; border-top:1px solid #ddd; line-height:50px; overflow:hidden; padding:10px; text-align:center;  background-color:#f5f5f5; word-break:keep-all;} 
.main-product .title p {font-size:17px; color:#333; font-weight:600;}
.main-product .owl-nav {}
.main-product .owl-carousel .owl-nav button.owl-prev,
.main-product .owl-carousel .owl-nav button.owl-next {display:block; position:absolute; top:30%; width:50px; height:50px; overflow:hidden; text-indent:-9999em; background:url('../img/main/product-controls.png') no-repeat; background-size:100px auto;filter:alpha(opacity=3); opacity:0.3;}
.main-product .owl-carousel .owl-nav button.owl-nav:hover .owl-prev,
.main-product .owl-carousel .owl-nav button.owl-nav:hover .owl-next {filter:alpha(opacity=5); opacity:0.5;}
.main-product .owl-carousel .owl-nav button.owl-prev {left:0;}
.main-product .owl-carousel .owl-nav button.owl-next {right:0; background-position:-16px 0;}
@media(max-width:320px){
	.main-product {padding:30px 0;}
	.mobile-section .main-product {padding:30px 0;}
	.main-product .title p {font-size:13px;}
	.main-product .owl-carousel .owl-nav button.owl-prev,
	.main-product .owl-carousel .owl-nav button.owl-next {top:calc(50% - 15px); width:30px; height:30px; background-size:60px auto;}
	.main-product .owl-carousel .owl-nav button.owl-prev {left:0;}
	.main-product .owl-carousel .owl-nav button.owl-next {right:0; background-position:-30px 0;}
}
@media(min-width:321px){
	.main-product {padding:30px 0;}
	.mobile-section .main-product {padding:30px 0;}
	.main-product .title p {font-size:13px;}
	.main-product .owl-carousel .owl-nav button.owl-prev,
	.main-product .owl-carousel .owl-nav button.owl-next {top:calc(50% - 15px); width:30px; height:30px; background-size:60px auto;}
	.main-product .owl-carousel .owl-nav button.owl-prev {left:0;}
	.main-product .owl-carousel .owl-nav button.owl-next {right:0; background-position:-30px 0;}
}
@media(min-width:768px){
	.main-product {padding:40px 0;}
	.mobile-section .main-product {padding:40px 0;}
	.main-product .title p {font-size:15px;}
	.main-product .owl-carousel .owl-nav button.owl-prev,
	.main-product .owl-carousel .owl-nav button.owl-next {top:calc(50% - 15px); width:30px; height:30px; background-size:60px auto;}
	.main-product .owl-carousel .owl-nav button.owl-prev {left:0;}
	.main-product .owl-carousel .owl-nav button.owl-next {right:0; background-position:-30px 0;}
}
@media(min-width:992px){
	.main-product {padding:50px 0;}
	.mobile-section .main-product {padding:50px 0;}
	.main-product .title p {font-size:17px;}
	.main-product .owl-carousel .owl-nav button.owl-prev,
	.main-product .owl-carousel .owl-nav button.owl-next {top:calc(50% - 25px); width:50px; height:50px; background-size:100px auto;}
	.main-product .owl-carousel .owl-nav button.owl-prev {left:0;}
	.main-product .owl-carousel .owl-nav button.owl-next {right:0; background-position:-50px 0;}
}
@media( min-width:1220px){
	.main-product {padding:0;}
	.mobile-section .main-product {padding:70px 0;}
	.main-product .title p {font-size:17px;}
	.main-product .owl-carousel .owl-nav button.owl-prev,
	.main-product .owl-carousel .owl-nav button.owl-next {top:calc(50% - 25px); width:50px; height:50px; background-size:100px auto;}
	.main-product .owl-carousel .owl-nav button.owl-prev {left:0;}
	.main-product .owl-carousel .owl-nav button.owl-next {right:0; background-position:-50px 0;}
}
@media( min-width:1360px){
	.main-product {padding:0;}
	.mobile-section .main-product {padding:70px 0;}
	.main-product .title p {font-size:17px;}
	.main-product .owl-carousel .owl-nav button.owl-prev,
	.main-product .owl-carousel .owl-nav button.owl-next {top:calc(50% - 25px); width:50px; height:50px; background-size:100px auto;}
	.main-product .owl-carousel .owl-nav button.owl-prev {left:-60px;}
	.main-product .owl-carousel .owl-nav button.owl-next {right:-60px; background-position:-50px 0;}
}

.main-contactus {padding:0;}
.mobile-section .main-contactus {padding:70px 0;}
.main-contactus .content {}
.main-contactus .col {float:left; width:33.33%; text-align:center;padding-bottom:0;}
.main-contactus .col:last-child {padding-bottom:0;}
.main-contactus h3 {margin-bottom:40px; font-size:24px; color:#000;}
.main-contactus .address {margin:0 0 15px 0; font-size:19px; color:#000;}
.main-contactus .tel {margin:0 0 15px 0; font-size:21px; font-weight:600;}
.main-contactus .tel a {color:#005fca;}
.main-contactus .text {line-height:20px; font-size:13px; color:#666;}
.main-contactus .text span {color:#000;}
.main-contactus .cs-icon-menu {padding:0 30px;}
.main-contactus .cs-icon-menu li {float:left; width:25%; text-align:center;}
.main-contactus .cs-icon-menu li div {float:left; width:100%; text-align:center;}
.main-contactus .cs-icon-menu a {display:block; text-decoration:none;}
.main-contactus .icon {float:left; margin-top:15px; margin-right:10px; }
.main-contactus .icon .bg-color { color:#616770;  font-size:72px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.main-contactus a:hover .icon .bg-color { color:#005fca;}
.main-contactus .icon .icon-color { color:#fff;  font-size:28px;}
.main-contactus .cs-icon-menu .title {display:block; margin-top:15px; font-size:12px; color:#666;}

#section4 #footer {position:absolute; left:0; right:0; bottom:0; }
@media(max-width:320px){
	.main-contactus {padding:30px 0;}
	.mobile-section .main-shopping {padding:30px 0;}
	.main-contactus .col {float:none; width:auto; padding-bottom:30px;}
	.main-contactus h3 {font-size:17px; margin-bottom:10px;}
	.main-contactus .address {font-size:15px;margin-bottom:10px;}
	.main-contactus .tel font-size:17px; {margin-bottom:10px;}
	.main-contactus .cs-icon-menu {padding:0 30px;}
	.main-contactus .icon {margin-top:0;}
	.main-contactus .icon .bg-color {font-size:48px;}
	.main-contactus .icon .icon-color {font-size:21px;}
}
@media(min-width:321px){
	.main-contactus {padding:30px 0;}
	.mobile-section .main-contactus {padding:30px 0;}
	.main-contactus .col {float:none; width:auto; padding-bottom:30px;}
	.main-contactus h3 {font-size:19px;margin-bottom:10px;}
	.main-contactus .address {font-size:17px;margin-bottom:10px;}
	.main-contactus .tel {font-size:19px; margin-bottom:10px;}
	.main-contactus .cs-icon-menu {padding:0 40px;}
	.main-contactus .icon {margin-top:0;}
	.main-contactus .icon .bg-color {font-size:48px;}
	.main-contactus .icon .icon-color {font-size:21px;}
}
@media(min-width:768px){
	.main-contactus {padding:40px 0;}
	.mobile-section .main-contactus {padding:40px 0;}
	.main-contactus .col {float:left; width:33.33%; padding-bottom:0;}
	.main-contactus h3 {font-size:21px;margin-bottom:10px;}
	.main-contactus .address {font-size:17px;margin-bottom:10px;}
	.main-contactus .tel {font-size:19px;margin-bottom:10px;}
	.main-contactus .cs-icon-menu {padding:0;}
	.main-contactus .icon {margin-top:20px;}
	.main-contactus .icon .bg-color {font-size:60px;}
	.main-contactus .icon .icon-color {font-size:24px;}
}
@media(min-width:992px){
	.main-contactus {padding:50px 0;}
	.mobile-section .main-contactus {padding:50px 0;}
	.main-contactus .col {float:left; width:33.33%; padding-bottom:50px;}
	.main-contactus h3 {font-size:24px;margin-bottom:20px;}
	.main-contactus .address {font-size:19px; margin-bottom:15px;}
	.main-contactus .tel {font-size:21px; margin-bottom:20px;}
	.main-contactus .cs-icon-menu {padding:0 20px;}
	.main-contactus .icon {margin-top:15px;}
	.main-contactus .icon .bg-color {font-size:60px;}
	.main-contactus .icon .icon-color {font-size:24px;}
}
@media( min-width:1220px){
	.main-contactus {padding:0;}
	.mobile-section .main-contactus {padding:70px 0;}
	.main-contactus .col {float:left; width:33.33%; padding-bottom:50px;}
	.main-contactus h3 {font-size:24px;margin-bottom:40px;}
	.main-contactus .address {font-size:19px; margin-bottom:15px;}
	.main-contactus .tel {font-size:21px; margin-bottom:15px;}
	.main-contactus .cs-icon-menu {padding:0 30px;}
	.main-contactus .icon {margin-top:15px;}
	.main-contactus .icon .bg-color {font-size:72px;}
	.main-contactus .icon .icon-color {font-size:28px;}
}

.sub-visual {position:relative; margin-top:0; width:100%; height:100%; overflow:hidden; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; z-index:1;}
.sub-visual .pattern {position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/main/visual-pattern.png) repeat;}
.sub-visual h1 {position:absolute; top:50%; left:0; width:100%; margin-top:0; text-align:center; font-size:48px; color:#fff; text-shadow:3px 3px 3px rgba(0,0,0,0.3);}
.sub-visual img {width:100%; height:auto; margin-left:0;}
@media(max-width:320px){
	.sub-visual {margin-top:50px;}
	.sub-visual h1 {top:55%;font-size:17px;}
	.sub-visual img {width:200%; height:auto; margin-left:-50%;}
}
@media(min-width:321px){
	.sub-visual {margin-top:50px;}
	.sub-visual h1 {top:50%;font-size:24px;}
	.sub-visual img {width:200%; height:auto; margin-left:-50%;}
}
@media(min-width:768px){
	.sub-visual {margin-top:0;}
	.sub-visual h1 {top:50%;font-size:30px;}
	.sub-visual img {width:140%; height:auto; margin-left:-20%;}
}
@media(min-width:992px){
	.sub-visual {margin-top:0;}
	.sub-visual h1 {top:55%;font-size:36px;}
	.sub-visual img {width:120%; height:auto; margin-left:-10%;}
}
@media( min-width:1220px){
	.sub-visual {margin-top:0;}
	.sub-visual h1 {top:50%;font-size:48px;}
	.sub-visual img {width:100%; height:auto; margin-left:0;}
}


#aside-nav {display:block; height:50px; background:#fff;border-bottom:1px solid #ddd; overflow:hidden;}
#aside-nav .home {float:left;}
#aside-nav .home i {font-size:18px; color:#ccc; line-height:49px;}
#aside-nav .parent {float:left; height:50px; padding:0; font-size:17px; color:#333; font-weight:600; line-height:50px;}
#aside-nav .parent i {font-size:14px;color:#ccc; line-height:50px; margin:0 20px;}
#aside-nav .children li {float:left;}
#aside-nav .children li a {float:left; padding:0 20px; font-size:15px; color:#000; line-height:48px;}
#aside-nav .children li.current a {color:#005fca; font-weight:600; line-height:48px; border-bottom:1px solid #005fca;}

@media (max-width:767px) {
	#aside-nav {display:none;}
	#aside-select {display:block;position:relative; height:40px; background:#fff; border-bottom:1px solid #ddd;}
	#aside-select div {float:left; width:50%; padding:0 10px 0 10px; line-height:40px; font-size:15px; color:#000;font-weight:600;}
	#aside-select dt { float:left; width:50%; border-left:1px solid #ddd; font-size:13px;}
	#aside-select dt a {display:block; line-height:40px; padding:0 10px 0 10px; color:#005fca; background:url(../img/common/all_bullet.png) no-repeat right center; outline:0;}
	#aside-select dt a i {float:right; padding-top:12px; font-size:14px;}
	#aside-select dd {display:none; position:absolute; top:39px; left:50%; width:50%; background:#fff; z-index:10;}
	#aside-select ul {padding:10px 0; border:1px solid #ddd; border-right:0;}
	#aside-select li {}
	#aside-select li a {display:block; padding:5px 10px; color:#333; font-size:13px;}
	#aside-select li a em { color:#e21f26; font-size:12px;}
}
@media(min-width:768px){
	#aside-nav {display:block;}
	#aside-nav .parent {font-size:15px;}
	#aside-nav .children li a {font-size:13px;}
	#aside-select {display:none;}
}
@media(min-width:992px){
	#aside-nav {display:block;}
	#aside-nav .parent {font-size:17px;}
	#aside-nav .children li a {font-size:15px;}
	#aside-select {display:none;}
}
@media( min-width:1220px){
	#aside-nav {display:block;}
	#aside-nav .parent {font-size:17px;}
	#aside-nav .children li a {font-size:15px;}
	#aside-select {display:none;}
}


#content {position:relative; display:inline-block; margin-bottom:50px; color:#666; min-height:600px; zoom:1; }
#content:after {content:""; display:block; clear:both;}
#contents { margin-bottom:50px;margin-left:250px; color:#666; min-height:600px;}
#contents:after {content:""; display:block; clear:both;}
@media (max-width:767px) {
	#content {width:100%; margin-bottom:20px; min-height:auto;}
	#contents {margin-left:0; width:100%; margin-bottom:20px; min-height:auto;}
}
@media(min-width:768px){
	#content {width:100%; margin-bottom:20px; min-height:auto;}
	#contents {margin-left:0; width:100%; margin-bottom:20px; min-height:auto;}
}
@media(min-width:992px){
	#content {width:100%;margin-bottom:50px; color:#666; min-height:600px;}
	#contents {width:100%; margin-bottom:50px;margin-left:250px; color:#666; min-height:600px;}
}
@media( min-width:1220px){
	#content {width:1200px;margin-bottom:50px; color:#666; min-height:600px;}
	#contents {width:1200px; margin-bottom:50px;margin-left:250px; color:#666; min-height:600px;}
}


.content-header {padding:70px 0; text-align:center;}
.content-header h2 {margin:0; font-size:36px; line-height:9px; color:#000; background:url(../img/common/bg-section-header.png) no-repeat center 0;}
.content-header p {font-size:17px; color:#666; word-break:keep-all;}
@media(max-width:320px){
	.content-header {padding:20px 0;}
	.content-header h2 {font-size:21px; line-height:48px;}
	.content-header p {display:none;}
}
@media(min-width:321px){
	.content-header {padding:20px 0;}
	.content-header h2 {font-size:24px; line-height:48px;}
	.content-header p {margin:0;font-size:12px;}
}
@media(min-width:768px){
	.content-header {padding:30px 0;}
	.content-header h2 {font-size:30px; line-height:60px;}
	.content-header p {margin:0; font-size:13px;}
}
@media(min-width:992px){
	.content-header {padding:50px 0;}
	.content-header h2 {font-size:30px; line-height:60px;}
	.content-header p {margin:0; font-size:15px;}
}
@media(min-width:1220px){
	.content-header {padding:70px 0;}
	.content-header h2 {font-size:36px; line-height:72px;}
	.content-header p {font-size:17px;}
}


/*상품 카테고리*/
.category-list {display:block; margin:0 0 30px 0 ;text-align:left; font-size:15px;  border-top:2px solid #333; zoom:1;}
.category-list:after {content:""; display:block; clear:both;}
.category-list h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
.category-list li {float:left; width:25%; *width:24.9%;}
.category-list li a {display:block; margin:0 -1px -1px 0; height:49px; line-height:49px; color:#666; border:1px solid #ddd; background:#fff; padding:0 10px; overflow:hidden;}
.category-list li a:hover {color:#005fca; border-color:#ddd; background:#f5f5f5; text-decoration:none;}
.category-list li.active a {color:#fff; border-color:#0055b5;font-weight:600; background:#005fca; text-decoration:none;}
.category-list li.current a {color:#fff; border-color:#0055b5;font-weight:600; background:#005fca; text-decoration:none;}
.category-list li.all a {color:#005fca;font-weight:600;}
.category-list li .cnt,
.category-list li a:hover .cnt { font-size:11px; color:#999;}
.category-list li.active a .cnt {color:#ddd;}
@media (max-width:767px) {
	.category-list {display:block; font-size:13px;}
	.category-list li {width:50%;}
	.category-list li a {height:34px; line-height:34px;}
	.category-list-select {display:block; position:relative; margin:10px 0; height:30px; background:#fff;border:0;}
	.category-list-select dt { float:left; width:100%; height:30px; font-size:13px; border:1px solid #ddd;}
	.category-list-select dt a {display:block; line-height:30px; padding:0 10px 0 10px; color:#000; background:url(../img/common/all_bullet.png) no-repeat right center; outline:0;}
	.category-list-select dt a i {float:right; padding-top:7px; font-size:14px;}
	.category-list-select dd {display:none; position:absolute; top:29px; left:0; right:0; width:100%; background:#fff; z-index:10;}
	.category-list-select ul {padding:10px 0;border:1px solid #ddd;}
	.category-list-select li { width:100%;}
	.category-list-select li a {display:block; padding:5px 10px; color:#333; font-size:13px;}
}
@media(min-width:768px){
	.category-list {display:block; font-size:13px;}
	.category-list li {width:50%;}
	.category-list li a {height:39px; line-height:39px;}
	.category-list-select {display:none;}

}
@media(min-width:992px){
	.category-list {display:block; font-size:15px;}
	.category-list li {width:25%;}
	.category-list li a {height:44px; line-height:44px;}
	.category-list-select {display:none;}
}
@media(min-width:1220px){
	.category-list {display:block; font-size:15px;}
	.category-list li {width:25%;}
	.category-list li a {height:49px; line-height:49px;}
	.category-list-select {display:none;}
}

.category-list-h2 {font-size:15px; color:#005fca;line-height:30px;}
.category-list2 {display:block; margin:0 0 30px 0 ;text-align:left; font-size:15px; padding:5px 0;  border:1px solid #999; zoom:1;}
.category-list2:after {content:""; display:block; clear:both;}
.category-list2 li {float:left;}
.category-list2 li a {display:block; color:#333; padding:5px 10px;}
.category-list2 li a:hover {font-weight:600; color:#005fca; text-decoration:none;}
.category-list2 li.active a {font-weight:600; color:#000; text-decoration:none;}
.category-list2 li a.active {font-weight:600; color:#005fca; text-decoration:none;}
.category-list2 li.all a {color:#005fca;font-weight:600;}
.category-list2 li .cnt,
.category-list2 li a:hover .cnt { font-size:11px; color:#999;}
.category-list2 li.active a .cnt {color:#666;}
@media (max-width:767px) {
	.category-list2 {display:none;}
}
@media(min-width:768px){
	.category-list2 {display:block;}

}
@media(min-width:992px){
	.category-list2 {display:block;}
}

.category-header {margin-bottom:10px; font-size:17px; font-weight:600; color:#005fca;}
@media (max-width:767px) {
	.category-list2 {font-size:13px;}
}
@media(min-width:768px){
	.category-list2 {font-size:15px;}

}
@media(min-width:992px){
	.category-list2 {font-size:15px;}
}
@media(min-width:1220px){
	.category-list2 {font-size:17px;}
}