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

 /*
===================
기본
===================
*/
 * {  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
 html,body {margin:0; padding:0; font-family:'Roboto', 'Noto Sans KR', sans-serif; text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;}
input, textarea {font-family:'Roboto', 'Noto Sans KR', sans-serif;}
a {text-decoration:none; color:#333;}
#mt_wrap {width:100%; max-width:1360px; margin:0 auto;}
#mt_wrap2 {display:table; border:1px solid #ddd; border-top:0; border-bottom:0; width:100%; max-width:1100px; margin:0 auto;}
.pconly{display:block;}
.mobonly {display:none !important;}
.pconly2 {display:inline-block;}
.mobonly2 {display:none !important;}

.lustria {font-family:'Lustria', serif;}
.notosans {font-family:'noto sans kr', sans-serif;}
.Roboto {font-family:'Roboto', serif;}
.ponoto {font-family:'Roboto', 'Noto Sans KR', sans-serif;}

.fl-left {float:left; width:100%;}
.col-2 {float:left; width:100%;}
.col-2 .one {float:left; width:50%;}

/*
===================
헤더
===================
*/
#header {position:fixed; z-index:99; width:100%; background-color:transparent; color:#fff; transition:all .4s; border-bottom:1px solid rgba(255,255,255,0.2);}
#header .lang {float:left; width:25%; padding:30px 0 10px 0; }
#header .lang a {font-size:.8rem; color:#ddd; text-decoration:none; padding:0px 10px; }
#header .lang a.active {color:#fff;}
#header .lang .bar {font-size:.78rem; font-weight:300; color:#ccc;}
#header .logo { float:left; width:50%; text-align:center; padding:20px 0 10px 0; font-size:1.6rem;}
#header .logo img {width:180px; margin-left:-25px; transition:all .2s;}
#header .logo a {color:#fff;}
#header .user {float:left; width:25%; text-align:right; padding:30px 0 10px 0; }
#header .user li {float:right; list-style:none; margin-left:10px;}
#header .user a {color:#fff;}
#header .nav {float:left; width:100%;}
#header .nav ul {display:table; margin:0 auto; padding:0;}
#header .nav li {float:left; list-style:none; margin:0;  }
		#header .nav li a {float:left; padding:15px 40px 22px 40px; color:#fff; text-decoration:none; font-weight:400; font-size:1.1rem; letter-spacing:0.5px; text-align:center; border-bottom:3px solid transparent; text-transform:uppercase;}
		#header .nav li a:after {display:block; content:''; width:0%; height:2px; background:#fff; transition:width .5s;}
		#header .nav li:hover a:after {width:100%;  transition:width .5s;}
		#header .nav li a.hover {width:100%;  transition:width .5s}
		#header .nav li.active a {}
#header .nav .subnav {position:absolute; left:0; right:0; top:0; margin-top:135px; width:100%; display:none; background:rgba(250,250,250,1); color:#000;  transition:all 1.5s; border-top:1px solid #ddd; box-shadow:0px 5px 15px rgba(0,0,0,0.06);}
		#header .nav .subnav a {letter-spacing:0; text-transform:Capitalize;}
		#header .nav .subnav .tit {float:left; width:50%; padding:30px; color:gray; font-size:.9rem; line-height:1.5rem;}
		#header .nav .subnav .tit h2 {font-size:1.2rem; color:#333;}
		#header .nav .subnav .tit .morebtn {padding:5px 20px; border:1px solid #ddd; color:gray;  font-family:'Roboto', 'Noto Sans KR', sans-serif; font-size:.84rem;}
		#header .nav .subnav .tit .morebtn:hover {background:#ddd; transition:all .5s;}
		#header .nav .subnav .mini {float:right; width:50%; text-align:right; padding: 30px 30px 25px 30px;}
		#header .nav li:hover .subnav{}
		 /*modify - allmenu*/
		#header .nav:hover .subnav {display:block; transition:all 1.5s;}
		#header .nav .subnav #mt_wrap2 {padding:20px 150px;}


#header:hover {background:transparent; border-bottom:1px solid rgba(255,255,255,0.2); }
		#header:hover .nav li a{}
		#header:hover .nav .subnav {border-top:1px solid #ddd;}
		#header:hover .user a {}
		#header:hover .lang a.active {}
		#header:hover .lang .bar {}
		#header:hover .lang a {}

#header.min {background:#fff; border-bottom:1px solid #ddd; transition:all 1s;}
	#header.min .logo img {width:140px; margin-left:0; transition:all .2s;}
	#header.min .nav li a {color:#4a4242;}
	#header.min .user a {color:#4c4c4c;}
	#header.min .nav li:hover a:after {width:100%;  background:gray; transition:width .5s;}

/*
===================
푸터
===================
*/
.botbox {position:relative; float:left; width:100%; text-align:center; margin-top:110px;}
.botbox .left {position:relative; float:left; width:50%; height:250px; z-index:2; transition:all .5s; overflow:hidden;}
.botbox .right {position:relative; float:left; width:50%;   height:250px; z-index:2; transition:all .5s; overflow:hidden;}
.botbox .imgbox {position:absolute; width:100%; height:auto; top:0; left:0; z-index:3; transition:all .5s;}
.botbox .opc {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:3;  transition:all .5s;}
.botbox .txtbox {position:absolute; width:430px; height:100%; top:90px; left:50%;  margin-left:-205px; text-align:left; z-index:4; color:#fff;}
.botbox .txtbox h1 {font-size:2rem; font-weight:500; margin-bottom:10px;}
.botbox .txtbox p {font-size:.94rem; color:#ccc; word-break:keep-all;}

.botbox div:hover .imgbox {width:110%; height:auto; left:-5%; transition:all .5s;}
.botbox div:hover .opc{background:rgba(0,0,0,0.4); transition:all .5s;}

#footer {float:left; width:100%; background:#262626; color:#e2e2e2; padding:60px 0; font-size:.83rem; text-align:left;}
#footer a {}
#footer p {}
#footer .copylink {display:table; width:100%; max-width:1360px; margin:0 auto;}
#footer .copylink a {font-size:.9rem; margin-right:12px; color:#ccc;}
#footer .copylink a:after {content:'|'; color:#6b6b6b; margin-left:13px;}
#footer .copylink a:last-child {margin-right:0;}
#footer .copylink a:last-child:after {display:none;}
#footer .topbar {position:relative; width:100%; max-width:1360px; border-top:1px solid #4c4c4c; font-family:'noto sans kr'; font-size:.9rem; margin:0 auto; padding-top:30px; margin-top:30px;}
#footer .gototop {position:absolute; font-size:10px; top:0; right:0; margin-left:-21px; margin-top:-21px; width:42px; height:42px; padding-top:6px;  line-height:14px; border-radius:50%; border:1px solid #4c4c4c; color:#ccc; background:#262626; z-index:1000 !important;}
#footer .gototop i {font-size:13px;}
#footer .gototop a {color:#888;}
#footer .gototop:hover {background:#000; border:1px solid #000;  transition:all .5s;}
#footer .gototop:hover a {color:#fff;}
#footer .footcont {color:#848484;}
#footer .bar {color:#585858; margin:0 2px; font-size:.68rem;}
#footer .rights {max-width:1360px; margin:0 auto; font-size:.8rem !important; padding-top:5px; color:#848484;}
#footer .rights a {color:#848484;}
/*
===================
슬라이더
===================
*/
.slideropc {background:rgba(0,0,0,0.4); width:100%; position:absolute; z-index:99; color:#fff !important; height:100vh; text-align:center;}
.slidertxt {position:absolute; top:-90px; bottom:0; z-index:100; color:#fff !important; text-align:center; margin: auto;height:2em; width:100%;}
	.slidertxt .bigtxt {font-size:3.2rem;font-family: 'Lustria', serif;  font-weight:500; letter-spacing:-0.5px;margin-bottom:20px;}
	.slidertxt .smalltxt {font-size:1.2rem; font-weight:300; letter-spacing:0; word-break:keep-all; }
	.slidertxt p {margin:0;}
.subslider .slidertxt { }
	.subslider .slidertxt .bigtxt {font-size:2.6rem; margin:15px 0 0 0; line-height:2; font-family:'noto sans kr', serif;}
	.subslider .slidertxt .smalltxt {font-size:1.4rem; color:#fff;}
	.subslider .slidertxt p {margin:0;}

.kenburn-slider {
  width: 100%;
  margin: 0;
  position: relative;
  background-color:#000 !important;
}
.kenburn-slider .slides {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.kenburn-slider .slides > li {
  float: left;
  margin-right: -100%;
  width: 100%;
  overflow: hidden;
  height: 100vh;
  position: relative;
}
.subslider .slides > li {
  height: 68vh !important;
}
.kenburn-slider .flex-direction-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kenburn-slider .flex-direction-nav .flex-prev, .kenburn-slider .flex-direction-nav .flex-next {
  background-color: rgba(255, 255, 255, 0.7);
  color: #333;
  padding: 10px 20px;
  text-decoration: none;
  position: absolute;
  height: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 8;
  text-align: center;
}
.kenburn-slider .flex-direction-nav .flex-prev {
  left: 0;
}
.kenburn-slider .flex-direction-nav .flex-next {
  right: 0;
}

.slide-image {
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.flex-active-slide .slide-image {
  -webkit-animation: zoomOut 5s;
  -ms-animation: zoomOut 5s;
          animation: zoomOut 5s;
}

@-webkit-keyframes zoomOut{
0%{opacity:0.6; filter: alpha(opacity=60);}
100%{opacity:1; filter: alpha(opacity=100);}
}
@-ms-keyframes zoomOut{
0%{opacity:0.6; filter: alpha(opacity=60);}
100%{opacity:1; filter: alpha(opacity=100);}
}
@keyframes zoomOut{
0%{opacity:0.6; filter: alpha(opacity=60); -webkit-transform: scale(1.3); transform: scale(1.3);}
100%{opacity:1; filter: alpha(opacity=100);  -webkit-transform: scale(1); transform: scale(1); }}

.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}

.kenburn-slider .flex-direction-nav .flex-prev, .kenburn-slider .flex-direction-nav .flex-next {background:none !important; color:#fff; font-family:'batang', 'sans-serif'; padding:10px 25px !important; font-size:3.8rem; font-weight:200; opacity:0.5;}
.subslider .flex-direction-nav .flex-prev, .subslider .flex-direction-nav .flex-next {display:none;}

/*
===================
빵조각
===================

.breadcrumb {float:right; width:100%; border-bottom:1px solid #ccc; margin-bottom:60px;}
.breadcrumb li:nth-child(1) {border-left:1px solid #ccc; }
.breadcrumb li {float:left; padding: 20px 40px; border-right:1px solid #ccc; font-weight:400;color:gray;}
.breadcrumb li i {font-size:1.1rem;}
.breadcrumb li a {color:gray;}
*/
.breadcrumb {display:none; float:right; width:100%; padding:0 40px; background:#fff; border-bottom:1px solid #d7e0e4;}
.breadcrumb ul {display:table; float:right;}
.breadcrumb li:nth-child(1) {border-left:0; }
.breadcrumb li {float:left; padding:15px 10px 15px 5px; border-right:0; font-size:.94rem; font-weight:400;color:gray;}
.breadcrumb li i {font-size:1.1rem;}
.breadcrumb li a {color:gray;}
.breadcrumb li:after {content:'>'; margin-left:15px;}
.breadcrumb li:last-child {padding-right:0;}
.breadcrumb li:last-child:after {display:none;}

.quickmenu {position:absolute; width:100%; border:0px solid #ddd; background:rgba(0,0,0,0.4); /*max-width:1360px; left:50%; margin-left:-680px;*/ margin-top:-60px; z-index:3;}
.quickmenu ul {display:table; margin:0 auto;}
.quickmenu ul li {float:left; width:140px; text-align:center; padding:0; height:60px; line-height:60px; margin:0; font-size:1.1rem; border-radius:0px;}
.quickmenu ul li a {color:#fff; font-weight:300;}
.quickmenu ul li:hover a {color:#36abf9;  transition:width .5s;}
.quickmenu ul li.active {  border-bottom:2px solid #36abf9; transition:width .5s;}
.quickmenu ul li.active a {color:#36abf9; font-weight:400;}


/*
===================
기타
===================
*/
.layout_page {padding:0; color:#777;}
	.layout_page h2{font-size: 34px;color: #333333;line-height: 34px;text-align: center; font-weight:500;}
.layout_box {float:left; width:100%; text-align:center; padding:40px 0 60px 0;}
	.layout_box i {color:#e0e0e0; font-size:3rem;}
	.layout_box span {font-size:1.1rem;  font-weight:500; text-transform:uppercase; letter-spacing:1px; color:#555;}
	.layout_box p {color:#777; margin-top:20px;}
	.layout_box .left {float:left; width:33.3%; }
	.layout_box .center {float:left; width:33.3%; border:1px solid #ddd; border-top:0; border-bottom:0;}
	.layout_box .right {float:left; width:33.3%;}
.bracket {font-family: 'Roboto', sans-serif;}
.layout_btn1 {background-color:transparent; color:#333; font-size:14px; border:1px solid #333; padding:10px 20px; font-weight:600;}
.layout_btn1:hover {background:#333; color:#fff; transition:all 0.5s;}
.layout_btn2 {background-color:#333; color:#fff; font-size:14px; border:1px solid #333; padding:10px 20px; font-weight:600;}
.layout_btn2:hover {background:transparent; color:#333; transition:all 0.5s;}
.layout_btn3 {background-color:#d13f4a; color:#fff; font-size:14px; border:1px solid #d13f4a; padding:10px 20px; font-weight:600;}
.layout_btn3:hover {background:transparent; color:#d13f4a; transition:all 0.5s;}
.layout_admbtn {background:#15256b; color:#ccc; padding:2px 8px; font-size:10px; font-weight:500;}
.layout_admbtn:hover {background:#1a5bbb; color:#fff; transition:all .5s;}
#bo_btn_top {float:left; width:100%;}
.infobox {padding:40px; padding-left:10%;}
	.infobox p { font-size:1rem !important; color:#333;}
.morebtn2 {font-size:.8rem; padding:10px 20px; border:1px solid #ccc;  border-radius:5px; margin:0; transition:all .5s;}
	.morebtn2 span:after {content:'>'; margin-left:10px; }
	.morebtn2:hover {background:#fafafa; }
	.morebtn2:hover span:after {margin-left:20px; transition:all .5s;}
button#top_btn {display:none;}

.subpage_cont {float:left; width:100%;}
.maintit {float:left; width:100%; font-size:1.8rem; font-family:'Lustria', serif; margin-bottom:40px; font-weight:500;}
#mt_wrap.subpage {margin-top:0; padding:0 0 60px 0; z-index:9; position:relative; background:#fff;}
.subpagetit {text-align:center; color:#777; margin:30px 0 50px 0;}
	.subpagetit h2 {font-size:2.2rem;}
	.subpagetit p {font-size:.92rem; font-weight:300; color:#bdbaba; margin-top:20px; letter-spacing:2px; text-transform:uppercase;}
	.subpagetit .subbar {display:table; margin:0 auto; border-top:1px solid #ccc; width:50px;}
	.subpagetit i {font-size:2rem; color:#d7d7d7;}
.ver_line {display:table; margin:0 auto; width:1px; height:80px; background:#ddd;}
.ver_line_sub {display:table; margin:0 auto; width:1px; height:60px; background:#ddd;}

.mini_tab {display:table; width:100%; /*max-width:890px;*/ margin:0 auto;}
	.mini_tab li {float:left; width:50%; border:1px solid #ddd; border-right:0;}
	.mini_tab li:first-child {/*border-radius:50px 0 0 50px;*/}
	.mini_tab li:last-child {border-right:1px solid #ddd; /*border-radius:0 50px 50px 0;*/}
	.mini_tab li a {display:inline-block; width:100%; padding:15px 0; text-align:center; font-weight:300; font-size:1.1rem;}
	.mini_tab li.active {border-bottom:1px solid #0161a7; background:#3749ab; border-color: #3749ab; box-shadow:0 5px 10px #ddd;}
	.mini_tab li.active a {color:#fff;}

.titbox {float:left; width:100%;}
	.titbox:before {content:''; position:absolute;top: -15px;width: 40px;height: 2px;background: #1a7fc3;}
	.titbox .tit { display: inline-block; font-size:1.7rem; font-weight:500;  color:#3e3e3e; /*border-bottom:3px solid #2196f3;*/ margin-bottom:15px;}
	.titbox .txt {display:block; font-size:1.07rem; font-weight:300; line-height:1.8rem;}

.styletbl {float:left; width:100%; border:2px solid #9b9ca0; border-left:0; border-right:0; font-size:1.04rem;}
	.styletbl th, .styletbl td {border-bottom:1px solid #ddd; padding:15px 0;}
	.styletbl tr:last-child th, .styletbl tr:last-child td {border-bottom:0;}
	.styletbl th {background:#f8fafb; text-align:center; min-width:250px; font-weight:500; color:#3f404a;}
	.styletbl td {padding-left:20px; font-weight:300;}

.styletbl.round {}
	.styletbl.round th {min-width:100px; width:100px; height:100px; border-radius:100%;}
	
.gallbox {position:relative; float:left; width:100%; margin:20px 0;}

.gallery-top .swiper-slide {min-height:780px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.gallery-thumbs  {position:absolute !important; width:100%; top:-75px; right:-10px;}
.gallery-thumbs .swiper-wrapper {display:inline-block; width:auto !important; float:right;}
.gallery-thumbs .swiper-slide {float:left; max-width:45px; min-height:45px; background-size:cover; background-repeat:no-repeat; opacity:0.4; border-radius:50%;}
.gallery-thumbs .swiper-slide-thumb-active {opacity:1;}

.col-3 {float:left; width:100%;}
	.col-3 .one {float:left; width:32%; margin:0 2% 2% 0; border:1px solid #ddd; }
	.col-3 .one:first-child {margin-left:0;}
	.col-3 .one:nth-child(3n) {margin-right:0;}
	.col-3 .one img {width:100%;}

.ggmap {border:0; float:left; margin-top:40px; border:1px solid #ddd; height:350px;}

/*
===================
메인페이지
===================
*/
.main_box_news {padding: 90px 0 50px 0;}
.main_box_brand {padding:40px 0;}

.mainphrase {padding:25px 0; background:#eaeaea;}
	.mainphrase .left {width:60%; font-size:1.24rem;}
	.mainphrase .right {width:40%; text-align:right;}

.mainfeature { float:left; width:100%; background:#0f4e9c; text-align:center; color:#fff; padding:80px 0; margin:60px 0;}
	.mainfeature .oneblock {float:left; width:25%; border-right:1px dotted #1362a3; }
	.mainfeature .oneblock:last-child {border-right:0;}
	.mainfeature .oneblock .pointword {font-size:1.6rem; font-weight:500; margin-bottom:25px; color:#89bbe4;}
	.mainfeature .oneblock .pointword.long {}
	.mainfeature .oneblock i {font-size:4.8rem;}
	.mainfeature .oneblock i.fa-pagelines {font-size:4.6rem; margin:0 0 2px 0;}
	.mainfeature .oneblock i.fa-gem {font-size:4rem; margin:11px 0 0 0;}
	.mainfeature .oneblock span {display:inline-block; clear:both; border:0px solid #2d73ac; border-left:0; border-right:0; margin-top:20px; padding:5px 0; color:#fff;  font-weight:500; font-size:1.1rem; letter-spacing:-0.5px;}
	.mainfeature .oneblock span:before {content:" · "; color:#89bbe4; font-weight:bold; font-size:1.4rem; margin-right:5px;}
	.mainfeature .oneblock span:after {content:" · "; color:#89bbe4; font-weight:bold;font-size:1.4rem; margin-left:5px;}
	.mainfeature .oneblock:hover i {color:#dedede; transition:all 2s;}
	.mainfeature .oneblock:hover span { transition:all 2s;}

.brands {float:left; width:100%; font-size:1.1rem; border:1px solid #ddd; border-left:0; border-right:0; margin-bottom:40px;}
	.brands .showroom {background:url('/theme/mt-03/img/pattern.png');color:#fff; font-size:1.8rem; padding:145px 0; text-align:center;}
	.brands .showroom a {display:inline-block; background:transparent; border-color:#fff; color:#fff; margin-top:20px;}
	.brands img {opacity:1;}
	.brands img:hover {opacity:0.6; transition:all 0.5s;}
	.brands div {float:left; width:20%; border:0px solid #ddd; border-right:0;}

/*
===================
모바일메뉴
===================
*/
.humberg {  display: none; position: absolute;  right:20px;  top:0;  width: 25px;  height: 25px;  float: left;  top: 9px; z-index:999;}
  .humberg .icon-bar {    left: 0;    position: absolute;    display: block;    height: 2px;
    background-color: #fff;    transform: rotate(0);    -moz-transform: rotate(0);
    -webkit-transform: rotate(0); }
    .humberg .icon-bar-a {      width: 22px;      top: 8px; }
    .humberg .icon-bar-b {      width: 15px;      top: 15px; }
    .humberg .icon-bar-c {      width: 22px;      bottom: 1px; }
  .humberg.active .icon-bar-a {    width: 23px;    top: 15px;    transform: rotate(45deg);    -moz-transform: rotate(45deg);    -webkit-transform: rotate(45deg); }
  .humberg.active .icon-bar-b {    background-color: transparent !important; }
  .humberg.active .icon-bar-c {    width: 23px;    top: 15px;
    transform: rotate(-45deg);    -moz-transform: rotate(-45deg);    -webkit-transform: rotate(-45deg); }
.swipe-layer {  width: 10px;  height: 100%;  top: 0;  bottom: 0;  left: 0;  position: fixed;  z-index: 99999;  background-color: transparent;  }
#header .nav li > span.drop-down {  display: none; }
#header .nav li > span.drop-down {  width: 46px;  height: 46px;  background: rgba(34, 34, 34, 0.09);  top: 0;  right: 0;  position: absolute;  z-index: 2; }
  #header .nav li > span.drop-down:after {    width: 15px;    height: 14px;    content: '+';    font-size: 14px;    line-height: 14px;    color: #212121;    display: block;    top: 0;    bottom: 0;    right: 0;    left: 0;    position: absolute;    margin: auto;    text-align: center; }
#header .nav li.active > span.drop-down {  background: rgba(34, 34, 34, 0.2); }
  #header .nav li.active > span.drop-down:after {    content: '-';    font-size: 23px;
    line-height: 10px; }
.mlang {position:absolute; bottom:0; width:100%;}
	.mlang div{float:left; width:50%; border:1px solid #ccc; border-bottom:0; border-left:0; padding:15px 0; text-align:center; font-size:.9rem; background:#fafafa;}
	.mlang a:first-child {}
	.mlang a:last-child div{border-right:0;}
/*
===================
PC헤더
===================
*/
@media (min-width: 1360px) {

.navlist {display:table; width:1100px; margin:0 auto; padding:35px 0; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.navbox {display:table; width:830px; margin:0 auto; }
.navsec {float:left;position:relative;}
	.navsec:nth-child(1) {float:left; width:175px; border:0px solid #ddd;}
	.navsec:nth-child(2) {float:left; width:155px; border:0px solid #ddd;}
	.navsec:nth-child(3) {float:left; width:155px; border:0px solid #ddd;}
	.navsec:nth-child(4) {float:left; width:155px; border:0px solid #ddd}
	.navsec:nth-child(5) {float:left; width:190px; border:0px solid #ddd;}
	.navlist li {float:left; width:100%; margin:0  !important; text-align:center;}
	.navlist li a {float:none !important; display:inline-block;  width:auto  !important; font-weight:400  !important; border:0 !important; padding:7px 0  !important; font-size:1rem !important; letter-spacing:0px; color:#403e3e  !important; text-align:center; transition:all .5s;}
	.navlist li:hover a {color:#0070bc !important;}
	.navlist li a:after {background:#0070bc !important;}
.navline {float:left; width:200%; height:1px; background:#ddd;}

#header.min {}
	#header.min .lang {display:none;}
	#header.min .logo {width:30%; text-align:left; padding:13px 0; font-size:1.4rem; }
	#header.min .nav {width:60%; }
	#header.min .nav li {margin-top:5px;}
	#header.min .nav li a {padding:15px 30px; font-size:1.04rem;}
	#header.min .nav .subnav {margin-top:59px; padding-left:270px;}
	#header.min .user {float:right; width:10%; padding:20px 0; }
	#header.min .navline {margin-left:-300px;}
	#header.min .navbox {width:auto;}
	#header.min .nav .subnav {padding-left:270px;}
	#header.min .navsec:nth-child(1) {width:165px;}
	#header.min .navsec:nth-child(2) {width:120px;}
	#header.min .navsec:nth-child(3) {width:135px;}
	#header.min .navsec:nth-child(4) {width:125px;}
	#header.min .navsec:nth-child(5) {width:175px;}
}

/*
===================
모바일헤더
===================
*/
@media (max-width: 1359px) {
.pconly {display:none !important;}
.mobonly {display:block !important;}
.pconly2 {display:none !important;}
.mobonly2 {display:inline-block !important;}

.navlogo { margin:0; padding:14.5px 20px; margin-bottom:0px; border-bottom:0px solid #ddd; text-align:center; background:#062c5e;}
.navlogo a { color:#fff;}
#header .lang {display:none;}
#header .logo {width:60%; font-size:1.2rem; text-align:left; padding:8.5px 0 8.5px 20px;}
	#header .logo img {width:150px; margin-left:0;}
	#header.min .logo img {width:130px;}
	#header.min .user {top:13.5px;}
	#header.min .user a {color:gray;}
	#header.min .humberg {top:7.5px;}
	#header.min .humberg .icon-bar {background-color:gray;}
#header .user {position:absolute; width:auto; right:60px; top:15px; padding:0; font-size:1.15rem;}
#header .nav li.active a {border-bottom:0;}
  #header .nav {
    top: 0;
    left: -240px;
    right: auto;
    position: fixed;
    width: 240px !important;
    height: 100%;
    background-color: rgba(255,255,255, 1);
	box-shadow:1px 5px 10px rgba(0,0,0,0.1);
	}
	#header .nav ul {
		height:calc(100% - 101px);
		overflow-y:auto;
	}
    #header .nav ul li {
	  position:relative;
      margin: 0;
      padding: 0; 
	  border-bottom:1px solid #ccc;
	  }
      #header .nav ul li a {
        display: inline-block;
		width:100%;
        margin: 0;
        height:46px;
        background-color: transparent;
        line-height: 16px;
        text-transform: uppercase;
        text-align: left; 
		color:#333 !important;
        font-size: 14px;
        transition: 0.4s ease all;
        -moz-transition: 0.4s ease all;
        -webkit-transition: 0.4s ease all; }
        #header .nav ul li a * {
          color: #000;
          transition: 0.4s ease all;
          -moz-transition: 0.4s ease all;
          -webkit-transition: 0.4s ease all; }
        #header .nav ul li a:focus, #header .nav ul li a:active, #header .nav ul li a:visited, #header .nav ul li a:link {
          color: #000; }
          #header .nav ul li a:focus *, #header .nav ul li a:active *, #header .nav ul li a:visited *, #header .nav ul li a:link * {
            color: #000; }
        #header .nav ul li a.active {
          color: #ea0000; }
          #header .nav ul li a.active * {
            color: #ea0000; }
        #header .nav ul li a:hover {
          color: #ea0000; }
          #header .nav ul li a:hover * {
            color: #ea0000; }
	  #header .nav li a:after {display:none;}
	  #header .nav .subnav {display:none !important;}
      #header .nav ul li ul {
        width: 90%;
        display: none;
        top: 0;
        left: 0;
        position: relative;
        padding: 0 13px;
        background-color: #fff;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0; }
        #header .nav ul li ul li {
		  width:100%;
          margin: 0;
          padding: 0; }
		#header .nav ul li ul li:last-child {
		  border-bottom:0;
		}
        #header .nav ul li ul a {
          margin: 0;
          padding: 15px 46px 15px 15px;
          background-color: transparent;
          line-height: 16px;
          text-transform: capitalize;
          text-align: left; }
        #header .nav ul li ul a {
          font-size: 14px;
          font-weight: 500;
          color: #000;
          transition: 0.4s ease all;
          -moz-transition: 0.4s ease all;
          -webkit-transition: 0.4s ease all; }
          #header .nav ul li ul a * {
            color: #000;
            transition: 0.4s ease all;
            -moz-transition: 0.4s ease all;
            -webkit-transition: 0.4s ease all; }
          #header .nav ul li ul a:focus, #header .nav ul li ul a:active, #header .nav ul li ul a:visited, #header .nav ul li ul a:link {
            color: #000; }
            #header .nav ul li ul a:focus *, #header .nav ul li ul a:active *, #header .nav ul li ul a:visited *, #header .nav ul li ul a:link * {
              color: #000; }
          #header .nav ul li ul a.active {
            color: #ea0000; }
            #header .nav ul li ul a.active * {
              color: #ea0000; }
          #header .nav ul li ul a:hover {
            color: #ea0000; }
            #header .nav ul li ul a:hover * {
              color: #ea0000; }
      #header .nav ul li:hover > a {
        color: #ea0000; }
      #header .nav ul li:hover > ul {
        display: none; }
    #header .nav ul li.active > a {
      color: #ea0000; }
    #header .nav > ul > li {
      width: 100%;
      margin: 0; } 

  .humberg {  display: block; }

  #header .nav {
    overflow-y: auto; }
    #header .nav::-webkit-scrollbar-track {
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
      border-radius: 4px;
      background-color: #ffffff;
      width: 11px; }
    #header .nav::-webkit-scrollbar {
      width: 11px;
      background-color: #ffffff; }
    #header .nav::-webkit-scrollbar-thumb {
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
      border-radius: 8px;
      background-color: #d0cfcf; } 
  #header .nav li > span.drop-down {    display: block; } 
  body {    overflow-x: hidden; }
    body main, body footer, body header, body .swipe-layer,
    body #header .nav {      transition: 1s ease all;      -moz-transition: 1s ease all;
      -webkit-transition: 1s ease all; }
    body main, body footer, body header, body .swipe-layer {      left: 0; }
    body main, body footer {      position: relative; }
  body.menu-active main, body.menu-active footer, body.menu-active header, body.menu-active .swipe-layer {    left: 241px; }
  body.menu-active #header .nav {    left: 0; }
  body.menu-active .swipe-layer {    width: 100%; } 

/*
===================
모바일슬라이더
===================
*/
.slidertxt .bigtxt {font-size:1.6rem;}
.slidertxt .smalltxt {font-size: 1rem;}
.kenburn-slider .flex-direction-nav .flex-prev, .kenburn-slider .flex-direction-nav .flex-next {display:none;}
.subslider .slidertxt {top:-120px; padding:0 20px;}
/*.subslider .slidertxt br {content: ' ';}
.subslider .slidertxt br:after {content: ' ';}*/
.subslider .slidertxt .bigtxt {font-size:2rem;}
.subslider .slidertxt .smalltxt {font-size: 1rem;}

.mobbrand {background-position:50% 35% !important;}

/*
===================
모바일풀페이지
===================
*/
.fullwrap {padding:0 20px;}
.section h1 {font-size:2rem !important;}
.section h2 {font-size:1rem !important;}
.section p {font-size:1rem !important;}
.section.four #footer {padding:0;}
.section.four #footer p {font-size:.83rem !important;}
.section.four .infobox {padding:40px 30px;}
.section .iconbox {padding:10px 0 !important; font-size:.9rem;}
.section .iconbox i {width:60px !important; height:60px !important; line-height:60px !important; font-size:1.6rem !important;}

/*
===================
모바일페이지
===================
*/
.content-slider li {float:left; width:50%;}
.content-slider li a {font-size:.9rem;} 
.content-slider li:nth-child(1n) {padding-right:5px;}
.content-slider li:nth-child(2n) {padding-right:0; padding-left:5px;}
.content-slider li:nth-child(3), .content-slider li:nth-child(4) {margin-top:15px;}

.morebtn2 {padding:7px 15px;}
#mt_wrap {padding: 0 20px;}
#mt_wrap.subpage {padding:0 0 20px 0;}
#header #mt_wrap {padding:0 !important;}
.mainphrase .left {font-size:1rem;}
.main_box_news {padding:40px 0 0 0;}
.main_box_brand {padding:0;}
.maintit {font-size:1.3rem; margin-bottom:20px;}
.mainfeature {padding:60px 0 75px 0;}
	.mainfeature .maintit {margin-bottom:0;}
	.mainfeature .oneblock {width:50%; border-right:0; margin-top:40px; height:150px;}
	.mainfeature .oneblock .pointword {font-size:1.3rem;}
	.mainfeature .oneblock .pointword.long {font-size:1.1rem; margin-top:3px;}
	.mainfeature .oneblock i {font-size:3.8rem;}
	.mainfeature .oneblock i.fa-pagelines {font-size:3.8rem; margin:0;}
	.mainfeature .oneblock i.fa-gem {font-size:3.1rem; }
	.mainfeature .oneblock span {font-size:.9rem;}
	.mainfeature .oneblock span:before {font-size:1.1rem;}
	.mainfeature .oneblock span:after {font-size:1.1rem;}
.brands div {width:50%;}
.brands .showroom {width:100%; padding:55px 0; font-size:1.3rem;}


/*빵조각*/
.quickmenu {margin-top:-55px; left:0;}
.quickmenu ul li {width:auto; padding:0 10px; height:55px; line-height:55px;  font-size:1rem;}
.breadcrumb {margin-bottom:30px;}
.breadcrumb li:nth-child(1) {border-left:0;}
.breadcrumb li {padding:15px 30px; font-size:.9rem;}

/*타이틀*/
.subpage_cont {padding:0 20px;}
.subpagetit h2 {font-size:1.7rem;}

/*미니탭*/
.mini_tab {padding:0;}
.mini_tab li a {padding:10px 0; font-size:1rem;}

/*항목제목*/
.titbox {margin-bottom:20px;}
.titbox .tit {font-size:1.2rem;}

/*푸터*/
.botbox {margin-top:40px;}
.botbox .left {width:100%; height:150px;}
.botbox .right {width:100%; height:150px;}
.botbox .txtbox {width:90%; height:70%; top:50%; margin-top:-7%; left:20px; margin-left:0;}
.botbox .txtbox h1 {font-size:1.3rem;}
.botbox .txtbox p {font-size:.9rem;}
#footer .copylink {padding:0 20px;}
#footer .copylink a {font-size:.8rem; margin-right:10px;}
#footer .copylink a:after {margin-left:10px;}
#footer .footcont {padding:0 20px; font-size:.8rem;}
#footer .rights {font-size:.7rem; padding:5px 20px;}
#footer .gototop {right:20px;}

}

/*
===================
모바일기타
===================
*/
@media (max-width: 1359px) {

	.layout_page h2{font-size: 22px;}
	.layout_page p {font-size:14.8px;}
	.layout_box {padding:20px 0 40px 0;}
		.layout_box .left {width:100%; border:0; border-bottom:1px solid #ddd; padding-bottom:30px;}
		.layout_box .center {width:100%; border:0; border-bottom:1px solid #ddd; padding:30px 0;}
		.layout_box .right {width:100%; padding-top:30px;}

	.col-3 .one {width:49%; }
	.col-3 .one:nth-child(3n) {margin-right:2%;}
	.col-3 .one:nth-child(2n) {margin-right:0;}
	.col-3 .one img {width:100%;}

	.styletbl th, .styletbl td {float:left; width:100%; font-size:.9rem;}
	.styletbl th {padding:10px 0;}

	.gallery-top .swiper-slide {min-height:200px;}
	.swiper-button-prev:before, .swiper-button-prev:after, .swiper-button-next:before, .swiper-button-next:after {opacity:0.85 !important;}
	.gallery-thumbs {top:-25px; right:-5px;}
	.gallery-thumbs .swiper-slide {width:18px !important; height:18px !important; max-width:25px;min-height:18px; margin-right:5px !important;}

	.ggmap {height:250px;}
}

/*
=================================================
페이지별 정리
=================================================

===================
메인
===================
*/
.one {  text-align:center;}
.two {  text-align: left;}
.three {  text-align:left;}
.four {  text-align:left;  position:relative;}
.section.one .image {background:url('../img/about.jpg'); color:#fff; background-color:#000;  background-size:cover; background-position:center 50%; }
.section.two .image {background:url('../img/main_3.jpg'); color:#fff; background-color:#000; background-size:cover; background-position:center 60%; }
.section.three .image {background:url('../img/main_2.jpg'); color:#fff; background-color:#000; background-size:cover; background-position:center 60%; }
.section.four .image {background:url('../img/main_mov.jpg'); color:#fff; background-color:#000; background-size:cover; background-position:center 20%; }

.arr_l {position:absolute;top:50%;left:0;width:auto;height:1px;background: rgba(255,255,255,0.45);z-index:9999;
-webkit-animation: arr 5s;
  -ms-animation: arr 5s;
          animation: arr 5s; animation-delay: 800ms; animation-iteration-count: 1; animation-duration: 1000ms;  animation-timing-function: ease-in-out; animation-fill-mode: both;
}
.arr_r {position:absolute;top:50%;right:0;width:200px;height:1px;background: rgba(255,255,255,0.45);z-index:9999; animation: arr 5s; animation-delay: 800ms; animation-iteration-count: 1; animation-duration: 1000ms;  animation-timing-function: ease-in-out; animation-fill-mode: both;}

.bot_circle {position:absolute; bottom:80px; left:50%; width:45px; height:45px; border-radius:100%; z-index:9999; margin-left:-22.5px; background:transparent; border:1px solid rgba(255,255,255,0.5);}
	.bot_dot{position:absolute; bottom:20px; left:50%; width:5px; height:5px; border-radius:100%; z-index:999; margin-left:-2.5px; background:rgba(255,255,255,1);}
	.bot_bar {position:absolute; top:17px; left:50%; width:1px; height:100px; margin-left:-1px; z-index:999; overflow:hidden; }
	.bot_bar2 {position:absolute; top:17px; width:1px; height:0px; z-index:999; background:rgba(255,255,255,0.5);  
	-webkit-animation: botbar 5s;
	  -ms-animation: botbar 5s;
			  animation: botbar 5s; animation-delay: 1000ms; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: ease-in-out; overflow:hidden;}
.overview {position:absolute; left:50%; bottom:150px; margin-left:-100px; width:200px;  text-align:center; color:rgba(255,255,255,0.8); z-index:9999;}
	.overview .line {position:absolute; bottom:12px; margin-left:-80px; width:120px; height:1px; background:rgba(156, 156, 156, 0.8); z-index:9999;}
	.overview a {color:rgba(255,255,255,0.8);}
	.overview a i {display:none; font-size:1.5rem; transition:all .5s;}
	.overview a:hover i {display:block; transition:all .5s;}
	.overview a:hover span {display:none; transition:all .5s;}
	.line.left {margin-left:-80px;}
	.line.right {margin-left:155px;}

@keyframes botbar {
    0% { top:-100%; height:100px; }
    100% { top:100%; height:100px;}
}
@-ms-keyframes botbar {
    0% { top:-110px; height:100px; }
    100% { top:120px; height:100px;}
}
@-webkit-keyframes botbar {
    0% { top:-110px; height:100px; }
    100% { top:120px; height:100px;}
}

@keyframes arr {
	0% {width:0;}
	100% {width:200px;}
}
@keyframes arr_mob {
	0% {width:0;}
	100% {width:30px;}
}

/*modify*/
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height:auto !important;}
.section {overflow:hidden;}
.section h2 {font-size:1.28rem; line-height:1.8rem; font-weight:300;}
.section p {font-size:1.28rem; font-weight:300; line-height:1.9rem;}
.fullwrap {max-width:1200px;}

.section.four iframe, .section.four embed {position:absolute;  margin-top:-10%; margin-left:-10%; top:0; left:0; z-index:99; }

@media (min-width:1921px) {
	.section.four iframe, .section.four embed {width:200% !important; height:200% !important; margin-top:-10%; margin-left:-50%; z-index:99; }
}

@media (min-width:1400px) and (max-width:1599px) {
	.section.four iframe, .section.four embed {width:200% !important; height:200% !important; margin-top:-10%; margin-left:-50%; z-index:99; }
}

@media (max-width:1359px) {
	.arr_l {width:30px; animation: arr_mob 5s; animation-delay: 400ms; animation-iteration-count: 1; animation-duration: 1000ms;  animation-timing-function: ease-in-out; animation-fill-mode: both;}
	.arr_r {width:30px; animation: arr_mob 5s; animation-delay: 400ms; animation-iteration-count: 1; animation-duration: 1000ms;  animation-timing-function: ease-in-out; animation-fill-mode: both;}
	.overview .line {width:70px;}

	.line.left {margin-left:-25px;}
	.line.right {margin-left: 150px;}

	/*modify*/
	.fullwrap {padding:0 60px; margin-top:-12px;}
	#header .logo img {width:150px; margin-left:0;}

	.section.four iframe, .section.four .embed {display:none;}
}

/*
===================
회사소개
===================
*/
.slider {
 float:left; width:100%; margin:40px 0; padding:60px 0;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__nav {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;
}
.slider__nav + label { display: inline-block; position: relative; cursor: pointer; z-index:10; }
.slider__nav + label:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  margin: 15rem 12px 0 12px;
  z-index:10;
  border:6px solid #ccc;
  box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  cursor: pointer;
  z-index:10;
}
.slider__nav + label:active:before, .slider__nav:checked + label:active:before
{border-color:#333;}

.slider__nav:checked + label::before {
border-color:#333;
  -webkit-animation: check 0.4s linear forwards;
          animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}
.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}
.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
  left: -300%;
}
.slider__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.slider__contents {
  height: 100%;
  padding: 0 2rem 2rem 2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__contents img {
	max-width:90px;
}
.slider__image {
  font-size: 2.4rem;
      color: #2196F3;
}
.slider__caption {
  font-weight: 500;
  font-size:1.3rem;
  margin: 2rem 0 1.5rem 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}
.slider__txt {
  font-size:1.6rem; font-weight:400;
  color: #999;
  margin-bottom: 3rem;
  max-width: 100%;
}

@-webkit-keyframes check {
  50% {
    border-color: #333;
    box-shadow: 0 0 0 0px #333, 0 0 0 14px rgba(51, 51, 51, 0.15);
  }
  100% {
    border-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    border-color: #333;
    box-shadow: 0 0 0 0px #333, 0 0 0 14px rgba(51, 51, 51, 0.15);
  }
  100% {
    border-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

.greetingbox {float:left; width:100%; padding:40px 0; border:1px solid #ddd; border-left:0; border-right:0; margin-bottom:80px; }
.greetingbox .left {float:left; width:65%;}
.greetingbox .right {float:right; width:30%; height:400px; background:url('../img/greeting.jpg') no-repeat; background-size:cover;}
.greetingbox .tit {display:inline-block; font-size:1.7rem; font-weight:500; border-bottom:2px solid #2196f3;}
.greetingbox .subtit {font-size:.94rem; color:#6a6a6a; font-weight:300; letter-spacing:2px; margin:15px 0;}
.greetingbox .text {font-size:1.1rem; color:#5a5a5a; font-weight:300; line-height:2rem; word-break:keep-all;}
.greetingbox .sign {text-align:right; margin-top:15px; font-weight:300; font-size:.94rem;}

@media (max-width:1359px) {
	.slider__contents img {max-width:75px;}
	.slider__txt {font-size:1.2rem;}
	.slider__nav + label:before {margin-top:12.5rem;}
	.greetingbox .left {width:100%;}
	.greetingbox .right {width:100%; margin-top:30px;}
}

.mission {float:left; width:100%; margin:80px 0; text-align:center;}
.mission img {width:100%; max-width:500px;}

.greetinginfo.col-2 {margin:100px 0;}
.greetinginfo.col-2 .one {text-align:center;}

.greetinginfo.col-2 .one .logobox {float:left; width:100%; box-shadow: -1px 5px 10px rgba(0,0,0,0.15); height:410px; padding:50px 0; background-position:center; background-size:cover;} 
.greetinginfo.col-2 .one img {width:100%; max-width:420px;}
@media (max-width:1024px) {
	.greetinginfo.col-2 {margin:20px 0 60px 0;}
	.greetinginfo.col-2 .one {width:100%;}
	.greetinginfo.col-2 .one .logobox {height:240px; padding:20px 0; margin-bottom:60px;}
}

/*
===================
CI 소개
===================
*/
.cigrid {float:left; width:100%; height:220px; background:url('../img/grid_1400.jpg'); background-size:cover; background-position:center center; background-color:#fff;}
.cidetail {float:left; width:100%; border:1px solid #ededed; background:#fbfbfb; padding:40px; font-size:1.07rem; font-weight:300; color:#272727; letter-spacing:-0.2px; margin-top:40px; line-height:1.7rem;}
.ciinfobox {float:left; width:100%; padding:40px 0 0 0;}
.ciinfobox .left {float:left; width:30%; border:1px solid #ddd; text-align:center; padding:40px 0;}
.ciinfobox .right {float:left; width:70%; padding-left:40px;}
.ciinfobox .tit { display: inline-block; font-size:1.7rem; font-weight:400; border-bottom:3px solid skyblue; margin-bottom:15px;}
.ciinfobox .txt {display:block; font-size:1.07rem; font-weight:300; line-height:1.8rem; word-break:keep-all;}

@media (max-width:1359px) {
	.cigrid {}
	.cidetail {font-size:.9rem; padding:20px;}
	.ciinfobox .left {width:100%;}
	.ciinfobox .right {width:100%; padding-left:0; margin-top:20px;}
}


/*
===================
바이어
===================
*/
.buyerlist.col-3 .one {height:250px; line-height:250px; text-align:center;}
.buyerlist.col-3 .one img {max-width:180px;}

.max240 {max-width:240px !important;}
.max260 {max-width:260px !important;}

@media (max-width:1024px) {
	.buyerlist.col-3 .one {height:180px; line-height:180px;}
	.buyerlist.col-3 .one img {max-width:100px;}

	.max240 {max-width:120px !important;}
	.max260 {max-width:140px !important;}

}