/*body 공통 속성*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, img, strong, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, address, a, select, input, textarea,
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, button{margin:0;padding:0;}
@font-face {
	font-family: 'Lnoto';
	src:
	url('font/NotoSans-Light.eot') format('embedded-opentype'),
	url('font/NotoSans-Light.woff') format('woff'),
	url('font/NotoSans-Light.woff2') format('woff2'),
	url('font/NotoSans-Light.otf') format('opentype');
	}
@font-face {
	font-family: 'Rnoto';
	src:
	url('font/NotoSans-Regular.eot') format('embedded-opentype'),
	url('font/NotoSans-Regular.woff') format('woff'),
	url('font/NotoSans-Regular.woff2') format('woff2'),
	url('font/NotoSans-Regular.otf') format('opentype');
	}
@font-face {
	font-family: 'Mnoto';
	src:
	url('font/NotoSans-Medium.eot') format('embedded-opentype'),
	url('font/NotoSans-Medium.woff') format('woff'),
	url('font/NotoSans-Medium.woff2') format('woff2'),
	url('font/NotoSans-Medium.otf') format('opentype');
	}
@font-face {
	font-family: 'Bnoto';
	src:
	url('font/NotoSans-Bold.eot') format('embedded-opentype'),
	url('font/NotoSans-Bold.woff') format('woff'),
	url('font/NotoSans-Bold.woff2') format('woff2'),
	url('font/NotoSans-Bold.otf') format('opentype');
	}
/* raleway-regular - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: url('font/raleway/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Raleway'), local('Raleway-Regular'),
		url('font/raleway/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('font/raleway/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('font/raleway/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
		url('font/raleway/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('font/raleway/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
	}
/* raleway-500 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	src: url('font/raleway/raleway-v12-latin-500.eot'); /* IE9 Compat Modes */
	src: local('Raleway Medium'), local('Raleway-Medium'),
		url('font/raleway/raleway-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('font/raleway/raleway-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		url('font/raleway/raleway-v12-latin-500.woff') format('woff'), /* Modern Browsers */
		url('font/raleway/raleway-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		url('font/raleway/raleway-v12-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
	}
/* raleway-600 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 600;
	src: url('font/raleway/raleway-v12-latin-600.eot'); /* IE9 Compat Modes */
	src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
		url('font/raleway/raleway-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('font/raleway/raleway-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		url('font/raleway/raleway-v12-latin-600.woff') format('woff'), /* Modern Browsers */
		url('font/raleway/raleway-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		url('font/raleway/raleway-v12-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
	}
/* raleway-700 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	src: url('font/raleway/raleway-v12-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Raleway Bold'), local('Raleway-Bold'),
		url('font/raleway/raleway-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('font/raleway/raleway-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		url('font/raleway/raleway-v12-latin-700.woff') format('woff'), /* Modern Browsers */
		url('font/raleway/raleway-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		url('font/raleway/raleway-v12-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
	}

/* russo-one-regular - latin */
@font-face {
	font-family: 'Russo One';
	font-style: normal;
	font-weight: 400;
	src: url('font/russo/russo-one-v7-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Russo One'), local('RussoOne-Regular'),
		url('font/russo/russo-one-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('font/russo/russo-one-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('font/russo/russo-one-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
		url('font/russo/russo-one-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('font/russo/russo-one-v7-latin-regular.svg#RussoOne') format('svg'); /* Legacy iOS */
}

/* ==================================================
	body 공통 속성
================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, img, strong, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, address, a, select, input, textarea,
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, button{
	margin:0;padding:0;
	}
img{
	border:0;
	vertical-align:top;
	}
fieldset{border:0;}
dl, ul, ol, menu, li {
	list-style:none; 
	vertical-align: middle
	}
i, em, address {font-style: normal;}
* {
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
*{-webkit-text-size-adjust:none}
*:focus { outline: none; }
body {
	font-size:11pt;
	height:100%;
	line-height:1.5;
	font-family:'Rnoto', '돋움', 'Dotum', '굴림', 'Gulim', 'Lucida Grande', 'Tahoma', 'Verdana', 'AppleGothic', 'UnDotum', 'sans-serif';
	font-weight:normal;
	color: #3e3e3e;
	}
input.type-image {border:0 none; padding:0; margin:0;}
legend, caption {
	width: 1px;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	visibility: hidden;
	}
a, a:link, a:visited, a:hover, a:active {
	color:inherit; 
	text-decoration: none;
	}
a:hover{transition: 0.3s !important;}
address,caption,cite,code,dfn,em,var {
	font-style:normal;
	font-weight:normal
	}
table {
	border-collapse: collapse;
	border-spacing: 0px;
	}
button {
	border:0 none;
	background-color:transparent;
	cursor:pointer
	}

a, input { outline: none; select-dummy: expression(this.hideFocus=true); }


/* ==================================================
	UI Object
================================================== */
body {
	background-color: #fff;
	}
video,audio,object,embed{
	border:0px;
	vertical-align:middle;
	max-width:100%;
	height:auto !important;
	}
iframe {frameborder:0;max-width: 100%; /*height:100%; */border:none;}

/* ==================================================
	스킵네비게이션
================================================== */
#skipnavi {}
#skipnavi a {display:block;position:absolute;top:-1000px;left:0;width:100%;height:1px;color:#222;overflow:hidden;z-index:99999999;}
#skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {top:0px;left:0;background-color:#e9e9e9;padding:7px 0 5px;height:auto;color:#000; font-size:12pt; text-align:center;text-decoration:none;}


/* ==================================================
	반응형
================================================== */
.showPc{display:block;}
.showTa{display:block;}
.showMo{display:none;}
.showTaMo{display:none;}

@media screen and (max-width:1024px){
	.showPc{display:none;}
	.showTa{display:block;}
	.showMo{display:none;}
	.showTaMo{display:block;}
}

@media screen and (max-width:640px) {
	.pcArea{display:none ;}
	.showPc{display:none;}
	.showTa{display:none;}
	.showMo{display:block;}
	.showTaMo{display:block;}
}

/* ==================================================
	레이아웃 큰박스
================================================== */
#wrap{
	position:relative; 
	width:100%;
	min-width:320px;
	margin:0 auto;
	height: auto !important;
	background-position:center top;
	}

/* ==================================================
	비주얼
================================================== */
#subvisual{
	position:relative;
	width:100%;
	margin-top:80px;
	}
#subvisual .visual{
	position:relative;
	max-width:1200px;
	width:100%;
	margin:0 auto;
	height:370px;
	}
.visual_about{
	background:url('../images/about/bg_visual.jpg') #102759;
	background-repeat:no-repeat;
	background-position:center top;
	}
.visual_pro{
	background:url('../images/product/bg_visual.jpg') #102759;
	background-repeat:no-repeat;
	background-position:center top;
	}
.visual_pr{
	background:url('../images/pr/bg_visual.jpg') #102759;
	background-repeat:no-repeat;
	background-position:center top;
	}
.visual_customer{
	background:url('../images/customer/bg_visual.jpg') #102759;
	background-repeat:no-repeat;
	background-position:center top;
	}

.vBox{
	margin:0 auto;
	max-width:1200px;
	min-width:320px;
	text-align:center;
	}
.vBox .sTit{
	padding-top:115px;
	font-family: 'Mnoto';
	color:#fff;
	line-height:1;
	font-size:45pt;
	}
.vBox .sTxt{
	font-family:'Rnoto';
	font-size:15pt;
	color:rgba(255,255,255,0.8);
	padding-top:35px;
	}

/* 모바일 및 탭 */
@media all and (max-width:1023px) {
	#subvisual{
		display:none;
		}
}

/* ==================================================
	경로
================================================== */
#path{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	height:16px;
	line-height:16px;
	font-weight:normal;
	font-size:16px;
	margin-top:40px;
	}
#path .plink li{
	float:left;
	padding-left:22px;
	background:url('../images/gnb/arrow.gif') 9px 5px no-repeat;
	color:#666;
	}
#path .plink li:first-child {
	background:none;
	}
#path .plink .last{
	color:#000;
	font-weight:bold;
	}

/* 모바일 및 탭 */
@media all and (max-width:1023px) {
	#path{
		margin-top:20px;
		}
}

@media all and (max-width:640px) {
	#path{
		display:none;
		}
}

/* ==================================================
	컨텐츠
================================================== */
#container{
	clear:both;
	position:relative;
	min-width:320px;
	margin:0 auto;
	}
#contents{
	position:relative;
	margin: 0 auto;
	width: 100%;
	min-width: 320px;
	}
.cont_detail {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-top:60px;
	margin-bottom:65px;
	width:100%;
	max-width: 1200px;
	}

/* 모바일 및 탭 */
@media screen and (max-width:1023px){
	#contents {
		width:96%;
		padding-top:110px;
		}
	.cont_detail {
		margin-top:50px;
		margin-bottom:40px;
		}
}

/* ==================================================
	타이틀
================================================== */
.subt_con {
	width:100%;
	margin:87px 0 -10px 0;
	opacity:0;
	}
.subt_con.on {
	margin:35px 0 0 0;
	opacity:1;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.8s ease;
	transition-property:margin, opacity;
	}
.sub_tit{
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1200px;
	line-height:1.1;
	text-align:center;
	}
.sub_tit:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
	height: 30px;
	background: #273e82;
	}
.sub_tit h3 {
	z-index:50;
	font-size: 36px;
	color: #273e82;
	font-family:'Mnoto';
	font-weight: 300;
	padding-bottom:15px;
	position: relative;
	}

/* 모바일 및 탭 */
@media all and (max-width:1023px) {
	.subt_con.on {
		margin: 20px 0 0 0;
		}
	.sub_tit h3 {
		font-size: 30px;
		}
}
@media all and (max-width:640px) {
	.sub_tit h3 {
		font-size: 25px;
		}
}

/* ==================================================
	카피라이터
================================================== */
/* 카피라이터 큰박스 */
#footerW{
	clear:both;
	width:100%;
	padding:0;
	font-size:10pt;
	line-height:160%;
	background:#0d3a63;
	}
.foot_sitemap {
	background:#25282f;
	}
.copy_sitemap {
	float:left;
	width:72%;
	padding-right:3%;
	}
.copy_address {
	float:right;
	width:25%;
	}
.copy_address > h3 {
	font-size:15pt;
	color:#fff;
	}
.caddress {
	background:url('../images/common/address.png');
	background-position:0 2px;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-top:20px;
	color:#fff;
	}
.catitle {
	font-family:'Rnoto';
	}
.catitle_mt15 {
	display:block;
	margin-top:15px;
	}
.ctel {
	background:url('../images/common/tel.png');
	background-position:0 2px;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-top:10px;
	color:#fff;
	}

/* 하단 카피라이터 */
#footer .foot_util {
	overflow:hidden;
	max-width:1200px;
	margin:0px auto;
	padding:40px 0;
	text-align: center;
	}
#footer .foot_util:after {content:""; display:block; clear:both}
.copyright {
	color:#b8b8b8;
	border-top:1px solid #3b3b3b;
	}
.copyright_c {
	margin-top:20px;
	width:100%;
	}
.copyright_t {
	width:100%;
	}
.copyright_t ul:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.copyright_t ul li{
	float:left;
	width:25%;
	border-right:solid 1px #fff;
	}
.copyright_t ul li:last-child{
	border-right:0px;
	}
/* 퀵메뉴 */
#quick_top{float:right; margin-right:50px;}

/* 모바일 및 탭 */
@media screen and (max-width:1250px){
	/* 퀵메뉴 */
	#quick_top {
		display:none;
		}
}
@media screen and (max-width:1023px){
	/* 퀵메뉴 */
	#quick_top {
		display:block;
		}
}
@media screen and (max-width:959px){
	/* 하단 카피라이터 */
	#footer .foot_util {
		width:96%;
		padding:25px;
		}
	.copyright_t ul li{
		float:none;
		width:100%;
		border-right:0;
		}
}
@media all and (max-width:640px) {
	/* 퀵메뉴 */
	#quick_top{display:none;}
}