/*------------------------------------------------------------------
Sartre Skin Design Agency
Version: 1.0.4;
Author: ThemeMountain
Copyright: ThemeMountain

[Table of contents]

1. Typography
1.5. Margin, Padding
2. Background Color & Color Classes
3. Section Padding
4. Header Styling
5. Header Logo
6. Header Navigation
7. Header Buttons, Dropdowns & Icons
8. Auxiliary Navigation
9. Title Areas
10. Slider & Parallax
11. Lightbox
12. Plugin Preloader
13. Rollovers
14. Homepage
15. About Pages
16. Contact Pages
17. Project Pages
18. Pagination
19. Fullscreen Pages
20. Blog Pages
21. Form Elements
22. Social Lists
23. Footer
24. Sidebar
25. Dividers
26. Media Element Player
27. E-Commerce
28. Component Styling
29. Resolution Media 
30. 카달로그 페이지

-------------------------------------------------------------------*/

/* open-sans ----------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
-------------------------------------------------------------------*/

/* noto-sans-kr -------------------------------------------------- */
/* noto-sans-kr-100 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-latin_korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-latin_korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* End noto-sans-kr ---------------------------------------------- */

/* [0. CSS Reset] ------------------------------------------------ */
html, body, div, span, applet, object, iframe, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;  word-break: keep-all;}

:focus { outline: 0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
table { border-collapse: collapse; border-spacing: 0;}
html,body {	margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
input{ border:1px solid #b0b0b0; padding:3px 5px 4px; color:#979797;}
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal;}
caption,th { text-align:left;}
q:before,q:after { content:'';}
abbr,acronym { border:0;} 
ul,  li { margin:0; padding:0; border: 0;}
li { list-style: none;}

/* End : [0. CSS Reset] ------------------------------------------ */

/* [1. Typography] ----------------------------------------------- */

body {
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.2px;
	color: #555;
}
body, input, button, select, textarea {
	font-family: 'Noto Sans KR', 'Open Sans', 'Helvetica Neue', sans-serif;
}
h1, h2, h3, h4, h5, h6, .project-title, .product-title, .project-description, .font-alt-1, .counter {
	font-family: 'Noto Sans KR', 'Roboto', 'Helvetica Neue', sans-serif;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	font-weight: 300;
	text-transform: normal;
	color: #000;
	word-break: keep-all;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #1564bd;
}
h1 { font-size: 60px;}
h2 { font-size: 40px;}
h3 { font-size: 30px;}
h4 { font-size: 20px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}

/* Widget Titles */
.sidebar .widget-title, .sidebar .widget-title a {
	font-size: 1.4rem;
}
.side-navigation-wrapper .widget-title, .side-navigation-wrapper .widget-title a {
	font-size: 1.4rem;
	color: #fff;
}
.overlay-navigation-wrapper .widget-title, .overlay-navigation-wrapper .widget-title a {
	font-size: 1.4rem;
	color: #999;
}

/* Title Classes */
.title-xlarge	{ font-size: 7.749rem; line-height: 1.2;}
.title-large	{ font-size: 5.826rem; line-height: 1.2;}
.title-medium	{ font-size: 2.476rem; line-height: 1.2;}
.title-small	{ font-size: 1.4rem; line-height: 1.2;}

/* Lead */
.lead, blockquote.large {
	font-size: 2.016rem;
	font-weight: 300;
}

/* Text Classes */
.text-100	{ font-size: 100px;}
.text-90	{ font-size: 90px;}
.text-80	{ font-size: 80px;}
.text-70	{ font-size: 70px;}
.text-60	{ font-size: 60px;}
.text-50	{ font-size: 50px;}
.text-40	{ font-size: 40px !important;}
.text-30	{ font-size: 30px !important;}
.text-20	{ font-size: 20px !important;}
.text-16	{ font-size: 16px !important;}
.text-14	{ font-size: 14px;}

.text-center { text-align: center;}
.text-left { text-align: left !important;}
.text-right { text-align: right;}

.text-break-line1 {
	overflow: hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-line-clamp: 1; /* 라인수 */ 
	-mox-line-clamp: 1;
	-ms-line-clamp: 1;
	-webkit-box-orient: vertical; 
	word-wrap: break-word; 
	line-height: 20px; 
	min-height: 20px;
}

.text-uppercase		{ text-transform: uppercase;}
.text-capitalize	{ text-transform: capitalize;}
.text-lowercase		{ text-transform: lowercase;}

/* Special Text Classes */
.status-code-title {
	font-size: 13.707rem;
	line-height: 1;
}

/* Font Weight */
.weight-100		{ font-weight: 100;}
.weight-300		{ font-weight: 300;}
.weight-400		{ font-weight: 500;}
.weight-500		{ font-weight: 500;}
.weight-600		{ font-weight: 600;}
.weight-700		{ font-weight: 700;}
.weight-900		{ font-weight: 900;}

/* Links */
a.animated-link {
	position: relative;
}

/* Link Colors */
a, p a, .box a:not(.button) {
	color: #222;
}
.sidebar .widget a, .shop .product-summary a, .shop .cart-overview a {
	color: #555;
}
a:hover, p a:hover, .box a:not(.button):hover, .social-list li a:hover, .team-1 .social-list a:hover, .team-2 .social-list a:hover, .accordion li a:hover, .accordion li.active a, .tabs li a:hover, .tabs li.active a, .tabs li.active a:hover, .blog-masonry .with-background .post-read-more a:hover, .post-info a:hover, .post-info-over a:hover, .post-info-over a:hover span, .post-author-aside a:hover, .post-love a:hover, .post-love a:hover span, .scroll-down a:hover {
	color: #1564bd;
}
a[class*="icon-"]:hover {
	text-decoration: none;
}
a:hover .text-line, a.animated-link:hover .text-line, .accordion li a:hover .text-line, .tabs li a:hover .text-line, .blog-masonry .with-background .post-read-more a:hover .text-line {
	background-color: #ff4556;
}

.copy-white			{ color: rgba(255,255,255,.8);}
.copy-white:hover	{ color: rgba(255,255,255,1);}
.copy-gray			{ color: rgba(0,0,0,.5);}
.copy-gray:hover	{ color: rgba(0,0,0,1);}

@media only screen and (max-width: 768px) {
	h1 { font-size: 3.755rem;}
	h2 { font-size: 2.823rem;}
	h3 { font-size: 2.123rem;}
	h4 { font-size: 1.596rem;}
	h5 { font-size: 1.2rem;}
	h6 { font-size: 1.053rem;}
	.title-xlarge	{ font-size: 5.826rem;}
	.title-large	{ font-size: 4.381rem;}
	.title-medium	{ font-size: 2.123rem;}
	.title-small	{ font-size: 1.2rem;}
	.tms-caption.title-xlarge, 	.tmp-content .title-xlarge {
		font-size: 5.826rem;
		line-height: 5.826rem;
	}

	/* Helpers */
	.fullscreen-section .background-on-mobile {
		background: #f4f4f4;
	}
	.fullscreen-section .background-on-mobile * {
		color: #666 !important;
	}
	.fullscreen-section .background-on-mobile h1, 	.fullscreen-section .background-on-mobile h2, 	.fullscreen-section .background-on-mobile h3, 	.fullscreen-section .background-on-mobile h4, 	.fullscreen-section .background-on-mobile h5, 	.fullscreen-section .background-on-mobile h6 {
		color: #000 !important;
	}
}

/* [1.5. Margin, Padding] ---------------------------------------- */
.w-100		{ width: 100%;}
.w-50		{ width: 50%;}

.m-0		{ margin:0 !important;}
.m-10		{ margin:2px;}

.mt-min-30	{ margin-top:-30px;}
.mt-min-35	{ margin-top:-35px;}
.mt-min-180 { margin-top:-180px;}
.mt-min-120	{ margin-top:-120px;}
.mt-min-210 { margin-top:-210px;}
.mt-min-500 { margin-top:-500px;}
.mt-0		{ margin-top:0 !important;}
.mt-5		{ margin-top:5px !important;}
.mt-10		{ margin-top:10px !important;}
.mt-15		{ margin-top:15px !important;}
.mt-20		{ margin-top:20px;}
.mt-25		{ margin-top:25px !important;}
.mt-30		{ margin-top:30px !important;}
.mt-40		{ margin-top:40px !important;}
.mt-50		{ margin-top:50px !important;}
.mt-55		{ margin-top:55px}
.mt-60		{ margin-top:60px !important;}
.mt-70		{ margin-top:70px }
.mt-80		{ margin-top:80px;}
.mt-90		{ margin-top:90px;}
.mt-100		{ margin-top:100px;}
.mt-110		{ margin-top:110px;}
.mt-150		{ margin-top:150px;}
.mt-170		{ margin-top:170px;}

.mr-0		{ margin-right:0 !important;}
.mr-5		{ margin-right:5px;}
.mr-7		{ margin-right:7px;}
.mr-10		{ margin-right:10px;}
.mr-15		{ margin-right:15px;}
.mr-20		{ margin-right:20px;}
.mr-30		{ margin-right:30px;}
.mr-40		{ margin-right:40px;}

.mb-0		{ margin-bottom:0 !important;}
.mb-5		{ margin-bottom:5px !important;}
.mb-10		{ margin-bottom:10px !important;}
.mb-15		{ margin-bottom:15px !important;}
.mb-20		{ margin-bottom:20px !important;}
.mb-23		{ margin-bottom:23px}
.mb-40		{ margin-bottom:40px !important;}
.mb-45		{ margin-bottom:45px !important;}
.mb-25		{ margin-bottom:25px !important;}
.mb-30		{ margin-bottom:30px !important;}
.mb-35		{ margin-bottom:35px !important;}
.mb-50		{ margin-bottom:50px }
.mb-60		{ margin-bottom:60px !important;}
.mb-70		{ margin-bottom:70px !important;}
.mb-75		{ margin-bottom:75px;}
.mb-80		{ margin-bottom:80px !important;}
.mb-90		{ margin-bottom:90px;}
.mb-100		{ margin-bottom:100px;}
.mb-110		{ margin-bottom:110px;}
.mb-140		{ margin-bottom:140px;}
.mb-160		{ margin-bottom:160px;}
.mb-170		{ margin-bottom:170px;}
.mb-180		{ margin-bottom:180px;}
.mb-210		{ margin-bottom:210px;}

.ml-0		{ margin-left:0px !important;}
.ml-5		{ margin-left:5px !important;}
.ml-10		{ margin-left:10px;}
.ml-20		{ margin-left:20px;}
.ml-30		{ margin-left:30px !important;}
.ml-40		{ margin-left:40px !important;}

.mlr-1		{ margin-left: 1px; margin-right: 1px;}
.mlr-10		{ margin-left: 10px; margin-right: 10px;}
.mlr-30		{ margin-left: 30px; margin-right: 30px;}
.mlr-min-30	{ margin-left: -30px !important; margin-right: -30px !important;}

.p-0		{ padding:0 !important;}
.p-10		{ padding:10px !important;}
.p-15		{ padding:15px !important;}
.p-20		{ padding:20px;}
.p-25		{ padding:25px;}
.p-40		{ padding:40px;}
.p-50		{ padding:50px;}

.pt-0		{ padding-top:0px !important;}
.pt-5		{ padding-top:5px !important;}
.pt-10		{ padding-top:10px !important;}
.pt-20		{ padding-top:20px !important;}
.pt-30		{ padding-top:30px !important;}
.pt-36		{ padding-top:36px !important;}
.pt-40		{ padding-top:40px !important;}
.pt-50		{ padding-top:50px !important;}
.pt-55		{ padding-top:55px !important;}
.pt-60		{ padding-top:60px !important;}
.pt-65		{ padding-top:65px !important;}
.pt-70		{ padding-top:70px !important;}
.pt-75		{ padding-top:75px !important;}
.pt-80		{ padding-top:80px !important;}
.pt-95		{ padding-top:95px !important;}
.pt-100		{ padding-top:100px !important;}
.pt-130		{ padding-top:130px !important;}
.pt-140		{ padding-top:140px !important;}
.pt-250		{ padding-top:250px !important;}

.pb-0		{ padding-bottom:0px !important;}
.pb-5		{ padding-bottom:5px !important;}
.pb-10		{ padding-bottom:10px !important;}
.pb-20		{ padding-bottom:20px}
.pb-30		{ padding-bottom:30px !important;}
.pb-40		{ padding-bottom:40px;}
.pb-45		{ padding-bottom:45px;}
.pb-50		{ padding-bottom:50px;}
.pb-55		{ padding-bottom:55px;}
.pb-60		{ padding-bottom:60px;}
.pb-65		{ padding-bottom:65px;}
.pb-70		{ padding-bottom:70px;}
.pb-80		{ padding-bottom:80px;}
.pb-130		{ padding-bottom:130px;}
.pb-140		{ padding-bottom:140px;}

.ptb-0		{ padding-top: 0; padding-bottom: 0;}
.ptb-10		{ padding-top: 10px; padding-bottom: 10px;}
.ptb-20		{ padding-top: 20px; padding-bottom: 20px;}
.ptb-30		{ padding-top: 30px; padding-bottom: 30px;}
.ptb-40		{ padding-top: 40px; padding-bottom: 40px;}
.ptb-50		{ padding-top: 50px; padding-bottom: 50px;}

.pl-0		{ padding-left:0 !important;}
.pl-5		{ padding-left:5px;}
.pl-10		{ padding-left:10px;}
.pl-15		{ padding-left:15px;}
.pl-20		{ padding-left:20px;}
.pl-30		{ padding-left:30px;}
.pl-40		{ padding-left:40px;}
.pl-50		{ padding-left:50px;}

.pr-0		{ padding-right:0 !important;}
.pr-5		{ padding-right:5px;}
.pr-10		{ padding-right:10px;}
.pr-15		{ padding-right:15px;}
.pr-20		{ padding-right:20px;}
.pr-30		{ padding-right:30px;}
.pr-40		{ padding-right:40px;}
.pr-50		{ padding-right:50px;}
.pr-60		{ padding-right:60px;}

.plr-0		{ padding-left: 0 !important; padding-right:0 !important;}
.plr-1		{ padding-left: 1px; padding-right: 1px;}
.plr-5		{ padding-left: 5px; padding-right: 5px;}
.plr-10		{ padding-left: 10px; padding-right: 10px;}
.plr-15		{ padding-left: 15px; padding-right: 15px;}
.plr-20		{ padding-left: 20px; padding-right: 20px;}
.plr-30		{ padding-left: 30px; padding-right: 30px;}
.plr-40		{ padding-left: 40px; padding-right: 40px;}
.plr-50		{ padding-left: 50px; padding-right: 50px;}

	/* list-style */
.list-disc {
	list-style: disc;
}
.list-dash {
	position: relative;
}
.list-dash:before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	display: block;
	width: 10px;
	height: 1px;
	background-color: #000;
}

.round3		{ border-radius: 3px;}
.round5		{ border-radius: 5px;}
.round10	{ border-radius: 10px;}
.round20	{ border-radius: 20px;}

/* 모바일 이미지 숨김 */
.img-mo { display: none;}


/* Overflow */
.scroll-x {
	overflow: hidden;
	overflow-x: auto;
}

/* [2. Background Color & Color Classes] ------------------------- */

body, .content, .featured-media:after, .section-block:not([class*="bkg-"]), .fullscreen-sections-wrapper {
	background-color: #fff;
}
.section-block.featured-media {
	background-color: #000;
}

/* color */
.color-white		{ color: #fff !important;}
.color-orangge		{ color: #f78d1e !important;}
.color-deepgray		{ color: #555 !important;}


/* greyscale */
.wrapper-inner {
	-webkit-filter: none;
			filter: none;
	-webkit-transition: 350ms ease-in-out;
			transition: 350ms ease-in-out;
}

/* grey ulatrlight */
.bkg-grey-ultralight {
	background-color: #f4f4f4;
	border-color: #f4f4f4;
}
.bkg-hover-grey-ultralight:hover {
	background-color: #f4f4f4;
	border-color: #f4f4f4;
}
.border-hover-grey-ultralight:hover {
	border-color: #f4f4f4;
}
.color-grey-ultralight, .color-hover-grey-ultralight:hover {
	color: #f4f4f4;
}

/* grey */
.bkg-grey {
	background-color: #4e4e4d;
	border-color: #4e4e4d;
}
.bkg-hover-grey:hover {
	background-color: #4e4e4d;
	border-color: #4e4e4d;
}
.border-hover-grey:hover {
	border-color: #4e4e4d;
}
.color-grey, .color-hover-grey:hover {
	color: #4e4e4d;
}

/* charcoal */
.bkg-charcoal-light {
	background-color: #333; 
	border-color: #333;
}
.bkg-hover-charcoal-light:hover {
	background-color: #333; 
	border-color: #333;
}
.border-hover-charcoal-light:hover {
	border-color: #333;
}
.color-charcoal-light, .color-hover-charcoal-light:hover {
	color: #333;
}
.bkg-charcoal {
	background-color: #232323; 
	border-color: #232323;
}
.bkg-hover-charcoal:hover {
	background-color: #232323; 
	border-color: #232323;
}
.border-charcoal, .border-hover-charcoal:hover {
	border-color: #232323;
}
.color-charcoal, .color-hover-charcoal:hover {
	color: #232323;
}

/* theme */
.bkg-theme {
	background-color: #ff4556;
	border-color: #ff4556;
}
.bkg-hover-theme:hover {
	background-color: #ff4556;
	border-color: #ff4556;
}
.border-theme {
	border-color: #ff4556;
}
.border-hover-theme:hover {
	border-color: #ff4556;
}
.color-theme {
	color: #ff4556;
}
.color-hover-theme:hover {
	color: #ff4556;
}

/* navy */
.bkg-navy {
	color: #fff;
	background-color: #0e5dac;
	border-color: #0e5dac;
}
.bkg-navy:hover {
	color: #0e5dac;
	background-color: #fff;
	border-color: #0e5dac;
}
.bkg-navy-line {
	color: #0e5dac;
	background-color: #fff;
	border-color: #0e5dac;
}
.bkg-navy-line:hover {
	color: #fff;
	background-color: #0e5dac;
}

/* [3. Section Padding] ------------------------------------------ */

/* Unique Template Padding & Margins */
.section-block, .fullscreen-section .fullscreen-inner, .pagination-2 .pagination-next, .row.xlarge {
	/*padding-top: 11rem;
	padding-bottom: 11rem;*/
}
.replicable-content, .row.xlarge.replicable-content {
	padding-top: 100px;
	padding-bottom: 100px;
}
.section-block.slanted-top:before {
	width: 100%;
	height: 12rem;
	background-color: inherit;
	content: '';
	position: absolute;
	left: 0;
	top: -5.7rem;
	-webkit-transform: skewY(-4.5deg);
	-ms-transform: skewY(-4.5deg);
	transform: skewY(-4.5deg);
	z-index: 5;
}
.grid-filter-menu {
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.home-page .grid-filter-menu {
	padding-bottom: 4rem;
}
.divider {
	margin-top: 6rem;
	margin-bottom: 9rem;
}
.page-intro .divider, [class*="intro-title-"] .divider {
	margin-top: 0;
	margin-bottom: 2rem;
}
.separator {
	width: 5rem;
	height: 0.1rem;
	margin-top: 1.5rem;
	margin-bottom: 3rem;
}
.text-line {
	width: 2rem;
	height: 0.1rem;
	display: inline-block;
}
.text-line[class*="bkg-"] {
	padding: 0;
}
.text-line-vertical {
	display: inline-block;
	position: relative;
}
.text-line-vertical:after  {
	width: 1px;
	height: 8rem;
	margin-top: 3rem;
	border-right: 1px solid #777;
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
}
.tm-slider-container .text-line-vertical:after {
	height: 200%;
	border-color: #fff;
}
@media only screen and (min-width: 960px) {
	.header + .content {
		padding-top: 0;
	}
}
@media only screen and (max-width: 768px) {
	.fullscreen-section.content-below-on-mobile .fullscreen-inner { padding-top: 12rem !important;
		padding-bottom: 12rem !important;
	}
}

/* [4. Header Styling] ------------------------------------------- */

	/* 복사 클립보드 : 주소, 전화번호, 이메일 복사  */
.clipCopy {
	display: none;
}

/* Initial Position */
.header-bottom {
	bottom: 0.1rem;
}

/* Intial Height 
.header .logo, .header .header-inner .navigation > ul > li, .header .header-inner .navigation > ul > li > a:not(.button), .header .header-inner .dropdown > .nav-icon {
	height: 80px;
	line-height: 80px;
}

/* Compacted Height 
.header-compact .logo, .header-compact .header-inner .navigation > ul > li, .header-compact .header-inner .navigation > ul > li > a:not(.button), .header-compact .header-inner .dropdown > .nav-icon {
	height: 6rem;
	line-height: 6rem;
}*/

/* Header Top Search */
.top-sch  { 
	display: flex;
	justify-content: center;
	min-height: 46px;
	border-bottom: 0;
	background: #fff;
}

.mobile .header .header-inner .top-sch { 
	display: none;
}

.top-search > li > .form-select { 
	background: #333333;
}
.top-search > li > .form-select select, .navigation.nav-center > .top-search > li > .field-wrapper input { 
	background: #333333;
	color: #fff;
}
.top-search > li > .form-select:after { 
	color: #ffde00;
}
.navigation.nav-center > .top-search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	padding: 5px 0;
	background: #fff;
}
.navigation.nav-center > .top-search > li {
	margin: 0 3px;
}
.navigation.nav-center > .top-search > li > .form-select {
	min-width: 160px;
	border: 0;
}
.sch-top { 
	position: relative;
	padding: 0 40px 0 66px;
	background: #333;
	box-sizing: border-box;
}
.sch-top input, .sch-top input:focus {
	min-height: 36px;
	padding-left: 10px;
	padding-right: 10px;
	border: 0;
}
.sch-top .sch-txt, .sch-top .sch-top-btn {
	position: absolute;
	color: #ffde00;
}
.sch-top .sch-txt {
	top: 10px;
	left: 15px;
	height: 15px;
	line-height: 15px;
	padding-right: 10px;
	font-size: 12px;
	border-right: 1px solid #ffde00;
}
.sch-top .sch-top-btn {
	top: 0;
	right: 5px;
	width: 35px;
	height: 35px;
	padding: 0;
	margin: 0;
	text-align: center;
	background: none;
	border: 0;
}
.m-sch-wrap .top-search .sch-top input, .m-sch-wrap .top-search .sch-top input:focus {
	color: #fff;
	background: none;
}

/* Header Top Navigation */
.top-nav {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}
.navigation > ul {
	padding-right: 190px;
}
/* Header Initial Styling */
.header .header-inner {
	background-color: #fff;
	border-bottom: 1px solid transparent;
}
.header .header-inner > .nav-bar {
	/*border-bottom: 1px solid #eee;*/
}

/* Transparent Header Initial & Active Nav Colors */
.header-transparent .header-inner {
	background-color: rgba(255,255,255,1);
	border-bottom: 1px solid #152c84;
}
.header-transparent .header-inner > .nav-bar {
}

/* Background Header - On Scroll! */
.header-background .header-inner {
	background-color: #fff;
	border-color: #eee;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
}
.header-background .header-inner > .nav-bar {
	border-bottom: none;
}

/* Header Inner Top */
.header .header-inner-top {
	height: 4rem;
	background: #232323;
	color: #fff;
}

/* Mobile Header Styles & Breakpoints */
.mobile .header .header-inner {
	background-color: #fff;
	border-top: none;
	border-bottom: 1px solid #eee;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
}
.mobile .header + .content {
	padding-top: 0;
}
@media only screen and (max-width: 960px) {
	.header .header, 	.header .header-inner, 	.header.header-transparent .header-inner {
		background-color: #fff;
	}
	.header .header-inner {
		border-bottom: 1px solid #eee;
	}
	.header .header-inner > .nav-bar {
		padding: 0;
	}
}

/* [5. Header Logo] ---------------------------------------------- */

/* Initial Logo & Catalog */
.nav-btn {
	position: absolute;
    top: 13px;
    right: 20px;
    z-index: 10;
}
.header .logo {
	position: absolute;
	top: 13px;
	left: 20px;
	width: 130px;
	z-index: 10;
}
.header .btn-catalog {
	width: 145px;
	z-index: 10;
	right: 20px;
}
.header .btn-catalog a, .header.header-background .btn-catalog a {
	display: block;
	padding: 10px 10px 10px 40px;
	font-size: 9px;
	line-height: .9;
	color: #555555;
	background-image: url(../images/common/icon-polyworks.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.header .btn-catalog a span, .header.header-background .btn-catalog a span {
	display: block;
	margin-bottom: 4px;
	font-size: 14px;
	color: #e31b23;
}
.header .btn-catalog a:hover, .header.header-background .btn-catalog a:hover {
	color: #000;
}

/* Compacted Header Logo Width */
.header-compact .logo {
	width: 125px;
}

/* Initial Logo Styling */
.header .logo a {
	display: block !important;
	position: absolute;
	top: 0;
}
.header-in .logo a, .header-out .logo a {
	-webkit-transition-duration: 0ms;
	transition-duration: 0ms;
}
.header .logo a:first-child {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.header .logo a + a {
	display: none !important;
}

/* Transparent Header Show Light Logo */
.header-transparent .logo a:first-child {
	opacity: 0;
	-webkit-transform: translateY(5rem);
	transform: translateY(5rem);
}
.header-transparent .logo a + a {
	display: block !important;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* Header Background Logo Swap to Dark Logo - On Scroll! */
.header-background .logo a:first-child {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.header-background .logo a + a {
	display: block !important;
	opacity: 0;
	-webkit-transform: translateY(-5rem);
	transform: translateY(-5rem);
}

/* Logo Nav Dark */
.nav-dark .logo a:first-child {
	display: block !important;
	top: 0;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.nav-dark .logo a:last-child {
	display: none !important;
}

/* Logo Mobile Header & Breakpoints */
.mobile .header .logo a:first-child {
	display: block !important;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
@media only screen and (max-width: 1400px) {
	.mobile .header .logo {
		left: 50%;
		margin-left: -65px;
	}
}
@media only screen and (max-width: 1024px) {
	.top-search li .field-wrapper input { 
		width: 150px;
	}
}
@media only screen and (max-width: 960px) {
	.top-sch { 
		display: none;
	}
	.header .logo-inner {
		display: table-cell;
		vertical-align: middle;
	}
	.header .logo {
		left: 50%;
		margin-left: -65px;
	}
	.header .logo a {
		position: relative;
	}
	.header .logo a:first-child {
		opacity: 1;
		top: 0;
		-webkit-transform: translateX(0) !important;
		transform: translateX(0) !important;
	}
	.header .logo a:last-child {
		display: none !important;
	}
	.nav-btn {
		right: 10px;
	}
	.header .btn-catalog {
		width: 150px;
		z-index: 10;
		right: 0px;
	}
}
@media only screen and (max-width: 512px) {
	.header .btn-catalog {
		width: 40px;
		height: 52px;
	}
	.header .btn-catalog a { height: 46px;}
	.header .btn-catalog a span, .header .btn-catalog a strong { display: none;} 
	
}
/* [6. Header Navigation] ---------------------------------------- */

/* Padding & Margins */
.header .logo-center ~ .navigation.nav-center {
	padding-top: 0.5rem;
}
.header .logo-center ~ .navigation.nav-center > ul > li > a {
	padding-bottom: 2rem;
}
.header .navigation {
	position: absolute;
    top: 0;
	right: 0;
}
.header .navigation > ul > li > a {
	min-width: 130px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	font-size: 18px;
	text-transform: none;
	font-weight: 500;
	letter-spacing: 0;
	opacity: 1;
}
.header .navigation > ul > li.current > a, .header .navigation > ul > li > a:hover {
	color: rgba(0,0,0,.7);
	opacity: 1;
}
.header .navigation > ul > li.current > a:hover {
	color: rgba(0,0,0,.7);
}

/* Transparent Header Initial, Hover & Current Nav Colors */
.header-transparent .navigation > ul > li > a {
	position: relative;
	color: rgba(0,0,0,.7);
	opacity: 1;
}
	/* 1Depth 메뉴 하단 라인 애니메이션 : hover 전 */
.header-transparent .navigation > ul > li > a:before {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 50%;
	display: block;
	width: 0;
	height: 2px;
	margin-left: 0;
	background: #0e5dac;
	transition: .3s ease-in-out .1s;
}
.header-transparent .navigation > ul > li:hover > a {
	color: #0e5dac;
	opacity: 1;
}
	/* 1Depth 메뉴 하단 라인 애니메이션 : hover 시 */
.header-transparent .navigation > ul > li:hover > a:before, .header-transparent .navigation > ul > li.current > a:before {
	width: 60px;
	margin-left: -30px;
}
.header-transparent .navigation > ul > li.current > a, .header-transparent .navigation > ul > li.current > a:hover {
	color: #0e5dac;
	opacity: 1;
}

/* Nav Dark Initial, Hover & Current Colors */
.header-transparent.nav-dark .navigation > ul > li > a {
	color: #000;
	opacity: 0.5;
}
.nav-dark .navigation > ul > li.current > a, .nav-dark .navigation > ul > li.current > a:hover {
	color: #000;
	opacity: 1;
}

/* Header Background Initial, Hover & Current Nav Colors - On Scroll! */
.header-background .navigation > ul > li > a {
	/*color: rgba(0,0,0,7);*/
}
.header-background .navigation > ul > li.current > a {
	color: #1564bd;
	border-bottom: none;
}
.header-background .navigation > ul > li.current > a:hover {
	color: #1564bd;
}
	/* 스크롤 다운 1Depth 메뉴 마우스오버 색상 */
.header-background .navigation > ul > li:hover > a {
	color: #1564bd;
	opacity: 1;
}

/* Sub Menus, Mega Menus, Dropdown List Initial Colors */
.navigation .sub-menu li, .navigation .dropdown-list li {
	border-bottom: none;
}
.navigation .sub-menu li a, .navigation .mega-sub-menu ul li a, .navigation .dropdown-list li a {
	line-height: 1.6;
	font-weight: 500;
	font-size: 16px;
	color: #888;
}

.navigation .sub-menu li a:before {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 50%;
	display: block;
	width: 0;
	height: 2px;
	margin-left: 0;
	background: #0e5dac;
	transition: .3s ease-in-out .1s;
}
.navigation .sub-menu li.contains-sub-menu > a:after {
    content: "\032C";
    right: 50%;
	bottom: 10%;
	margin-right: -12px;
	font-size: 30px;
}
.navigation .sub-menu li:hover > a:before, .header-transparent .navigation > ul > li.current > a:before {
	width: 60px;
	margin-left: -30px;
}
.navigation .sub-menu li.contains-sub-menu:hover > a:after {
	opacity: 0;
}

.navigation .sub-menu:not(.custom-content) li a, .navigation .dropdown-list:not(.cust2022-07-04om-content) li a {
	padding: 15px 20px;
}
.navigation .mega-sub-menu > li > a {
	font-size: 1.3rem;
}
.navigation .sub-menu:not(.custom-content) a, .navigation .sub-menu.custom-content, .navigation .mega-sub-menu, .navigation .dropdown-list {
	background-color: rgba(0,0,0,0);
}
	/* 2Depth 메뉴바 */
.navigation .dropdown-list, .navigation .mega-sub-menu, .navigation .sub-menu {
	position: fixed;
	top: 70px;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	background: #ffffff;
	/* 하위 메뉴 보이기
	opacity: 1;
	visibility: visible;
	*/
}
.navigation .dropdown-list li, .navigation .sub-menu li {
	float: left;
	background: none;
}
.navigation .dropdown-list:not(.custom-content) li a, .navigation .sub-menu:not(.custom-content) li a {
	color: #555;
}
	/* 3Depth 메뉴바 */
.navigation .mega-sub-menu, .navigation .sub-menu .sub-menu {
	position: fixed;
	top: 127px;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	width: 100%;
	background: #253a72;
}

/* Menu Nav Cart Intial Colors */
.navigation .cart .badge {
	top: -0.4rem;
	left: 1.2rem;
	background-color: #ff4556;
}
.navigation .cart-overview .product-title {
	color: #fff;
}
.navigation .cart-overview .product-price, .navigation .cart-overview .product-quantity {
	color: #999;
}
.navigation .cart-overview a.product-remove {
	background-color: #444;
	color: #999;
}
.navigation .cart-overview .cart-subtotal {
	color: #fff;
}
.navigation .cart-overview .cart-actions {
	border-color: #444;
}
.navigation .cart-overview .checkout.button {
	background-color: #ff4556;
	border-color: transparent;
	color: #fff;
}
.navigation .cart-overview .checkout.button:hover {
	background-color: #666;
	border-color: transparent;
	color: #fff;
}

/* Sub Menus, Mega Menus, Dropdown List Hover Colors */
.navigation .sub-menu:not(.custom-content) li:hover > a, .navigation .mega-sub-menu:not(.custom-content) ul li:hover > a, .navigation .dropdown-list:not(.custom-content) li:hover a {
	color: #1564bd;
}
.navigation .sub-menu li > a:not(.button):hover, .navigation .mega-sub-menu ul li > a:not(.button):hover, .navigation .dropdown-list li > a:not(.button):hover, .navigation .cart-overview .product-title:hover, .navigation .cart-overview .product-remove:hover {
	color: #0e5dac;
	background: none;
}
.navigation .sub-menu li.current > a:not(.button), .navigation .dropdown-list li.current > a:not(.button), .navigation .mega-sub-menu ul li.current > a:not(.button) {
	color: #ffffff;
}


	/* 3Depth 메뉴 활성화 시 2Depth 메뉴 효과*/
.navigation .dropdown-list:not(.custom-content) li li a, .navigation .sub-menu:not(.custom-content) li li a {
	color: #d5fbff;
}
.navigation .sub-menu li li > a:not(.button):hover, .navigation .mega-sub-menu ul li li > a:not(.button):hover, .navigation .dropdown-list li li > a:not(.button):hover, .navigation .cart-overview .product-title:hover, .navigation .cart-overview .product-remove:hover {
	color: #fff;
}

.navigation .sub-menu li li a:before {
	background: #fff;
}

/* Mega Menu Position */
.navigation .mega-sub-menu {
	left: 0;
	right: 0;
}

/* Labels Sub Menu */
.sub-menu li .label, .mega-menu li .label, .dropdown li .label {
	margin-left: 0.5rem;
	padding: 0.1rem 0.4rem;
	font-size: 1rem;
	text-transform: uppercase;
	background-color: #ff4556;
	border-color: #ff4556;
	color: #fff;
}

/* [7. Header Nav Icons, Buttons, Dropdowns ] -------------------- */

/* Padding & Margins */
.header .dropdown-list {
	margin-top: 2.2rem;
}

/* Initial Division Padding & Color */
.header .secondary-navigation.nav-left:not(.with-division) > ul {
	margin-left: -1.5rem;
}
.header .secondary-navigation.nav-right:not(.with-division) > ul {
	margin-right: -1.5rem;
}
.header .navigation .nav-icon, .header .navigation .v-align-middle {
	padding: 0 1.5rem !important;
}
.header .with-division ul {
	border-left-color: rgba(0,0,0, 0.1);
}
.header .with-division li {
	border-right-color: rgba(0,0,0, 0.1);
}

/* Nav Icons Initial, Hover & Active Colors */
.header .navigation .nav-icon {
	color: #999;
	font-size: 1.4rem;
	font-weight: 400;
	opacity: 1;
}
.header .navigation .nav-icon:hover, .header .navigation .nav-icon.active {
	background-color: transparent;
	color: #000;
	opacity: 1;
}
.header .cart .badge {
	background-color: #ff4556;
}

/* Social Icons Initial & Hover Colors  */
.header .social-list li .nav-icon {
	padding: 0 !important;
	margin-right: 1.5rem;
}

/* Button, Dropdown Button Initial, Hover & Active Colors */
.header .v-align-middle > .button:not(.nav-icon), .header .dropdown > .button:not(.nav-icon) {
	background: #232323;
	border-color: transparent;
	color: #fff;
}
.header .v-align-middle > .button:not(.nav-icon):hover, .header .dropdown > .button:not(.nav-icon):hover, .header .dropdown > .button.active:not(.nav-icon) {
	background-color: #ff4556;
	border-color: transparent;
	color: #fff;
}

/* Transparent Header Division Color */
@media only screen and (min-width: 960px) {
	.header-transparent .with-division ul {
		border-left-color: rgba(255,255,255, 0.2);
	}
	.header-transparent .with-division li {
		border-right-color: rgba(255,255,255, 0.2);
	}
}

/* Transparent Header Initial, Hover & Active Colors */
.header-transparent .navigation .nav-icon {
	color: rgba(255,255,255,0.6);
	opacity: 1;
}
.header-transparent .navigation .nav-icon:hover, .header-transparent .navigation .nav-icon.active {
	color: #fff;
	background-color: transparent;
	opacity: 1;
}

/* Nav Dark Button, Dropdown Button Initial, Hover & Active Colors */
.nav-dark .navigation .nav-icon {
	color: #999;
}
.nav-dark .navigation .nav-icon:hover, .nav-dark .navigation .nav-icon.active {
	color: #000;
}
.nav-dark .v-align-middle > .button:not(.nav-icon):not(:hover), .nav-dark .dropdown > .button:not(.nav-icon):not(:hover) {
	color: #fff;
}
.nav-dark .v-align-middle > .button:not(.nav-icon):hover, .nav-dark .dropdown > .button:not(.nav-icon):hover {
	background-color: #ff4556;
	border-color: transparent;
	color: #fff;
}

/* Header Background Divisions, Initial, Hover & Active Colors */
.header-background .with-division ul {
	border-left-color: #eee;
}
.header-background .with-division li {
	border-right-color: #eee;
}
.header-background .v-align-middle > .button:not(.nav-icon), .header-background .dropdown > .button:not(.nav-icon) {
	background: #232323;
	border-color: transparent;
	color: #fff;
}
.header-background .v-align-middle > .button:not(.nav-icon):hover, .header-background .dropdown > .button:not(.nav-icon):hover {
	background-color: #ff4556;
	border-color: transparent;
	color: #fff;
}
.header-background .navigation .nav-icon {
	color: #999;
}
.header-background .navigation .nav-icon:hover, .header-background .navigation .nav-icon.active {
	color: #000;
}
.header-background .social-list li a {
	color: #999;
}
.header-background .social-list li a:hover {
	color: #000;
}

/* Compacted Header Dropdown List Margin */
.header-compact .dropdown-list {
	margin-top: 1.2rem;
}

/* Mobile Header Styles and Breakpoints */
.mobile .navigation.with-division ul {
	border-left-color: #eee;
}
.mobile .navigation.with-division li {
	border-right-color: #eee;
}
.mobile .v-align-middle > .button:not(.nav-icon), .mobile .dropdown > .button:not(.nav-icon) {
	background: #232323;
	border-color: transparent;
	color: #fff;
}
.mobile .v-align-middle > .button:not(.nav-icon):hover, .mobile .dropdown > .button:not(.nav-icon):hover {
	background-color: #ff4556;
	border-color: transparent;
	color: #fff;
}
.mobile .navigation .nav-icon {
	color: #666;
}
.mobile .navigation .nav-icon:hover, .mobile .dropdown .nav-icon.active, .mobile .header-transparent .dropdown .nav-icon.active {
	color: #000;
}
@media only screen and (max-width: 960px) {
	.header .dropdown-list {
		margin-top: 2.2rem;
	}
	.header .v-align-middle > .button:not(.nav-icon), 	.header .dropdown > .button:not(.nav-icon) {
		background: #232323;
		border-color: transparent;
		color: #fff;
	}
	.header .v-align-middle > .button:not(.nav-icon):hover, 	.header .dropdown > .button:not(.nav-icon):hover {
		background-color: #ff4556;
		border-color: transparent;
		color: #fff;
	}
	.header .navigation .nav-icon {
		color: #666;
	}
	.header .navigation .nav-icon:hover, 	.header .dropdown .nav-icon.active {
		color: #000;
	}
}

	/* Polyworks 메뉴 아이콘 삽입 시 css */
.navigation .sub-menu:not(.custom-content) li .m-ico,
.navigation .dropdown-list:not(.cust2022-07-04om-content) li .m-ico,
.navigation .sub-menu:not(.custom-content) li .m-ico:hover,
.navigation .dropdown-list:not(.cust2022-07-04om-content) li .m-ico:hover {	
	padding-left: 50px;
	background-position: 10px center;
	background-size: 36px auto;
	background-repeat: no-repeat;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.sub-menu .m-ico.ico01 { background-image: url(../images/common/icon-poly01.png) !important;}
.sub-menu .m-ico.ico02 { background-image: url(../images/common/icon-poly02.png) !important;}
.sub-menu .m-ico.ico03 { background-image: url(../images/common/icon-poly03.png) !important;}
.sub-menu .m-ico.ico04 { background-image: url(../images/common/icon-poly04.png) !important;}
.sub-menu .m-ico.ico05 { background-image: url(../images/common/icon-poly05.png) !important;}
.sub-menu .m-ico.ico06 { background-image: url(../images/common/icon-poly06.png) !important;}
.sub-menu .m-ico.ico07 { background-image: url(../images/common/icon-poly07.png) !important;}
.sub-menu .m-ico.ico08 { background-image: url(../images/common/icon-poly08.png) !important;}
.sub-menu .m-ico.ico09 { background-image: url(../images/common/icon-poly09.png) !important;}

/*------------------------------------------------------------------
[8. Auxiliary Navigation]
*/

/* Aux Navigation Show */
.header .navigation-show {
	width: 4.4rem;
	height: 4.4rem;
	margin-left: 0;
}

/* Initial & Hover Colors */
.header .navigation-show a {
	font-size: 2.4rem;
	text-align: center;
	color: #666;
	border: 1px solid #eee;
}
.header .navigation .navigation-show.nav-icon {
	font-size: 2rem;
}
.header .navigation-show a:hover {
	color: #000;
	opacity: 1;
}
.aux-navigation a {
	font-size: 30px;
}


/* Transparent Header Initial & Hover Colors */
.header-transparent .navigation-show a {
	color: #fff;
	border-color: rgba(255,255,255,0.2);
}
.header-transparent .navigation-show a:hover {
	color: #fff;
	border-color: rgba(255,255,255,1);
}

/* Header with Background Initial & Hover Colors */
.header-background .navigation-show a {
	color: #666;
	border-color: #eee;
}
.header-background .navigation-show a:hover {
	color: #000;
	border-color: #eee;
}

/* Aux Navigation Hide */
.navigation-hide {
	width: 4.4rem;
	height: 4.4rem;
	margin-top: 1.9rem;
	margin-right: 0;
}
.navigation-hide a {
	background: none;
}
.navigation-hide a span {
	width: 44px;
	font-size: 26px;
}

/* Side Navigation Background Color */
.side-navigation-wrapper .logo {
	width: 12rem;
}
.side-navigation-wrapper {
	background-color: #111;
	box-shadow: none !important;
}
.side-navigation-header {
	border: none;
}

/* Side Main Nav Initial Colors & Padding */
.side-navigation > ul > li > a {
	padding: 0.6rem 4rem;
	font-size: 1.6rem;
	line-height: 1.2;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	font-weight: 300;
	color: #888;
	position: relative;
}
.side-navigation ul li.current > a {
	color: #fff;
	font-weight: 400;
}
.side-navigation > ul > li > a:after  {
	width: 0;
	height: 0.1rem;
	margin-left: 0;
	content: "";
	background-color: #fff;
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: 1rem;
	-webkit-transition-property: width, opacity;
	-ms-transition-property: width, opacity;
	transition-property: width, opacity;
	-webkit-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
	transition-duration: 500ms;
}
.side-navigation > ul > li.current > a:after  {
	width: 2rem;
	opacity: 1;
}
.side-navigation-wrapper .navigation-hide {
	margin-right: 2rem;
}
.side-navigation-wrapper .navigation-hide {
	color: #666;
}
.side-navigation-wrapper .navigation-hide a:hover {
	color: #fff;
}

/* Side Nav Sub Menu Initial Colors & Padding */
.side-navigation .sub-menu {
	background: none;
}
.side-navigation .sub-menu a {
	text-transform: none;
	font-size: 1.2rem;
	font-weight: normal;
	color: #666;
}
.side-navigation .sub-menu a:hover {
	color: #fff;
}
.side-navigation .sub-menu li:first-child {
	padding-top: 1rem;
}
.side-navigation .sub-menu li:last-child {
	padding-bottom: 1rem;
}
.side-navigation .cart-overview li:first-child {
	padding-top: 2rem;
}
.side-navigation .cart-overview li:last-child {
	padding-bottom: 2rem;
}
.side-navigation .sub-menu:not(.custom-content) a {
	padding: 1.1rem 4rem 1.1rem 5.5rem;
}
.side-navigation.center .sub-menu:not(.custom-content) a {
	padding: 1.1rem 4rem 1.1rem 4rem;
}

/* Side Nav Cart Initial Colors */
.side-navigation .cart .badge {
	background-color: #ff4556;
}
.side-navigation .cart-overview .product-title {
	color: #fff;
}
.side-navigation .cart-overview .product-price, .side-navigation .cart-overview .product-quantity {
	color: #999;
}
.side-navigation .cart-overview a.product-remove {
	background-color: #333;
	color: #999;
}
.side-navigation .cart-overview .cart-subtotal {
	color: #fff;
}
.side-navigation .cart-overview .cart-actions {
	border-color: #333;
}
.side-navigation .cart-overview .checkout.button {
	background-color: #ff4556;
	border-color: transparent;
	color: #fff;
}
.side-navigation .cart-overview .checkout.button:hover {
	background-color: #666;
	border-color: transparent;
	color: #fff;
}

/* Side Nav Hover Colors */
.side-navigation ul li a:hover, .side-navigation ul li.current a:hover {
	color: #fff;
}

/* Side Nav Widget */
.side-navigation-footer .widget p, .side-navigation-footer .widget a {
	color: #666;
	font-size: 1.3rem;
}
.side-navigation-footer .widget a:hover {
	color: #fff;
}

/* Side Nav Footer */
.side-navigation-footer, .side-navigation-footer .social-list a {
	color: #666;
	font-size: 1.1rem;
}
.side-navigation-footer .social-list a:hover {
	color: #fff;
}
.side-navigation-footer .copyright {
	font-size: 1.1rem;
}

/* Overlay Navigation Colors & Sizes */
.overlay-navigation-wrapper {
	background-color: rgba(0,0,0,.7);
}
.overlay-navigation-close {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.overlay-navigation-close .overlay-nav-hide {
	position: relative;	
	width: 100%;
	height: 100vh;
}
.overlay-navigation-close .overlay-nav-hide a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.overlay-navigation-inner {
	padding-top: 40px;
	text-align: left;
}
.overlay-navigation-header {
	top: 1.5rem;
}
.overlay-navigation-wrapper .menu-title {
	width: 100%;
	margin-bottom: 3rem;
	color: #000;
	font-size: 2rem;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
}
.overlay-navigation {
	max-width: ;
	padding-left: 30px;
	padding-right: 30px;
	opacity: 0;
	-webkit-transform: translateX(-10rem);
	-ms-transform: translateX(-10rem);
	transform: translateX(-10rem);
	-webkit-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
	transition-duration: 500ms;
}
.overlay-navigation:first-child {
	padding-top: 20px;
}
.aux-navigation-active .overlay-navigation {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.no-scrollbar .overlay-navigation-scroll-pane {
	max-width: 300px;
	margin-right: auto;
	background: #fff;
}

/* Overlay Main Nav */
.overlay-navigation > ul > li > a {
	position: relative;
	padding: 7px 10px;
	font-size: 18px;
	font-weight: 700;
	color: #555;
	border-bottom: 1px solid #999;
}
.overlay-navigation ul li.current > a {
	font-weight: 700;
}
.overlay-navigation > ul > li.current > a {
	font-weight: 700;
}
.overlay-navigation-wrapper .navigation-hide {
	position: fixed;
	top: 15px;
	left: 330px;
}
.overlay-navigation-wrapper .navigation-hide a {
	color: rgba(255,255,255,.7);
	border: 1px solid rgba(255,255,255,0.5);
}
.overlay-navigation-wrapper .navigation-hide a:hover {
}
.overlay-navigation > ul > li > .contains-sub-menu:before, .overlay-navigation .sub-menu li .contains-sub-menu:before {
	content: "\f0d7";
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	font-family: "Font Awesome 6 Free";
}


/* Overlay Nav Sub Menu */
.overlay-navigation .sub-menu {
	padding-left: 0;
}
.overlay-navigation .sub-menu a {
	text-transform: normal;
	font-weight: 700;
	line-height: 1.2;
	color: #999;
}
.overlay-navigation .sub-menu .current > a {
	color: #1564bd;
}
.overlay-navigation .sub-menu a:hover {
	color: #000;
}
.overlay-navigation .sub-menu li a {
	position: relative;
	border-bottom: 1px solid #ccc;
}
.overlay-navigation .sub-menu li:first-child {
	padding-top: 5px;
}
.overlay-navigation .sub-menu li:last-child {
	padding-top: 1px;
	padding-bottom: 5px;
}

/* Overlay Nav Cart */
.overlay-navigation .cart .badge {
	background-color: #ff4556;
}
.overlay-navigation .cart-overview .product-title {
	color: #000;
}
.overlay-navigation .cart-overview .product-price, .overlay-navigation .cart-overview .product-quantity {
	color: #999;
}
.overlay-navigation .cart-overview a.product-remove {
	background-color: #eee;
}
.overlay-navigation .cart-overview .cart-subtotal {
	color: #000;
}
.overlay-navigation .cart-overview .cart-actions {
	border-color: #eee;
}
.overlay-navigation .cart-overview .checkout.button {
	background-color: #ff4556;
	border-color: transparent;
	color: #fff;
}
.overlay-navigation .cart-overview .checkout.button:hover {
	background-color: #666;
	border-color: transparent;
	color: #fff;
}

/* Overlay Nav Hover Colors */
.overlay-navigation > ul > li > a:hover, .overlay-navigation > ul > li.current > a, .overlay-navigation ul li.current > a:hover {
	color: #1564bd;
}

/* Overlay Nav Widget */
.overlay-navigation-footer .widget p, .overlay-navigation-footer .widget a {
	color: #666;
	font-size: 1.3rem;
}
.overlay-navigation-footer .widget a:hover {
	color: #000;
}

/* Overlay Nav Footer */
.overlay-navigation-footer {
	padding-left: 3rem;
	padding-right: 3rem;
}
.overlay-navigation-footer, .overlay-navigation-footer .social-list a {
	color: #666;
	font-size: 1.3rem;
}
.overlay-navigation-footer .social-list a:hover {
	color: #000;
}
.overlay-navigation-footer .copyright {
	font-size: 1.1rem;
}

/* Mobile Styles and Breakpoints */
.mobile .navigation-show {
	margin-left: 2rem;
}
.mobile .navigation-show a {
	color: #666;
	border-color: #eee;
}
.mobile .navigation-show a:hover {
	color: #000;
	opacity: 1;
}

	/* 모바일 검색 영역 타이틀 */
.overlay-navigation > ul > li > a i {
	margin-right: 7px;
}
.overlay-navigation > ul > li > .m-sch-tt,
.overlay-navigation > ul > li > .m-sch-tt:hover,
.overlay-navigation > ul > li.current > .m-sch-tt,
.overlay-navigation > ul > li.current > .m-sch-tt:hover {	
	font-size: 16px;
	color: #d60000;
}

@media only screen and (max-width: 560px) {
}

@media only screen and (max-width: 960px) {
	.header .navigation-show {
		margin-left: 2rem;
	}
	.header .navigation-show a {
		color: #666;
		border-color: #eee;
	}
	.header .navigation-show a:hover {
		color: #000;
		opacity: 1;
	}
	.overlay-navigation-header {
		top: 2rem;
	}
}

/*------------------------------------------------------------------
[9. Title Area]
*/

.sub-topWrap  {
	max-width: 1400px;
	margin: 0 auto;
}
.sub-topTitle {
	padding-top: 30px;
}
.sub-topTitle .tms-caption {
	display: block;
	width: 100%;
}
.sub-topTitle .tms-caption img {
	width: auto;
	height: 70px;
}
.sub-topTitle h1 {
	margin-bottom: 20px;
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -2px;
	text-transform: capitalize;
	text-shadow: 0 1px 5px rgba(0,0,0,.8);
}
.sub-topTitle h3 {
	margin-bottom: 0;
	color: #eee;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -1px;
	text-shadow: 0 1px 5px rgba(0,0,0,.8);
}
.sub-topTitle .sub-tBox {
	display: block;
	margin: 0 auto;
	width: 400px;
	height: 400px;
	background: rgba(255,255,255,.3);
	z-index: 1;
}

[class*="intro-title-"] {
	padding: 0;
}
[class*="intro-title-"] {
	height: 45rem;
}
[class*="intro-title-"].small {
	height: 30rem;
}
[class*="intro-title-"].xsmall {
	height: 15rem;
}
.intro-title-2 {
	background-image: url(../images/slider/slide-2-page-intro.jpg);	
}
.intro-title-2-1 {
	background-image: url(../images/slider/slide-8-page-intro.jpg);	
}
.intro-title-2-2 {
	background-image: url(../images/slider/slide-9-page-intro.jpg);	
}
@media only screen and (max-width: 768px) {
	[class*="intro-title-"], 	[class*="intro-title-"].small {
		padding: 11rem 0;
		height: auto;
	}
}

/*------------------------------------------------------------------
[9.5. Sub Contents]
*/

	/* 서브 아코디언 메뉴 */
.sub-menuWrap {
	position: absolute;
	top: 0;
	left: 0;	
	transition: .5s ease-in-out .05s;
	z-index: 9;
}
.sub-menuBox {
	max-width: 1600px;
	margin: 0 auto;
}
	/* 서브 메뉴 특정위치 고정 */
.sub-menuWrap.fixed {
	position: fixed;
	width: 100%;
	top: 150px;
}
.sub-menuWrap.fixed .sub-menuBox {
	max-width: 1600px;
	height: 0;
	margin: 0 auto;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu {
	width: 300px;
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
}
#cssmenu ul ul {
	display: none;
}
.align-right {
	float: right;
}
#cssmenu > ul > li > a {
	position: relative;
	padding: 15px 20px;
	border-bottom: 2px solid #fff;
	cursor: pointer;
	z-index: 2;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	color: #555555;
	background: #f4f4f4;
}
#cssmenu > ul > li > a:hover {
	color: #fff;
	background: #2f81d3;	
}
#cssmenu > ul > li > a img {
	width: 40px;
	height: auto;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
	color: #fff;
	background: #0e5dac;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
	border-bottom: 0;
}

.menu-active {
	position: absolute;
	top: 0;
	right: 27px;
	width: 0;
	height: 0;
}
.menu-active::before {
	content: "\276F";
	position: absolute;
	top: 15px;
	z-index: 10;
	font-size: 16px;
}

.cssmenu-pList {
	display: none;
}
.has-sub .cssmenu-pList {
	display: block;
}
.cssmenu-pList {
	position: absolute;
	top: 9px;
	right: 45px;
	width: 26px;
	height: 26px;
	padding: 0;
	line-height: 24px;
	background: none;
	color: #777;
	border: 0;
}
.has-sub .has-sub .cssmenu-pList {
	top: 6px;	
}
.active .cssmenu-pList, .has-sub.open .cssmenu-pList, .has-sub:hover .cssmenu-pList {
	color: #ddd;
}
.has-sub:hover .cssmenu-pList:hover {
	color: #fff;
	background: none;
}

.holder {
	position: absolute;
	top: 0;
	right: 30px;
	width: 0;
	height: 0;
}
.holder::before {
	content: "\276F";
	position: absolute;
	top: 15px;
	z-index: 10;
	font-size: 16px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
	border-color: #82e8f2;
}
#cssmenu ul ul li a {
	padding: 13px 20px 14px 30px;
	font-size: 14px;
	font-weight: 600;
	z-index: 1;
	color: #fff;
	background: #4c86bf;
	border-bottom: 1px solid #fff;
}
#cssmenu ul ul li:hover > a {
	background: #4879aa;
}
#cssmenu ul ul li.open > a, #cssmenu 2022-08-02ul ul li.active > a {
	background: #4c86bf;
}
#cssmenu ul ul li:first-child > a {
	box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li a {
	padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a {

}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
	border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
	border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
	content: "\276F";
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	top: 16px;
	right: 19px;
	z-index: 10;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
	border-color: #ffffff;
}
	/* 3Depth Menu Style */
#cssmenu ul ul ul li a {
	padding: 13px 20px 14px 30px;
	font-size: 14px;
	font-weight: 600;
	z-index: 1;
	color: #555;
	background: #d4e9fe;
	border-bottom: 1px solid #fff;
}
#cssmenu ul ul ul li:hover > a {
	background: #aed7ff;
}
#cssmenu ul ul ul li.open > a,
#cssmenu ul ul ul li.active > a {
	background: #b7dbff;
}

#cssmenu.ig > ul > li > a {
	padding: 10px 20px 10px 70px;
}
#cssmenu.ig > ul > li > a img {
	position: absolute;
	top: 6px;
	left: 20px;
	display: block;
}
#cssmenu.ig > ul > li > a b {
	font-size: 11px;
}
#cssmenu.ig .menu-active::before {
	top: 19px;
}

.sub-cate {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,.5);
	z-index: 9;
}
.sub-cate ul { 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	padding-top: 13px;
	padding-bottom: 13px;
	text-transform: capitalize;
}
.sub-cate ul .li01 a {
	margin-top: -1px;
	color: rgba(255,255,255,.8);
}
.sub-cate ul .li02 {
	color: rgba(255,255,255,.8);
}
.sub-cate ul .li03 {
	font-weight: 700;
	color: rgba(255,255,255,.9);
}
.sub-cate ul .li04 i {
	padding: 0 15px;
	color: rgba(255,255,255,.7);
}

.sub-contents { 
	padding-top: 100px;
	padding-bottom: 100px;
}
.sub-title { }

.sub-contWrap {
	position: relative;
	max-width: 1600px;
	min-height: 400px;
	margin: 0 auto;
	padding-left: 350px;
}

	/* 연혁 */
.sub-about {

}
.about-wrap01 {
	position: relative;
	margin-bottom: 50px;
}
.about-wrap01 span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 30px;
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4em;
	letter-spacing: -0.5px;
	color: #000000;
	background: rgba(255,255,255,.5);
}
.about-wrap02 {
	text-align: center;
	margin-bottom: 100px;
}
.about-wrap03 {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: left;
}
.about-wrap03 h4 {
	margin-bottom: 50px;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5em;	
	color: #555;
}
.about-wrap03 h4 strong {
	font-weight: 700;
	color: #0e5dac;
}
.about-wrap03 h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.about-wrap03 h3 span {
	margin-right: 30px;
	font-size: 40px;
	font-weight: 700;
	color: #253a72;
}

	/* CI */
.ci-wrap {
	margin-bottom: 50px;
}
.ci-wrap ul { 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	border: 4px solid #ddd;
}
.ci-wrap ul li { 
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	width: 50%;
	min-height: 300px;
	padding: 50px 20px 30px 20px;
}

.ci-wrap ul li span { 
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	min-width: 120px;
	padding: 4px 20px 8px 20px;
	text-align: center;
	font-size: 16px;
	color: #333;
	background: #ddd;
}
.ci-wrap .li-line { 
	border-right: 1px solid #ddd;
}
.ci-wrap ul li strong {
	display: block;
	width: 100%;
	text-align: center;
}
.ci-wrap ul li strong img { 
	width: 100%;
}
.ci-wrap ul li strong b { display: block; text-align: left; margin-bottom: 10px;}
.imgType01 strong img { width: 100%; max-width: 300px;}
.imgType02 { padding: 30px 10px !important;}
.imgType02 strong img { width: 560px;}
.imgType03 strong { max-width: 450px;}

	/* Customer */
.sub-customer {
	padding: 15px 15px 0 15px;
}
.customer-wrap {
	margin-bottom: 30px;
}
.cs-title span {
	display: block;
	padding-left: 10px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #0e5dac;
	border-bottom: 1px solid #0e5dac;
}
.cs-title ul { 
	margin-bottom: 30px;
}
.cs-title .ul-col1 li { width: 100%;}
.cs-title .ul-col2 li { width: 50%;}
.cs-title ul li {
	position: relative;
	padding-left: 23px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4em;
	color: #555;
	margin-bottom: 10px;
}
.cs-title ul li:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 7px;
	display: block;
	width: 6px;
	height: 6px;
	background: #555;
	border-radius: 10px;
}
.cs-list {
	overflow: hidden;	
}
.cs-list li {
	float: left;
	width: 20%;
	padding: 0 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.cs-list li span {
	display: block;
	border: 1px solid #dddddd;
}

	/* Service */
.grid-container .thumbnail {
	border: 1px solid #ddd;
}

	/* Customer */
.sub-location {
	padding-top: 15px;
}

.googleMap {
	width: 50%;
	float: left;
}

.root_daum_roughmap {
	width: 100% !important;
}
.root_daum_roughmap .wrap_map {
	height: 450px !important;
}




	/* 마켓 */
.market-wrap {

}
.market-cont {
	padding: 30px 0 100px 0;
}
.market-layer {
	background-attachment: fixed;
	background-position: center center;
}
.bg-mk01-01 { background-image: url(../images/market/img-cont0101.jpg);}
.bg-mk01-02 { background-image: url(../images/market/img-cont0102.jpg);}
.bg-mk02-01 { background-image: url(../images/market/img-cont0201.jpg);}
.bg-mk02-02 { background-image: url(../images/market/img-cont0202.jpg);}
.bg-mk03-01 { background-image: url(../images/market/img-cont0301.jpg);}
.bg-mk03-02 { background-image: url(../images/market/img-cont0302.jpg);}
.bg-mk04-01 { background-image: url(../images/market/img-cont0401.jpg);}
.bg-mk04-02 { background-image: url(../images/market/img-cont0402.jpg);}
.bg-mk05-01 { background-image: url(../images/market/img-cont0501.jpg);}
.bg-mk05-02 { background-image: url(../images/market/img-cont0502.jpg);}

.market-box {
	max-width: 1600px;
	margin: 0 auto;
	overflow: hidden;
}
.market-txt {
	position: relative;
	width: 50%;
	min-height: 50vh;
	background: rgba(0,0,0,.7);
}
.icon-img {
	position: absolute;
	top: -50px;
	right: 30px;
	font-size: 300px;
	color: rgba(255,255,255,.2);
}
.txt-right {
	float: right;
}
.txt-left {
	float: left;
}
.market-txt ul {
	min-height: 300px;
	padding: 50px 50px 30px 50px;
	color: #fff;
}
.market-txt ul li {
	position: relative;
	padding-left: 25px;
}
.market-txt ul .li01 {
	margin-bottom: 20px;
	padding-top: 8px;
	padding-bottom: 10px;
	font-size: 34px;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
}
.market-txt ul .li01:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 3px;
	height: 100%;
	background: #ffde00;
}
.market-txt ul .li02 {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: #eee;
}
.market-txt ul .li02:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	display: block;
	width: 8px;
	height: 8px;
	background: #eee;
}


	/* 오시는길 */
.location-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	margin-bottom: 50px;
}
.google-map, .location-info {
	width: 50%;
}
.google-map {
	box-sizing: border-box;
}
.location-info {
	padding-top: 20px;
	padding-left: 80px;
}
.location-info ul li {
	margin-bottom: 15px;
}
.location-info ul li strong, .location-info ul li span {
	position: relative;
	display: block;
}
.location-info ul li strong {
	margin-bottom: 5px;
	padding: 5px 0 5px 15px;
	font-size: 16px;
	font-weight: 700;
	color: #003978;
}
.location-info ul li strong:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 4px;
	height: 20px;
	background: #0e5dac;
}
.location-info ul li span {
	margin-bottom: 5px;
	padding-left: 15px;	
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #555555;
}


.sub-location {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 20px;
}
.call-num {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	margin-bottom: 50px;
}
.num-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	width: 80%;
	max-width: 350px;
	height: 150px;
	margin: 0 20px;
	text-align: center;
	border: 2px solid #003978;
	border-radius: 75px;
	transition: all .3s ease;
}
.num-list ul {
}
.num-list ul .li01 {
	margin-top: -5px;
	margin-bottom: 7px;
	font-size: 46px;
	color: #d60000;
	opacity: .5;
}
.num-list ul .li02 {
	min-height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	color: #1564bd;
}
.num-list ul .li03 a {
	display: inline-block;
	margin: 0 4px;
	font-size: 18px;
	width: 30px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	color: #4c5865;
	border: 1px solid #4c5865;
	border-radius: 15px;
}
.num-list ul .li03 a:hover {
	color: #fff;
	background: #4c5865;
}
.num-list:last-child ul .li02 {
	font-size: 26px;
}

/*------------------------------------------------------------------
[  . PolyWorks Page]
*/

.bg-poliworks {
	background-image: url(../images/polyworks/bg-polyworks.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}
.sub-pwCont {
	padding: 0 20px;
}

.pwCont-title {
	position: relative;
	margin-bottom: 20px;
	padding: 0 30px;
	text-align: center;
}
.pwCont-title .pwCont-titleBi {
	display: block;
	width: auto;
	height: 120px;
	margin: 0 auto;
}
.pwCont-title h2 {
	display: block;
	padding: 30px 0;
	font-weight: 500;
}
.pwCont-title h3 {
	display: block;
	padding: 30px 0;
	font-weight: 500;
	word-break: keep-all;
}
.pwCont-title h4 {
	display: block;
    font-weight: 500;
    line-height: 1.3em;
    color: #555555;
	word-break: keep-all;
}
.pwCont-title.dark-tt h3, .pwCont-title.dark-tt h4 {
	color: #fff;
}
.pwCont-titleBtn { 
	position: absolute;
	top: 3%;
	right: 5%;
}

.pwCont-titleBtn-flex{position: initial; }
.pwCont-titleBtn-flex ul{display: flex;justify-content: center;}

.pwCont-titleBtn ul li {
	padding: 5px;
}
.pwCont-titleBtn ul li a {
	font-size: 16px !important;
	font-weight: 700;
}
.pwCont-titleBtn02 { text-align: center;}
.pwCont-titleBtn02 a {
	font-size: 16px !important;
	font-weight: 700;
}

.pwCont-wrap {
	margin-bottom: 80px;
}

.pwCont-part { 
	margin-bottom: 50px;
}
.txt-cont01 {
	margin-bottom: 60px;
	font-size: 50px;
	font-weight: 500;
	letter-spacing: -2px;
	text-align: center;
	color: #000;
}
.pwCont-part ul .tp-logoImg {
	margin-bottom: 20px;
}
.pwCont-part ul .tp-bTxt { 
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3em;
	word-break: keep-all;
	color: #000000;	
}
.pwCont-part ul .tp-sTxt {
	margin-bottom: 40px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3em;
	word-break: keep-all;
	color: #555555;
}
.pwCont-part ul .tp-bList {
	margin-bottom: 20px;
	margin-left: 20px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3em;
	color: #555555;
}
.pwCont-part ul .tp-sList {
	margin-bottom: 20px;
	margin-left: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3em;
	color: #555555;
}
.pwCont-part ul .tp-sList-in {
	margin-bottom: 10px;
	margin-left: 5px;
	padding-left: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3em;
	color: #555555;	
}
.pwCont-part ul .tp-link a {
	font-size: 16px;
}
.pwCont-part .tp-dark .tp-bTxt { 
	color: #fff;
}
.pwCont-part .tp-dark .tp-sTxt, .pwCont-part .tp-dark .tp-sList {
	color: #ddd;
}
.tp-center { 
	text-align: center;
}

	/* Type01 */
.pwCont-type01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.pwCont-type01 .pwCont-img {
	width: 60%;
}
.pwCont-type01 .pwCont-img iframe { 
	width
}
.pwCont-type01 .pwCont-part {
	width: 40%;
}
.pwCont-type01 .pwCont-part ul {
	padding-left: 30px;
}
.img-youtube {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
}
.img-youtube ul { 	
	padding: 0 10px;
	margin-bottom: 20px;
}
.img-youtube.dad02 ul { width: 50%;}
.img-youtube.dad03 ul { width: 33.333333%;}
.img-youtube li {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 60%;
}
.img-youtube li iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pwCont-type01-re02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
.pwCont-type01-re02 .pwCont-img {
	width: 80%;	
}
.pwCont-type01-re02 .pwCont-part {
	width: 35%;
	margin-left: -25%;
}
.pwCont-type01-re02 .pwCont-part ul {
	padding-top: 100px;
}

	/* Type02 */
.pwCont-type02 {
	overflow: hidden;
}
.type02-wrap {
	float: left;
	width: 50%;
	padding: 0 30px;
	box-sizing: border-box;
}
.type02-wrap .pwCont-part {
	background: #eef0f2;
}
.type02-wrap .pwCont-part ul {
	min-height: 320px;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
}
.type02-wrap .pwCont-part ul .tp-sTxt {
	min-height: 80px;
}

	/* Type03 */
.pwCont-type03 {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #000;
	background-image: url(../images/polyworks/img-pw0106-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.pwCont-type03 .ty-tt, .pwCont-type03 .ty03-wrap {
	margin: 0 auto;
}
.pwCont-type03 .ty-tt {
	max-width: 1024px;
	margin-bottom: 50px;
	padding: 0 30px;
}
.pwCont-type03 .ty-tt h3 {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4em;
	text-align: center;
	color: #fff;
}
.pwCont-type03 .ty-tt h4 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6em;
	text-align: center;
	color: #ddd;
}
.ty03-wrap {
	max-width: 1120px;
	padding: 0 30px;
	overflow: hidden;
}
.ty03-wrap .pwCont-img {
	float: right;
	width: 50%;
}
.ty03-wrap .pwCont-part {
	float: left;
	margin-bottom: 0;
	padding-top: 10px;
	width: 50%;
}
.ty03-wrap .pwCont-part {
	padding-right: 50px;
}

	/* Type04 */
.pwCont-type04 {
	position: relative;
	padding-bottom: 50px;
}
.pwCont-type04 .bg-img {
	width: 100%;
	margin-bottom: -3%;
}
.ty04-tt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 30px;
	padding-top: 6%;
	box-sizing: border-box;
}
.ty04-tt h2, .ty04-tt h3, .ty04-tt h4 {
	display: block;
	text-align: center;
	font-weight: 500;
	color: #fff;
}
.ty04-tt h2 img {
	width: auto;
	height: 70px;
	margin-right: 15px;
	margin-top: -12px;
}
.ty04-tt.vs02 {
	max-width: 520px;
	top: 60px;
	left: unset;
	right: 0;
}
.ty04-tt.vs02 h2, .ty04-tt.vs02 h3 {
	text-align: left !important;
}
.ty04-tt.vs02 h2 {
	margin-bottom: 5px;
}
.ty04-tt.vs02 h3 {
	padding-left: 75px;
}
.ty04-tt.vs02 h3 span, strong {
	display: block;
}
.ty04-tt.vs02 h3 strong {
	margin-bottom: 15px;
	font-size: 36px;
	font-weight: 500;
}
.ty04-tt.vs02 h3 span {
	font-size: 28px;
	font-weight: 300;
}

.ty04-tt.vs03 {
	max-width: 400px;
	top: 7%;
	left: unset;
	right: 10%;
}
.ty04-tt.vs03 h2, .ty04-tt.vs03 h3 {
	text-align: right !important;
}
.ty04-tt.vs03 h3 strong {
	font-size: 42px;
	font-weight: 400;
	line-height: 1.3em;
}
@media only screen and (max-width: 768px) {
	.ty04-tt.vs03 { max-width: 60%; right: 5%;}
	.ty04-tt.vs03 h3 strong { font-size: 30px;}
}
@media only screen and (max-width: 512px) {
	.ty04-tt.vs03 { max-width: 60%; right: 5%;}
	.ty04-tt.vs03 h3 strong { font-size: 20px;}
}

.pwCont-type04 .bg-img.vs03 { margin-bottom: 0;}

.ty04-wrap .pwCont-part {
	text-align: center;
}
.ty04-wrap .pwCont-part ul .tp-sTxt {
	margin-bottom: 15px;
	font-size: 16px;
}
.ty04-wrap .pwCont-part:first-child {
	margin-bottom: 30px;
}
.ty04-wrap .pwCont-part:first-child ul .tp-sTxt {
	font-size: 24px;
}
.ty04-wrap .pwCont-part:last-child ul {
	max-width: 640px;
	margin: 0 auto;
	text-align: left;
}
.ty04-wrap .pwCont-part.vs02 {
	position: relative;
	z-index: 1;
}
.ty04-wrap .pwCont-part.vs02 ul {
	margin: 0 40px;
	margin-top: -200px;
}
.ty04-wrap .pwCont-part.vs02 ul li {
	padding-left: 40px;
	padding-right: 40px;
}
.ty04-wrap .pwCont-part.vs02 ul .tp-bTxt {
	margin-bottom: 0;
	padding-top: 70px;
	padding-bottom: 70px;
	font-weight: 500;
	color: #fff;
	background-color: rgba(77,64,255,.5);
}
.ty04-wrap .pwCont-part.vs02 ul .tp-sTxt {
	padding-top: 40px;
	font-size: 20px;
	background-color: #fff;
}
.ty04-wrap .pwCont-part.vs02 ul .tp-sTxt span {
	display: block;
	margin: 0 auto;
	max-width: 860px;
}
.ty04-wrap .pwCont-part.dad02 {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	margin: 0 40px;
}
.ty04-wrap .pwCont-part.dad02 > div {
	width: 50%;
	padding: 0 20px;
}
.ty04-ab {
	text-align: center;
}
.ty04-ab-r {
	text-align: right;
}
.ty04-ab img { 
	width: auto;
	height: 30px;
}

	/* Type05 */
.pwCont-type05 {
	margin-bottom: 50px;
}
.ty05-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.ty05-wrap .pwCont-img, .ty05-wrap .pwCont-part {
	width: 50%;
}
.ty05-wrap.p-left .pwCont-img {
	left: 0;
}
.ty05-wrap.p-right .pwCont-img {
	right: 0;
}
.ty05-wrap .pwCont-part {
	padding: 20px 50px;
	margin: 0;
}
.ty05-wrap.vs02 .pwCont-part ul .tp-bTxt { 
	font-size: 40px; 
	font-weight: 500;
	color: #376fa6;
}
.ty05-wrap.vs02 .pwCont-part ul .tp-sTxt { 
	margin-bottom: 0;
	font-size: 30px;
}


	/* Type06 */
.pwCont-type06 {
	padding: 0 20px;
}
.pwCont-type06 .pwCont-part, .pwCont-type06 .pwCont-img {
	text-align: center;
}
.pwCont-type06 .pwCont-part ul {
	max-width: 1024px;
	margin: 0 auto;
}
.pwCont-type06.round10 {
	padding-top: 50px;
	margin-left: 40px;
	margin-right: 40px;
	background-color: #fff;
}
.pwCont-type06.round10 .pwCont-img img {
	margin-bottom: -30px;
}

	/* Type07 */
.pwCont-type07 {
	
}
.pwCont-type07 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.pwCont-type07 > h3, .pwCont-type07 > h4 {
	width: 100%;
	text-align: center;
}
.pwCont-type07 > h3 {
	margin-bottom: 20px;
	font-weight: 700;
}
.pwCont-type07 > h3.tt-ico {
	position: relative;
	padding-left: 120px;
}
.pwCont-type07 > h3 .img-ico { 
	position: absolute;
	top: 50%;
	left: 20PX;
	width: 80px;
	margin-right: 20px;
	transform: translateY(-50%);
}
.pwCont-type07 > h4 {
	margin-bottom: 20px;
}
.type07-wrap {
	width: 33.333333%;
	padding: 0 30px;
	box-sizing: border-box;
}
.type07-wrap .pwCont-img img {
	width: auto;
	height: 80px;
}
.type07-wrap .pwCont-img02 img {
	width: 100%;
}
.type07-wrap .pwCont-part ul {
	min-height: 200px;
	padding-top: 30px;
}
.type07-wrap .pwCont-part ul .tp-bTxt { 
	font-size: 20px;
}
.type07-wrap .pwCont-part ul .tp-sTxt {
	min-height: 80px;
	margin-bottom: 0;
	font-size: 16px;
	word-break: keep-all;
}

	/* Type08 : 다단 두개로 나눠지는 레이어 */
.pwCont-type08 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.type08-wrap {
	width: 50%;
}
.type08-wrap .type07-wrap {
	width: 100%;
}
.type08-wrap .type07-wrap .pwCont-part ul, .type08-wrap .type07-wrap .pwCont-part ul .tp-sTxt {
	min-height: auto;
}

	/* Type09 */
.pwCont-type09.round10 { 
	margin-left: 40px;
	margin-right: 40px;
}
.guideLine { 
	position: relative;
}
.guideLine:before {
	content: "";
	position: absolute;
	top: 35%;
	left: 50%;
	display: block;
	width: 20%;
	height: 2px;
	background-color: #fff;
}
.guideLine img {
	width: 68%;
	margin-right: 32%;
}
.guideLine > div {
	position: absolute;
	top: 25%;
	left: 72%;
	right: 20px;
}
.guideLine > div h4 {
	position: relative;
	font-size: 18px;
	color: #fff;
}

.dadan04 .type07-wrap {
	width: 25%;
}

	/* Type10 */
.pwCont-type10 {
}
.pwCont-type10 > div {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.pwCont-type10 > div > div {
	width: 50%;
}
.pwCont-type10 > div > div > div {
	margin: 0 20px;
	padding: 40px 0;
	border-radius: 10px;
}
.pwCont-type10 > div > div > div span, .pwCont-type10 > div > div > div strong { display: block;}
.pwCont-type10 > div > div > div span { 
	max-width: 400px;
	margin-bottom: 20px;
	padding: 0 30px;
	font-size: 18px;
	line-height: 1.4em;
	word-break: keep-all;
}
.type10-l div { background-color: #dbe3f3;}
.type10-l div span { margin-left: auto; text-align: right;}
.type10-r div { 
	background: linear-gradient(to bottom,  #666ba8 0%,#bac9e7 40%,#bac9e7 100%);
}
.type10-r div span { margin-right: auto; text-align: left; color: #fff;}

	/* Type11 */
.pwCont-type11 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	margin: 0 20px;
	padding-left: 40px;
}
.pwCont-type11 > .pwCont-part { padding-top: 6%; width: 40%;}
.pwCont-type11 > .pwCont-part > div { width: 80%; max-width: 280px;}
.pwCont-type11 > .pwCont-img { width: 60%; text-align: right;}

	/* Type12,  Type13,  Type14 */
	/* Type12 */
.pwCont-type12, .pwCont-type13, .pwCont-type14 {
	position: relative;
}
.pwCont-type12 > div {
	position: absolute;
	top: 0;
	left: 5%;
	width: 100%;
	max-width: 45%;
}
.pwCont-type12 > div ul {
	padding: 100px 50px;
	background-color: rgba(255,255,255,.85);
}
.pwCont-type12 > div ul li {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.4em;
	color: #000;
}
@media only screen and (max-width: 1280px) {
	.pwCont-type12 > div ul { padding: 50px;}
	.pwCont-type12 > div ul li { font-size: 20px;}
}
@media only screen and (max-width: 768px) {
	.pwCont-type12 > div {max-width: 50%;}
	.pwCont-type12 > div ul { padding: 20px;}
	.pwCont-type12 > div ul li { font-size: 16px;}
}
@media only screen and (max-width: 512px) {
	.pwCont-type12 > div {
		position: relative;
		max-width: 100%;
		left: unset;
		border: 1px solid #f37129;
	}
}

	/* Type13 */
.pwCont-type13 {
	padding-bottom: 80px;
	background-repeat: no-repeat;
	background-position: center top;	
	background-size: 100% auto;	
}
.pwCont-type13 > div {
	padding-left: 5%;
	padding-right: 5%;
}
.pwCont-type13 > div > ul .li01 {
	max-width: 440px;
	margin-bottom: 40px;
	font-size: 50px;
	font-weight: 500;
	line-height: 1.3em;
	color: #fff;
}
.pwCont-type13 > div > ul .li02 {
	max-width: 840px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3em;
	color: #000;
}
@media only screen and (max-width: 1280px) {
	.pwCont-type13 > div > ul .li01 { 
		max-width: unset;
		margin-bottom: 20px;
		font-size: 30px;
		line-height: 1.3em;
	}
}
@media only screen and (max-width: 768px) {
	.pwCont-type13 > div > ul .li01 { font-size: 24px;}
}
@media only screen and (max-width: 512px) {	
	.pwCont-type13 { padding-bottom: 20px;}
	.pwCont-type13 > div > ul .li01 { font-size: 20px;}
	.pwCont-type13 > div > ul .li02 { font-size: 16px;}
}

	/* Type14 */
.pwCont-type14 {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 32%;
	padding-right: 5%;
	background-repeat: no-repeat;
	background-position: center top;	
	background-size: 100% auto;
}
.pwCont-type14 > img {
	position: absolute;
	top: 0;
	left: 2%;
	width: 28%;
}
.pwCont-type14 .type07-wrap { 
	padding: 0;
	padding-right: 40px;
}
.pwCont-type14 .pwCont-type07 > h3 { margin-bottom: 0;}
@media only screen and (max-width: 768px) {
	.pwCont-type14 { padding-left: 5%;}
	.pwCont-type14 > img {
		position: relative;
		width: 50%;
		max-width: 320px;
	}
	.pwCont-type14 .pwCont-part { margin-bottom: 0px;}
}
@media only screen and (max-width: 560px) {
	.pwCont-type14 { padding-top: 20px; background-size: 100% 100%;}
	.pwCont-type14 .pwCont-part ul .tp-bTxt { margin-bottom: 10px;}
	.pwCont-type14 .type07-wrap { padding-right: 0;}
	.pwCont-type14 .type07-wrap .pwCont-part ul .tp-sTxt { min-height: 0;}
}

	/* Type15 */
.pwCont-type15 > div {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	padding-left: 5%;
	padding-right: 5%;
	background-size: cover;
}
.pwCont-type15 > div > div { width: 50%;}
.pwCont-type15 .type-01 { padding-top: 80px;}
.pwCont-type15 .type08-wrap { 
	width: 100%;
	padding-top: 60px;
	padding-bottom: 50px;
	box-sizing: border-box;
}
.pwCont-type15 .type-02 { padding-bottom: 80px;}
.pwCont-type15 .type-02 > div:first-child { 
	padding-bottom: 100px;
	background-color: #223539;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	background-image: url(../images/polyworks/pw02-02/img-pw0207.png);
}
.pwCont-type15 .type-02 > div:first-child .type07-wrap:last-child { max-width: 60%;}
.pwCont-type15 .type-03 {
	background-color: #030707;
}
.pwCont-type15 .type-06 { 
	background-repeat: no-repeat;
	background-size: 70% auto;
	background-position: left bottom;
	background-image: url(../images/polyworks/pw02-02/img-pw0215.png);	
}
@media only screen and (max-width: 1280px) {
	.pwCont-type15 .type-02 > div:first-child .type07-wrap:last-child { max-width: unset;}
}
@media only screen and (max-width: 768px) {
	.pwCont-type15 .type-06 { 		
		padding-bottom: 50%;
		background-size: 80%;
	}
	.pwCont-type15 > div > div { width:100%;}
}
@media only screen and (max-width: 560px) {
	.pwCont-type15 .type07-wrap, .dadan04 .type07-wrap { padding: 0 20px;}
}

	/* Type16 */
@media only screen and (max-width: 512px) {
	.pwCont-type16 .dadan04 .type07-wrap  { width: 100%; padding: 0 10px;}
	 
}

	/* Type common */
.w40 {
	width: 40%;
}
.w50 {
	width: 50%;
}
.w60 {
	width: 60%;
}
.p-right {
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}


/*------------------------------------------------------------------
[10. Slider & Parallax]
*/

	/* 메인 슬라이드 콘텐츠 영역 폭 조절 */
.tm-slider-txtWrap { 
	position: relative;	
	max-width: 1400px;
	padding-top: 50px;
	padding-left: 40px;	
	padding-right: 40px;
	margin: 0 auto;
}
.tm-slider-txtWrap .tms-perspective { 
	display: inline-block;
	text-align: left;
}
.tm-slider-txtWrap .tms-perspective h1 {
	font-size: 40px;	
	font-weight: 700px;
	letter-spacing: -;
}

	/* 메인 슬라이드별 문구 : 서브 */
.tms-subTxt {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.4em;
	text-transform: capitalize;
}

	/* 메인 슬라이드 로고 영역 */
.tms-logo {
	width: 100%;
}
.tms-logo img {
	display: inline-block;
	width: 100%;
	max-width: 80%;
}
.tms-logo strong {
	font-size: 50px;
	font-weight: 900;
	letter-spacing: -1.5px;
	color: #000;
}

	/* 메인 슬라이드별 png 이미지 조정 */
.tms-img  {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 100%;
	z-index: -1;
}
.tms-img .tms-png01 {
	position: absolute;
	top: -100px;
	right: 10%;
	width: 332px; 
	height: 624px; 
	background: top center url(../images/main/img-main-prod01.png) no-repeat; 
	background-size: 100% auto;
}
.tms-img .tms-png02 {
	position: absolute;
	top: 0;
	left: 10%;
	width: 700px; 
	height: 550px; 
	background: top center url(../images/main/img-main-prod02.png) no-repeat; 
	background-size: 100% auto;
}

.tm-slider-container:not([class*="bkg-"]) {
	background: none;
}

/* Slider Heights */
.featured-media, .full-width-slider, .parallax {
	height: 100vh !important; /* 매인 상단 슬라이드 높이 조절 */
	padding: 0;
}
.sub-content .featured-media, .sub-content .full-width-slider, .sub-content .parallax {
	height: 550px !important; /* 서브 상단 타이틀배경 높이 조절 */
}
.window-height {
	height: 100vh;
}
.main-slide-height {
	height: 720px;
}
.hero-slider.window-height {
	min-height: 100vh;
}
.parallax.page-intro, .page-intro {
	height: 45rem;
}
.parallax.small, .page-intro.small {
	height: 30rem;
}
.logo-slider, .testimonial-slider, .team-slider, .recent-slider .thumbnail {
	min-height: 5rem;
}
.recent-slider {
	min-height: 33rem;
}
.team-slider {
	height: 42rem;
}
.hero-slider {
	min-height: 60rem;
}

/* Slider Navigation Common */
.tms-arrow-nav {
	margin-top: -80px;
	width: 80px;
	height: 160px;
	line-height: 180px;
	color: rgba(255,255,255,.5);
	background-color: rgba(0,0,0,.2);
	border: none;
}
/* Arrow 삼각형 배경
.tms-arrow-nav:after {
	content: "";
	position: absolute;
	top: -50%;
	left: -50%;
	display: block;
	width: 100px;
	height: 100px;
	transform: rotate(45deg);
	background-color: rgba(0,0,0,.4);
	z-index: -1px;
}
*/
.tms-arrow-nav#tms-prev:after {
	margin-top: 32px;
	margin-left: -35px;
}
.tms-arrow-nav#tms-next:after {
	margin-top: 32px;
	margin-left: 15px;
}
.tms-arrow-nav:before {
	font-size: 60px;
}
.tms-arrow-nav:hover {
	width: 100px;
	background-color: rgba(0,0,0,.4);
	opacity: 1 !important;
}
.tms-bullet-nav {
	width: 1.2rem;
    height: 1.2rem;
	background: #fff;
	border: 2px solid rgba(0,0,0,.6);
}
.tms-nav-dark .tms-bullet-nav {
	background: #000;
}
.hide-arrow-nav .tms-arrow-nav, .hide-progress .tms-progress-bar {
	display: none !important
}

/* Featured Media Slider Navigation */
/*.featured-media .tms-arrow-nav {
	display: none !important;
}*/
.featured-media .tms-pagination {
	width: 100%;
	bottom: 3rem;
}
.featured-media .tms-pagination a {
	display: inline-block;
	margin-bottom: 1rem;
}
.featured-media .tm-slider-container .tms-pagination {
	opacity: 1;
}

/* Recent Slider */
.recent-carousel.replicable-content {
	padding-top: 4rem;
	padding-bottom: 1rem;
}
.recent-carousel .column.slider-column {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.tm-slider-container.tms-carousel > ul {
	opacity: 1;
}

.slide01 { background-color: #061937;}
.slide02 { background-color: #ffffff;}
.slide03 { background-color: #222222;}
.slide04 { background-color: #ffffff;}
.slide05 { background-color: #000000;}
.slide06 { background-color: #000000;}
.slide07 { background-color: #ffffff;}
.slide08 { background-color: #000000;}
.slide09 { background-color: #ffffff;}
.slide10 { background-color: #ffffff;}
.slide13 { background-color: #000;}
.slide14 { background-color: #000;}

/* Slider Buttons */
.tm-slider-container .button {
	font-size: 1.1rem;
	font-weight: 700;
}

/* Mobile Slider & Parallax */
.mobile .featured-media, .mobile .parallax.fixed-height {
	height: 80vh;
}


/* Featured Slider Nav Breakpoints */
@media only screen and (max-width: 1280px) {
	.tm-slider-txtWrap .tms-perspective h1 {
		font-size: 36px;
	}
	.tm-slider-txtWrap .tms-perspective p {
		font-size: 18px;
		margin-bottom: 30px !important;
	}	
}
@media only screen and (max-width: 1024px) {
	.tm-slider-txtWrap .tms-perspective{
		
	}
	.tm-slider-txtWrap .tms-perspective h1 {
		font-size: 30px;
	}
}
@media only screen and (max-width: 768px) {

	/* 서브타이틀 */
	.sub-content .featured-media, .sub-content .full-width-slider, .sub-content .parallax {
		height: 400px !important; /* 서브 상단 타이틀배경 높이 조절 */
	}
	.sub-topTitle {
		margin-top: -40px;
		padding-top: 0;
	}
	.sub-topTitle h1 {
		font-size: 40px;
	}
	.sub-topTitle h3 {
		font-size: 18px;
	}

	.featured-media .tms-pagination a {
		display: inline-block;
	}
	.featured-media .tms-arrow-nav {
		display: none !important;
	}
	/* 메인 슬라이드 모바일 반응형 */
	.tms-content-inner {
		padding-top: 80px;
		vertical-align: top;
	}
	/* 서브페이지 상단 배경 반응형 */
	.sub-content .tms-content-inner {
		padding-top: -10px;
		vertical-align: middle;
	}
	.mobile .tms-slide {
		background-size: 230% !important;
		background-position: center bottom !important;
	}
	/* 메인 슬라이드 배경 포지션 */
	.tms-slide.slide01 { background-position: 35% bottom !important;}
	.tms-slide.slide02 { background-position: 75% bottom !important;}
	.tms-slide.slide03 { background-position: 70% bottom !important;}
	.tms-slide.slide04 { background-position: 30% bottom !important;}
	.tms-slide.slide05 { background-position: 70% bottom !important;}
	.tms-slide.slide06 { background-position: 30% bottom !important;}
	.tms-slide.slide07 { background-position: 75% bottom !important;}
	.tms-slide.slide08 { background-position: 60% bottom !important;}
	.tms-slide.slide09 { background-position: 15% bottom !important;}
	.tms-slide.slide10 { background-position: 80% bottom !important;}
	.tms-slide.slide11 { background-position: 67% bottom !important;}
	.tms-slide.slide12 { background-position: 10% bottom !important;}
	.tms-slide.slide14 { background-position: 18% bottom !important;}

	/* 메인 슬라이드 */
	.tm-slider-txtWrap .tms-perspective {
		width: 100%;
		text-align: center;
	}
	.tm-slider-txtWrap .tms-perspective h1 {
		width: 100%;
	}
}
@media only screen and (max-width: 512px) {
	/* 메인 슬라이드 콘텐츠 영역 폭 조절 */
	.tm-slider-txtWrap { 
		padding-left: 10px;
		padding-right: 10px;
	}
	/* 메인 슬라이드별 문구 : 서브 */
	.tms-subTxt {
		font-size: 20px;
	}
	.tms-img .tms-png01 {
		top: -10px;
		right: -40px;
		width: 160px; 
	}
	.tms-img .tms-png02 {
		top: 80px;
		left: -150px;
		width: 400px; 
	}
	/* 연혁 */
	.history-list {
		padding-left: 0;
		padding-right: 0;
	}
	.history-top h2 {
		font-size: 30px;
	}
	.history-top h3 {
		font-size: 24px;
	}
	.history-top h4 {
		font-size: 16px;
	}
	.history-txt{
		padding: 0 5px;
	}
	.history-txt ul {
		padding-left: 0;
	}	
	.history-txt ul .li01 {
		position: relative;
		margin-bottom: 15px;
	}
}

/*------------------------------------------------------------------
[11. Lightbox]
*/

.tm-lightbox {
	background: rgba(0,0,0,.7);
}
#tml-content-wrapper.zoomed + #tml-caption span {
	background-color: rgba(0,0,0,0.3);
	border: none;
	color: #fff;
}

/* Standard Modal Mode */
#tm-lightbox.tml-modal-mode  {
	background: rgba(0,0,0,0.3);
}
.tml-modal-mode .modal-dialog {
	box-shadow: 0 0 0px rgba( 0,0,0,.5);
}
.tml-modal-mode #tml-exit {
	color: #111;
}
.tml-exit-light #tml-exit {
	color: #fff;
}
.rounded .modal-dialog, .rounded .section-block {
	border-radius: 10px;
}

#tml-content-wrapper { 
	box-sizing: border-box;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: inset 0 0 1px 1px rgba(255,255,255,.2);
}
#tml-content-wrapper::-ms-scrollbar,
#tml-content-wrapper::-moz-scrollbar,
#tml-content-wrapper::-webkit-scrollbar {
	width: 5px; /*스크롤바의 너비*/
}
#tml-content-wrapper::-ms-scrollbar-thumb,
#tml-content-wrapper::-moz-scrollbar-thumb,
#tml-content-wrapper::-webkit-scrollbar-thumb {
	background-color: black; /*스크롤바의 색상*/
}
#tml-content-wrapper::-ms-scrollbar-track,
#tml-content-wrapper::-moz-scrollbar-track,
#tml-content-wrapper::-webkit-scrollbar-track {
	background-color: yellow; /*스크롤바 트랙 색상*/
}

/* Common Modal Mode */
.tml-contact-modal .modal-dialog > div, .tml-newsletter-modal .modal-dialog > div, .tml-search-modal .modal-dialog > div, .tml-promotion-modal .modal-dialog > div {
	padding-left: 0;
	padding-right: 0;
}
.tml-contact-modal .contact-form-container, .tml-search-modal .search-form-container, .tml-newsletter-modal .signup-form-container  {
	padding-left: 3rem;
	padding-right: 3rem;
}

/* greyscale upon modal opening */
.modal-open .wrapper-inner {
	-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
}
@media only screen and (max-width: 960px) {
	.tml-padding-small #tml-content-wrapper {
		left: 5% !important;
		right: 5% !important;
	}
}
@media only screen and (max-width: 768px) {
	.tml-modal-mode .modal-dialog {
		width: 100% !important;
	}
	.tml-modal-mode .modal-dialog > div {
		padding-left: 0;
		padding-right: 0;
	}
	.tml-swap-exit-light #tml-exit {
		color: #fff;
	}
	.tml-modal-mode .hero-5 {
		padding-bottom: 2rem; 
	}
	.tml-modal-mode .hero-5 .column:first-child:not(.media-column) .split-hero-content {
		margin-top: 4rem;
	}
}

/* Navigation */
.tml-nav {
	width: 80px;
	height: 80px;
	color: #fff;
	opacity: 0.7;
}
.tml-nav:hover {
	color: #fff;
	opacity: 1;
}
#tml-next, #tml-prev {
	margin-top: -40px;
}
#tml-next:before, #tml-prev:before {
	line-height: 80px;
}

/*------------------------------------------------------------------
[12. Plugin Preloader]
*/

.tm-loader  {
	width: 5rem;
	height: 5rem;
	margin: -2.5rem 0 0 -2.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
}
.tm-loader:before  {
    content: '';
    display: block;
    padding-top: 100%;
}
.tm-loader #circle {
	background: none;
	width: 100%;
	height: 100%;
	margin: auto;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
 	transform-origin: center center;
	animation: rotate 2s linear infinite;
}
.stroke {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
	stroke-width: 0.3rem;
}
/* fallback */
.ie-browser:not(.webkit) .tm-loader #circle {
	border: 3px solid rgba(0,0,0,0);
	border-bottom-color: #ddd;
	animation: rotate 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}
@keyframes rotate  {
	100% { transform: rotate(360deg);
	}
}
@keyframes dash  {
	0% { stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% { stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% { stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}
@keyframes color  {
	100%, 	0% { stroke: #ff4556;
		border-bottom-color: #ff4556;
	}
	40% { stroke: #ff4556;
		border-bottom-color: #ff4556;
	}
	66% { stroke: #ff4556;
		border-bottom-color: #ff4556;
	}
	80%, 	90% { stroke: #ff4556;
		border-bottom-color: #ff4556;
	}
}

/*------------------------------------------------------------------
[13. Rollovers]
*/

/* Rollover Text */
.overlay-info > span > span {
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	color: #fff;
}
.overlay-info .project-description {
	font-size: 1.2rem;
	opacity: 0.7;
	text-transform: none;
	font-weight: 300;
	font-style: italic;
}

/* Overlay */
.overlay-info {
	background: rgba(255, 255, 255, 0.5);
}
.overlay-info > span > span {
	text-align: center;
	vertical-align: center;
}
.overlay-info > span .project-title {
	font-size: 20px;
	font-weight: 100;
}
.overlay-info > span .project-title .fa-search-plus {
	margin: 0 10px;
}
.overlay-fade-img-scale-out .overlay-info .overlay-info {
	opacity: 1;
}
.overlay-fade-img-scale-in .project-title {
	margin-bottom: 0;
}
.caption-below {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	border: none;
	opacity: 0.5;
}
#tml-tool-bar #tml-share-wrapper {
	display: none;
}

/*------------------------------------------------------------------
[14. Homepage]
*/

/* Scroll Links */
.scroll-link.icon-circled, .scroll-to-top.icon-circled {
	width: 5rem;
	height: 5rem;
}
.scroll-link.icon-circled {
	line-height: 5rem;
}
.scroll-to-top.icon-circled {
	line-height: 4.8rem;
}
.scroll-to-top a {
	font-size: 1.1rem;
}

/* Stats /* Stats */
.stats-1-1 {
	background-image: url(../images/design-agency/generic/hero-1.jpg);
}

/* Hero */
.hero-5-1 .media-column {
	background-image: url(../images/design-agency/generic/hero-half-1.jpg);
}
.hero-5-2 .media-column {
	background-image: url(../images/team/hero-half-2.jpg);
}

/* Call to Action */
.call-to-action-2-1 {
	background-image: url(../images/design-agency/generic/signup-1.jpg);
	background-size: cover;
	background-position: center;
}

/* Signup 2 */
.signup-2-1 {
	background-image: url(../images/design-agency/generic/signup-1.jpg);
}

/* Fullscreen Section */
.home-page .fulscreen-sections-wrapper {
	background: #000;
}
.signup-box {
	padding: 4rem;
	border: 1px solid rgba(255,255,255,0.3);
	overflow: visible;
}
.fullscreen-bkg-2 {
	background-image: url(../images/design-agency/slider/slide-3-fs.jpg);
}
.fullscreen-bkg-3 {
	background-image: url(../images/design-agency/slider/slide-4-fs.jpg);
}
.fullscreen-bkg-4 {
	background-image: url(../images/design-agency/slider/slide-5-fs.jpg);
}

/*------------------------------------------------------------------
[15. About Pages]
*/

/* Team Sections */
.team-1 h3, .team-2 h3 {
	margin-top: 0.5rem;
}
.team-1 .team-content-info h5 {
	margin-top: 3rem;
	margin-bottom: 0.5rem;
}
.team-1 h6.occupation {
	margin-bottom: 2rem;
}
.team-2 h6.occupation {
	margin-bottom: 2rem;
}
.team-2 .team-content-info {
	padding: 2rem;
}
.team-2 .social-list {
	margin-bottom: 0;
}
.team-2 .occupation {
	font-size: 1.6rem;
}
.team-2 .occupation {
	font-size: 1.6rem;
}

/* Team Slider */
.team-slider {
	background: none;
	height: 42rem;
}
.team-slider li {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.team-slider p {
	line-height: 1.8;
}
.team-slider .tms-pagination a {
	background-color: #232323;
}
.team-slider-1 .tms-pagination {
	display: none !important;
}
[class*="team-"] .occupation {
	color: #999;
}

/* Testimonial Slider */
.testimonials-5-about-1 {
	background: none;
	color: #666;
}
.testimonials-5-about-1 .tms-bullet-nav {
	background: #000;
}

/*------------------------------------------------------------------
[16. Contact Pages]
*/

/* Contact us */
.sub-contactus { 
	padding: 0 20px;
}
.contactus-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.cu-wrap {
	width: 33.33333%;
}
.cu-wrap.dd-02 {
	width: 34%;
}

.cu-wrap div { 
	padding: 0 20px;
	margin-bottom: 40px;
}
.cu-wrap div ul { 
	position: relative;
	padding: 40px;
	padding-top: 0;
	border: 1px solid rgba(0,0,0,.2);
	background: rgba(0,0,0,.0);
	transition: all .3s ease;
}
.cu-wrap div ul:hover { 
	border: 1px solid rgba(0,0,0,.6);
	background: rgba(0,0,0,0.05);
	transition: all .3s ease;
}
.cu-wrap div ul li { 
	position: relative;
	margin-bottom: 20px;
	padding-top: 1px;
	padding-left: 70px;
	font-size: 16px;
}
.cu-wrap div ul li:last-child { 
	margin-bottom: 0;
}
.cu-wrap div ul li strong { 
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 40px;
	text-align: center;
	font-size: 20px;
}
.cu-wrap div ul .li-name strong { 
	top: -4px;
	font-size: 24px;
}
.cu-wrap div ul li span { 
	font-weight: 700;
}
.cu-wrap div ul .li-tt { 
	position: relative;
	top: -2px;
	left: -41px;
	padding-left: 0;
}
.cu-wrap div ul .li-tt span {
	display: inline-block;
	padding: 10px 20px 10px 20px;
	line-height: 20px;
	font-weight: 700;
	color: #0e5dac;
	background: #fff;
	border: 1px solid #0e5dac;
	transition: all .3s ease;
}
.cu-wrap div ul .li-tt span i {
	margin-right: 7px;
}
.cu-wrap div ul:hover .li-tt span { 
	color: #fff;
	background: #0e5dac;	
}
.cu-wrap div ul .li-tt strong { 
	top: 7px;
	left: 10px;
}
.contactus-wrap02 div table {
}


/* Sitemap */
.cu-wrap.dd-site {
	width: 20%;
}

.cu-wrap div ul .li-name strong {
	font-size: 16px;	
}

/* Hero Sections */
.hero-5-contact-1 .media-column {
	background-image: url(../images/contact/hero-half.jpg);
}
.hero-5-contact-1 [class*="stats-"] .stat-inner {
	text-align: left;
}

/* Stats */
.stats-contact-1 {
	background: none;
}

/* Form Response */
.contact-form-container .form-response {
	color: #666;
}

/* Map */
.map-container {
	height: 45rem;
}
.accordion .map-container {
	height: 24rem;
}
.map-pan-link-container a.active {
	color: #232323;
}
.hero-5 .map-pan-link-container * {
	opacity: 0.5;
}
.hero-5 .map-pan-link-container a.active {
	opacity: 1;
}
.map-pan-link-container a.button.active {
	background: none;
	border-color: #ff4556;
	color: #fff;
}

/*------------------------------------------------------------------
[17. Project Pages]
*/

/* Grid */
.masonry-stamp .caption-over-outer {
	background-color: rgba(255,255,255,.6);
}
h4.project-title {
	font-size: 1.4rem;
}
.project-title .label {
	font-size: 1rem;
	text-transform: uppercase;
}
.project-description {
	font-size: 1.2rem;
}

/* Project 1 */
.project-1-slider .tms-bullet-nav {
	background: #fff; 
}
/* Full Width Content Slider */
.project-1-slider .tms-arrow-nav {
	display: none !important;
}
.project-1-slider .tms-pagination {
	bottom: -4rem;
	opacity: 1 !important;
}
.hero-5-project-1 > .row:after {
	background-image: url(../images/portfolio/project-1/hero-half.jpg);
}

/* Project Info */
.project-attribute {
	margin-bottom: 0.3rem;
	display: table;
	table-layout: fixed;
}
.project-attribute .project-label {
	min-width: 8rem;
	font-weight: 700;
	display: table-cell;
}
.project-attribute .project-value {
	display: table-cell;
}

/* Folio Filter */
.grid-filter-menu ul, .grid-filter-menu li {
	padding: 0;
	text-transform: none;
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
}
.grid-filter-menu li {
	padding: 0.8rem 1.5rem;
}
.grid-filter-menu.list-vertical li {
	display: block;
	padding: 0.8rem 0;
}
.grid-filter-menu:not(.center):not(.right) li:first-child {
	padding-left: 0;
}
.grid-filter-menu.right li:last-child {
	padding-right: 0;
}
.grid-filter-menu a {
	padding: 0.5rem 0;
	font-weight: 400;
	color: #999;
	display: block;
	position: relative;
	border-bottom: 1px solid transparent;
}
.grid-filter-menu a:hover {
	color: #232323;
}
.grid-filter-menu a.active {
	color: #232323;
	border-color: #232323;
}

/* Color Swatch */
.project-swatch-list {
	margin-bottom: 0;
}
.project-swatch-list li {
	margin-bottom: 3rem;
}
.project-swatch {
	margin-right: 5rem;
}
.center .project-swatch {
	margin-left: 2.5rem;
	margin-right: 2.5rem;
}
@media only screen and (max-width: 768px) {
	.center-on-mobile .project-swatch {
		margin-left: 2.5rem;
		margin-right: 2.5rem;
	}
}

/*------------------------------------------------------------------
[18. Pagination]
*/

/* Pagination 3 Customized */
.pagination-3 {
	padding: 0 15px;
}
.pagination-3 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	border-top: 1px solid #ccc;
}
.pagination-3 .li-p {
	padding-right: 20px;
}
.pagination-3 .li-n {
	padding-left: 20px;
}
.pagination-3 a {
	width: 40px;
	height: 40px;
	padding: 0;
	line-height: 40px;
	font-size: 14px;
	font-weight: 400;
	color: #999;
	border-color: #ccc;
	border-top: 0;
	border-radius: 0;
}
.pagination-3 .pagination-previous, .pagination-3 .pagination-next, .pagination-3 a.current, .pagination-3 a:hover {
	background: #f5f5f5;
	border: 1px solid #ccc;
	border-top: 0;
	color: #000;
}
.pagination-3 a.disabled, .pagination-3 a.disabled:hover {
	border-color: #5d738b;
}
.pagination-3 a span {
	margin: 0;
}

@media only screen and (max-width: 560px) {
	.pagination-3 a {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}
/*------------------------------------------------------------------
[19. Fullscreen Pages]
*/

.fullscreen-section .fullscreen-inner {
	background: rgba(0,0,0,0.35);
}
.fs-bullet-nav {
	background: none;
	border: 1px solid #fff;
}
.fs-bullet-nav.active {
	background: #fff;
}
.fs-pagination {
	right: 6rem;
}

/*------------------------------------------------------------------
[20. Blog Pages]
*/

/* Post Title */
.blog-regular h2.post-title, .blog-wide h2.post-title, .blog-single-post h2.post-title {
	margin-bottom: 1rem;
}
.blog-masonry h2.post-title {
	margin-bottom: 0;
}
.blog-masonry .post-title {
	margin-bottom: 0;
	font-size: 2rem;
	text-transform: none;
	display: block;
}
.blog-regular .post-title, .blog-wide .post-title {
	font-size: 3rem;
}
.blog-masonry .post-title a, .blog-regular .post-title a, .blog-wide .post-title a {
	color: #000;
}
.single-post-tags .tags-title {
	font-size: 1.3rem;
}
.blog-masonry.masonry-set-dimensions .post-title {
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1;
}
.blog-masonry.masonry-set-dimensions .post-title a {
	color: #fff;
}
.blog-masonry.masonry-set-dimensions .post-title.quote {
	line-height: inherit;
}
.masonry-set-dimensions .content-inner.with-overlay {
	background-color: rgba(0,0,0,0.3)
}

/* Common */
.post-content.with-background {
	background-color: #fafafa;
}
.post-info {
	margin-bottom: 2rem;
	font-size: 1.1rem;
	font-weight: 400;
	color: #999;
}
.post-info.boxed {
	width: 100%;
	padding: 2rem 0;
	margin-bottom: 7rem;
	background-color: #fafafa;
}
.post-info span {
	margin-left: 1rem;
	margin-right: 1rem;
}
.post-info span, .post-info a {
	display: inline-block;
}
.post-info-aside .post-love, .post-author-aside span, .post-author-aside a, .post-comments-aside span, .post-comments-aside a {
	font-size: 1.2rem;
	text-transform: none;
	color: #999;
	margin-right: 0;
	margin-left: 0;
	letter-spacing: 0;
}
.post-info-aside .post-love, .post-author-aside span, .post-author-aside a, .post-comments-aside span, .post-comments-aside a {
	display: block;
}
.post-info-aside [class*="icon-"] {
	font-size: 1.2rem;
}
.post-info-aside, .post-author-aside, .post-comments-aside {
	min-width: 12rem;
	margin-left: 0;
	text-align: left;
}
.post-info-aside .post-info-inner, .post-author-aside .author-title {
	margin-top: 0;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
}
.post-info-aside .post-love [class*="icon-"] {
	width: 1.3rem;
	margin-right: 0.6rem;
}
.post-info-aside .social-list {
	text-align: left;
}
.post-info-aside + .post-content, .post-author-aside + .author-bio, .post-comments-aside + .comments-inner {
	padding-left: 17rem;
}

@media only screen and (max-width: 768px)  {
	.post-info-aside + .post-content { padding-left: 0;
	}
	.blog-regular .post-title, 	.blog-wide .post-title {
		font-size: 3rem;
	}
}

/* Regular Blog */
.blog-regular .post  {
	margin-bottom: 7rem;
}
.blog-masonry .caption-over-outer .post-info .post-date {
	padding: 0;
	margin: 0;
	border: none;
	display: inline-block;
}

/* Blog Masonry */
.blog-masonry .post-content:not(.post-content.with-background) {
	padding: 0 2rem;
}
/*.blog-masonry .grid-item:nth-child(odd) .post-content {
	padding: 2rem;
	background-color: #f4f4f4;
}*/

/* Blog Masonry Set Dimentions */
.blog-masonry.masonry-set-dimensions .post-info, .blog-masonry.masonry-set-dimensions .post-info a {
	color: #fff;
}

/* Blog Mejs Player */
.post-media .mejs-container.mejs-audio .mejs-controls .mejs-play, .post-media .mejs-container.mejs-audio .mejs-controls .mejs-pause {
	border-radius: 0;
}
.post-media .mejs-container.mejs-audio .mejs-controls {
	border-radius: 0;
}
.masonry-set-dimensions .post-content.with-background {
	background: #f4f4f4;
}
.masonry-set-dimensions .post-media:hover .post-content {
	background: rgba(0,0,0,0.8);
}
.masonry-set-dimensions .post-media:hover .post-content h2 a {
	color: #fdeb74;
}
.masonry-set-dimensions .post-media:hover .post-author a:hover {
	opacity: 0.5;
}

/* Comments */
.post-comments .comment-meta {
	font-size: 1.2rem;
}
.comment-meta span:first-child {
	margin-left: 0;
}
.comment-meta span {
	margin-left: 1rem;
	margin-right: 1rem;
}
.comment-list li {
	margin-bottom: 5rem;
}
.comment-list ul {
	margin-top: 5rem;
	margin-left: 10rem;
}
.post-comments .comment-meta a {
	font-weight: 400;
}
.post-comments .name {
	margin-bottom: 1rem;
}
.post-comment-respond .comment-form .column {
	float: left;
}
.post-author, .post-comments, .post-comment-respond {
	border-color: #eee;
}

/*------------------------------------------------------------------
[21. Form Elements]
*/

.bbs-title { 
	padding-left: 10px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 700;
	color: #1564bd;
}
.bbs-title i { 
	margin-right: 10px;
}
.bbs-title strong { 
	margin-right: 10px;
}
.bbs-title span { 
	font-size: 14px;
	color: #555;
}

	/* BBS List Form */
.table-respon {
	overflow-x: auto;
}
.tableWrap {
	border: 0;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.tableWrap tr th {
	position: relative;
}
.tableWrap tr th .list-Updown {
	position: absolute;
	top: -10px;
	left: 50%;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 18px;
	margin-left: -10px;
	color: #fff;
	background: #555555;
	border-radius: 10px;
}
.tableWrap tr .t-po-rel {
	position: relative;
}
.tableWrap tr td {
	font-size: 16px;
}
.tableWrap .tb-mo { display: none;}
.tb-moCell { 
	padding-top: 5px;
}
.tb-moCell ul { 
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #777;
}
.tb-moCell ul:last-child {
	padding-bottom: 10px;
	margin-bottom: 0;
	border-bottom: 0;
}
.tb-moCell ul li {
	position: relative;
	padding: 8px 10px;
	padding-left: 40px;
	font-size: 16px;
}
.tb-moCell ul li strong {
	position: absolute;
	top: 5px;
	left: 5px;
	display: block; 
	width: 26px;
	text-align: center;
	font-size: 20px;
}


	/* BBS List Form - Table Td Th Height */
.tb-h-30 tr td, .tb-h-30 tr th {
	height: 30px;
	min-height: 30px;
	padding: 7px 10px;
}
.tb-h-40 tr td, .tb-h-40 tr th {
	height: 40px;
	min-height: 40px;
	padding: 7px 10px;
}
.tb-h-50 tr td, .tb-h-50 tr th {
	height: 50px;
	min-height: 50px;
	padding: 10px 20px;
}

	/* BBS List Form - Table Td hover */
.tb-hover tr:hover td {
	background: #edf6ff;
	transition: all .3s ease;
}
.tb-hover tr:hover .td-title .text-break-line1 {
	color: #1564bd;
}
.tableWrap tr td, .tableWrap tr th {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

	/* BBS List Form - Table Td Th Height */
.tb-h-30 tr td, .tb-h-30 tr th {
	height: 30px;
	min-height: 30px;
	padding: 7px 10px;
}
.tb-h-40 tr td, .tb-h-40 tr th {
	height: 40px;
	min-height: 40px;
	padding: 7px 10px;
}

.tableWrap tbody tr .td-f { 
	font-weight: 700;
	color: #003978;
	background: #f5f5f5;
}
.tableWrap tbody tr:hover .td-f { 
	background: #eee;
}

	/* BBS List Form - Table 정렬 왼쪽 일때 : th는 가운데 정렬 */
.tb-left tr th { 
	padding-left: 20px;
	font-weight: 700;
	text-align: center;
}
.tb-left tr td { 
	text-align: left;
	padding-left: 20px;
	color: #4c5865;
}

	/* BBS List Form - Table 정렬 왼쪽 일때 : th는 가운데 정렬 */
.tb-center tr td { 
	text-align: center;
}
.tableWrap tr th, .tableWrap tr th.td-title {
	text-align: center;
	color: #fff;
	background: #777;
}
.tableWrap tr td {
	color: #4c5865;
	background: #fff;
}
.tableWrap tr .td-gray {
	font-weight: 700;
	color: #003978;
	background: #eee;
}
.tableWrap tr .td-left {
	padding-left: 10px;
	text-align: left;
}
.tableWrap tr .td-title {
	padding-left: 10px;
	text-align: left;
}
.tableWrap tr .td-date {
	min-width: 100px;
}
.tableWrap tr .td-cate {
	min-width: 120px;
}
.tableWrap tr .td-file {
	min-width: 80px;
}
.tableWrap tr .td-title {
	width: auto;
}
.tableWrap tr .td-name {
	min-width: 160px;
	font-weight: 700;
}
.tableWrap tr .td-state {
	min-width: 120px;
}
.tableWrap tr .td-reply {
	min-width: 100px;
}
.reply-ct {
	position: relative;	
	display: inline-block;
	width: 40px;
	height: 20px;
	text-align: center;
	line-height: 18px;
	font-weight: 700;
	color: #1564bd;
	border: 1px solid #1564bd;
	border-radius: 10px;
	vertical-align: ;
}
.ico-new:before {
	content: 'N';
	position: absolute;
	top: -6px;
	right: -12px;
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	background: #d60000;
	border-radius: 8px;
}

	/* BBS List Form - 모바일 노출용 리스트 정보 */
.m-data { 
	display: none;
}

	/* BBS View Form : View페이지 상단 */
.bbs-view {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 20px ;
}
.bbs-viewWrap {	
	border-top: 1px solid #aaa;
	box-sizing: border-box;
}
.view-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 100px;
	padding: 20px 10px;
	border-bottom: 1px solid #aaa;
	align-items: center;
}
.btn-before {
	padding-right: 30px;
}
.btn-before .btn-gray-line { 
	width: 60px;
	padding: 5px 0;
	font-weight: 700;
}
.btn-before .btn-gray-line i {
	margin-right: 5px;
}
.view-title ul { }
.view-title ul li:first-child {
	margin-bottom: 5px;
	color: #1564bd;
	font-weight: 500;
}
.view-title ul li:last-child {
	font-size: 16px;
	color: #000;
	font-weight: 700;
}
	/* BBS View Form : 날짜, sns버튼 */
.view-date {
	border-bottom: 1px solid #dddddd;
}
.view-date ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	min-height: 50px;
	padding: 10px;
}
.view-date ul li:first-child span {
	margin-left: 15px;
}
.view-date ul li:last-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.view-date ul li:last-child a {
	margin-right: 5px;
}
.view-date ul li:last-child a:last-child {	
	margin-right: 0;
}
	/* BBS View Form : 글쓴이 정보 */
.view-info {
	border-bottom: 1px solid #dddddd;
}
.view-info ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	min-height: 50px;
	padding: 10px;
}
.view-info ul li {
	margin-right: 50px;
	font-size: 16px;
	font-weight: 700;
}
.view-info ul li span {
	margin-right: 10px;
	color: #1564bd;
}
	/* BBS View Form : 내용 */
.view-contents {
}
.view-contWrap {
	min-height: 300px;
	padding: 20px 10px;
}
	/* BBS View Form : 내용 */
.view-url  {
	border-top: 1px solid #aaa;
}
.view-url ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	padding: 10px;
	min-height: 50px;
}
.view-url ul li { 
	position: relative;
	width: 50%;
	padding-left: 35px;
}
.view-url ul li span { 
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	color: #d60000;
	
}
.view-url ul li:last-child span {
	top: -4px;
}

	/* BBS View Form : 이전 글, 다음 글 */
.view-next {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.nextWrap ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	padding: 10px;
	min-height: 50px;	
}
.nextWrap:first-child {
	border-bottom: 1px solid #dddddd;
}
.nextWrap ul li {
	color: #4c5865;
}
.nextWrap ul .li01 {
	padding-right: 30px;
}
.nextWrap ul .li01 i {
	margin-left: 10px;
}
.nextWrap ul .li01 span {
	margin-left: 30px;
}
.nextWrap ul .li02 {
}
.view-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	padding: 30px 0;
}
.view-btn a {
	width: 30%;
	max-width: 200px;
	height: 40px;
	line-height: 38px;
	font-size: 16px;
	font-weight: 500;
	margin-right: 5px;
}
.view-btn a:last-child {
	margin-right: 0;
}
	/* BBS View Form : 리플 */
.view-reply {
	padding: 0 5px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.reply-write {
	padding: 20px 0;
}
.reply-txtWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.reply-txtWrap textarea {
	min-height: 150px;
	border-color: #aaa;
}
.relpy-textarea {
	width: 100%;
}
.reply-btn {
	width: 100px;
	margin-left: 10px;
}
.reply-btn .btn-gray {
    display: block;
    height: 30px;
    line-height: 28px;
	margin-bottom: 5px;
    font-weight: 700;
}
.reply-btn a:last-child {
	margin-bottom: 0;	
}
.reply-txt01 {
	padding: 20px 10px;
	border-top: 1px solid #aaa;
}
.reply-txtTop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	position: relative;
	margin-bottom: 10px;
}
.reply-txtTop li {
	margin-right: 10px;
}
.reply-txtTop .li01 b {
	display: inline-block;
	width: 20px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #999;
}
.reply-txtTop .li01 span {
	display: inline-block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	font-weight: 700;
}
.tt-q {
	color: #1564bd;
	background: #d5e9ff;
}
.tt-a {
	color: #d60000;
	background: #ffd5d5;
}
.reply-txtTop .li02 strong {
	margin-left: 10px;
}
.reply-txtTop .li02 span {
	margin-left: 15px;
	font-size: 16px;
}
.reply-txtTop .li03 a {
	position: relative;
	width: 60px;
	height: 24px;
	font-weight: 700;
	line-height: 24px;
}
.reply-txtTop .li03 a:first-child {
	width: 24px;
}
.reply-txtTop .li03 .reply-count {
	display: inline-block;
	width: 50px;
	margin-left: -2px;
	text-align: center;
	color: #d60000;
	background: #fff;
	box-shadow: inset 0 0 1px 1px #000;
}
.reply-txtCont {
	line-height: 20px;
}
.re-1th {
	background: #f5f5f5;
}
.re-1th .reply-txtWrap {
	padding-left: 20px;
}
.re-2th {
	background: #f5f5f5;
	padding-left: 40px;
}
	/* BBS Write Form */
.bbs-write {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 20px ;
}
.bbs-writeWrap {
	padding-bottom: 20px;
	border-top: 1px solid #aaa;
}
.write-fome {
	min-height: 50px;
	padding: 10px 5px;
	border-bottom: 1px solid #ddd;
}
.write-fome:last-child {
	border-color: #aaa;
}
.write-fome ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.write-fome ul .li-tt {
	width: 180px;
	padding-top: 6px;
	padding-left: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #003978;
	box-sizing: border-box;
}
.write-fome ul .li-tt span {
	margin-left: 7px;
	color: #d60000;
}
.write-fome ul .li-txt, .write-fome ul .li-file, .write-fome ul .li-agree {
	width: 100%;
}
.write-fome ul .li-txt {
	max-width: 400px;
}
.write-fome ul .li-txt input {
	width: 100%;
	border-color: #aaa;
}
.write-fome ul .li-txt.type2, .write-fome ul .li-file {
	max-width: 1000px;
}
.write-fome ul .li-file input {
	width: 100%;
	max-width: 300px;
}
.write-fome ul .li-agree {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	max-width: 1000px;
	padding-top: 5px;
	font-weight: 700;
}
.write-fome ul .li-agree .checkbox-label:before {
	border-color: #aaa;
}
.write-fome ul .li-agree .agree-btn {
	display: inline-block;
	padding-top: 1px;
	margin-left: 10px;
	color: #1564bd;
	cursor: pointer;
}
.write-fome ul .li-agree .agree-textarea {
	width: 100%;
	padding-top: 20px;
}
.write-fome ul .li-agree .agree-textarea textarea {
	width: 100%;
	height: 200px;
}
.write-fome ul .li-autoWrite { 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.write-fome ul .li-autoWrite .autoWrite-img { 
	margin-right: 20px;
}
.write-fome ul .li-autoWrite input { 
	max-width: 200px;
	border-color: #aaa;
}
.write-editor { 
	min-height: 300px;
	padding: 10px 5px;
}
.write-editor { 
}


.field-wrapper {
	position: relative;
	overflow: hidden;
}
.field-wrapper label:not(.checkbox-label):not(.radio-label) {
	opacity: 0.5;
}
.form-submit.full-width {
	width: 100%;
}

	/* 파일 업로드 input form */
.form-file {}
.file-box .file-btn {
	display: block;
	width: 100px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	color: #fff;
	background: #4c5865;
}
.file-box .hidden-input {
	display: none;
}
.file-preview {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 20px;
}
.file-preview a {
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 20px;
	line-height: 22px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	background: #aaa;
}
.file-thumb {
	width: 150px;
	max-height: 300px;
	margin-right: 20px;
}

/* Common Styling */
[class*="form-container"] .column {
	position: relative;
}
.form-response {
	position: absolute;
	font-size: 1rem;
}
.form-element, textarea {
	background-color: #fff;
	border: 1px solid #e6e6e6;
}
.form-element, textarea, select {
	font-size: 14px;
	text-transform: none;
	font-weight: normal;
	color: #555;
}
.form-element:focus, textarea:focus {
	background-color: #fff;
	border-color: #ddd;
	box-shadow: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	color: #000;
}
.form-element.required-field:focus, textarea.required-field:focus {
	background-color: #fff;
	border-color: #ddd;
	color: #000;
}
.form-element.required-field, textarea.required-field {
	background-color: #ddd;
	color: #000;
	position: relative;
}
.form-element::-webkit-input-placeholder {
	color: #666;
}
.form-element:focus::-webkit-input-placeholder {
	color: #000;
}
.form-element::-moz-placeholder {
	color: #666;
}
.form-element:focus::-moz-placeholder {
	color: #000;
}
.form-element:-ms-input-placeholder {
	color: #666;
}
.form-element:focus:-ms-input-placeholder {
	color: #000;
}
.top-search .form-element::-webkit-input-placeholder {
	color: #aaa;
}


/* Checkbox and Radio */
.checkbox-label, .radio-label {
	color: #666;
	position: relative;
}
.checkbox + .checkbox-label:before, .radio + .radio-label:before {
	background: #fff;
	border-color: #ddd;
}
.checkbox:checked + .checkbox-label, .radio:checked + .radio-label {
	opacity: 1;
}
.checkbox:checked + .checkbox-label:before  {
	content: '\e63a';
	background: #ff4556;
	border-color: #ff4556;
	color: #fff;
}
.radio:checked + .radio-label:before  {
	background: #ff4556;
}
.checkbox.required-field {
	position: absolute;
}
.checkbox.required-field + .checkbox-label:before {
	border-color: #ff4556;
}

/* Contact Specific */
.contact-form-container ::-webkit-input-placeholder {
	color: #666;
}
.contact-form-container :focus::-webkit-input-placeholder {
	color: #000;
}
.contact-form-container ::-moz-placeholder {
	color: #666;
}
.contact-form-container :focus::-moz-placeholder {
	color: #000;
}
.contact-form-container :-ms-input-placeholder {
	color: #666;
}
.contact-form-container :focus:-ms-input-placeholder {
	color: #000;
}
.contact-form-container .form-response {
	bottom: -3rem;
}

/* Overlay Search Form Elements */
.search-form-container .form-element:focus {
	color: #666;
}
.search-form-container ::-webkit-input-placeholder {
	color: #666;
}
.search-form-container :focus::-webkit-input-placeholder {
	color: #000;
}
.search-form-container ::-moz-placeholder {
	color: #666;
}
.search-form-container :focus::-moz-placeholder {
	color: #000;
}
.search-form-container :-ms-input-placeholder {
	color: #666;
}
.search-form-container :focus:-ms-input-placeholder {
	color: #000;
}

#signup-lightbox button, #signup-lightbox .button {
	width: auto;
	max-width: auto;
}

/* Signup 1 Specific */
.signup-1 .form-element {
	background-color: #fff;
	color: #666;
}
.signup-1 .form-element:focus {
	background: none;
	border-color: #ddd;
	color: #000;
}
.signup-1 .form-element.required-field:focus {
	background: none;
	border-color: #ddd;
	color: #666;
}
.signup-1 .form-element.required-field {
	background-color: #ddd;
	color: #666;
	position: relative;
}
.signup-1 .form-response {
	width: 100%;
	text-align: left;
	color: #666;
}
.signup-1 ::-webkit-input-placeholder {
	color: #666;
}
.signup-1 :focus::-webkit-input-placeholder {
	color: #000;
}
.signup-1 ::-moz-placeholder {
	color: #666;
}
.signup-1 :focus::-moz-placeholder {
	color: #000;
}
.signup-1 :-ms-input-placeholder {
	color: #666;
}
.signup-1 :focus:-ms-input-placeholder {
	color: #000;
}

/* Signup 2 Specific */
.signup-2 .signup-form-container {
	padding: 0;
	background: none;
}
.signup-2 .form-element {
	background-color: #fff;
	color: #666;
}
.signup-2 .form-element:focus {
	background-color: #fff;
	border-color: #ddd;
	color: #000;
}
.signup-2 .form-element.required-field:focus {
	background-color: #fff;
	border-color: #ddd;
	color: #666;
}
.signup-2 .form-element.required-field {
	background-color: #ddd;
	color: #666;
	position: relative;
}
.signup-2 .form-response {
	width: 100%;
	text-align: center;
	color: #fff;
}
.signup-2 .form-response {
	margin-left: 0;
	bottom: -1rem !important;
}
.signup-2 ::-webkit-input-placeholder {
	color: #666;
}
.signup-2 :focus::-webkit-input-placeholder {
	color: #000;
}
.signup-2 ::-moz-placeholder {
	color: #666;
}
.signup-2 :focus::-moz-placeholder {
	color: #000;
}
.signup-2 :-ms-input-placeholder {
	color: #666;
}
.signup-2 :focus:-ms-input-placeholder {
	color: #000;
}

/* Login Specific */
.header .dropdown-list h5 {
	color: #fff;
}
.header .dropdown-list .recuperate-password {
	font-size: 1.1rem;
	color: #999;
}
.header .dropdown-list .recuperate-password:hover {
	color: #fff;
}
.login-form-container .form-element, .login-form-container textarea {
	background-color: #333;
	border: 1px solid #333;
	color: #999;
}
.login-form-container .form-element:focus {
	background-color: #444;
	border-color: #444;
	color: #fff;
}
.login-form-container .form-element.required-field {
	border-color: #999;
	color: #fff;
}
.login-form-container .form-element.required-field:focus {
	border-color: #444;
	color: #fff;
}
.login-form-container .form-response {
	color: #999;
}
.login-form-container ::-webkit-input-placeholder {
	color: #999;
}
.login-form-container :focus::-webkit-input-placeholder {
	color: #fff;
}
.login-form-container ::-moz-placeholder {
	color: #999;
}
.login-form-container :focus::-moz-placeholder {
	color: #fff;
}
.login-form-container :-ms-input-placeholder {
	color: #999;
}
.login-form-container :focus:-ms-input-placeholder {
	color: #fff;
}

/* Footer Specific */
.footer .form-element, .footer textarea {
	background-color: #fff;
	margin-bottom: 2rem;
	color: #666;
}
.footer .form-element:focus, .footer textarea:focus {
	background-color: #fff;
	box-shadow: none;
	color: #000;
}
.footer .form-element.required-field, .footer textarea.required-field {
	background-color: #ddd;
	color: #666;
}
.footer .form-element.required-field:focus, .footer textarea.required-field:focus {
	background-color: #fff;
	box-shadow: none;
	color: #000;
}
.footer .signup-form-container .button {
	width: 10rem;
}
.footer .form-response {
	color: #666;
}
.footer ::-webkit-input-placeholder {
	color: #666;
}
.footer :focus::-webkit-input-placeholder {
	color: #000;
}
.footer ::-moz-placeholder {
	color: #666;
}
.footer :focus::-moz-placeholder {
	color: #000;
}
.footer :-ms-input-placeholder {
	color: #666;
}
.footer :focus:-ms-input-placeholder {
	color: #000;
}

/* Disabled */
.disabled {
	opacity: 0.8;
	background-color: #999 !important;
	border-color: #ccc !important;
	color: #000 !important;
}
.disabled:hover {
	opacity: 0.6;
	background-color: #f4f4f4;
	border-color: #eee;
}

/*------------------------------------------------------------------
[22. Social Lists]
*/

.social-list li {
	font-size: 1rem;
	font-weight: 700;
}
.social-list li a {
	color: #fff;
}
.social-list li.social-list-label {
	color: #333;
}

/*------------------------------------------------------------------
[23. Common]
*/

/* Common */
.widget, .widget a {
	font-size: 1.3rem;
}
.sidebar .widget li {
	padding-top: 0rem;
	padding-bottom: 0rem;
}
.widget .list-group li {
	padding-top: 1rem;
	padding-bottom: 1.5rem;
}
.widget .product-list li {
	padding-top: 1.3rem;
}
.widget .list-group li:first-child {
	padding-top: 0 !important;
}
.widget .list-group li:last-child {
	padding-bottom: 0 !important;
}
.widget .tag-cloud a {
	padding: 0.4rem 0.8rem;
	margin: 0 0.5rem 1rem 0;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 0;
	font-size: 1rem;
	text-transform: uppercase;
}
.widget .post-date {
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
}

/*------------------------------------------------------------------
[23. Footer]
*/

/* Top Link Btn */
.topBtn-wrap {
	position: fixed;
	bottom: 120px;
	right: 50px;
	z-index: 99;
}
.topBtn ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 16px;
	width: 40px;
	height: 40px;
	color: rgba(0,0,0,.7);
	background-color: rgba(255,255,255,.3);
	border: 1px solid rgba(14,93,172,.5);
	border-radius: 20px;
	text-transform: uppercase;
}
.topBtn ul li a span {
	font-size: 12px;
}

.footer {
	background: #fff;
	border-top: 1px solid #0e5dac;
}
.footer .footer-top {
	padding-top: 15px;
	padding-bottom: 15px;
}

.footer .widget-title {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	color: #555;
}

/* Footer Logo */
.footer-top {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;	
}
.footer-logo { 
	width: 50%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.footer-top .footer-logo img {
	max-width: 170px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 30px;
}
.footer-logo .widget {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-content: center;
	align-content: center;
	width: 100%;
	font-size: 14px;
	color: #999;
	text-transform: none;
	font-style: normal;
}
.footer-logo .widget div {
	font-size: 20px;
	color: #555;
}


/* Footer Text */
.footer-top a:not(.button):not([class*="icon-"]) {
	font-size: 14px;
}

.footer-info {
	width: 50%;
}
.footer-info .widget {
	max-width: 620px;
	padding: 0 20px;
	margin: 0 auto;
}
.footer-info .widget h4 {
	margin: 0;
}
.footer-info .widget h4 strong {
	font-weight: 700;
	color: #0e5dac;
}
.footer-info ul li {
	position: relative;
	padding-left: 90px;
	margin-bottom: 2px;
	line-height: 1.3em;
	color: #4c5865;
}
.footer-info ul li strong:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 5px;
	display: block;
	width: 4px;
	height: 12px;
	background: #0e5dac;
}
.footer-info ul li strong {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 15px;
	color: #0e5dac;
}
.footer-link ul li {
	max-width: 120px;
	margin-bottom: 3px;
}
.footer-link ul li i {
	margin-right: 5px;
}
.footer-link ul li a {
	position: relative;
	display: block;
	height: 18px;
	line-height: 18px;
	font-weight: 500;
	color: rgba(255,255,255,.7);
	background: #4c5865;
}
.footer-link ul li a:hover {
	color:  rgba(255,255,255,1);
}

/* Footer Background */
.footer-top {
	max-width: 1600px;
	margin: 0 auto;
}
.footer-bottom {
	text-align: center;
	background-color: #fff;
}


/* Footer Navigation */
.footer .navigation li, .footer .navigation ul li a {
	padding: 0;
	display: inline-block;
	float: none;
}
.footer .navigation a, .footer .social-list a {
	font-size: 1.1rem;
	font-weight: 700;
	color: #232323;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

/* Footer bottom */
.footer-bottom .copyright {
	text-align: center;
	padding: 20px  0 20px 0;
	background-color: #fff;
}
.footer-bottom .copyright span {
	margin-left: 5px;
}

/* Footer Widgets */
.footer .post-date {
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
}
.footer .widget .tag-cloud a {
	border-color: #eee;
	font-size: 1rem;
}

/* Columns */
@media only screen and (max-width: 960px) {
	.footer-top.two-columns-on-tablet > .row > [class*="width-"] {
		width: 50%;
		text-align: left !important;
	}
}
@media only screen and (max-width: 768px) {
	
	.topBtn-wrap { right: 20px; bottom: 20px;}

	.footer-top {
		display: block;
		padding: 0 20px;
	}
	.footer-top.two-columns-on-tablet > .row > [class*="width-"] {
		width: 100% !important;
	}
	.footer-logo {
		margin-bottom: 30px;
	}
	.footer-logo, .footer-info, .footer-link {
		width: 100%;
	}
	.footer-logo .widget {
		display: block;
	}
	.footer-logo .widget img {
		width: 120px;
		margin-bottom: 10px;
	}
	.footer-info ul li {
		line-height: 1.3em;
	}
	.footer-info .widget h4 {
		text-align: center;
	}
	.footer-bottom .copyright span {
		display: block;
		margin-left: 0;
		line-height: 20px;
	}
}

/*------------------------------------------------------------------
[24. Sidebar]
*/

/* Sidebar Widgets */
.sidebar .widget, .sidebar .widget a {
	font-size: 1.2rem;
}
.sidebar .widget .tag-cloud a {
	font-size: 1rem;
}
.sidebar .widget li {
	padding-top: 0rem;
	padding-bottom: 0rem;
}
.sidebar .widget .list-group li {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.sidebar .widget ul {
	margin-bottom: 5rem;
}
.sidebar .post-date {
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
}

/*------------------------------------------------------------------
[25. Dividers]
*/

hr, .divider {
	border-color: #eee;
}
.page-intro .divider, .intro-title-2 .divider {
	border-color: rgba(255,255,255,0.1);
}
.text-line {
	width: 0;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
		    transform: rotate(0deg);
	-webkit-transition-property: width, opacity, background-color, transform;
	   -moz-transition-property: width, opacity, background-color, transform;
	     -o-transition-property: width, opacity, background-color, transform;
		    transition-property: width, opacity, background-color, transform;
    -webkit-transition-duration: 400ms;
	   -moz-transition-duration: 400ms;
	     -o-transition-duration: 400ms;
	    -ms-transition-duration: 400ms;
	        transition-duration: 400ms;
}
a.animated-link:hover .text-line, a.overlay-link:hover .text-line {
	width: 2rem;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
		    transform: rotate(0deg);
}
.mobile .text-line, a.disabled .text-line {
	-webkit-transition-property: none;
	   -moz-transition-property: none;
	     -o-transition-property: none;
		    transition-property: none;
}
[class*="border-"].thick, [class*="border-"].thick * {
	border-width: 0.2rem;
}

/*------------------------------------------------------------------
[26. Media Element Player]
*/

.mejs-container.mejs-audio .mejs-controls {
	border-radius: 3px;
}
.mejs-container.mejs-audio .mejs-controls, .mejs-controls .mejs-volume-button .mejs-volume-slider {
	background: rgba(255, 255, 255, 0.9);
}
.mejs-container.mejs-audio .mejs-controls {
	background: #f9f9f9;
}
.mejs-minimal-player .mejs-container .mejs-controls {
	background: none;
}
/* Time track, vol track */
.mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	background: #999;
}
/* Time track, vol level track */
.mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	background: #666;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle  {
	background: #fff;
}
.mejs-minimal-player .mejs-controls .mejs-time-rail .mejs-time-total {
	background: #fff;
}
.mejs-minimal-player .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-minimal-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-minimal-player .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	background: #fff;
}
/* Tooltip */
.mejs-controls .mejs-time-rail .mejs-time-float  {
	background: #000;
}
/* Play Button */
.mejs-container.mejs-audio .mejs-controls .mejs-play, .mejs-container.mejs-audio .mejs-controls .mejs-pause {
	background: #eee;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.mejs-minimal-player .mejs-container .mejs-controls .mejs-play, .mejs-minimal-player .mejs-container .mejs-controls .mejs-pause {
	background: none;
}
/* Time */
.mejs-container .mejs-controls .mejs-time span {
	color: #666;
}
.mejs-minimal-player .mejs-container .mejs-controls .mejs-time span {
	color: #fff;
}

/*------------------------------------------------------------------
[27. E-Commerce]
*/

.main-title { 
	margin: 0 auto;
	text-align: center;
}
.main-title img { 
	margin-bottom: 20px;
}
.main-title h3 {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 600;
	color: #eee;
}

	/* Product 검색 영역 */
.prod-schBpx {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.sub-schBtn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;	
	width: 100%;
	max-width: 440px;
} 
.sub-prodSch {
	max-width: 1600px;	
	margin: 0 auto;
	padding: 0 20px;
	padding-top: 40px;
}
.prod-schWrap {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #777777;
}
.prod-schWrap .guide_drop { 
	position: absolute;
	top: -25px;
	left: 50%;
	display: block;
	width: 200px;
	height: 24px;
	margin-left: -100px;
	text-align: center;
	line-height: 24px;
	color: #eee;
	background: #5d738b;
	cursor: pointer;
}
.prod-schWrap .guide_drop:hover { 
	color: #fff;
	background: #4c5865;
}
.drop_box { 
	display: none;
	margin: 0 auto; 
	margin-bottom: 20px;
	text-align: center;
}
.drop_box table { 
	max-width: 1200px;
	margin: 0 auto;
}
.drop_box table tr td {
	padding-left: 15px;
	padding-right:;
	text-align: left;
}

.prod-sch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}
.prod-sch .form-element, .prod-sch .sch-top {
	box-sizing: border-box;
	border: 1px solid #aaaaaa;
}
.prod-sch li {
	padding: 0 3px;
}
.prod-sch .li-schLeft { 
	width: 50%;
}
.prod-sch .form-select {
	max-width: 100%;
	min-width: 150px;
}
.prod-sch .form-select select {
	width: 100%;
}
.prod-sch .form-select:before {
	background: #4c5865;
}
.prod-sch .sch-top {
	background: #fff;
}
.prod-sch .sch-top .sch-txt, .prod-sch .sch-top .sch-top-btn {
 	color: #4c5865;
}
.prod-sch .sch-top .sch-txt {
	border-right: 1px solid #4c5865;
}
.prod-sch .sch-top input {
 	border-color: #Fff;
}
.sch-type02 {
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

	/* Product Spec */
.prod-specWrap {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}
.prod-spec { 
	overflow-x: auto;
}

	/* Product Main */
#product-grid {
	max-width: 1600px;
	margin: 0 auto;
}

	/* Product List */
.grid-container .grid .grid-item {
	cursor: pointer;
}
.products .product .thumbnail-wrap {
	border: 1px solid #ddd;
	cursor: pointer;
	transition: all .2s ease;
}
.products .product .thumbnail-wrap .thumbnail {
	border-bottom: 1px solid #ddd;
}
.products .product:hover .thumbnail-wrap {
	background: #efefef;
	border-color: #999;
}
.products .product:hover .overlay-link img {
	transition: all .2s ease;
	transform: scale(110%);
}
.product-actions .product-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-content: center;
	align-content: center;
	background: rgba(0,0,0,.5);
}
.product-actions .product-info:before, .product-actions .product-info:after {
	background: rgba(255,255,255,.5);
	content: "";
	position: absolute;
	display: block;
	bottom: 40px;
	left: 50%;
	width: 40px;
	height: 2px;
	margin-left: -20px;
}
.product-actions .product-info:after {
	transform: rotate(90deg);
}
.product-info strong, .product-info span {
	display: block;
	width: 100%;
	text-align: center;
}
.product-info strong {
	margin-bottom: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}
.product-info span {
	margin-bottom: 10px;
	color: #ddd;
	font-size: 14px;
}

.product-list-info {
	min-height: 260px;
}
.product-list-info ul li {
	padding: 0 30px;
}
.product-list-info ul .li01 span {
	display: inline-block;
	margin-bottom: 20px;
	min-height: 30px;
	padding: 6px 15px 6px 15px;
	color: #fff;
	background: #0e5dac;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
}
.product-list-info ul .li02 {
	min-height: 50px;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3em;
	color: #000;
}
.product-list-info ul .li03 {
	min-height: 90px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3em;
	color: #555;
	
}
.product-list-info ul .li04 {
	font-size: 16px;
	font-weight: 500;
	color: #555;
	transition: all .5s ease;
}

.overlay-link:hover .product-list-info ul .li04 {
	padding-left: 45px;
	color: #0e5dac;
}


	/* 카달로그 리스트에만 적용 */
.prodList-ct { 
	padding-top: 15px;
	padding-bottom: 15px;
}
.prodList-btn { 
	position: absolute;
	bottom: 80px;
	left: 0;
	width: 100%;
	text-align: center;
}
.prodList-btn a { 
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 2px;
	opacity: .7;
	color: #2e63af;
	background: #fff;
	border: 1px solid #2e63af;
}
.prodList-btn a:hover { 
	opacity: 1;
	color: #fff;
	background: #2e63af;
}

/* 게시물 없을 경우 */
.no-data {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-height: 400px;	
	text-align: center;
	padding: 30px;
	font-size: 15px;
}
.no-data span {
	display: block;
	width: 200px;
	padding: 30px 0;
	background: #eee;
	border-radius: 100px;
}

@media (max-width: 1280px) {
	.grid-container .grid .grid-item {
		width: 50%;
	}
	.product-list-info ul .li01 {
		width: 100%;
		padding: 0;
	}
}

@media (max-width: 768px) {
	.prod-schBpx {
		display: block;
	}
	.sub-schBtn {
		margin-bottom: 10px;
	}
	.shop .products .product .product-thumbnail:hover .product-actions {
		-webkit-transform:translateY(100%);
		transform:translateY(100%)	
	}
	.product-list-info ul li {
		text-align: center;
		padding: 0 10px;
	}
	.product-list-info ul .li01 span {
		display: block;
		font-size: 14px;
	}
	.product-list-info ul .li02 {
		font-size: 16px;
	}
	.product-list-info ul .li04 {
		font-size: 14px;
	}
}
@media (max-width: 560px) {
}

/* view page */
.view-head { position: relative; padding-left: 290px;}
.thumbImg { position: absolute; top: 0; left: 0; width: 260px;}
.viewInfo table tbody tr td { height: 46px;}
.viewInfo table tbody tr td.p-0 { width: 10%; min-width: 100px; font-weight: 700; text-align: center;
	background-color: #f3f3f3;}
.memeArea {
	min-height: 300px; 
	padding-bottom: 30px;
	line-height: 26px;
	border-bottom: 1px solid #dee2e6;
}
.fr-title { 
	display: block;
	position: relative;
}
.fr-title.fr-check:after { 
	content: "\002A";
	position: absolute;
	top: 0;
	left: -10px;
	color: #dc3545;
}


/* Product 상세스펙 [22.01.17] */ 
	/* 등록하기 Page */
	/* Product View Page */
.product-view, .product-guide {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 20px;
}
.view-head02 { 
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 50px;
}
.thumbImg02 { 
	width: 65%;
}
.thumbImg02 { 
	padding-right: 35px;
}
.thumbImg02-wrap {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background: #eeeeee;	
}
.thumbImg02-wrap #mainImg { 
	width: 82%;
	border: 1px solid #aaaaaa;
}
.thumbImg02-wrap #mainImg span { 
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
}
.thumbImg02-wrap #mainImg span a {
	position: absolute;
	display: block;
	left: 10px;
	bottom: 10px;
}
.thumbImg02-wrap .mainImgSd {
	position: absolute;
	right: 0;
	top: 0;
	width: 18%;
	height: 100%;
	overflow-y: auto;
}
.thumbImg02-wrap .mainImgSd ul { 
	margin-bottom: 0;
	padding: 15px 15px 15px 15px;
	box-sizing: border-box;
}
.thumbImg02-wrap .mainImgSd ul li a { 
	display: block;
	margin-bottom: 6px;
	border: 1px solid #aaaaaa;
}
.viewInfo02 { 
	width: 50%;
	padding: 10px 0 0 0;
	box-sizing: border-box;
}
.viewInfo02 table tbody tr td { 
	height: 46px;
}
.viewInfo02 table tbody tr td.p-0 { 
	width: 10%; 
	min-width: 100px; 
	font-weight: 700; 
	text-align: center;
	background-color: #f3f3f3;}
.viewInfo-tt { 
	margin-bottom: 10px;
}
.viewInfo-tt ul { 
	padding-left: 20px;
}
.viewInfo-tt ul li { 
	line-height: 1;
}
.viewInfo-tt ul .li01 { 
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 500;
	color: #4c5865;
}
.viewInfo-tt ul .li01 span { 
	padding: 0 7px;
}
.viewInfo-tt ul .li01 strong {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
	background: #0e5dac;
}
.viewInfo-tt ul .li02 {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	min-height: 56px;
	font-size: 26px;
	font-weight: 700;
	color: #000;
}
.viewInfo-txt {	
	position: relative;
	padding-left: 20px;
}
.viewInfo-txt h5 {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
}
.viewInfo-txt ul {
	padding-left: 0;
	min-height: 250px;
}
.viewInfo-txt ul li {
	position: relative;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 20px;
	font-size: 16px;
	font-weight: 500;
	color: #555;
}
.viewInfo-txt ul li:before {
	content:"";
	position: absolute;
	top: 7px;
	left: 0;
	display: block;
	width: 8px;
	height: 8px;
	background: #003978;
}
.viewInfo-btn {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	padding-left: 20px;
}
.viewInfo-btn a {
	display: block;
	min-width: 50px;
	height: 50px;
	line-height: 44px;
	padding: 0 15px;
	margin-right: 5px;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	color: #4c5865;
	box-sizing: border-box;
	border: 2px solid #4c5865;
	transition: all .5s ease;
}
.viewInfo-btn a:last-child {
	margin-right: 0;
}
.viewInfo-btn a, .viewInfo-btn span, .viewInfo-btn i {
	vertical-align: middle;
}
.viewInfo-btn a img {
	margin-right: 10px;
}
.viewInfo-btn a:hover {
	color: #fff;
	background: #4c5865;
}
.viewCont-tt {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #4c5865;
}
.viewCont-tt div {
	position: relative;
}
.viewCont-tt div i {
	margin-right: 10px;
}
.viewCont-tt div a {
	position: absolute;
	right: 0;
	bottom: 0;
}
.viewCont-tt div span {
	position: relative;
	display: block;
	width: 200px;
	margin: 0 auto;
	margin-bottom: 5px;
	padding-top: 13px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #0e5dac;
	text-transform: uppercase;
}
.viewCont-tt div span:before {
	content: "";
	position: absolute;	
	top: 0;
	left: 50%;
	display: block;
	width: 80px;
	height: 3px;
	margin-left: -40px;
	background: #0e5dac;
}

.prod-videoWrap {
	margin-bottom: 30px;
}
.prod-video {
	overflow: hidden;
}
.video-box {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 20px;
}
.video-frame {
	position: relative;
	width: 100%;
	height: 0px;
	padding-top: 58%;
	margin-bottom: 40px;
}
.video-frame iframe {
	position: absolute;	
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media (max-width: 1200px) {
	.thumbImg02-wrap {
		display: block;
	}
	.thumbImg02-wrap #mainImg, .thumbImg02-wrap .mainImgSd {
		width: 100%;
	}
	.thumbImg02-wrap .mainImgSd {
		position: relative;
		height: 80px;
		overflow: hidden;
	}
	.thumbImg02-wrap .mainImgSd ul {
		padding: 10px;
	}
	.thumbImg02-wrap .mainImgSd ul li {		
		overflow: auto;
		white-space: nowrap;
	}
	.thumbImg02-wrap .mainImgSd ul li a {
		display: inline-block;
		width: 60px;
		margin-bottom: 0;
		margin-right: 5px;
	}	
}
@media (max-width: 860px) {
	.thumbImg02 {
		padding-right: 0;
	}
	.thumbImg02, .viewInfo02 { 
		width: 100%;
	}
	.view-head02 { 
		display: block;
	}
	.thumbImg02-wrap {
		max-width: 460px;
		margin: 0 auto;
	}
	.thumbImg02-wrap #mainImg {
		width: 100%;
	}
	.thumbImg02-wrap .mainImgSd {
		position: relative;
	}
	.viewInfo-txt ul {
		min-height: auto;
	}
}
@media (max-width: 768px) {
	.viewInfo-tt ul, .viewInfo-txt {
		padding-left: 5px;
	}
	.viewInfo-txt {
		margin-bottom: 30px;
	}
	.viewInfo-txt ul li {
		font-size: 14px;
	}
	.viewInfo-btn {
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		padding-left: 0;
	 }
	.viewInfo-btn a {
		font-size: 14px;
	}
	.video-box {
		float: none;
		width: 100%;
		padding: 0;
	}
}

/* Product 상세스펙 [22.07.28] */ 
	/* View Page Tab Layer */
.tabs.style-5 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.tabs.style-5 .tab-nav ul > li a {
	display: block;
	border: 1px solid #ddd;
}
.tabs.style-5 .tab-nav ul > li a:hover {
	border-color: #555;
}
.tabs.style-5 .tab-nav ul > li.active a, .tabs.style-5 .tab-nav ul > li.active a:hover {
	border-color: #1564bd;
}
.tabs.style-5 .tab-nav ul > li a.ico-pdf {
	border: 0;
}
.style-5 .tab-nav { 
	position: relative;
	width: 16%;
	overflow-y: scroll;
	background: #eee;
}
.style-5 .tab-nav::-webkit-scrollbar {
	width: 6px;
}
.style-5 .tab-nav::-webkit-scrollbar-thumb {
	background: #999;
    border-radius: 5px;
}
.style-5 .tab-nav::-webkit-scrollbar-track {
	background-color: #ddd;
}
.style-5 .tab-nav ul {
	position: absolute;	
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	z-index: 99;
}
.style-5 .tab-nav ul li {
	margin-bottom: 10px;
}
.style-5 .tab-nav ul li:last-child {
	margin-bottom: 0;
}
.style-5 .tab-panes { 
	width: 84%;
	margin-top: 0;
	padding: 0 !important;
}
.style-5 .tab-panes > div {
	box-sizing: border-box;
	border: 1px solid #eee;
}
.style-5 .thumbnail {
	position: relative;
}
.style-5 .thumbnail .ico-pdf {
	position: absolute;
	top: 100%;
	left: 10px;
	width: 36px;
	height: 36px;
	margin-top: -46px;
	transition: all 0.3s ease-in-out;
}
.style-5 .thumbnail .ico-pdf:hover {
	left: 15px;
}


/* Grid */
.shop .products .product h3.product-title {
	font-size: 1.4rem;
}
.product-title a {
	color: #000;
}
.shop .products .product .product-price {
	font-size: 1.2rem;
}

/* Shop Overlay Tags */
.shop .products .product .onsale, .single-product .product .onsale {
	background-color: #ff4556;
}
.shop .products .product .outofstock, .single-product .product .outofstock {
	background-color: #232323;
}

/* Tables */
.shop .table td, .shop .table th {
	padding: 2rem 1.6rem;
}
.shop .cart-overview .table > thead {
	background-color: #f4f4f4;
}
/*.shop .cart-overview .table > thead th, .shop .cart-overview .table > thead th {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}*/
.shop .cart-overview table, .shop .cart-overview td, .shop .cart-totals th, .widget .cart-subtotal, .single-product .review-comments, .checkout .cart-overview hr {
	border-color: #eee;
}
.single-product .review-comments .comment-list > li, .single-product .products-similar hr, .single-product .review-comments, .cart .cart-review, .checkout .cart-review, .checkout .cart-overview hr {
	margin-bottom: 5rem;
}

/* Shop Buttons */
.shop .cart-overview .button, .shop .product .button {
	background-color: #232323;
	border-color: #232323;
	color: #fff;
}
.shop .cart-overview .button:hover, .shop .product .button:hover {
	background-color: #ff4556;
	border-color: #ff4556;
	color: #fff;
}

/* Widgets */
.sidebar .widget .product-list li {
	padding-top: 1.5rem;
	padding-bottom: 1.3rem;
}
.widget .cart-overview a.product-remove {
	background-color: #eee;
}

/* Single Product Page */
.single-product .review-comments {
	padding-bottom: 5rem;
}
.single-product .products-similar hr {
	margin-top: 2rem;
}
.single-product .product-tabs .tab-panes {
	padding-top: 5rem !important;
}
.single-product .product-summary .product-rating {
	font-size: 1.2rem;
}
.single-product .product-summary .product-price ins, .single-product .product-summary .product-price del {
	font-size: 2rem;
	font-weight: 700;
}

/* Cart Overview */
.cart .cart-overview .product-remove a {
	background-color: #eee;
}

@media only screen and (max-width: 960px) {
	/* Product 검색 영역 */
	.prod-sch {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;		
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-ms-justify-content: flex-start;
		justify-content: flex-start;
	}
	.prod-sch .li01 {
		width: 25%;
	}
	
}
@media only screen and (max-width: 762px) {
}
@media only screen and (max-width: 560px) {
	/* Product 검색 영역 */
	.prod-sch .li01 {
		width: 50%;
		margin-bottom: 10px;
	}
	.prod-sch .li02 {
		width: 100%;
		margin-bottom: 10px;
	}
}

/*------------------------------------------------------------------
[28. Component Styling]
*/

/* Testimonial Slider */
.testimonial-slider {
	height: 14rem;
}
.testimonial-slider blockquote {
	width: 100%;
}
.testimonial-slider blockquote span {
	margin-top: 2rem;
}
.testimonial-slider cite {
	margin-top: 2rem;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #999;
	font-style: normal;
}

/* Button */

.btn-210 { 
	min-width: 200px;
}

.btn-st02-white {
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: rgba(0,0,0,.4);
	border: 2px solid #fff;
	border-radius: 40px;
}
.btn-st02-white:before {
	content: "\276F";
	position: absolute;
	right: 17px;
	top: 50%;
	margin-top: -10px;
	font-size: 16px;
}
.btn-st02-white:hover, .tms-perspective:hover .btn-st02-white {
	color: #000;
	background: rgba(255,255,255,1);
	border-color: #fff;
}

.btn-st02-black {
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	background: rgba(0,0,0,0);
	border: 2px solid #000;
	border-radius: 40px;
}
.btn-st02-black:before {
	content: "\276F";
	position: absolute;
	right: 17px;
	top: 50%;
	margin-top: -10px;
	font-size: 16px;
}
.btn-blue {
	position: relative;
	text-align: center;
	text-transform: capitalize;
	color: #0e5dac;
	background: #fff;
	border: 1px solid #0e5dac;
	border-radius: 40px;
}
.btn-blue:hover {
	color: #fff;
	background: #0e5dac;
}
.btn-blue:before {
	content: "\276F";
	position: absolute;
	right: 17px;
	top: 50%;
	margin-top: -10px;
	font-size: 16px;
}
	/* main slide 설정 */
.btn-st02-black:hover, .tms-perspective:hover .btn-st02-black {
	color: #fff;
	background: rgba(0,0,0,1);
	border-color: #000;
}


.btn-gray {
	display: inline-block;
	text-align: center;
	color: #ccc;
	background: #4c5865;
}
.btn-gray:hover {
	color: #fff;
}
.btn-gray-line {
	display: inline-block;
	text-align: center;
	color: #4c5865;
	background: #fff;
	border: 1px solid #4c5865;
}
.btn-gray-line:hover {
	color: #fff;
	background: #4c5865;
}
.button-content {
	line-height: 1;
}
.btn-g-red {
	width: 100%;
	font-weight: 700;
	text-transform: uppercase;
	height: 34px;
	color: #ffde00;
	overflow: hidden;
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d50000+0,ad0000+100 */
	background: rgb(213,0,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(213,0,0,1) 0%, rgba(173,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(213,0,0,1) 0%,rgba(173,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(213,0,0,1) 0%,rgba(173,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50000', endColorstr='#ad0000',GradientType=0 ); /* IE6-9 */
	border: 1px solid #999;
	border-radius: 4px;
}
.btn-g-red:hover {
	color: #fff;
}

.btn-wrap { 
	padding: 50px 0;
}
.btn-col2 {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	margin: 0 auto;
}
.btn-col2 { max-width: 640px;}
.btn-col2 li { 
	width: 50%;
	padding: 0 10px;
	text-align: center;
}
.btn-col2 li a { width: 100%; max-width: 300px; font-size: 16px !important; font-weight: 500;}
.btn-more {
	display: inline-block;
	width: 100%;
	max-width: 200px;
	min-height: 40px;
	line-height: 40px;
	margin: 0;
	background: rgba(21,100,189,.0);
	border: 1px solid #aaa;
	text-transform: uppercase;
}
.btn-more:hover {
	color: #fff;
	background: rgba(21,100,189,1);
	border: 1px solid #1564bd;
}
.btn-more-s {
	display: block;
	width: 60px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	background: #4c5865;
}
.btn-more-s:hover {
	color: #ffde00;
}
.btn-sort {
	display: inline-block;
	width: 100%;
	max-width: 100px;
	min-height: 38px;
	max-height: 38px;
	line-height: 38px;
	margin: 0 3px;
	text-align: center;
	color: #4c5865;
	background: rgba(21,100,189,.0);
	border: 1px solid #aaa;
	text-transform: uppercase;
}
.btn-sort:hover, .btn-sort.active {
	color: #fff;
	background: #4c5865;
}
.sort-red {
	color: #d60000;
	border-color: #d60000;
}
.sort-pp {
	color: #e7587a;
	border-color: #e7587a;
}
.sort-blue {
	color: #1564bd;
	border-color: #1564bd;
}
.sort-red:hover, .sort-red.active {
	background: #d60000;
}
.sort-pp:hover, .sort-pp.active {
	background: #e7587a;
}
.sort-blue:hover, .sort-blue.active {
	background: #1564bd;
}

.btn-icon {
	font-size: 26px;
}
.btn-facebook		{ color: #3884da;}
.btn-facebook:hover	{ color: #024c9e;}
.btn-instar			{ color: #f65e77;}
.btn-instar:hover	{ color: #ff2146;}
.btn-url			{ color: #aaa;}
.btn-url:hover		{ color: #777;}

/* Box */
.box {
	font-size: inherit !important;
	line-height: inherit !important;
}

/* Blockquote */
blockquote.border {
	border-color: #ccc;
}

/* Feature Section */
.feature-2 .feature-image img {
	width: 90%;	
}

/* Logo Section */
.logos-1 a {
	opacity: 1;
}
.logos-1 a:hover {
	opacity: 1;
}
.logo-slider {
	height: 14rem;
}
.logos-1 a, .logos-1 span {
	padding: 2rem 0;
}

/* Clients Section */
.clients-1 .client-name  {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.4rem;
	opacity: 0.5;
}
.clients-1 .counter {
	font-size: 10rem;
	margin-bottom: 0;
}

/* Profile Image */
.profile-image.pull-left {
	margin-right: 3.5rem;
	margin-bottom: 2rem;
}
.profile-image.pull-right {
	margin-left: 3.5rem;
	margin-bottom: 2rem;
}

/* Hero Sections */
.hero-1, .hero-2, .hero-3, .hero-4, .hero-5, .hero-6 {
	height: 50rem;
}
[class*="hero-"].small {
	height: 30rem;
}
[class*="hero-"].window-height {
	height: 700px;
}
.hero-5 .center .tms-pagination {
	text-align: center;
}

/* Stats */
[class*="stats-"] .counter {
	margin-bottom: 1rem;
	font-size: 4.5rem;
	font-weight: 300;
}
[class*="stats-"] .counter.xlarge {
	font-size: 6.5rem;
}
[class*="stats-"] .description {
	font-size: 0.9rem;
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
}
.stats-3 .mega-stat .counter {
	font-weight: normal;
	font-size: 6rem;
}
.stats-3 .description {
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}
.stats-3 .description, .stats-3 .mega-stat .description {
	font-size: 1.2rem;
	font-weight: 400;
}
.maintenance-stat .counter {
	font-size: 6.5rem;
	font-weight: 300;
	line-height: 1;
}

/* Bar percentages */
.percent-10 {
	width: 10%;
}
.percent-20 {
	width: 20%;
}
.percent-30 {
	width: 30%;
}
.percent-40 {
	width: 40%;
}
.percent-50 {
	width: 50%;
}
.percent-60 {
	width: 60%;
}
.percent-70 {
	width: 70%;
}
.percent-80 {
	width: 80%;
}
.percent-90 {
	width: 90%;
}
.percent-10 {
	width: 100%;
}

/* Sizes */
.progress-bar {
	border: none;
}
.progress-bar.small {
	height: 1.3rem;
	font-size: 1rem;
	line-height: 1rem;
}
.progress-bar, .progress-bar.medium {
	height: 2rem;
}
.progress-bar.large {
	height: 3rem;
	font-size: 1.4rem;
	line-height: 2.6rem;
}
.progress-bar.xlarge {
	height: 4rem;
	font-size: 1.5rem;
	line-height: 3.6rem;
}

/* Accordion */
.accordion > ul > li > a {
	padding: 1.3rem 2.5rem;
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	color: #666;
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: uppercase;
}
.accordion > ul > li.active > a, .accordion > ul > li.active > a:hover {
	border-color: transparent;
	background-color: #232323;
	color: #fff;
}
.accordion > ul > li > a:hover {
	border-color: transparent;
	background-color: #ddd;
}
.accordion .accordion-content {
	padding: 3rem;
}
/* style 1 */
.accordion.style-1 > ul > li > a {
	background-color: transparent;
	border-color: #eee;
	color: #666;
}
.accordion.style-1 > ul > li.active > a, .accordion.style-1 > ul > li.active > a:hover {
	background-color: transparent;
	border-color: #eee;
	color: #ff4556;
}
.accordion.style-1 > ul > li > div {
	border: none;
}
.accordion.style-1 .accordion-content {
	border: none
}
/* style 2 */
.accordion.style-2 > ul > li > a {
	padding: 1.3rem 0;
	border: none;
	font-weight: 400;
	background-color: transparent;
	border-bottom: 1px solid #eee;
	color: #666;
}
.accordion.style-2 > ul > li.active > a, .accordion.style-2 > ul > li.active > a:hover {
	background-color: transparent;
	border-color: transparent;
	color: #ff4556;
}
.accordion.style-2 .accordion-content {
	padding: 1rem 0 3rem 0;
	border: none;
}
.accordion.style-2 > ul > li > div {
	border: none;
}
.accordion.style-2 > ul > li.active > div {
	border-bottom: 1px solid #eee;
}

/* Tabs */
.tabs .tab-nav > li a {
	padding: 1.3rem 2.5rem;
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	color: #666;
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: uppercase;
}
.tabs .tab-nav > li a:hover {
	background-color: #ddd;
	border-color: #ddd;
	color: #232323;
}
.tabs .tab-nav > li, .tabs.vertical .tab-nav > li {
	margin: 0;
}
.tabs .tab-nav > li.active a, .tabs .tab-nav > li.active a:hover {
	color: #232323;
}
.tabs .tab-panes {
	padding: 3rem;
}
.tabs[class*="style-"] .tab-nav > li {
	margin: 0 !important;
}
.tabs[class*="style-"] .tab-panes {
	border: none;
}
.tabs[class*="style-"]:not(.style-3) .tab-panes {
	padding: 5rem 0 0 0;
	border: none;
	background: none;
}
.tab-panes > div.active {
	overflow: visible;
}
.tabs.style-1.vertical.right .tab-panes, .tabs.style-2.vertical.right .tab-panes {
	padding-right: 2.5rem;
	margin: 0 !important;
}
/* style 1 */
.tabs.style-1.vertical .tab-nav > li, .tabs.style-1.vertical.right .tab-nav > li {
	margin-bottom: 0;
}
.tabs.style-1 .tab-nav > li a, .tabs.style-1.vertical .tab-nav > li a {
	background-color: #f4f4f4;
	border: none;
	color: #666;
}
.tabs.style-1 .tab-nav > li a:hover {
	background-color: #ddd;
	border: none;
	color: #232323;
}
.tabs.style-1 .tab-nav > li.active a, .tabs.style-1 .tab-nav > li.active a:hover, .tabs.style-1.vertical.right .tab-nav > li.active a, .tabs.style-1.vertical.right .tab-nav > li.active a:hover {
	margin-right: 0;
	border: none;
	background-color: #ff4556;
	color: #fff;
}
/* style 2 */
.tabs.style-2 .tab-nav > li a, .tabs.style-2.vertical .tab-nav > li a, .tabs.style-2.vertical.right .tab-nav > li a {
	background-color: transparent;
	border-width: 0 0 1px 0;
	border-color: #eee;
	color: #666;
}
.tabs.style-2:not(.vertical) .tab-panes {
	border-top: 1px solid #eee;
}
.tabs.style-2 .tab-nav > li.active a, .tabs.style-2 .tab-nav > li.active a:hover, .tabs.style-2.vertical .tab-nav > li.active a, .tabs.style-2.vertical.right .tab-nav > li.active a {
	background-color: transparent;
	border-width: 0 0 1px 0;
	border-color: #ff4556;
	color: #232323;
}
/* style 3 */
.tabs.style-3 .tab-nav > li a, .tabs.style-3.vertical .tab-nav > li a, .tabs.style-3.vertical.right .tab-nav > li a, .tabs.style-3 .tab-panes {
	background-color: transparent;
	border-width: 0;
	color: #666;
}
.tabs.style-3 .tab-nav > li.active a, .tabs.style-3 .tab-nav > li.active a:hover, .tabs.style-3.vertical .tab-nav > li.active a, .tabs.style-3.vertical.right .tab-nav > li.active a {
	background-color: transparent;
	border: none;
	color: #232323;
}
.tabs.style-3:not(.vertical) .tab-nav > li a {
	padding: 1rem 0;
	margin-right: 3rem;
}
.tabs.style-3.center:not(.vertical) .tab-nav > li a {
	margin: 0 1.5rem 0 1.5rem;
}
.tabs.style-3.right:not(.vertical) .tab-nav > li a {
	margin: 0 0 0 3rem;
}
.tabs.style-3 .tab-panes {
	padding: 3rem 0 0 0;
}

/* animation */
.tab-panes .tab-content {
	-webkit-transition-property: transform, opacity, visibility;
			transition-property: transform, opacity, visibility;
	-webkit-transition-duration: 1000ms;
			transition-duration: 1000ms;
	-webkit-transform: translateY(1rem);
			transform: translateY(1rem);
}
.tab-panes .animate-in .tab-content {
	-webkit-transform: translateY(0);
			transform: translateY(0);
}
@media only screen and (min-width: 480px)  {
	.tabs.style-1.vertical .tab-panes {
		padding: 0 0 0 3.5rem;
	}
	.tabs.style-1.vertical .tab-panes, 	.tabs.style-2.vertical .tab-panes {
		padding: 0 0 0 3.5rem;
		margin: 0 !important;
	}
	.tabs.style-1.vertical.right .tab-panes, 	.tabs.style-2.vertical.right .tab-panes {
		padding: 0 3.5rem 0 0;
		margin: 0 !important;
	}
	.tabs.style-2.vertical .tab-nav > li a {
		padding-left: 0;
		border: none;
		border-right: 1px solid #eee;
	}
	.tabs.style-2.vertical.right .tab-nav > li a {
		padding-left: 2.5rem;
		padding-right: 0;
		border: none;
		border-left: 1px solid #eee;
	}
	.tabs.style-2.vertical .tab-nav > li.active a, 	.tabs.style-2.vertical .tab-nav > li.active a:hover {
		border: none;
		border-right: 1px solid #ff4556;
	}
	.tabs.style-2.vertical.right .tab-nav > li.active a, 	.tabs.style-2.vertical.right .tab-nav > li.active a:hover {
		border: none;
		border-left: 1px solid #ff4556;
	}
}

/* Menus */
.menu-list h4 {
	font-size: 1.4rem;
}
.menu-list li:nth-child(even) h4, .menu-list li:nth-child(even) .menu-description {
	color: #666;
}
.menu-list h4 .menu-line {
	bottom: 1px;
}
.menu-list .menu-content .menu-line {
	bottom: 8px;
}
.menu-item .menu-title, .menu-item .menu-description, .menu-item .menu-price {
	background: none;
}
.menu-item.dotted .menu-title, .menu-item.dotted .menu-description, .menu-item.dotted .menu-price, .menu-item.dashed .menu-title, .menu-item.dashed .menu-description, .menu-item.dashed .menu-price {
	background-color: #fff;
}
.dotted .menu-line {
	background-image: radial-gradient(circle closest-side, #ccc 99%,rgba(0,0,0,0) 0%);
}
.dashed .menu-line {
	background-image:  linear-gradient(to right, #ccc 50%, rgba(0,0,0,0) 0%);
}

/* Timeline */
.timeline.vertical-indication .timeline-title:after {
	border: 2px solid #999;
	background-color: #999;
}
.timeline.vertical-indication .timeline-description:before {
	background-color: #eee;
}
@media only screen and (max-width: 768px)  {
	.timeline.vertical-indication .timeline-description:before, 	.timeline.vertical-indication .timeline-title:before {
		width: 0.2rem;
		left: 1.9rem;
	}
}

/* Pricing Tables */
.pricing-table-column.callout {
	box-shadow: 0rem 0rem 1.8rem rgba(0,0,0,.2);
}
.pricing-table-column.callout.with-background-image {
	background-image: url(../images/generic/pricing-table.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.pricing-table-column.callout.with-background-image > * {
	background-color: rgba(0,0,0,0.4);
}
.pricing-table-options del {
	text-decoration: line-through;
}
.pricing-table-price .interval, .pricing-table-price .currency {
	opacity: 1;
	font-weight: 400;
}

/* style 1 */
.pricing-table.style-1 .pricing-table-column * {
	text-align: center;
}
.pricing-table.style-1 .pricing-table-header h2 {
	font-size: 1.5rem;
}

/* style-2 */
.pricing-table.style-2 .pricing-table-column * {
	text-align: center;
}
.pricing-table.style-2 .pricing-table-header h2  {
	font-size: 1.5rem;
}
.pricing-table.style-2 .interval {
	display: block;
	font-size: 1.1rem !important;
	text-transform: uppercase;
	opacity: 0.6;
}

.logo-slider {
	width: 10rem;
	height: 10rem;
}

/* Breadcrumb */
.intro-title-2 .breadcrumb, .page-intro .breadcrumb, .intro-title-2 .breadcrumb a, .page-intro .breadcrumb a {
	color: #fff;
}
.intro-title-2 .breadcrumb a, .page-intro .breadcrumb a {
	opacity: 0.6;
}
.intro-title-2 .breadcrumb a:hover, .page-intro .breadcrumb a:hover {
	opacity: 1;
}

/*------------------------------------------------------------------
[29. Resolution Media Queries]
*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (     -o-min-device-pixel-ratio: 2/1), only screen and (		 min-device-pixel-ratio: 2), only screen and (			min-resolution: 192dpi), only screen and (				min-resolution: 2dppx)  {

	/* Intro Sections */
	.intro-title-2 {
		background-image: url(../images/slider/slide-2-page-intro@2x.jpg);	
	}
	.intro-title-2-1 {
		background-image: url(../images/slider/slide-8-page-intro@2x.jpg);	
	}
	.intro-title-2-2 {
		background-image: url(../images/slider/slide-9-page-intro@2x.jpg);	
	}

	/* Fullscreen Sections */
	.fullscreen-bkg-2 {
		background-image: url(../images/design-agency/slider/slide-3-fs@2x.jpg);
	}
	.fullscreen-bkg-3 {
		background-image: url(../images/design-agency/slider/slide-4-fs@2x.jpg);
	}
	.fullscreen-bkg-4 {
		background-image: url(../images/design-agency/slider/slide-5-fs@2x.jpg);
	}

	/* Stat Sections */
	.stats-1-1 {
		background-image: url(../images/design-agency/generic/hero-1@2x.jpg);
	}

	/* Hero Sections */
	.hero-5-1 .media-column {
		background-image: url(../images/design-agency/generic/hero-half-1@2x.jpg);
	}
	.hero-5-2 .media-column {
		background-image: url(../images/team/hero-half-2@2x.jpg);
	}

	/* Call to Action Sections */
	.call-to-action-2-1 {
		background-image: url(../images/design-agency/generic/call-to-action-1@2x.jpg);
	}

	/* Signup */
	.signup-2-1 {
		background-image: url(../images/design-agency/generic/signup-1@2x.jpg);
	}
}


/*------------------------------------------------------------------
[30. Main Content]
*/

	/* Main Polyworks */

.main-polyworks {
	padding-top: 3rem;
	padding-bottom: 1rem;
	background-image: url(../images/main/bg-main-polyworks.jpg);
	background-size: cover;
}
.main-polyworks-wrap {
	
}
.main-polyworks-list ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.main-polyworks-list ul li {
	width: 33.333333%;
	max-width: 120px;
	margin: 0 1%;
	margin-bottom: 20px;
	cursor: pointer;
}
.main-polyworks-list ul li span, .main-polyworks-list ul li strong, .main-polyworks-list ul li img {
	display: block;
	text-align: center;
	color: #ddd;
	margin: 0 auto;
}
.main-polyworks-list ul li span {
	font-size: 12px;
}
.main-polyworks-list ul li strong {
	font-size: 18px;
}
.main-polyworks-list ul li img, .main-polyworks-list ul li span, .main-polyworks-list ul li strong {
	transition: all .5s ease-in-out;
}
.main-polyworks-list ul li:hover img { 
	transform: scale(107%);
}
.main-polyworks-list ul li:hover span, .main-polyworks-list ul li:hover strong {
	color: #fff;
}


	/* Main About */
.mian-about { 
	position: relative;
}
.about-tt {
	position: absolute;	
	top: 140px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 1;
}
.about-tt span {
	display: block;
	text-align: center;
	font-size: 60px;
	font-weight: 700;
	letter-spacing: -3px;
	text-transform: uppercase;
	color: #fff;
}
.about-left { 
	background: center center url(../images/main/img-main-contBg01.jpg) no-repeat;
}
.about-right { 
	background: center center url(../images/main/img-main-contBg02.jpg) no-repeat;
}
.mian-about .row { 
	height: 700px;
	padding-top: 280px;
}
.mian-about ul {
	width: 100%;
	max-width: 400px;
}
.mian-about ul .li01 {
	padding-bottom: 30px;
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 900;
	border-bottom: 1px solid #fff;
}
.mian-about ul .li02 {
	position: relative;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -1px;
	transition: all .5s ease-in-out;
}
.mian-about ul .li02 a {
	color: #fff;	
}
.mian-about ul .li02:before {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.8);
	z-index: -1;
	transition: all .3s ease-in-out;
}
.about-left .row { 
	background: -moz-linear-gradient(left,  rgba(0,57,120,0) 0%, rgba(0,57,120,0.01) 1%, rgba(0,57,120,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,57,120,0) 0%,rgba(0,57,120,0.01) 1%,rgba(0,57,120,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,57,120,0) 0%,rgba(0,57,120,0.01) 1%,rgba(0,57,120,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003978', endColorstr='#003978',GradientType=1 ); /* IE6-9 */
}
.about-right .row {
	background: -moz-linear-gradient(left,  rgba(43,26,10,1) 0%, rgba(43,26,10,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(43,26,10,1) 0%,rgba(43,26,10,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(43,26,10,1) 0%,rgba(43,26,10,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b1a0a', endColorstr='#002b1a0a',GradientType=1 ); /* IE6-9 */
}
.about-left ul { 
	float: right;
}
.about-left ul li {
	padding-right: 80px;
}
.about-left ul .li01 {
	color: #00d8ff;
}
.about-left ul .li02:before {
	width: 0;
	right: 0;
}
.about-left ul .li02:hover a {
	color: #003978;
}
.about-left ul .li02:hover:before {
	width: 100%;
}
.about-right ul li {
	padding-left: 80px;
}
.about-right ul .li01 {
	color: #ffde00;
}
.about-right ul .li02:hover a {
	color: #2b1a0a;
}
.about-right ul .li02:before {
	width: 0;
	left: 0;
}
.about-right ul .li02:hover:before {
	width: 100%;
}

	/* BBS Style */
.bbs-wrap {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 20px;
}
.bbs-content {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 20px;
}
.bbs-list {
	overflow-x: auto;
}

	/* Main BBS */
.main-bbs { 
	max-width: 1600px;
	margin: 0 auto;
	padding: 100px 0;
	box-sizing: border-box;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.bbs-tt { 
	position: relative;
	margin-bottom: 10px;
}
.bbs-tt .btn-more-s  { 
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.bbs-tt span {
	position: relative;
	display: block;
	height: 35px;
	padding-left: 15px;
	line-height: 32px;
	font-size: 18px;
	font-weight: 600;
	color: #1564bd;
}
.bbs-tt span:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 3px;
	height: 100%;
	background: #d60000;
}

	/* 상담상태 상태 색상 */
.answer-col01, .answer-col02, .answer-col03 {
	display: inline-block;
	width: 70px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	opacity: .7;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
}
.answer-col01 { background: #d60000;}
.answer-col02 { background: #1564bd;}
.answer-col03 { background: #4c5865;}

	/* Main Location */
#main-location .section-block {
	background: rgb(47,57,68); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(47,57,68,1) 0%, rgba(65,77,90,1) 70%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(47,57,68,1) 0%,rgba(65,77,90,1) 70%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(47,57,68,1) 0%,rgba(65,77,90,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3944', endColorstr='#414d5a',GradientType=1 ); /* IE6-9 */
}
.main-add-info { 
}
.main-add-info ul {
	float: right;
	width: 100%;
	padding-left: 20px;
	max-width: 500px;
}
.main-add-info ul li {
	position: relative;
}
.main-add-info ul .li01 {
	position: relative;
	margin-bottom: 40px;
	font-size: 60px;
	font-weight: 700;
	letter-spacing: -2px;
	color: #fff;
}
.main-add-info ul .li01:before {
	content: "\f3c5";
	position: absolute;
	top: -40px;
	left: -60px;
	opacity: .3;
	font-size: 130px;
	font-family: "Font Awesome 6 Free";
}
.main-add-info ul .li02 {
	position: relative;
	margin-bottom: 30px;
	padding-top: 15px;
	padding-left: 80px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: rgba(255,255,255,0.8);
}
.main-add-info ul .li02 strong {
	position: absolute;
	top: 15px;
	left: 15px;
	color: #fff;
}
.main-add-info ul .li02 .copy-white {
	margin-left: 10px;
}
.main-add-info ul .li02:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 170px;
	height: 42px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}


/* [30. 카달로그페이지] ------------------------------------------ */
.ct-wrap {
	position: relative;
	padding-left: 250px;
}
.ct-wrap section .sub-prodSch {
	padding-top: 60px;
}

/* 사이드 메뉴 */
input[type="search"] {
	width: 180px;
	margin: 0 auto;
	margin-left: 9px;
	border: 2px solid #797979;
	font-size: 14px;
	margin-top: 10px;
	padding: 4px 0 4px 14px;
	border-radius: 50px;
}

.left_sub_menu {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 50px;
	width: 250px;
	height: 100%;
	margin-bottom: -70px;
	margin-top: 0px;
	padding-bottom: 0px;
	z-index: 100;
	overflow-y: auto;
	background: #fff;
	border-right: 2px solid #2e63af;
	box-shadow: 3px 0px 10px 0 rgb(0,0,0,.2);
}
.left_sub_menu .logo-pc {
	max-width: 110px;
	margin: 0 auto;
	padding: 10px;
	padding-top: 30px;
	text-align: center;
}
.left_sub_menu .logo-pc span {
	display: block;
	padding-top: 10px;
	font-size: 20px;
	font-weight: 700;
	color: #2e63af;
}
.sub_menu {
	padding: 0 20px;
	padding-top: 10px;
}
.left_sub_menu >.sub_menu li .ct-1dp {
	position: relative;
	display: block;
	margin-bottom: 5px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #2e63af;
}
.left_sub_menu >.sub_menu li .ct-1dp:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -5px;
	display: block;
	width: 50px;
	height: 2px;
	background: #d60000;
}
.left_sub_menu >.sub_menu li .ct-1dp i, .left_sub_menu >.sub_menu li .ct-2dp i {
	position: absolute;
	top: 8px;
	right: 0;	
}
.left_sub_menu >.sub_menu li .ct-1dp .fa-square-check, 
.left_sub_menu >.sub_menu li .ct-2dp .fa-square-check {
	display: none;
	color: #555;
}
.left_sub_menu >.sub_menu li .ct-1dp.check-on .fa-square-check, 
.left_sub_menu >.sub_menu li .ct-2dp.check-on .fa-square-check {
	display: inline-block;
}
.sub_menu > h4 {
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #2e63af;
	box-sizing: border-box;
	text-transform: uppercase;
}
.sub_menu >.big_menu >.small_menu li {
	color: #333;
	font-size: 14px;
	font-weight: 600;
	border-bottom: 0px solid #e1e1e1;
	margin-left: 14px;
	padding-top: 8px;
}
.big_menu {
	padding: 0 10px;
	margin-bottom: 20px;
}
.small_menu { 
	padding: 0 0 0 10px;
}
.small_menu li .ct-2dp {
    position: relative;
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    font-weight: 500;
    color: #555;
}
	/* 모바일 적용 왼쪽 메뉴 배경 */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(0, 0, 0, 0.7);
}

	/* 모바일 노출 상단 */
.mobile-topWrap .mobile-top { 
	display: none;
	height: 60px;
}
.mobile-top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	z-index: 10;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgb(0,0,0,.2);
}
.mobile-top > ul {
	position: relative;
	overflow: hidden;
}
.mobile-top > ul > .dropMenu-Btn {
	float: right;
}
.mobile-top > ul > .dropMenu-Btn a {
	display: block;
	width: 28px;
	font-size: 20px;
	padding: 19px 0px;
	margin: 0px 0px 0px 20px;
	cursor: pointer;
	color: #2e63af;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.mobile-top > ul > .logo-mobile {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -40px;
}
.mobile-top > ul > .logo-mobile a {
	display: block;
	width: 80px;
}

.hide_sidemenu {
	display: none;
}

	/* 담긴 PDF 압축 다운로드 영역 */
.pdf-downWrap {
	padding: 20px 40px 15px 40px;
	background: #eeeeee;
}
.pdf-downTop {	
	padding-bottom: 10px;
}
.pdf-downTop ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
.pdf-downTop ul .li01 {
	position: relative;
	height: 30px;
	margin-right: 20px;
	padding-left: 15px;
	line-height: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #2e63af;
}
.pdf-downTop ul .li01:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 3px;
	height: 30px;
	background: #d60000;
}
.pdf-downTop ul .li02 {
	padding-top: 3px;
}
.pdf-downTop ul .li02 a {
	display: block;
    width: 100px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #eee;
    background: #5d738b;
}
.pdf-downTop ul .li02 a:hover {
	color: #fff;
	background: #4c5865;
}
.pdf-cart { 
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;	
}
.prod-pdfList { 
	width: 120px;
	margin-right: 10px;
	margin-bottom: 10px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
}
.prod-pdfList ul { 
	background: #eeeeee;
	border: 1px solid #aaa;
}
.prod-pdfList ul .li01 {
	position: relative;
}
.prod-pdfList ul .li01 a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	background: #555;
}
.prod-pdfList ul .li02 {
	padding: 10px;
	text-align: center;
	line-height: 16px;
	font-weight: 700;
}

.blocker { background-color: rgba(0,0,0,0.3) !important;}

@media only screen and (max-width: 1520px) {
	.guideLine > div h4 { font-size: 16px;}
}

@media only screen and (max-width: 1400px) {
	.pwCont-part ul .tp-logoImg h2 { font-size: 30px;}
	.ty05-wrap.vs02 .pwCont-part { padding: 20px;}
	.pwCont-title .pwCont-titleBi { height: 100px;}
}

@media only screen and (max-width: 1280px) {

	/* About */
	.about-wrap01 {
		padding-bottom: 50px;
	}
	.about-wrap01 span {
		font-size: 20px;
	}
	.about-wrap03 h4 {
		font-size: 16px;
	}
	.about-wrap03 h3 span {
		font-size: 30px;
	}
	.about-wrap03 h3 img {
		width: auto;
		height: 50px;
	}

	/* Location */
	.root_daum_roughmap .wrap_map {
		height: 350px !important;
	}

	/* polyworks */
	.pwCont-title h3 {
		font-size: 24px;
	}
	.pwCont-title h4 {
		font-size: 18px;
	}
	.pwCont-titleBtn { position: unset;}
	.pwCont-titleBtn ul {
		display: -webkit-flex;
		display: -ms-flexobx;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
	}
	.txt-cont01 {
		font-size: 30px;
	}
	.pwCont-part ul .tp-bTxt {
		font-size: 20px;
	}
	.pwCont-part ul .tp-sTxt {
		font-size: 16px;
	}
	.pwCont-type01-re02 .pwCont-part ul { padding-top: 50px;}
	.pwCont-type01-re02 .pwCont-part ul .tp-logoImg h2 { font-size: 30px;}
	.pwCont-type01-re02 .pwCont-part ul .tp-bTxt { font-size: 20px;}
	.type02-wrap {
		padding: 0 20px;
	}
	.type02-wrap .pwCont-part ul {
		min-height: 300px;		
	}
	.ty04-tt { }
	.ty04-tt.vs02 { max-width: 400px; padding-top: 0;}
	.ty04-tt h2 img { height: 50px;}
	.ty04-tt.vs02 h3 strong { font-size: 24px;}
	.ty04-tt.vs02 h3 span { font-size: 20px;}
	.ty04-wrap .pwCont-part:first-child ul .tp-sTxt {
		padding: ;
		font-size: 20px;
	}
	.ty04-wrap .pwCont-part.vs02 ul li {
		padding-left: 20px;
		padding-right: 20px;
	}
	.pwCont-type06.round10, .pwCont-type09.round10 {
		margin-left: 20px;
		margin-right: 20px;
	}
	.type07-wrap .pwCont-part ul {
		min-height: auto;
	}
	.dadan04 .type07-wrap {
		width: 50%;
	}
	.ty05-wrap.vs02 .pwCont-part ul .tp-bTxt { font-size: 30px;}
	.ty05-wrap.vs02 .pwCont-part ul .tp-sTxt { font-size: 20px;}
	.type08-wrap, .w40, .w50, .w60 {
		width: 100%;
	}
	.type08-wrap .type07-wrap {
		/*width: 33.33333%;*/
	}	
	.w1200-w100f .pwCont-img, .w1200-w100f .pwCont-part  {
		width: 100%;
	}
	.w1200-w100f .pwCont-img {
		text-align: center;
	}
	.guideLine:before {
		top: 17%;
		left: 71%;
		width: 2px;
		height: 15%;
	}
	.guideLine img { width: 100%; padding-right: 0;}
	.guideLine > div { 
		top: 4%;
		left: unset;
		right: 3%;
		width: 70%;
		padding: 10px;
		background-color: rgba(0,0,0,.5);
	}

	/* Contact us */
	.cu-wrap div {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
	}
	.cu-wrap div ul {
		padding: 20px;
		padding-top: 0;
	}
	.cu-wrap div ul li {
		padding-left: 40px;
	}
	.cu-wrap div ul .li-tt {
		left: -21px;
	}
}
@media only screen and (max-width: 1024px) {
	
	.main-title h3 {
		font-size: 20px;
	}

	/* Sub Contents */
	.sub-contWrap {
		padding-left: 0;
	}
	.sub-menuWrap {
		display: none;
	}

	/* About */	
	.ci-wrap ul {
		display: block;
	}
	.ci-wrap ul li { 
		width: 100%;
	}
	.ci-wrap .li-line { 
		border-right: 0;
		border-bottom: 1px solid #ddd;
	}

	/* Customer */
	.cs-list li {
		width: 25%;
	}
	
	/* 오시는길 */
	.google-map {
		width: 60%;
	}
	.location-info {
		width: 40%;	
		padding-left: 30px;
	}
	.num-list {
		margin: 0 10px;
	}
	.num-list ul .li02 {
		font-size: 24px;
	}
	.num-list:last-child ul .li02 {
		font-size: 22px;
	}

	/* polyworks */
	.type02-wrap {
		padding: 0 20px;
	}
	.type07-wrap .pwCont-img img {
		height: 70px;		
	}
	.guideLine:before { 
		top: 15%;
		height: 17%;
	}
	.guideLine > div h4:before { left: 55%; height: 90px;}
}
@media only screen and (max-width: 768px) {
	
	.img-pc { display: none;}
	.img-mo { display: inline-block;}

	.tms-slide>video {
		width: 1100px !important;
		height: 100% !important;
	}
	/* Main About */
	.mian-about.flex, .mian-bbs.flex { 
		display: block;
	}
	.about-tt {
		position: relative;
		top: 0;
		left: 0;
	}
	.about-tt span {
		line-height: 52px;
		color: #003978;
	}
	.mian-about .row {
		height: 400px;
		padding-top: 50px;
	}
	/* Sub Contents */
	.sub-name  {
		max-width: 280px;
	}
	.sub-name:before, .sub-name:after {
		top: -85px;
		height: 220px;
	}
	.sub-name:before {
		left: 33%;
	}
	.sub-name:after {
		right: 33%;
	}

	/* Table */
	.tableWrap .tb-mo { display: table-row;}
	.tableWrap .tb-pc { display: none;}

	/* Customer */
	.cs-list li {
		width: 33.3333333%;
	}

	/* Contact us */
	.cu-wrap, .cu-wrap.dd-02 {
		width: 50%;
	}

	/* 오시는길 */
	.call-num {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.location-wrap {
		display: block;
	}
	.google-map {
		width: 100%;
	}
	.location-info {
		width: 100%;	
		padding-left: 10px;
	}
	.location-info ul li span {
		font-size: 16px;
	}
	.num-list {
		margin-bottom: 20px;
	}

	
	/* polyworks */
	.pwCont-type01 {
		display: block;
	}
	.pwCont-type01 .pwCont-img, .pwCont-type01 .pwCont-part {
		width: 100%;
	}
	.pwCont-type01 .pwCont-img {
		margin-bottom: 40px;
	}
	.pwCont-type01 .pwCont-part ul {
		padding-left: 0;
	}
	.pwCont-type01 .pwCont-part br {
		display: none;
	}
	.pwCont-type03 {
		background-position: right top;
	}
	.ty03-wrap .pwCont-img, .ty03-wrap .pwCont-part {
		width: 100%;
	}
	.ty03-wrap .pwCont-img {
		margin-bottom: 40px;
	}
	.ty03-wrap .pwCont-part { 
		padding-right: 0;
	}
	.ty04-wrap .pwCont-part.vs02 ul .tp-bTxt {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.ty04-wrap .pwCont-part.vs02 ul .tp-sTxt span {
		font-size: 16px;
	}
	.ty04-wrap .pwCont-part.dad02 > div {
		width: 100%;		
	}
	.pwCont-type06 {
		padding: 0;
	}
	.type07-wrap, .dadan04 .type07-wrap {
		width: 50%;
		padding: 0 20px;
	}
	.img-youtube ul { padding: 0;}
	.img-youtube.dad02, .img-youtube.dad03 ul { width: 100%;}
	.pwCont-type01-re02 .pwCont-img, .pwCont-type01-re02 .pwCont-part { width: 100%;}
	.pwCont-type01-re02 .pwCont-part { margin-left: unset; padding: 0 20px;}
	.ty05-wrap.vs02 { display: block;}
	.ty05-wrap.vs02 > div { width: 100%;}
	.pwCont-type06.round10 { padding-top: 30px;}
	.pwCont-type06.round10 ul { padding: 0 10px;}
	.guideLine:before { top: 20%; height: 12%;}
	.guideLine > div { width: 70%;}
	.guideLine > div h4 { font-size: 14px;}
	.guideLine > div h4:before { left: 68%;}
	.pwCont-type10 > div > div { width: 100%;}
	.pwCont-type10 > div > div:first-child { margin-bottom: 20px;}
	.pwCont-type10 > div > div > div { margin: 0;}
	.pwCont-type10 > div > div > div span { margin: 0 auto; text-align: center;}
	.pwCont-type11 { flex-direction: column; margin: 0; padding-left: 0;}
	.pwCont-type11 > .pwCont-img { width: 90%; max-width: 420px; margin: 0 auto; order: -1;}
	.pwCont-type11 > .pwCont-part { width: unset; padding: 0 20px; text-align: center;}
	.pwCont-type11 > .pwCont-part > div { margin: 0 auto;}
	
	/* 마켓 */
	.market-box {
		padding-top: 300px;	
	}
	.icon-img {
		top: -100px;
	}
	.market-txt {
		padding-top: 50px;	
		height: auto;
	}
	.market-txt ul {
		padding: 50px 20px 30px 20px;
	}
	.txt-right, .txt-left {
		float: none;
		width: 100%;
	}

	/* Main BBS */
	.bbs-wrap:first-child {
		margin-bottom: 50px;
	}
	/* BBS List Form */
	.td-m-none, .td-date, .td-file, .td-cate, .td-name, .td-state, .td-reply {
		display: none;
	}
	.tableWrap tr .td-title {
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.tableWrap tr .td-title .text-break-line1 {
		height: auto;
		max-height: 44px;
		-webkit-line-clamp: 2; /* 라인수 */ 
		-mos-line-clamp: 2;
		-ms-line-clamp: 2;
	}
	.m-data {
		display: block;
		margin-bottom: 15px;
		line-height: 1;
		font-size: 16px;
	}
	.m-data em {
		margin-left: 10px;
		font-style: normal;
	}

	/* BBS View Form */
	.btn-before {
		margin-bottom: 10px;
	}
	.view-top, .view-info ul, .view-url ul, .nextWrap ul {
		display: block;
	}
	.view-info ul {
		padding: 20px 0;
	}
	.view-info ul li {
		margin-bottom: 10px;
	}
	.view-info ul li:last-child {
		margin-bottom: 0;
	}
	.view-url ul {
		padding: 20px 10px;
	}
	.view-url ul li {
		width: 100%;
	}
	.view-url ul li:first-child {
		margin-bottom: 10px;
	}
	.nextWrap ul {
		padding: 20px 10px;
	}
	.nextWrap ul li {
		margin-bottom: 10px;
 	}
	.nextWrap ul li:last-child {
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 560px)  {

	/* Main About */
	.about-tt span {
		font-size: 40px;
		line-height: 34px;
	}
	.about-left ul li {
		padding-right: 30px;
	}
	.about-right ul li {
		padding-left: 30px;
	}
	/* Main BBS */	

	/* Main Loation */
	.main-add-info ul .li01 {
		padding-top: 30px;
		font-size: 40px;
	}

	/* Sub Contents */
	/* About */
	.about-wrap01 span {
		padding: 15px;
		font-size: 20px;
	}
	.about-wrap01 {
		padding-bottom: 60px;
	}

	/* polyworks */
	.type07-wrap {
		width: 100%;
		padding: 0;
	}
	.type02-wrap {
		width: 100%;
		padding: 0;
	}
	.ty04-wrap .pwCont-part.vs02 ul {
		margin-left: 20px;
		margin-right: 20px;
	}
	.ty04-wrap .pwCont-part.dad02 > div { padding: 0;}
	.ty05-wrap .pwCont-img, .ty05-wrap .pwCont-part {
		width: 100%;
	}
	.ty05-wrap .pwCont-part {
		padding: 40px 20px;
	}
	.type08-wrap .type07-wrap {
		width: 100%;
	}
	.product-list-info {
		min-height: 150px;
	}
	.product-list-info ul .li03 {
		display: none;
	}
	.guideLine > div { top: 0; width: 87%; padding: 5px;}
	.guideLine > div h4 { font-size: 12px;}

	/* Contact us */
	.cu-wrap, .cu-wrap.dd-02 {
		width: 100%;
	}

	/* BBS View Form */
	/* BBS View Form : 리플 글 등록 */
	.reply-txtWrap {
		display: block;
	}
	.reply-btn {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
		margin-left: 0;
		padding-top: 10px;
	}
	.reply-btn .btn-gray {
		width: 50%;
		max-width: 100px;
		margin-right: 5px;
		margin-bottom: 0;
	}
	.reply-btn a:last-child {
		margin-right: 0;
	}
	.reply-txtTop .li03 {
		padding-top: 10px;		
	}

	/* BBS Write Form */
	.write-fome ul {
		display: block;
	}
	.write-fome ul .li-tt {
		padding-left: 5px;
		margin-bottom: 15px;
	}
	.write-fome ul .li-txt input {
		height: 40px;
	}
}

/* 250808 */
.flex_box01{display: flex; gap:20px;justify-content: center;}
@media only screen and (max-width: 560px)  {
.flex_box01{flex-direction: column;gap:10px;margin-bottom: 50px;}
.flex_box01 .mb-50{margin-bottom: 0;}
}