@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);@-webkit-keyframes allmenuFrames{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes allmenuFrames{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes animationFrames{0%,30%,60%,to{-webkit-transform:translate(0,0);transform:translate(0,0)}15%{-webkit-transform:translate(0,-15px);transform:translate(0,-15px)}45%{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}75%{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}}@keyframes animationFrames{0%,30%,60%,to{-webkit-transform:translate(0,0);transform:translate(0,0)}15%{-webkit-transform:translate(0,-15px);transform:translate(0,-15px)}45%{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}75%{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}}
*, :after, :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2,
	h3, h4, h5, h6, input, legend, li, ol, p, pre, td, th, ul {
	margin: 0;
	padding: 0
}

select, textarea {
	margin: 0
}

dl, li, menu, ol, ul {
	list-style: none
}

address, caption, cite, code, dfn, em, var {
	font-style: normal
}

fieldset, iframe, img {
	border: 0
}

img {
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden
}

audio, button, canvas, iframe, img, input, select, svg, textarea, video
	{
	vertical-align: middle
}

textarea {
	resize: none
}

input::-ms-clear {
	display: none
}

button {
	border: 0;
	background-color: transparent;
	cursor: pointer;
	-webkit-appearance: button
}

input[type=button], input[type=file], input[type=reset] {
	border-radius: 0;
	-webkit-appearance: button
}

button, input[type=image] {
	border-radius: 0
}

input[type=image], input[type=text] {
	-webkit-appearance: none
}

input[type=submit] {
	border-radius: 0
}

input[type=password], input[type=search], input[type=submit] {
	-webkit-appearance: none
}

input:checked[type=checkbox] {
	-webkit-appearance: checkbox;
	background-color: transparent
}

input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: none
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show
}

caption, legend {
	position: absolute;
	top: -9999px;
	left: -9999px;
	font-size: 0;
	line-height: 0
}

a, html {
	color: #333
}

a {
	text-decoration: none;
	select-dummy: expression(this.hideFocus = true)
}

a:active {
	background-color: transparent
}

hr {
	display: none
}

input, textarea {
	-webkit-apperence: none
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section {
	display: block
}

blockquote, q {
	quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
	content: none
}

sub, sup {
	line-height: 0
}

body, html {
	width: 100%;
	height: 100%
}

ol:after, ul:after {
	content: '';
	clear: both;
	display: block
}

@font-face {
	font-family: "Noto Sans Korean";
	font-weight: 100;
	font-style: normal;
	src: url(../fonts/NotoSans-Thin.eot?) format("eot"),
		url(../fonts/NotoSans-Thin.otf) format("opentype"),
		url(../fonts/NotoSans-Thin.woff) format("woff"),
		url(../fonts/NotoSans-Thin.woff2) format("woff2");
	src: local(※), url(../fonts/NotoSans-Thin.woff) format("woff")
}

@font-face {
	font-family: "Noto Sans Korean";
	font-weight: 200;
	font-style: normal;
	src: url(../fonts/NotoSans-Light.eot?) format("eot"),
		url(../fonts/NotoSans-Light.otf) format("opentype"),
		url(../fonts/NotoSans-Light.woff) format("woff"),
		url(../fonts/NotoSans-Light.woff2) format("woff2");
	src: local(※), url(../fonts/NotoSans-Light.woff) format("woff")
}

@font-face {
	font-family: "Noto Sans Korean";
	font-weight: 300;
	font-style: normal;
	src: url(../fonts/NotoSans-DemiLight.eot?) format("eot"),
		url(../fonts/NotoSans-DemiLight.otf) format("opentype"),
		url(../fonts/NotoSans-DemiLight.woff) format("woff"),
		url(../fonts/NotoSans-DemiLight.woff2) format("woff2");
	src: local(※), url(../fonts/NotoSans-DemiLight.woff) format("woff")
}

@font-face {
	font-family: "Noto Sans Korean";
	font-weight: 400;
	font-style: normal;
	src: url(../fonts/NotoSans-Regular.eot?) format("eot"),
		url(../fonts/NotoSans-Regular.otf) format("opentype"),
		url(../fonts/NotoSans-Regular.woff) format("woff"),
		url(../fonts/NotoSans-Regular.woff2) format("woff2");
	src: local(※), url(../fonts/NotoSans-Regular.woff) format("woff")
}

@font-face {
	font-family: "Noto Sans Korean";
	font-weight: 500;
	font-style: normal;
	src: url(../fonts/NotoSans-Medium.eot?) format("eot"),
		url(../fonts/NotoSans-Medium.otf) format("opentype"),
		url(../fonts/NotoSans-Medium.woff) format("woff"),
		url(../fonts/NotoSans-Medium.woff2) format("woff2");
	src: local(※), url(../fonts/NotoSans-Medium.woff) format("woff")
}

@font-face {
	font-family: "Noto Sans Korean";
	font-weight: 700;
	font-style: normal;
	src: url(../fonts/NotoSans-Black.eot?) format("eot"),
		url(../fonts/NotoSans-Black.otf) format("opentype"),
		url(../fonts/NotoSans-Black.woff) format("woff"),
		url(../fonts/NotoSans-Black.woff2) format("woff2");
	src: local(※), url(../fonts/NotoSans-Black.woff) format("woff")
}

@font-face {
	font-family: "Noto Sans Korean";
	font-weight: 900;
	font-style: normal;
	src: url(../fonts/NotoSans-Bold.eot?) format("eot"),
		url(../fonts/NotoSans-Bold.otf) format("opentype"),
		url(../fonts/NotoSans-Bold.woff) format("woff"),
		url(../fonts/NotoSans-Bold.woff2) format("woff2");
	src: local(※), url(../fonts/NotoSans-Bold.woff) format("woff")
}

@font-face {
	font-family: 'SpoqaHanSans';
	font-style: normal;
	font-weight: 100;
	unicode-range: U+0041-005A, U+0061-007A;
	src: url("../fonts/Spoqa Han Sans Thin.eot");
	src: local("Spoqa Han Sans Thin"), local("Spoqa Han Sans Thin"),
		url("../fonts/Spoqa Han Sans Thin.eot?#iefix")
		format("embedded-opentype"), url("../fonts/Spoqa Han Sans Thin.woff2")
		format("woff2"), url("../fonts/Spoqa Han Sans Thin.woff")
		format("woff"), url("../fonts/Spoqa Han Sans Thin.ttf")
		format("truetype")
}

@font-face {
	font-family: 'SpoqaHanSans';
	font-style: normal;
	font-weight: 300;
	unicode-range: U+0041-005A, U+0061-007A;
	src: url("../fonts/Spoqa Han Sans Light.eot");
	src: local("Spoqa Han Sans Light"), local("Spoqa Han Sans Light"),
		url("../fonts/Spoqa Han Sans Light.eot?#iefix")
		format("embedded-opentype"),
		url("../fonts/Spoqa Han Sans Light.woff2") format("woff2"),
		url("../fonts/Spoqa Han Sans Light.woff") format("woff"),
		url("../fonts/Spoqa Han Sans Light.ttf") format("truetype")
}

@font-face {
	font-family: 'SpoqaHanSans';
	font-style: normal;
	font-weight: 400;
	unicode-range: U+0041-005A, U+0061-007A;
	src: url("../fonts/Spoqa Han Sans Regular.eot");
	src: local("Spoqa Han Sans Regular"), local("Spoqa Han Sans Regular"),
		url("../fonts/Spoqa Han Sans Regular.eot?#iefix")
		format("embedded-opentype"),
		url("../fonts/Spoqa Han Sans Regular.woff2") format("woff2"),
		url("../fonts/Spoqa Han Sans Regular.woff") format("woff"),
		url("../fonts/Spoqa Han Sans Regular.ttf") format("truetype")
}

@font-face {
	font-family: 'SpoqaHanSans';
	font-style: normal;
	font-weight: 500;
	unicode-range: U+0041-005A, U+0061-007A;
	src: url("../fonts/Spoqa Han Sans Bold.eot");
	src: local("Spoqa Han Sans Bold"), local("Spoqa Han Sans Bold"),
		url("../fonts/Spoqa Han Sans Bold.eot?#iefix")
		format("embedded-opentype"), url("../fonts/Spoqa Han Sans Bold.woff2")
		format("woff2"), url("../fonts/Spoqa Han Sans Bold.woff")
		format("woff"), url("../fonts/Spoqa Han Sans Bold.ttf")
		format("truetype")
}

html {
	font-family: 'Noto Sans Korean', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
	word-break: keep-all
}

body {
	min-width: 320px
}

.voiceye-hw .function-list.photo>li>.inbox>.imgbox>img, .wrapper {
	width: 100%;
	height: auto
}

.skip-navigation a {
	position: absolute;
	left: -99999%;
	text-decoration: none
}

.skip-navigation a:focus {
	display: block;
	left: 0;
	top: 0;
	z-index: 999999;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #000;
	color: #fff;
	text-align: center;
	font-weight: 700
}

select, textarea {
	font-family: 'Noto Sans KR', sans-serif;
	width: 100%
}

textarea {
	border: 1px solid #d9d9d9;
	padding: 5px;
	letter-spacing: -.03em;
	background: #fff;
	min-height: 100px
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime],
	input[type=email], input[type=month], input[type=number], input[type=password],
	input[type=search], input[type=tel], input[type=text], input[type=time],
	input[type=url], input[type=week] {
	font-family: 'Noto Sans KR', sans-serif;
	padding: 0 10px;
	width: 100%;
	height: 34px;
	min-height: 34px;
	line-height: 32px;
	color: #444;
	font-size: 13px;
	font-weight: 400;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 17px
}

select {
	min-height: 34px;
	color: #444;
	font-size: 13px;
	font-weight: 400;
	border-radius: 17px
}

input[type=color].no_radius, input[type=date].no_radius, input[type=datetime-local].no_radius,
	input[type=datetime].no_radius, input[type=email].no_radius, input[type=month].no_radius,
	input[type=number].no_radius, input[type=password].no_radius, input[type=search].no_radius,
	input[type=tel].no_radius, input[type=text].no_radius, input[type=time].no_radius,
	input[type=url].no_radius, input[type=week].no_radius, select.no_radius
	{
	border-radius: 4px
}

input[type=color]:hover, input[type=date]:hover, input[type=datetime-local]:hover,
	input[type=datetime]:hover, input[type=email]:hover, input[type=month]:hover,
	input[type=number]:hover, input[type=password]:hover, input[type=search]:hover,
	input[type=tel]:hover, input[type=text]:hover, input[type=time]:hover,
	input[type=url]:hover, input[type=week]:hover, select:hover {
	background: #fff;
	border: 1px solid #d9d9d9;
	color: #444;
	font-size: 13px;
	font-weight: 400
}

input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus,
	input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus,
	input[type=number]:focus, input[type=password]:focus, input[type=search]:focus,
	input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus,
	input[type=url]:focus, input[type=week]:focus, select:focus {
	outline: 0;
	background: #fff;
	border: 1px solid #d9d9d9;
	color: #444;
	font-size: 13px;
	font-weight: 400
}

input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder,
	input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder,
	input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder,
	input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder,
	input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder,
	input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder,
	input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder,
	select::-webkit-input-placeholder {
	color: #999;
	font-size: 13px;
	font-weight: 400
}

input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder,
	input[type=datetime-local]::-moz-placeholder, input[type=datetime]::-moz-placeholder,
	input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder,
	input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder,
	input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder,
	input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder,
	input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder,
	select::-moz-placeholder {
	color: #999;
	font-size: 13px;
	font-weight: 400
}

input[type=color]:-ms-input-placeholder, input[type=color]::-ms-input-placeholder,
	input[type=date]:-ms-input-placeholder, input[type=date]::-ms-input-placeholder,
	input[type=datetime-local]:-ms-input-placeholder, input[type=datetime-local]::-ms-input-placeholder,
	input[type=datetime]:-ms-input-placeholder, input[type=datetime]::-ms-input-placeholder,
	input[type=email]:-ms-input-placeholder, input[type=email]::-ms-input-placeholder,
	input[type=month]:-ms-input-placeholder, input[type=month]::-ms-input-placeholder,
	input[type=number]:-ms-input-placeholder, input[type=number]::-ms-input-placeholder,
	input[type=password]:-ms-input-placeholder, input[type=password]::-ms-input-placeholder,
	input[type=search]:-ms-input-placeholder, input[type=search]::-ms-input-placeholder,
	input[type=tel]:-ms-input-placeholder, input[type=tel]::-ms-input-placeholder,
	input[type=text]:-ms-input-placeholder, input[type=text]::-ms-input-placeholder,
	input[type=time]:-ms-input-placeholder, input[type=time]::-ms-input-placeholder,
	input[type=url]:-ms-input-placeholder, input[type=url]::-ms-input-placeholder,
	input[type=week]:-ms-input-placeholder, input[type=week]::-ms-input-placeholder,
	select:-ms-input-placeholder, select::-ms-input-placeholder {
	color: #999;
	font-size: 13px;
	font-weight: 400
}

input[type=color]::placeholder, input[type=date]::placeholder, input[type=datetime-local]::placeholder,
	input[type=datetime]::placeholder, input[type=email]::placeholder,
	input[type=month]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder,
	input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder,
	input[type=time]::placeholder, input[type=url]::placeholder, input[type=week]::placeholder,
	select::placeholder {
	color: #999;
	font-size: 13px;
	font-weight: 400
}

input[type=color]:-moz-read-only, input[type=date]:-moz-read-only, input[type=datetime-local]:-moz-read-only,
	input[type=datetime]:-moz-read-only, input[type=email]:-moz-read-only,
	input[type=month]:-moz-read-only, input[type=number]:-moz-read-only,
	input[type=password]:-moz-read-only, input[type=search]:-moz-read-only,
	input[type=tel]:-moz-read-only, input[type=text]:-moz-read-only, input[type=time]:-moz-read-only,
	input[type=url]:-moz-read-only, input[type=week]:-moz-read-only, select:-moz-read-only
	{
	background-color: #3a3d42;
	color: #bbb;
	border: 1px solid #555;
	cursor: unset
}

input[type=color]:read-only, input[type=date]:read-only, input[type=datetime-local]:read-only,
	input[type=datetime]:read-only, input[type=email]:read-only, input[type=month]:read-only,
	input[type=number]:read-only, input[type=password]:read-only, input[type=search]:read-only,
	input[type=tel]:read-only, input[type=text]:read-only, input[type=time]:read-only,
	input[type=url]:read-only, input[type=week]:read-only, select:read-only
	{
	background-color: #3a3d42;
	color: #bbb;
	border: 1px solid #555;
	cursor: unset
}

input[type=color][readonly], input[type=date][readonly], input[type=datetime-local][readonly],
	input[type=datetime][readonly], input[type=email][readonly], input[type=month][readonly],
	input[type=number][readonly], input[type=password][readonly], input[type=search][readonly],
	input[type=tel][readonly], input[type=text][readonly], input[type=time][readonly],
	input[type=url][readonly], input[type=week][readonly], select[readonly]
	{
	background-color: #3a3d42;
	color: #bbb;
	border: 1px solid #555;
	cursor: unset
}

input[type=color]:disabled, input[type=date]:disabled, input[type=datetime-local]:disabled,
	input[type=datetime]:disabled, input[type=email]:disabled, input[type=month]:disabled,
	input[type=number]:disabled, input[type=password]:disabled, input[type=search]:disabled,
	input[type=tel]:disabled, input[type=text]:disabled, input[type=time]:disabled,
	input[type=url]:disabled, input[type=week]:disabled, select:disabled {
	background-color: #3a3d42;
	color: #666;
	border: 1px solid #555;
	cursor: unset
}

select {
	padding: 0 10px;
	height: 40px;
	line-height: 38px;
	min-width: 140px;
	background: #fff;
	border: 1px solid #d9d9d9
}

button[disabled], input[disabled], option[disabled], select[disabled],
	textarea[disabled] {
	pointer-events: none
}

.radiowrap label {
	display: inline-block;
	padding: 0 10px 0 23px
}

input[type=radio] {
	position: absolute;
	left: -9999px;
	opacity: 0
}

input[type=radio]+label {
	position: relative;
	cursor: pointer
}

input[type=radio]+label:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
	display: block;
	width: 16px;
	height: 16px;
	background: #fafafa;
	border: 1px solid #dedede;
	border-radius: 16px;
	content: ""
}

input[type=radio]:checked+label:after {
	position: absolute;
	top: 50%;
	left: 4px;
	margin-top: -4px;
	display: block;
	width: 8px;
	height: 8px;
	background: #0071bd;
	border-radius: 8px;
	content: ""
}

.chk_box {
	position: relative
}

input[type=checkbox] {
	position: absolute !important;
	width: 16px;
	height: 16px;
	opacity: 0;
	z-index: 10
}

input[type=checkbox]+label {
	color: #999;
	font-size: .8125rem;
	font-weight: 400;
	cursor: pointer;
	display: inline-block
}

.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label.label_hide,
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label.label_hide:before,
	input[type=checkbox]+label.label_nohide {
	margin: 0
}

input[type=checkbox]+label:before {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	content: '';
	background: url(../images/main/spr_global_icon.png) no-repeat;
	margin: 0 7px 0 0;
	width: 16px;
	height: 16px
}

input[type=checkbox]+label:before, input[type=checkbox]+label:hover:before,
	input[type=checkbox]:hover+label:before {
	background-position: 25.207% 2.479%
}

input[type=checkbox][disabled]+label {
	cursor: unset
}

input[type=checkbox][readonly]+label:before {
	width: 16px;
	height: 16px
}

input[type=checkbox][checked]+label:before {
	background-position: 29.339% 2.479%
}

input[type=checkbox][checked][readonly]+label:before {
	width: 17px;
	height: 16px
}

input[type=checkbox]:checked+label:before {
	background-position: 29.339% 2.479%
}

input[type=checkbox]:checked:-moz-read-only+label:before {
	width: 17px;
	height: 16px
}

input[type=checkbox]:checked:read-only+label:before {
	width: 17px;
	height: 16px
}

.nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 36px;
	border: solid 1px #e8e8e8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: .875em;
	font-weight: 400;
	height: 36px;
	line-height: 34px;
	outline: 0;
	padding-left: 15px;
	padding-right: 27px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto
}

.nice-select:hover {
	border-color: #dbdbdb
}

.nice-select.open, .nice-select:active, .nice-select:focus {
	border-color: #999
}

.nice-select:after {
	border-bottom: 1px solid #545454;
	border-right: 1px solid #545454;
	content: '';
	display: block;
	height: 5px;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	width: 5px
}

.nice-select.open:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0)
}

.nice-select.disabled {
	border-color: #ededed;
	color: #999;
	pointer-events: none
}

.nice-select.disabled:after {
	border-color: #878787
}

.allmenu-box .allmenu>li .allmenu-dep2, .nice-select.wide, header .gnb>li>.gnb-dep2.product>li .gnb-dep3
	{
	width: 100%
}

.nice-select.wide .list {
	left: 0 !important;
	right: 0 !important
}

.nice-select.right {
	float: right
}

.nice-select.right .list {
	left: auto;
	right: 0
}

.nice-select.small {
	font-size: .75em;
	height: 30px;
	line-height: 28px
}

.nice-select.small:after {
	height: 4px;
	width: 4px
}

.nice-select.small .option {
	line-height: 28px;
	min-height: 28px
}

.nice-select .list {
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
	box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 4px;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: scale(.75) translateY(-18px);
	-ms-transform: scale(.75) translateY(-18px);
	transform: scale(.75) translateY(-18px);
	-webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s
		ease-out;
	-o-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s
		ease-out;
	transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
	z-index: 999
}

.nice-select .list:hover .option:not (:hover ){
	background-color: transparent !important
}

.nice-select .option {
	cursor: pointer;
	font-weight: 400;
	line-height: 34px;
	list-style: none;
	min-height: 34px;
	outline: 0;
	padding-left: 15px;
	padding-right: 26px;
	text-align: left;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.nice-select .option.focus, .nice-select .option.selected.focus,
	.nice-select .option:hover {
	background-color: #f6f6f6
}

.nice-select .option.selected {
	font-weight: 400
}

.nice-select .option.disabled {
	background-color: transparent;
	color: #999;
	cursor: default
}

.no-csspointerevents .nice-select .list {
	display: none
}

.no-csspointerevents .nice-select.open .list, [class^=tab-basic] .tab-content.active,
	header .nav-wrap nav {
	display: block
}

.btn-basic {
	display: inline-block;
	min-width: 180px;
	height: 50px;
	overflow: hidden;
	background: #0071bd;
	text-align: center;
	border-radius: 5px
}

.btn-basic>span {
	display: inline-block;
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	line-height: 50px
}

.btn-basic:hover {
	background: #0054a6
}

.download {
	background: #fafafa;
	border: 1px solid #d9d9d9
}

.download>span {
	position: relative;
	padding-left: 30px;
	color: #333
}

.download>span:before {
	position: absolute;
	top: 14px;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(../images/spr_icon.png) no-repeat 0 0;
	background-size: 200px 200px;
	overflow: hidden;
	content: ""
}

.download:hover {
	border: 1px solid #0054a6
}

.download:hover>span {
	color: #fff
}

.download:hover>span:before {
	background-position: -20px 0
}

.btn-basic+.btn-basic {
	margin-left: 6px
}

header {
	position: relative;
	z-index: 99;
	width: 100%;
	height: 80px;
	background: #fff;
	border-bottom: 1px solid #d9d9d9
}

header.on:before {
	z-index: 98;
	position: absolute;
	left: 0;
	top: 80px;
	width: 100%;
	height: 180px;
	background: #f8f8f8;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .3);
	content: ""
}

header .header-inbox {
	position: relative;
	width: 1150px;
	margin: 0 auto
}

header .logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 157px;
	height: 79px;
	text-indent: -9999px
}

header .gnb>li>a, header .logo a {
	display: block;
	height: 100%;
	width: 100%
}

header .gnb>li>a {
	text-align: center;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 1.25em;
	color: #333;
	line-height: 79px
}

header .logo a {
	background: url(../images/voicye_logo.png) no-repeat center center;
	background-size: 147px 34px
}

header .nav-wrap {
	display: block;
	height: 79px;
	margin-left: 262px
}

header .gnb {
	width: 745px;
	height: 79px;
	z-index: 100
}

header .gnb>li, header .gnb>li>.gnb-dep2>li {
	display: inline-block;
	width: 25%;
	height: auto;
	float: left
}

header .gnb>li>.gnb-dep2>li {
	position: relative;
	width: 33%;
	height: 55px
}

header .gnb>li>.gnb-dep2 {
	position: absolute;
	z-index: 99;
	left: 0;
	top: 79px;
	width: 100%;
	height: 0;
	overflow: hidden
}

header .gnb>li>.gnb-dep2 ul+ul {
	margin-top: 50px
}

header .gnb>li>.gnb-dep2>li>a {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	color: #333;
	font-size: 1em;
	font-weight: 400
}

header .gnb>li>.gnb-dep2.product>li .gnb-dep3>li>a:focus, header .gnb>li>.gnb-dep2.product>li .gnb-dep3>li>a:hover,
	header .gnb>li>.gnb-dep2>li .gnb-dep3>li>a:focus, header .gnb>li>.gnb-dep2>li .gnb-dep3>li>a:hover,
	header .gnb>li>.gnb-dep2>li>a:focus, header .gnb>li>.gnb-dep2>li>a:hover
	{
	color: #0071bd
}

header .gnb>li>.gnb-dep2.product>li .gnb-dep3>li>a:before, header .gnb>li>.gnb-dep2>li>a:before
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 3px;
	font-size: 1em;
	content: "·"
}

header .gnb>li>.gnb-dep2>li .gnb-dep3>li>a:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 3px
}

header .gnb>li>.gnb-dep2.product>.product-cont+.product-cont {
	display : inline-block;
}

header .gnb>li>.gnb-dep2.product>li {
	position: relative;
	width: 33%;
	height: 150px;
}


header .gnb>li>.gnb-dep2.product>li .gnb-dep3 li, header .gnb>li>.gnb-dep2.product>li+li .gnb-dep3 li
	{
	width: 100%
}

header .gnb>li>.gnb-dep2.product>li .gnb-dep3 li:first-child, header .gnb>li>.gnb-dep2.product>li+li .gnb-dep3 li:first-child
	{
	width: 100%
}

header .gnb>li>.gnb-dep2.product>li>a {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	color: #333;
	font-size: 1em;
	font-weight: 500;
	cursor: default
}

header .gnb>li>.gnb-dep2.product>li>a:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 3px;
	font-size: 1em;
	content: ""
}

header .btn-allmenu>span {
	display: block;
	position: absolute;
	top: 0;
	left: 4px;
	width: 12px;
	height: 19px;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: 0 0
}

header .gnb>li>.gnb-dep2>li .gnb-dep3 {
	display: block;
	position: absolute;
	top: 25px;
	left: 3px
}

header .gnb>li>.gnb-dep2.product>li .gnb-dep3>li {
	height: auto;
	width: 100%;
	display: block;
	margin-top: 8px;
}

header .gnb>li>.gnb-dep2>li .gnb-dep3>li {
	height: auto;
	display: inline-block
}

header .gnb>li>.gnb-dep2>li .gnb-dep3>li>a {
	position: relative;
	color: #666;
	display: inline-block;
	padding: 0 25px 0 10px;
	font-size: .875em;
	font-weight: 400;
	letter-spacing: -.5px
}

header .gnb>li>.gnb-dep2>li .gnb-dep3>li>a:before {
	font-size: .938em;
	content: "-"
}

header .gnb>li.active>.gnb-dep2 {
	display: block;
	height: auto;
	padding-left: 303px;
	padding-top: 30px
}

.law .tb-basic table tbody td .inner-box>p>em, header .gnb>li.active>a {
	color: #0071bd
}

header .contact_top, header .language {
	position: absolute;
	top: 21px;
	right: 48px
}

header .contact_top {
	width: 80px
}

header .contact_top_btn {
	display: block;
	width: 100%;
	height: 36px;
	background: #444;
	border-radius: 18px;
	border: 1px solid #444;
	line-height: 34px;
	text-align: center;
	color: #fff;
	font-size: .8125rem;
	font-weight: 400;
	-webkit-transition: all .3s, color .3s;
	-o-transition: all .3s, color .3s;
	transition: all .3s, color .3s
}

header .contact_top_btn.on, header .contact_top_btn:hover {
	-webkit-box-shadow: 80px 0 0 0 #0078c1 inset, -80px 0 0 0 #0078c1 inset;
	box-shadow: 80px 0 0 0 #0078c1 inset, -80px 0 0 0 #0078c1 inset;
	border: 1px solid #0078c1
}

header .btn-allmenu-wrap {
	position: absolute;
	top: 29px;
	right: 0
}

header .btn-allmenu {
	display: block;
	position: relative;
	width: 20px;
	height: 18px;
	background: #333;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

header .btn-allmenu:after {
	position: absolute;
	top: 4px;
	left: 0;
	width: 20px;
	height: 10px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background: 0 0;
	content: ""
}

.allmenu-box .btn-allmenu-close:focus>span:after, .allmenu-box .btn-allmenu-close:focus>span:before,
	header .btn-allmenu:focus, header .btn-allmenu:hover {
	background: #0071bd
}

.allmenu-box .btn-allmenu-close:hover>span:after, .allmenu-box .btn-allmenu-close:hover>span:before,
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
	{
	background: #0071bd
}

header .btn-allmenu.on {
	background: 0 0
}

header .btn-allmenu.on>span {
	border: 0;
	left: 0;
	width: 22px;
	height: 22px
}

header .btn-allmenu.on>span:after, header .btn-allmenu.on>span:before {
	position: absolute;
	top: 9px;
	left: -3px;
	width: 28px;
	height: 2px;
	background: #0071bd;
	content: ""
}

header .btn-allmenu.on>span:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

header .btn-allmenu.on>span:after {
	border: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

header .btn-allmenu.on:after {
	display: none
}

.allmenu-wrap {
	z-index: 10;
	display: none;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	height: 534px;
	background: rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .3)
}

.allmenu-wrap.active {
	display: block;
	-webkit-animation: allmenuFrames ease .3s;
	animation: allmenuFrames ease .3s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.allmenu-box {
	position: relative;
	width: 1150px;
	margin: 40px auto 0
}

.allmenu-box .allmenu {
	width: calc(100% - 100px);
	margin-left: 100px
}

.allmenu-box .allmenu>li {
	display: block;
	width: 25%;
	float: left
}

.allmenu-box .allmenu>li>a {
	display: inline-block;
	margin-bottom: 25px;
	font-family: 'Roboto';
	color: #fff;
	font-weight: 400;
	font-size: 1.25em
}

.allmenu-box .allmenu>li .allmenu-dep2 li, .allmenu-box .allmenu>li .allmenu-dep2 li .allmenu-dep3 li
	{
	position: relative;
	width: 100%
}

.allmenu-box .allmenu>li .allmenu-dep2 li .allmenu-dep3 {
	width: 100%;
	padding-left: 5px
}

.allmenu-box .allmenu>li .allmenu-dep2 li .allmenu-dep3 li>a:focus,
	.allmenu-box .allmenu>li .allmenu-dep2 li .allmenu-dep3 li>a:focus:before,
	.allmenu-box .allmenu>li .allmenu-dep2 li .allmenu-dep3 li>a:hover,
	.allmenu-box .allmenu>li .allmenu-dep2 li .allmenu-dep3 li>a:hover:before,
	.allmenu-box .allmenu>li .allmenu-dep2 li>a:focus, .allmenu-box .allmenu>li .allmenu-dep2 li>a:hover
	{
	color: #0071bd;
	font-weight: 500
}

.allmenu-box .allmenu>li .allmenu-dep2 li .allmenu-dep3 li>a {
	position: relative;
	display: inline-block;
	padding-left: 12px;
	color: #fff;
	font-weight: 300;
	margin-bottom: 15px;
	font-size: .875em
}

.allmenu-box .allmenu>li .allmenu-dep2 li .allmenu-dep3 li>a:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 3px;
	color: #fff;
	font-size: .875em;
	content: "-"
}

.allmenu-box .allmenu>li .allmenu-dep2 li .allmenu-dep3 li:last-child>a
	{
	margin-bottom: 25px
}

.allmenu-box .allmenu>li .allmenu-dep2 li>a:focus:before, .allmenu-box .allmenu>li .allmenu-dep2 li>a:hover:before,
	.allmenu-box .allmenu>li>a:focus, .allmenu-box .allmenu>li>a:hover {
	color: #0071bd;
	font-weight: 500
}

.allmenu-box .allmenu>li .allmenu-dep2 li>a {
	position: relative;
	display: inline-block;
	margin-bottom: 25px;
	padding-left: 12px;
	color: #fff;
	font-weight: 300;
	font-size: 1em
}

.allmenu-box .allmenu>li .allmenu-dep2 li>a:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 3px;
	color: #fff;
	font-size: 1em;
	content: "·"
}

.allmenu-box .allmenu>li .allmenu-dep2 li.has-children>a {
	margin-bottom: 18px
}

.allmenu-box .btn-allmenu-close {
	display: block;
	position: absolute;
	bottom: -24px;
	right: 0;
	width: 26px;
	height: 26px
}

.allmenu-box .btn-allmenu-close>span {
	display: block;
	position: relative;
	width: 26px;
	height: 26px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}

.allmenu-box .btn-allmenu-close>span:before {
	position: absolute;
	top: 0;
	left: 12px;
	width: 2px;
	height: 28px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: ""
}

.allmenu-box .btn-allmenu-close>span:after {
	position: absolute;
	top: 0;
	right: 12px;
	width: 2px;
	height: 28px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: ""
}

header .gnb>li>.gnb-dep2:before {
	position: absolute;
	top: 32px;
	left: 0;
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 1.875em;
	content: "Business"
}

header .gnb>li:nth-child(2)>.gnb-dep2:before {
	content: "Product"
}

header .gnb>li:nth-child(3)>.gnb-dep2:before {
	content: "Support"
}

header .gnb>li:nth-child(4)>.gnb-dep2:before {
	content: "Company"
}

header .gnb>li>.gnb-dep2:after {
	position: absolute;
	top: 72px;
	left: 0;
	height: 1px;
	width: 62px;
	background: #0071bd;
	content: ""
}

.mobile-btn-area, .mobile-menu-close {
	display: none
}

.top_banner {
	width: 100%;
	height: 190px;
	background-color: #202327;
	position: relative;
	z-index: 10;
	-webkit-transition: top .3s;
	-o-transition: top .3s;
	transition: top .3s
}

.top_banner_box, .top_banner_cont {
	width: 1170px;
	margin: 0 auto;
	position: relative
}

.top_banner_box:after {
	content: '';
	display: block;
	clear: both
}

.top_banner_cont .top_banner_item {
	padding: 20px 0;
	font-size: 0;
	text-align: center
}

.top_banner_cont .top_banner_item a {
	width: 520px;
	display: inline-block
}

.top_banner_cont .top_banner_item a+a {
	margin-left: 20px
}

.top_banner_cont .top_banner_nav {
	display: none
}

.top_banner_cont .item_control {
	display: block;
	position: absolute;
	text-indent: -9999em;
	background: url(../images/main/spr_global_icon.png) no-repeat 26.458%
		21.413%;
	width: 20px;
	height: 33px;
	top: 50%;
	margin-top: -16.5px;
	overflow: hidden
}

.top_banner_cont .item_control:hover {
	background-position: 62.5% 49.893%
}

.top_banner_cont .item_control.prev {
	left: 0;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.top_banner_cont .item_control.next {
	right: 0
}

.top_banner_cont .item_control.disabled {
	background-position: 57.083% 49.893% !important;
	cursor: default
}

.top_banner .top_banner_controller {
	float: right;
	margin-right: 40px;
	position: relative;
	z-index: 20
}

.top_banner .top_banner_controller .top_chk_box {
	display: inline-block;
	vertical-align: middle
}

.top_banner .top_banner_controller .top_chk_box input[type=checkbox] {
	width: 16px;
	height: 16px;
	background: 0 0;
	border: 0;
	color: transparent
}

.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label
	{
	color: #999;
	font-size: .875rem;
	font-weight: 400;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle
}

.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label:before
	{
	background: url(../images/main/spr_global_icon.png) no-repeat 43.75%
		21.042%;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: 0 7px 0 0;
	vertical-align: middle;
	cursor: pointer;
	content: ''
}

.top_banner .top_banner_controller .top_chk_box input[type=checkbox]:checked+label:before
	{
	background-position: 39.167% 21.042%
}

.top_banner .top_banner_controller .top_close_box {
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle
}

.top_banner .top_banner_controller .top_close_box .banner_close {
	background: url(../images/main/spr_global_icon.png) no-repeat 32.804%
		21.574%;
	display: inline-block;
	text-indent: -9999em;
	width: 17px;
	height: 17px
}

.top_banner.hide {
	display: none
}

.top_banner .bx-controls {
	position: relative;
	width: 1150px;
	height: 0;
	text-align: center;
	margin: 0 auto;
	top: 0;
	z-index: 10
}

.top_banner .bx-controls .bx-next, .top_banner .bx-controls .bx-prev {
	position: absolute;
	top: -100px;
	display: block;
	width: 15px;
	height: 44px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}

.top_banner .bx-controls .bx-next.disabled, .top_banner .bx-controls .bx-prev.disabled
	{
	opacity: .1
}

.top_banner .bx-controls .bx-controls-auto {
	position: relative;
	top: -42px;
	display: inline-block;
	text-align: center
}

.top_banner .bx-controls .bx-pager, .top_banner .bx-controls .bx-start,
	.top_banner .bx-controls .bx-stop {
	display: none
}

.top_banner .bx-controls .bx-prev {
	left: 0;
	background: url(../images/bg_prev.png) no-repeat 0 center
}

.top_banner .bx-controls .bx-next {
	right: 0;
	background: url(../images/bg_next.png) no-repeat -20px center
}

.top_banner .bx-controls .bx-start:after {
	position: absolute;
	top: 0;
	left: 2px;
	width: 13px;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 18px;
	border-color: transparent transparent transparent #fff;
	content: ""
}

.top_banner .bx-controls .bx-stop:after {
	position: absolute;
	top: 0;
	left: 5px;
	width: 13px;
	height: 19px;
	background: 0 0;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	content: ""
}

.container {
	position: relative;
	padding-top: 178px
}


.container.main {
	padding-top: 0
}

.container.TC {
	overflow-x: hidden;
}

.container:after {
	content: '';
	clear: both;
	display: block
}

.subtitle-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 282px
}

.subtitle-wrap.BUSINESS {
	background: url(../images/bg_sub01.png) no-repeat center center
}

.subtitle-wrap.PRODUCT {
	background: url(../images/bg_sub02.png) no-repeat center center
}

.subtitle-wrap.SUPPORT {
	background: url(../images/bg_sub03.png) no-repeat center center
}

.subtitle-wrap.COMPANY {
	background: url(../images/bg_sub04.png) no-repeat center center
}

.subtitle-wrap>.subtitle {
	width: 100%;
	height: 100%;
	padding-top: 70px;
	color: #fff;
	font-family: 'Roboto';
	font-size: 2.625em;
	font-weight: 400;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
}

.content-box {
	position: relative;
	width: 1150px;
	min-height: 684px;
	padding-bottom: 60px;
	margin: 0 auto;
	background: #fff;
	border-radius: 5px 5px 0 0
}

.location-wrap {
	position: absolute;
	top: -158px;
	left: 10px;
	width: 100%
}

.location-wrap .location {
	width: 100%
}

.location-wrap .location>li {
	position: relative;
	display: inline-block;
	float: left;
	padding-left: 14px;
	margin-left: 12px;
	height: 18px
}

.location-wrap .location>li>span {
	font-size: .75em;
	color: #fff;
	line-height: 18px
}

.location-wrap .location>li:before {
	position: absolute;
	top: 5px;
	left: -1px;
	width: 2px;
	height: 9px;
	background: #fff;
	border-left: 1px solid #6f7886;
	content: ""
}

.location-wrap .location>li:first-child {
	padding-left: 15px;
	margin: 0
}

.location-wrap .location>li:first-child>span {
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}

.location-wrap .location>li:first-child:before {
	position: absolute;
	top: -4px;
	left: 0;
	width: 0;
	height: 0;
	border: 7px solid #fff;
	border-top-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
	background: 0 0;
	content: ""
}

.location-wrap .location>li:first-child:after {
	position: absolute;
	top: 10px;
	left: 3px;
	width: 8px;
	height: 2px;
	background: #fff;
	content: ""
}

.location-wrap .location>li:first-child>span:after, .location-wrap .location>li:first-child>span:before
	{
	position: absolute;
	top: 12px;
	width: 3px;
	height: 3px;
	background: #fff;
	content: ""
}

.location-wrap .location>li:first-child>span:before {
	left: 3px
}

.location-wrap .location>li:first-child>span:after {
	left: 8px
}

.title-box {
	position: relative;
	width: 100%;
	padding: 72px 0 48px
}

.title-box>h1 {
	padding-bottom: 15px;
	color: #000;
	font-size: 2.25em;
	font-weight: 400;
	text-align: center
}

.title-box>h1>em {
	font-weight: 600
}

.title-box>p {
	color: #666;
	font-size: .875em;
	line-height: 22px;
	text-align: center
}

.title-box:before {
	position: absolute;
	top: 44px;
	left: 50%;
	width: 50px;
	height: 2px;
	margin-left: -25px;
	background: #0071bd;
	content: ""
}

[class^=tab-basic] .tab-lst li {
	float: left;
	position: relative;
	width: 179px;
	height: 50px;
	border: 1px solid #dcdcdc;
	border-left: 0;
	border-bottom: 1px solid #000
}

.tb-basic table tbody tr td.tlb:first-child, .tb-basic table thead th.tlb:first-child,
	[class^=tab-basic] .tab-lst li:first-child {
	border-left: 1px solid #dcdcdc
}

[class^=tab-basic] .tab-lst li.active {
	border-color: #000 #000 #fff
}

[class^=tab-basic] .tab-lst li.active:before {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 1px;
	height: calc(100% + 1px);
	background: #000;
	content: ""
}

[class^=tab-basic] .tab-lst li.active a span {
	color: #000;
	font-weight: 500
}

[class^=tab-basic] .tab-lst li a {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 8px
}

[class^=tab-basic] .tab-lst li a span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 1.125em;
	color: #444;
	font-weight: 400
}

[class^=tab-basic] .tab-container {
	margin: 34px 0 0
}

[class^=tab-basic] .tab-content {
	display: none
}

.internet .inbox>ul, .tab-basic-per .tab-lst, .tb-basic, .tb-basic table
	{
	width: 100%
}

.tab-basic-per .tab-lst.col2 li {
	width: 50%
}

.tab-basic-per .tab-lst.col3 li {
	width: 33.3333333333%
}

.tab-basic-per .tab-lst.col4 li {
	width: 25%
}

.tab-basic-per .tab-lst.col5 li {
	width: 20%
}

.tab-basic-per .tab-lst.col6 li {
	width: 16.6666666667%
}

.tb-basic {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc
}

.tb-basic table thead th {
	height: 50px;
	padding: 5px 10px;
	border: 1px solid #dcdcdc;
	border-right: 0;
	background: #f3f3f3;
	color: #333;
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	vertical-align: middle
}

.tb-basic table thead th:first-child {
	border-left: 0
}

.tb-basic table thead th.tlb {
	border-left: 1px solid #dcdcdc
}

.tb-basic table tbody tr td, .tb-basic table tbody tr th, .tb-basic table thead td
	{
	height: 50px;
	padding: 5px 10px;
	border: 1px solid #dcdcdc;
	border-bottom: 0;
	border-right: 0;
	vertical-align: middle
}

.tb-basic table thead td {
	text-align: left
}

.tb-basic table tbody tr:first-child td, .tb-basic table tbody tr:first-child th
	{
	border-top: 0
}

.tb-basic table tbody tr td:first-child, .tb-basic table tbody tr th:first-child
	{
	border-left: 0
}

.tb-basic table tbody tr th {
	text-align: center;
	font-size: .875em;
	font-weight: 300;
	background: #f3f3f3;
	color: #333
}

.tb-basic table tbody tr td {
	color: #666;
	text-align: center;
	font-size: .875em;
	line-height: 1.5em
}

.tb-basic table tbody tr td.tl {
	text-align: left
}

.tb-basic table tbody tr td.tlb {
	border-left: 1px solid #dcdcdc
}

.tb-basic+h2 {
	margin-top: 30px
}

.tb-basic+.commCirBkList, .tb-basic+.m_tbl_info, .tb-basic+.tb-basic,
	.voiceye-hw .product-box ul.bule-dot-list {
	margin-top: 15px
}

ul.bule-dot-list>li {
	position: relative;
	padding-left: 15px;
	font-size: 1em;
	margin-top: 10px;
	color: #666;
	line-height: 22px
}

ul.bule-dot-list>li:before {
	position: absolute;
	top: 9px;
	left: 1px;
	width: 4px;
	height: 4px;
	background: #0071bd;
	border-radius: 4px;
	content: ""
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}

.owl-carousel, .owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}

.main-business>.business-list>li>.inner-box>a>dl, .owl-carousel .owl-item img
	{
	display: block;
	width: 100%
}

.app_noti_top h3 span, .app_noti_top p span, .no-js .owl-carousel,
	.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev
	{
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev,
	.owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: 0;
	padding: 0 !important;
	font: inherit
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.owl-carousel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

.owl-height {
	-webkit-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not ([src] ), .owl-carousel .owl-item .owl-lazy[src^=""]
	{
	max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform .1s ease;
	-o-transition: transform .1s ease;
	transition: transform .1s ease;
	transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn
	{
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	display: none
}

.owl-theme .owl-nav.disabled button {
	opacity: .5;
	cursor: default
}

.business>.inbox>ul>li+li, .guide>h3+div, .guide>h4+div, .owl-theme .owl-nav.disabled+.owl-dots
	{
	margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
	position: relative;
	width: 16px;
	height: 16px;
	margin: 5px 7px;
	display: inline-block;
	zoom: 1
}

.owl-dot:before, .owl-theme .owl-dots .owl-dot span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%
}

.owl-dot:before {
	counter-increment: dots;
	content: counter(dots);
	overflow: hidden;
	display: inline-block
}

.owl-theme .owl-dots .owl-dot span {
	background: #d6d6d6;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
	display: block
}

.owl-dots {
	counter-reset: dots
}

.owl-carousel-wrap {
	width: 100%;
	height: 60px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	overflow: hidden
}

.owl-carousel-wrap .owl-carousel {
	width: 1245px;
	margin: 0 auto
}

.owl-carousel-wrap .owl-carousel .oc-item {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 58px;
	overflow: hidden
}

.owl-carousel-wrap .owl-carousel .oc-item>a {
	display: block;
	width: 100%;
	height: 58px
}

.owl-carousel-wrap .owl-carousel .oc-item>a>span {
	display: block;
	height: 100%;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(../images/spr_sga.png) no-repeat center 0;
	background-size: 200px 348px;
	overflow: hidden;
	opacity: .9
}

 .owl-carousel-wrap .owl-carousel .oc-item > a > span.sga {
    background-position: center 0px;}
  .owl-carousel-wrap .owl-carousel .oc-item > a > span.sgasol {
    background-position: center -58px; }
      .owl-carousel-wrap .owl-carousel .oc-item > a > span.sgaeps {
      
    background: url("../images/spr_sga_sgaeps.png") no-repeat center 0;
    background-position: center 19px; 
    background-size: 165px 20px;}
  .owl-carousel-wrap .owl-carousel .oc-item > a > span.voiceye {
    background-position: center -290px; }
  .owl-carousel-wrap .owl-carousel .oc-item > a > span.sgahds {
    background: url("../images/spr_sga_sgahds.png") no-repeat center 0;
    background-position: center 19px; 
    background-size: 165px 20px;}
  .owl-carousel-wrap .owl-carousel .oc-item > a > span.axis {
    background: url("../images/spr_sga_axis.png") no-repeat center 0;
    background-position: center -2px; 
    background-size: 230px 60px;}
  .owl-carousel-wrap .owl-carousel .oc-item > a > span.sgn {
    background: url("../images/spr_sga_sgn.png") no-repeat center 0;
    background-position: center 18px; 
    background-size: 70px 20px;}
.app-info-wrap {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
	width: 250px;
	padding: 15px 9px;
	background: #fff;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .6);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .6)
}

.app-info-wrap>.app-info, .app-info-wrap>.app-info>.qr-img>img,
	.internet .imgbox-list li>.imgbox-inbox>.imgbox>img {
	width: 100%;
	height: 100%
}

.app-info-wrap>.app-info p, .app-info-wrap>.app-info>a {
	font-size: 12px;
	color: #000;
	line-height: 18px;
	font-weight: 300;
	text-align: center
}

.app-info-wrap>.app-info p {
	margin-top: 10px
}

.app-info-wrap>.app-info p em {
	color: #0071bd;
	font-weight: 500
}

.app-info-wrap>.app-info>a {
	display: block;
	position: relative;
	width: 100%;
	padding: 5px 0 5px 10px;
	z-index: 1
}

.app-info-wrap>.app-info>.btn-area {
	display: block;
	width: 204px;
	margin: 10px auto 0
}

.app-info-wrap>.app-info>.btn-area:after {
	content: '';
	display: block;
	clear: both
}

.app-info-wrap>.app-info>.btn-area>a {
	display: inline-block;
	width: 100%;
	height: 25px;
	background: #000;
	border-radius: 6px
}

.app-info-wrap>.app-info>.btn-area>a:hover {
	opacity: .8
}

.app-info-wrap>.app-info>.btn-area>a>span, .footer-wrap .footer-logo,
	.footer-wrap .top-btn-wrap .top-btn span, .main-board .download-wrap .download-list .btn-area>a.appstore>span,
	.main-board .download-wrap .download-list .btn-area>a.googlestore>span,
	.main-content h1 {
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}

.app-info-wrap>.app-info>.btn-area>a.googlestore {
	float: left;
	width: 100px;
	height: 29px;
	border-radius: 4px;
	background: #000 url(../images/spr_main.png) no-repeat 5px -440px;
	background-size: 200px 1000px
}

.app-info-wrap>.app-info>.btn-area>a.appstore {
	float: left;
	margin-left: 4px;
	width: 100px;
	height: 29px;
	border-radius: 4px;
	background: #000 url(../images/spr_main.png) no-repeat 5px -470px;
	background-size: 200px 1000px
}

.app-info-wrap>.app-info>.qr-img {
	width: 210px;
	height: 210px;
	margin: 0 auto
}

.app-info-m, .footer-wrap address br {
	display: none
}

.footer-wrap {
	position: relative;
	width: 1150px;
	height: 142px;
	padding-top: 28px;
	padding-left: 220px;
	margin: 0 auto
}

.footer-wrap .footerMS {
	position: absolute;
	top: 32px;
	right: 0;
	background: url(../images/logo_footer_ms.png) no-repeat;
	width: 173px;
	height: 59px;
	display: block;
	text-indent: -9999em
}

.footer-wrap .footer-logo {
	position: absolute;
	top: 46px;
	left: 0;
	width: 147px;
	height: 34px;
	background: url(../images/footer_voicye_logo.png) no-repeat center
		center;
	background-size: 147px 34px
}

.footer-wrap .btn-private-policy {
	position: absolute;
	top: 55px;
	right: 256px;
	width: 100px;
	height: 25px
}

.footer-wrap .btn-private-policy>a {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #0071bd;
	color: #0071bd;
	font-size: .75em;
	line-height: 23px;
	text-align: center
}

.footer-wrap dl {
	display: inline-block;
	margin-bottom: 13px
}

.footer-wrap dl>dt {
	position: relative;
	display: inline-block;
	padding-left: 12px;
	margin-left: 8px;
	font-size: .75em;
	color: #666
}

.footer-wrap dl:nth-child(3)>dt:first-child {
	padding-left: 0;
	margin-left: 0
}

.footer-wrap dl dt:before {
	position: absolute;
	top: 1px;
	left: 0;
	width: 2px;
	height: 10px;
	border-left: 1px solid #c2c2c2;
	background: #b8b8b8;
	content: ""
}

.footer-wrap dl:nth-child(3)>dt:first-child:before {
	display: none
}

.footer-wrap dl>dd {
	display: inline-block
}

.footer-wrap dl>dd>a {
	color: #666
}

.footer-wrap .copyright, .footer-wrap address, .footer-wrap dl>dd {
	font-size: .75em;
	color: #666
}

.footer-wrap .copyright {
	margin-top: 7px
}

.footer-wrap .top-btn-wrap {
	display: none;
	position: fixed;
	z-index: 900;
	right: 50px;
	bottom: 50px;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50px;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3);
	opacity: .9
}

.footer-wrap .top-btn-wrap.fix, .service .service-list>li>.inbox>ul>li>dl
	{
	display: block
}

.footer-wrap .top-btn-wrap .top-btn {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50px
}

.footer-wrap .top-btn-wrap .top-btn span:after, .footer-wrap .top-btn-wrap .top-btn span:before
	{
	display: block;
	position: absolute;
	right: 19px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px;
	content: ""
}

.footer-wrap .top-btn-wrap .top-btn span:before {
	top: 17px;
	border-color: transparent transparent #999
}

.footer-wrap .top-btn-wrap .top-btn span:after {
	top: 19px;
	border-color: transparent transparent #fff
}

.footer-wrap .top-btn-wrap .top-btn:after {
	display: block;
	position: absolute;
	top: 19px;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 10px;
	background: #999;
	content: ""
}

.footer-wrap .logo-wa {
	position: absolute;
	top: 60px;
	right: 0;
	width: 67px;
	height: 44px
}

.f-eng {
	font-family: "Roboto" !important
}

.test-code {
	width: 100%;
	padding: 20px 0 60px;
	text-align: center
}

.none, .product .product-box>h2>br, .product .tab-basic-per .tab-lst li a span br,
	.voiceye-code .product-box>h2>br {
	display: none
}

.banner {
	position: relative;
	max-height: 534px
}

.banner-box .bx-viewport, .banner-box .bx-wrapper {
	height: 100% !important
}

.banner .item-box, .banner-box {
	height: 534px;
	width: 100%;
}

.banner .item-box>.innder-box, .banner .item-box>.innder-box.pd {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1150px;
	margin-left: -575px;
	height: 100%;
	padding-top: 138px
}

.banner .item-box>.innder-box.pd {
	padding-top: 180px
}

.banner .item-box.text>.innder-box.white h2, .banner .item-box>.innder-box>h2,
	.banner .item-box>.innder-box>p {
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .5)
}

.banner .item-box>.innder-box>h2 {
	font-family: 'Roboto';
	font-size: 3.75em;
	font-weight: 700
}

.banner .item-box>.innder-box>h2>em {
	display: inline-block;
	font-size: .667em;
	color: #fff;
	font-weight: 300
}

.banner .item-box>.innder-box>p {
	margin-top: 18px;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 34px
}

.banner .item-box.text>.innder-box {
	padding-left: 590px;
	padding-top: 170px;
	position: absolute
}

.banner .item-box.text.TC>.innder-box {
	padding-left: 90px;
	padding-top: 120px;
	position: absolute
}

.banner .item-box.text>.innder-box h2 {
	font-family: 'Roboto';
	font-size: 3.75rem;
	color: #000;
	font-weight: 700;
	text-align: left;
	text-shadow: none
}

.banner .item-box.text>.innder-box h2>em {
	display: inline-block;
	font-size: .667rem;
	color: #000;
	font-weight: 300
}

.banner .item-box.text>.innder-box p, .banner .item-box.text>.innder-box.white p
	{
	margin-top: 18px;
	font-size: 1.25rem;
	color: #000;
	font-weight: 300;
	text-align: left;
	line-height: 34px;
	text-shadow: none
}

.banner .item-box.text>.innder-box a, .banner .item-box.text>.innder-box.white a
	{
	display: block;
	width: 120px;
	height: 34px;
	border-radius: 4px;
	line-height: 34px;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	position: relative;
	z-index: 5
}

.banner .item-box.text>.innder-box a {
	background: #044b8c;
	color: #fff
}

.banner .item-box.text>.innder-box.white h2 {
	font-family: 'Roboto';
	font-size: 3.75rem;
	font-weight: 700;
	text-align: left
}

.banner .item-box.text>.innder-box.white h2>em {
	font-family: 'Roboto';
	display: inline-block;
	font-size: 2.375rem;
	color: #fff;
	font-weight: 700
}

.banner .item-box.text.TC>.innder-box h2 {
	font-family: 'Roboto';
	font-size: 3.75rem;
	font-weight: 700;
	text-align: left
}

.banner .item-box.text.TC>.innder-box h2>em {
	font-family: 'Roboto';
	display: inline-block;
	font-size: 2.8rem;
	color: #01457d;
	font-weight: 700
}


.banner .item-box.text>.innder-box.white h3 {
	font-family: 'Roboto';
	font-size: 3.75rem;
	font-weight: 700;
	text-align: left
}

.banner .item-box.text>.innder-box.white h3>em {
	font-family: 'Roboto';
	display: inline-block;
	font-size: 2rem;
	color: #0e79ca;
	font-weight: 700
}

.banner .item-box.text>.innder-box.white p {
	color: #fff
}

.banner .item-box.text.TC>.innder-box h3 {
	font-family: 'Roboto';
	font-size: 3.75rem;
	font-weight: 700;
	text-align: left
}

.banner .item-box.text.TC>.innder-box h3>em {
	font-family: 'Roboto';
	display: inline-block;
	font-size: 2rem;
	color: #0e79ca;
	font-weight: 700
}

.banner .item-box.text.TC>.innder-box p{
	color: #000;
	line-height: 25px;
}

.banner .item-box.text>.innder-box a {
    background: #044b8c;
    color: #fff;
}

.banner .item-box.text>.innder-box.white a {
	background: #fff;
	color: #0b397b
}

.banner .item-box.text>.innder-box .main_item {
	width: 685px;
	height: 458px;
	background: url(../images/main4_item.png) no-repeat;
	position: absolute;
	left: 94px;
	top: 80px;
	z-index: 1
}

.banner .item-box.text>.innder-box .main_item01 {
	width: 685px;
	height: 458px;
	background: url(../images/main6_item.png) no-repeat;
	position: absolute;
	left: 94px;
	top: 40px;
	z-index: 1
}

.banner .item-box.text>.innder-box .main_item02 {
	width: 685px;
	height: 458px;
	background: url(../images/main6_item.png) no-repeat;
	position: absolute;
	left: 651px;
	top: 40px;
	z-index: 1
}
.banner .item-box.text>.innder-box .main_item03 {
	width: 370px;
	height: 290px;
	background: url(../images/main7_item.png) no-repeat;
	position: absolute;
	left: 725px;
	top: 88px;
	z-index: 1
}

.banner .item-box>.imgbox {
	width: 100%;
	height: 100%;
	background: url(../images/main1.png) no-repeat center center;
	background-size: auto 100%
}

.banner .item-box>.imgbox.mainimg01 {
	background-image: url(../images/main1.png)
}

.banner .item-box>.imgbox.mainimg02 {
	background-image: url(../images/main2.png)
}

.banner .item-box>.imgbox.mainimg03 {
	background-image: url(../images/main3.png)
}

.banner .item-box>.imgbox.mainimg04 {
	background-image: url(../images/main4.png)
}

.banner .item-box>.imgbox.mainimg05 {
	background-image: url(../images/main5.png)
}

.banner .item-box>.imgbox.mainimg06 {
	background-image: url(../images/main6.png)
}

.banner .item-box>.imgbox.mainimg07 {
	background-image: url(../images/main7.png)
}


.banner-list {
	height: 100%
}

.banner-list-item {
	height: 100%;
	overflow: hidden
}

.banner .bx-controls {
	position: relative;
	width: 1150px;
	height: 0;
	text-align: center;
	margin: 0 auto;
	bottom: 0
}

.banner .bx-controls .bx-next, .banner .bx-controls .bx-prev {
	position: absolute;
	top: -301px;
	display: block;
	width: 35px;
	height: 64px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}

.banner .bx-controls .bx-controls-auto, .banner .bx-controls .bx-pager {
	position: relative;
	top: -42px;
	display: inline-block;
	text-align: center
}

.banner .bx-controls .bx-pager .bx-pager-item {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: 0 5px
}

.banner .bx-controls .bx-pager .bx-pager-item>a {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: 0 0;
	border: 2px solid #fff;
	border-radius: 20px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}

.banner .bx-controls .bx-pager .bx-pager-item>a.active {
	background: #fff
}

.banner .bx-controls .bx-start, .banner .bx-controls .bx-stop {
	position: relative;
	display: inline-block;
	margin-left: 4px;
	width: 19px;
	height: 19px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}

.banner .bx-controls .bx-prev {
	left: 0;
	background: url(../images/bg_prev.png) no-repeat 0 0
}

.banner .bx-controls .bx-next {
	right: 0;
	background: url(../images/bg_next.png) no-repeat 0 0
}

.banner .bx-controls .bx-start:after {
	position: absolute;
	top: 0;
	left: 2px;
	width: 13px;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 18px;
	border-color: transparent transparent transparent #fff;
	content: ""
}

.banner .bx-controls .bx-stop:after {
	position: absolute;
	top: 0;
	left: 5px;
	width: 13px;
	height: 19px;
	background: 0 0;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	content: ""
}

.main-business {
	position: relative;
	padding: 54px 0;
	background: #f8f8f8
}

.main-business>.business-list {
	width: 1300px;
	height: 190px;
	margin: 0 auto
}

.main-business>.business-list>li {
	display: block;
	width: 33.33%;
	height: 100%;
	float: left;
	padding-left: 48px
}

.main-business>.business-list>li>.inner-box {
	width: 100%;
	height: 100%
}

.main-business>.business-list>li>.inner-box>a {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 125px
}

.main-business>.business-list>li>.inner-box>a>dl>dt {
	display: block;
	padding-bottom: 12px;
	font-family: 'Roboto';
	font-size: 1.25em;
	font-weight: 500;
	color: #333;
	text-align: center
}

.main-business>.business-list>li>.inner-box>a>dl>dd {
	display: block;
	font-size: .875em;
	color: #666;
	line-height: 18px;
	text-align: center
}

.main-business>.business-list>li>.inner-box a:before {
	position: absolute;
	top: 0;
	left: 50%;
	width: 102px;
	height: 102px;
	margin-left: -51px;
	border: 2px solid #d9d9d9;
	border-radius: 50%;
	background: #fff;
	content: ""
}

.main-business>.business-list>li>.inner-box a:after {
	position: absolute;
	top: 0;
	left: 50%;
	width: 102px;
	height: 102px;
	margin-left: -51px;
	background: url(../images/spr_main.png) no-repeat -1px 0;
	background-size: 200px 1000px;
	content: ""
}

.main-business>.business-list>li:nth-child(2)>.inner-box a:after {
	background-position: -1px -104px
}

.main-business>.business-list>li:nth-child(3)>.inner-box a:after {
	background-position: -1px -209px
}

.main-business>.business-list>li:nth-child(4)>.inner-box a:after {
	background-position: -1px -315px
}

.main-business .business-list>li>.inner-box:hover a:after {
	animation: animationFrames linear 1s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: animationFrames linear 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: animationFrames linear 1s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-o-animation: animationFrames linear 1s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-ms-animation: animationFrames linear 1s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%
}

.main-sw {
	position: relative;
	padding: 56px 0 59px;
	background: #fff
}

.main-sw>.sw-list {
	width: 1300px;
	height: 100%;
	margin: 0 auto
}

.main-sw>.sw-list>li {
	position: relative;
	display: block;
	width: 25%;
	height: 100%;
	float: left
}

.main-sw>.sw-list>li>.inner-box {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 80px
}

.main-sw>.sw-list>li>.inner-box>h2 {
	margin-bottom: 12px;
	font-family: 'Roboto';
	font-size: 1.125em;
	font-weight: 500;
	text-align: center
}

.main-sw>.sw-list>li>.inner-box>.btn-area {
	text-align: center
}

.main-sw>.sw-list>li>.inner-box>.btn-area>a {
	display: inline-block;
	width: 88px;
	height: 27px;
	color: #fff;
	border: 1px solid #0071bd;
	background: #0071bd;
	font-size: .813em;
	font-weight: 400;
	line-height: 25px;
	text-align: center
}

.main-sw>.sw-list>li>.inner-box>.btn-area>a.white {
	background: #fff;
	border: 1px solid #dcdcdc;
	color: #666
}

.main-sw>.sw-list>li>.inner-box>.btn-area>a:hover {
	background: #0054a6;
	color: #fff;
	border: 1px solid #0054a6
}

.main-sw>.sw-list>li:before {
	position: absolute;
	top: 18px;
	left: 0;
	width: 1px;
	height: 106px;
	background: url(../images/bg_dotted_line.png) repeat-y 0 0;
	content: ""
}

.main-sw>.sw-list>li:first-child:before {
	display: none
}

.main-sw>.sw-list>li>.inner-box:before {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -35px;
	width: 94px;
	height: 71px;
	background: url(../images/spr_main02.png) no-repeat center 0;
	background-size: 94px 317px;
	content: '';
	overflow: hidden
}

.main-sw>.sw-list>li:nth-child(2)>.inner-box:before {
	background-position: center -81px
}

.main-sw>.sw-list>li:nth-child(3)>.inner-box:before {
	background-position: center -163px
}

.main-sw>.sw-list>li:nth-child(4)>.inner-box:before {
	background-position: center -246px
}

.main-board .board-list {
	width: 1150px;
	margin: 0 auto;
	padding: 54px 0 60px
}

.main-board .board-list>li {
	width: 50%;
	float: left
}

.main-board .board-list>li:first-child {
	padding-right: 38px
}

.main-board .notice-wrap, .service .service-list>li>.inbox>ul>li {
	position: relative
}

.main-board .notice-wrap h2 {
	width: 100%;
	height: 49px;
	padding-top: 7px;
	font-size: 1.375em;
	font-weight: 400;
	border-bottom: 2px solid #7f7f7f
}

.main-board .notice-list {
	width: 100%;
	height: 100%;
	padding-top: 9px;
	margin-top: 0
}

.main-board .notice-list li {
	width: 100%;
	height: 40px
}

.main-board .notice-list li:first-child {
	border-top: 0
}

.main-board .notice-list li a {
	display: block;
	width: 100%;
	height: 100%
}

.main-board .notice-list li a .title {
	position: relative;
	max-width: calc(100% - 100px);
	display: inline-block;
	padding-right: 20px;
	font-size: .875em;
	color: #63656a;
	line-height: 40px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.main-board .notice-list li a .date {
	display: inline-block;
	float: right;
	width: 90px;
	font-family: 'Roboto';
	font-size: .875em;
	color: #666;
	line-height: 40px;
	text-align: right
}

.main-board .notice-list li a.new span.title:after {
	position: absolute;
	top: 7px;
	right: 0;
	display: block;
	font-size: 10px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	background: #4a63a1;
	content: 'N';
	border-radius: 100%
}

.main-board .notice-list li a:hover .date, .main-board .notice-list li a:hover .title,
	.main-board .notice-wrap .btn-more:hover span, .voiceye-app .app-menu-list>li>.inbox>p>a,
	.voiceye-app .list_old>li>.inbox>p>a, .voiceye-inc>p>em {
	color: #0071bd
}

.main-board .notice-wrap .btn-more {
	position: absolute;
	display: block;
	top: 10px;
	right: 0
}

.main-board .notice-wrap .btn-more span {
	position: relative;
	display: inline-block;
	padding-right: 23px;
	font-size: .875em;
	color: #666
}

.main-board .notice-wrap .btn-more span:after, .main-board .notice-wrap .btn-more span:before
	{
	position: absolute;
	display: block;
	background: #333;
	content: ""
}

.main-board .notice-wrap .btn-more span:before {
	width: 2px;
	height: 12px;
	top: 1px;
	right: 5px
}

.main-board .notice-wrap .btn-more span:after {
	width: 12px;
	height: 2px;
	top: 6px;
	right: 0
}

.main-board .notice-wrap .btn-more:hover span:after, .main-board .notice-wrap .btn-more:hover span:before
	{
	background: #0071bd
}

.main-board .download-wrap, .main-board .download-wrap .download-list,
	.mobile-tr .verifi-service>ul, .mobile-tr .vrifi-step>ul {
	width: 100%
}

.main-board .download-wrap .download-list li {
	width: calc(100% - 328px);
	float: left;
	margin-left: 8px
}

.main-board .download-wrap .download-list li:first-child {
	margin-left: 0;
	width: 320px
}

.main-board .download-wrap .download-list .download-inbox {
	position: relative;
	width: 100%;
	height: 200px;
	padding: 20px 0 0 20px;
	border: 1px solid #d9d9d9;
	background: url(../images/spr_main.png) no-repeat right -694px;
	background-size: 200px 1000px
}

.main-board .download-wrap .download-list .download-inbox>h2 {
	padding-bottom: 10px;
	font-size: 1.375em;
	font-weight: 400
}

.business>.inbox>ul>li {
	color: #666;
	line-height: 22px;
	position: relative;
	padding-left: 15px;
	font-size: 1em
}

.main-board .download-wrap .download-list .download-inbox>p {
	font-size: .813em;
	color: #666;
	line-height: 22px
}

.main-board .download-wrap .download-list .download-inbox>p>em {
	font-weight: 400;
	color: #000
}

.main-board .download-wrap .download-list .download-inbox.app {
	background-position: right -501px
}

.main-board .download-wrap .download-list .download-inbox.app>p {
	line-height: 20px
}

.main-board .download-wrap .download-list .btn-area {
	position: relative;
	top: 15px;
	width: 215px;
	height: 20px;
	overflow: hidden
}

.main-board .download-wrap .download-list .btn-area+.btn-area {
	margin-top: 10px
}

.main-board .download-wrap .download-list .btn-area:after {
	content: '';
	display: block;
	clear: both
}

.main-board .download-wrap .download-list .btn-area>a {
	display: inline-block;
	float: left;
	min-width: 72px;
	height: 20px;
	background: #000;
	border-radius: 2px;
	padding: 0 5px
}

.main-board .download-wrap .download-list .btn-area>a+a {
	margin-left: 3px
}

.main-board .download-wrap .download-list .btn-area>a>span {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
	line-height: 20px;
	font-size: .75em;
	text-align: center
}

.main-board .download-wrap .download-list .btn-area>a:hover,
	.voiceye-app .product-box>.btn-area>a:hover {
	opacity: .8
}

.main-board .download-wrap .download-list .btn-area>a.googlestore {
	float: left;
	width: 92px;
	height: 29px;
	border-radius: 4px;
	background: #000 url(../images/spr_main.png) no-repeat 0 -440px;
	background-size: 200px 1000px
}

.main-board .download-wrap .download-list .btn-area>a.appstore {
	float: left;
	margin-left: 4px;
	width: 94px;
	height: 29px;
	border-radius: 4px;
	background: #000 url(../images/spr_main.png) no-repeat 0 -470px;
	background-size: 200px 1000px
}

.main-board .download-wrap .download-list .download-inbox.app>.btn-area
	{
	height: 29px
}

.inner-box h2 {
	font-size: 1.625em;
	font-weight: 300;
	margin-bottom: 25px
}

.business>.inbox {
	position: relative;
	border: 1px solid #d9d9d9;
	padding: 30px 30px 30px 194px
}

.business>.inbox>h3, .voiceye-code>.inbox>h4 {
	font-size: 1.25em;
	font-weight: 400;
	margin-bottom: 20px
}

.business>.inbox>p {
	font-size: 1em;
	margin-bottom: 10px;
	color: #666
}

.business>.inbox>ul>li:before {
	position: absolute;
	top: 9px;
	left: 1px;
	width: 4px;
	height: 4px;
	background: #0071bd;
	border-radius: 4px;
	content: ""
}

.business>.inbox:before {
	position: absolute;
	top: 50%;
	left: 55px;
	margin-top: -48px;
	width: 94px;
	height: 94px;
	background: url(../images/spr_business.png) no-repeat 0 0;
	background-size: 432px 568px;
	content: ""
}

.business>.inbox:nth-child(3):before {
	background-position: -120px -1px
}

.business>.inbox:nth-child(4):before {
	background-position: -1px -101px
}

.business>.inbox:nth-child(5):before {
	background-position: -120px -101px
}

.business>.inbox+.inbox {
	margin-top: 22px
}

.business>.inbox+h2, .voiceye-code>.inbox+h3 {
	margin-top: 90px
}

.business .business-cate {
	position: relative;
	margin-top: 40px;
	padding-left: 556px
}

.business .business-cate:before {
	position: absolute;
	top: 24px;
	left: 52px;
	width: 430px;
	height: 357px;
	background: url(../images/spr_business.png) no-repeat 0 -210px;
	background-size: 432px 568px;
	content: ""
}

.business .business-cate>ul>li {
	padding: 50px 0
}

.business .business-cate>ul>li>dl {
	display: block;
	overflow: hidden
}

.business .business-cate>ul>li>dl>dt {
	display: inline-block;
	float: left;
	width: 144px;
	font-size: 2.25em;
	font-weight: 400;
	line-height: 36px
}

.business .business-cate>ul>li>dl>dd {
	display: inline-block;
	float: left;
	width: calc(100% - 144px);
	font-size: 1em;
	color: #666;
	line-height: 36px
}

.business .business-cate>ul>li+li, .history>dl+dl {
	border-top: 1px solid #d9d9d9
}

.law>p {
	font-size: .875em;
	color: #666;
	padding-bottom: 12px
}

.law .tb-basic table tbody td, .law .tb-basic table tbody th, .mobile-tr .vrifi-step>ul>li>.img-inbox>.text-box>p
	{
	font-size: .875em;
	line-height: 20px
}

.law .tb-basic table tbody td .inner-box {
	text-align: left;
	padding: 5px
}

.law .tb-basic table tbody td .inner-box+.inner-box {
	padding-top: 20px
}

.law .tb-basic table tbody td .inner-box>p>span {
	font-size: .857em
}

.law>p.info-text {
	padding-top: 15px;
	font-size: .875em;
	text-align: right
}

.law>p.info-text+h2 {
	margin-top: 75px
}

.internet .inbox {
	position: relative;
	border: 1px solid #d9d9d9;
	padding: 70px 370px 70px 60px;
	background: url(../images/bg_internet01.png) no-repeat center right
}

.internet .inbox>ul>li {
	width: calc(100% - 353px);
	float: left
}

.internet .inbox>ul>li:first-child {
	width: 323px;
	border-right: 1px solid #e3e3e3;
	margin-right: 30px
}

.internet .inbox>ul>li>h2 {
	color: #000;
	font-size: 1.75em
}

.internet .inbox+h2 {
	margin-top: 50px
}

.internet .imgbox-list li {
	width: calc(25% - 18px);
	float: left;
	margin-left: 24px
}

.internet .imgbox-list li:first-child, .product .imgbox-list li:first-child
	{
	margin-left: 0
}

.internet .imgbox-list li>.imgbox-inbox>.imgbox {
	width: 100%;
	height: 380px;
	border: 1px solid #d9d9d9
}

.voiceye-hw .function-list>li:nth-child(2n)>.inbox {
	float: right
}

.internet .imgbox-list li>.imgbox-inbox>p {
	min-width: 192px;
	height: 42px;
	margin: 12px auto 0;
	border: 1px solid #d9d9d9;
	color: #0071bd;
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	line-height: 40px;
	border-radius: 20px
}

.mobile-tr>.inbox:before {
	position: absolute;
	top: 50%;
	left: 45px;
	margin-top: -55px;
	width: 105px;
	height: 110px;
	background: url(../images/spr_mobile_tr.png) no-repeat 0 0;
	background-size: 105px 110px;
	content: ""
}

.mobile-tr .diagram>ol {
	padding-top: 40px;
	height: 914px
}

.mobile-tr .diagram>ol>li, .mobile-tr .diagram>ol>li>.inbox {
	width: 100%;
	position: relative
}

.mobile-tr .diagram>ol>li>.inbox>h3 {
	position: relative;
	width: 232px;
	padding-top: 47px;
	margin: 0 auto;
	font-size: 1.125em;
	font-weight: 400;
	text-align: center
}

.mobile-tr .diagram>ol>li>.inbox>h3>span {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -17px;
	width: 34px;
	height: 34px;
	background: #0071bd;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 1.125em;
	color: #fff;
	line-height: 34px;
	text-align: center;
	border-radius: 50%
}

.mobile-tr .diagram>ol>li>.inbox>.l-box {
	position: absolute;
	top: -26px;
	left: 0;
	width: 274px;
	height: 245px
}

.mobile-tr .diagram>ol>li>.inbox>.l-box:before, .mobile-tr .diagram>ol>li>.inbox>.r-box:before
	{
	position: absolute;
	top: 35px;
	width: 147px;
	height: 15px;
	background: url(../images/spr_diagram.png) no-repeat -12px -532px;
	background-size: 170px 763px;
	content: ""
}

.mobile-tr .diagram>ol>li>.inbox>.l-box:before {
	right: -183px
}

.mobile-tr .diagram>ol>li>.inbox>.r-box {
	position: absolute;
	top: -26px;
	right: 0;
	width: 274px;
	height: 245px
}

.mobile-tr .diagram>ol>li>.inbox>.r-box:before {
	left: -183px
}

.mobile-tr .diagram>ol>li>.inbox .boxwrap {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 54px;
	border: 1px solid #d9d9d9;
	background: #fcfbfb
}

.mobile-tr .diagram>ol>li>.inbox .boxwrap>.titlebox {
	position: absolute;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 52px;
	background: #7f8287
}

.mobile-tr .diagram>ol>li>.inbox .boxwrap>.titlebox>span {
	display: table-cell;
	width: 100%;
	height: 100%;
	font-size: 1em;
	color: #fff;
	line-height: 20px;
	text-align: center;
	vertical-align: middle
}

.list_box .inbox h4:after, .mobile-tr .diagram>ol>li>.inbox .boxwrap>.titlebox:after
	{
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -8px;
	border: 8px solid #7f8287;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
	content: ""
}

.mobile-tr .diagram>ol>li>.inbox .boxwrap>.textbox {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center
}

.mobile-tr .diagram>ol>li>.inbox .boxwrap>.textbox .imgbox {
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	text-align: center
}

.mobile-tr .diagram>ol>li>.inbox .boxwrap>.textbox>p, .mobile-tr .verifi-service>ul>li>.boxwrap>.textbox>p
	{
	display: table-cell;
	width: 100%;
	height: 100%;
	font-size: .938em;
	line-height: 20px;
	color: #666;
	text-align: center;
	vertical-align: middle
}

.mobile-tr .diagram>ol>li>.inbox .boxwrap>.textbox>p>em, .mobile-tr .verifi-service>ul>li>.boxwrap>.textbox>p>em
	{
	color: #333;
	font-weight: 500
}

.mobile-tr .diagram>ol>li+li {
	padding-top: 50px
}

.mobile-tr .diagram>ol>li+li:before {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 1px;
	height: 40px;
	background: url(../images/bg_dashed_line.png) repeat-y 0 0;
	content: ""
}

.mobile-tr .diagram>ol>li:first-child>.inbox .l-box .boxwrap:before {
	position: absolute;
	top: 82px;
	left: 50%;
	margin-left: -60px;
	width: 120px;
	height: 132px;
	background: url(../images/spr_diagram.png) no-repeat -25px -7px;
	background-size: 170px 763px;
	content: ""
}

.mobile-tr .diagram>ol>li:first-child>.inbox .r-box .boxwrap:before {
	position: absolute;
	top: 82px;
	left: 50%;
	margin-left: -78px;
	width: 156px;
	height: 133px;
	background: url(../images/spr_diagram.png) no-repeat -7px -161px;
	background-size: 170px 763px;
	content: ""
}

.mobile-tr .diagram>ol>li>.inbox>h3.print {
	padding-bottom: 103px
}

.mobile-tr .diagram>ol>li>.inbox>h3.print:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -43px;
	width: 86px;
	height: 86px;
	border: 2px solid #dfdfdf;
	background: #fcfbfb url(../images/spr_diagram.png) no-repeat -43px
		-677px;
	background-size: 170px 763px;
	border-radius: 50%;
	content: ""
}

.mobile-tr .diagram>ol>li>.inbox>h3.confirm {
	padding-bottom: 220px
}

.mobile-tr .diagram>ol>li>.inbox>h3.confirm:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -60px;
	width: 120px;
	height: 175px;
	background: url(../images/spr_diagram.png) no-repeat -25px -316px;
	background-size: 170px 763px;
	content: ""
}

.mobile-tr .diagram>ol>li:nth-child(3)>.inbox>.l-box, .mobile-tr .diagram>ol>li:nth-child(3)>.inbox>.r-box
	{
	top: 10px
}

.mobile-tr .diagram>ol>li:nth-child(4)>.inbox>.l-box, .mobile-tr .diagram>ol>li:nth-child(4)>.inbox>.r-box
	{
	top: 65px
}

.mobile-tr .diagram>ol>li:nth-child(3)>.inbox>.l-box:before {
	display: none
}

.mobile-tr .diagram>ol>li:nth-child(4)>.inbox>.l-box:before {
	background-position: -11px -571px;
	height: 40px;
	top: 104px
}

.mobile-tr .diagram>ol>li:nth-child(3)>.inbox>.r-box:before {
	display: none
}

.mobile-tr .diagram>ol>li:nth-child(4)>.inbox>.r-box:before {
	background-position: -11px -620px;
	height: 40px;
	top: 104px
}

.mobile-tr .verifi-service, .mobile-tr .vrifi-step {
	margin-bottom: 90px
}

.mobile-tr .vrifi-step>ul>li {
	position: relative;
	display: inline-block;
	float: left
}

.mobile-tr .vrifi-step>ul>li>.img-inbox {
	position: relative;
	min-width: 123px
}

.mobile-tr .vrifi-step>ul>li>.img-inbox>p {
	position: relative;
	padding-top: 136px;
	text-align: center;
	font-weight: 500
}

.mobile-tr .vrifi-step>ul>li>.img-inbox>.text-box {
	position: absolute;
	top: 0;
	right: -130px;
	width: 130px;
	height: 115px;
	padding: 17px 22px;
	border: 1px solid #dcdcdc;
	background: #fcfbfb
}

.mobile-tr .vrifi-step>ul>li>.img-inbox>.text-box>p>span, .notice-list ul li dl dd a
	{
	color: #666;
	font-weight: 300
}

.mobile-tr .vrifi-step>ul>li>.img-inbox>.text-box:after, .mobile-tr .vrifi-step>ul>li>.img-inbox>.text-box:before
	{
	position: absolute;
	top: 50%;
	margin-top: -8px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	content: ""
}

.mobile-tr .vrifi-step>ul>li>.img-inbox>.text-box:before {
	left: -16px;
	border-right-color: #dcdcdc
}

.mobile-tr .vrifi-step>ul>li>.img-inbox>.text-box:after {
	left: -15px;
	border-right-color: #fff
}

.mobile-tr .vrifi-step>ul>li>.num-inbox {
	width: 150px;
	height: 116px;
	background: url(../images/bg_arrow.png) no-repeat right 45px;
	background-size: 147px 15px
}

.mobile-tr .vrifi-step>ul>li>.num-inbox>p {
	position: relative;
	padding-top: 82px;
	text-align: center;
	font-weight: 400
}

.mobile-tr .vrifi-step>ul>li>.num-inbox>p>span {
	position: absolute;
	top: 36px;
	left: 50%;
	margin-left: -17px;
	width: 34px;
	height: 34px;
	background: #0071bd;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 1.125em;
	color: #fff;
	line-height: 34px;
	text-align: center;
	border-radius: 50%
}

.mobile-tr .vrifi-step>ul>li:last-child {
	padding-right: 130px
}

.mobile-tr .vrifi-step>ul>li>.img-inbox:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 115px;
	background: url(../images/spr_vrif_step.png) no-repeat center 0;
	background-size: 120px 482px;
	content: ""
}

.mobile-tr .vrifi-step>ul>li:first-child>.img-inbox {
	width: 110px;
	margin-right: 29px
}

.mobile-tr .vrifi-step>ul>li:nth-child(3) .img-inbox:after {
	background-position: center -136px
}

.mobile-tr .vrifi-step>ul>li:nth-child(5) .img-inbox:after {
	background-position: center -244px
}

.mobile-tr .vrifi-step>ul>li:nth-child(7) .img-inbox:after {
	background-position: center -370px
}

.mobile-tr .verifi-service>ul>li {
	width: 47%;
	float: left
}

.mobile-tr .verifi-service>ul>li>.boxwrap {
	position: relative;
	float: left;
	width: 241px;
	height: 254px;
	padding-top: 54px;
	border: 1px solid #d9d9d9;
	background: #fcfbfb
}

.mobile-tr .verifi-service>ul>li>.boxwrap>.titlebox {
	position: absolute;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 52px;
	background: #7f8287
}

.mobile-tr .verifi-service>ul>li>.boxwrap>.titlebox>span {
	display: table-cell;
	width: 100%;
	height: 100%;
	font-size: 1em;
	color: #fff;
	line-height: 20px;
	letter-spacing: -1px;
	text-align: center;
	vertical-align: middle
}

.mobile-tr .verifi-service>ul>li>.boxwrap>.titlebox:after {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -8px;
	border: 8px solid #7f8287;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
	content: ""
}

.mobile-tr .verifi-service>ul>li>.boxwrap>.textbox {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center
}

.mobile-tr .verifi-service>ul>li>.boxwrap>.textbox .imgbox {
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	text-align: center
}

.mobile-tr .verifi-service>ul>li>.boxwrap:first-child {
	margin-right: 55px
}

.mobile-tr .verifi-service>ul>li>.boxwrap:first-child:after {
	position: absolute;
	top: 50%;
	right: -45px;
	margin-top: -8px;
	width: 35px;
	height: 15px;
	background: url(../images/bg_arrow.png) no-repeat right top;
	background-size: 147px 15px;
	content: ""
}

.mobile-tr .verifi-service>ul>li:first-child {
	width: 53%
}

.mobile-tr .verify>ol>li {
	width: 33.33333%;
	height: 204px;
	float: left
}

.mobile-tr .verify>ol>li>.inbox {
	width: 100%
}

.mobile-tr .verify>ol>li>.inbox>p {
	position: relative;
	padding: 10px 0 10px 50px;
	font-size: 1em;
	color: #555
}

.mobile-tr .verify>ol>li>.inbox>p>span, .product .list-dot>li>span {
	position: absolute;
	background: #0071bd;
	color: #fff;
	font-size: 1.125em;
	text-align: center
}

.mobile-tr .verify>ol>li>.inbox>p>span {
	font-family: 'Roboto';
	font-weight: 500;
	top: 0;
	left: 0;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border-radius: 50%
}

.mobile-tr .verify>ol>li>.inbox>.imgbox {
	margin-top: 25px;
	width: 100%
}

.product .product-box {
	padding: 65px 33% 65px 52px;
	border: 1px solid #ededed;
	background: url(../images/bg_maker_hwp.png) no-repeat 767px 54px
}

.product .product-box>h2, .voiceye-app .product-box>h2, .voiceye-code .product-box>h2,
	.voiceye-hw .product-box>h2 {
	margin-bottom: 17px;
	font-size: 1.75em;
	font-weight: 400;
	color: #000
}

.product .list-dot>li {
	font-size: 1em;
	color: #666;
	font-weight: 400;
	position: relative;
	height: 46px;
	padding-left: 53px;
	line-height: 44px;
	border: 1px solid #d9d9d9;
	border-radius: 22px
}

.product .product-box>p, .voiceye-code .product-box>p, .voiceye-hw .product-box>p
	{
	font-size: 1em;
	color: #666;
	line-height: 24px;
	font-weight: 400
}

.product .product-box>.btn-area {
	margin-top: 30px
}

.product .product-box.maker-ms {
	background-image: url(../images/bg_maker_ms.png)
}

.product .product-box.maker-indesign {
	background-image: url(../images/bg_maker_indesign.png)
}

.product .product-box.maker-quack {
	background-image: url(../images/bg_maker_quack.png)
}
.product .product-box.TC {
	background-image: url(../images/bg_tc.png);
	background-size: 343px 303px;
	background-position: 750px;
}
.product .product-box.TC_FIDO {
	background: url(../images/bg_fido.png) no-repeat;
	background-size: 343px 303px;
	background-position: 750px;
}

.product .point-text {
	margin-top: 15px;
	margin-bottom: 75px;
	line-height: 20px;
	color: #0071bd;
	font-size: .875rem
}

.product h3 {
	margin-bottom: 22px;
	font-size: 1.625em;
	font-weight: 400
}

.product_cont .inner {
	width: 1150px;
    margin: 0 auto;
}

.product_cont .inner_title h3 {
	white-space: nowrap;
	vertical-align: middle;
	color: #242424;
	font-size: 2.25rem;
	font-weight: 500;
}

.product .list-dot {
	padding-left: 484px;
	margin-bottom: 90px;
	background: url(../images/bg_maker_hwp02.png) no-repeat 66px 35px;
	background-size: 332px 332px
}

.product .list-dot>li+li {
	margin-top: 4px
}

.product .list-dot>li>span {
	display: block;
	top: 7px;
	left: 7px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 100%
}

.product .list-dot.maker-ms {
	background-image: url(../images/bg_maker_ms02.png)
}

.product .list-dot.maker-indesign {
	background-image: url(../images/bg_maker_indesign02.png);
	min-height: 369px
}

.product .list-dot.maker-quack {
	background-image: url(../images/bg_maker_quack02.png)
}

.product .imgbox-list {
	margin-bottom: 50px
}

.product .imgbox-list:after {
	content: '';
	display: block;
	clear: both
}

.product .imgbox-list li {
	width: calc(25% - 15px);
	margin-left: 20px;
	float: left;
	margin-bottom: 10px
}

.product .imgbox-list li:nth-child(5) {
	margin-left: 0;
	width: calc(50% - 10px)
}

.product .imgbox-list li:nth-child(6) {
	width: calc(50% - 10px)
}

.product .imgbox-list li .imgbox {
	width: 100%;
	border: 1px solid #d9d9d9;
	margin: 0
}

.product .imgbox-list li p {
	width: 192px;
	height: 42px;
	margin: 12px auto 0;
	border: 1px solid #d9d9d9;
	color: #0071bd;
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	line-height: 40px;
	border-radius: 20px
}

.voiceye-hw .product-box {
	position: relative;
	height: 361px;
	padding: 57px 562px 56px 52px;
	border: 1px solid #ededed;
	background: 0 0
}

.voiceye-hw .product-box ul.bule-dot-list>li {
	margin-top: 0
}

.voiceye-hw .product-box>.btn-area {
	margin-top: 15px
}

.voiceye-hw .product-box>.photobox {
	position: absolute;
	top: 0;
	right: 0
}

.voiceye-hw .product-box dl, .voiceye-hw .product-box dl dd, .voiceye-hw .product-box dl dt
	{
	display: inline;
	font-size: .938em
}

.icon_lst>ul li:after {
	display: block;
	clear: both;
	content: "";
}

.icon_lst>ul li+li {
	margin-top: 45px;
}

.icon_lst dl {
	width: 545px;
	min-height: 100px;
	padding-left: 120px;
	position: relative;
}

.icon_lst dl:nth-child(odd) {
	float: left;
}

.icon_lst dl:nth-child(even) {
	float: right;
}

.icon_lst dl.full {
	width: 100%;
}

.icon_lst dl span {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #36a4ef;
}

.icon_lst dl span:after {
	z-index: 2;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	display: block;
	content: "";
}

.icon_lst dl dt {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.5rem;
	letter-spacing: -0.04em;
	color: #242424;
	font-size: 1.25rem;
	font-weight: 500;
}

.icon_lst dl dd {
	line-height: 22px;
	letter-spacing: -0.04em;
	color: #666;
	font-size: 0.9375rem;
	font-weight: 400;
}

.icon_lst dl dd .bullet ul li {
	line-height: 24px;
	padding-left: 10px;
	color: #666;
	font-size: 0.9375rem;
	font-weight: 400;
}

.icon_lst dl dd .bullet ul li:before {
	top: 12px;
	width: 2px;
	height: 2px;
	background-color: #333;
}

.icon_lst dl dd .bullet ul li+li {
	margin-top: 0;
}

.icon_lst dl dd .bullet .no_bullet li {
	padding-left: 0;
}


.opacity_box_lst>ul {
	*zoom: 1;
}

.opacity_box_lst>ul:after {
	display: block;
	clear: both;
	content: "";
}

.opacity_box_lst>ul+ul {
	margin-top: 30px;
	padding-bottom: 60px;
}

.opacity_box_lst>ul>li {
	position: relative;
	padding: 40px 30px 30px 40px;
	width: calc(50% - 15px);
	float: left;
	height: 270px;
	letter-spacing: -0.04em;
	background-color: rgba(250, 250, 250, 0.9);
}

.opacity_box_lst>ul>li+li {
	margin-left: 30px;
}

.opacity_box_lst>ul>li:after {
	position: absolute;
	bottom: 30px;
	right: 30px;
	display: block;
	content: "";
}

.opacity_box_lst>ul.full>li {
	width: 100%;
}

.opacity_box_lst dl dt {
	color: #242424;
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: 24px;
	line-height: 26px;
}

.opacity_box_lst dl dd {
	color: #242424;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.5rem;
	padding-left: 10px;
	position: relative;
}

.opacity_box_lst dl dd:before {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 0;
	background-color: #242424;
	display: block;
	content: "";
}

.opacity_box_lst dl dd>ul {
	padding-top: 5px;
	padding-bottom: 5px;
}

.opacity_box_lst dl dd>ul>li {
	color: #666666;
}

/******************************
 *	PRODUCT TC
 ******************************/
.product .product-box.TC {
	margin-bottom: 60px;
}
.product .product-box.TC_FIDO {
	margin-bottom: 60px;
}
 .content-box .product-cont.TC {
	margin-bottom: 70px;
}  
.content-box .product-cont.TC .icon_lst_col dl dt {
	font-size: 2em;
}  
.content-box .icon_lst dl span:after {
	background: url(../images/spr_tc.png) no-repeat;
}

.content-box .icon_lst dl span.ico_tc_01:after {
	background-position: 18.736% 34.537%;
	width: 57px;
	height: 57px;
}

.content-box .icon_lst dl span.ico_tc_02:after {
	background-position: 2.45% 2.489%;
	width: 51px;
	height: 58px;
}

.content-box .icon_lst dl span.ico_tc_03:after {
	background-position: 16.667% 2.472%;
	width: 56px;
	height: 55px;
}

.content-box .icon_lst dl span.ico_tc_04:after {
	background-position: 31.278% 2.489%;
	width: 46px;
	height: 58px;
}

.content-box .icon_lst dl span.ico_tc_05:after {
	background-position: 45.045% 3.132%;
	width: 56px;
	height: 53px;
}

.content-box .icon_lst dl span.ico_tc_06:after {
	background-position: 60.36% 2.895%;
	width: 56px;
	height: 51px;
}

.content-box .icon_lst dl span.ico_fido_01:after {
	background-position: 20.179% 19.507%;
	width: 54px;
	height: 54px;
}

.content-box  .icon_lst dl span.ico_fido_02:after {
	background-position: 34.086% 18.962%;
	width: 57px;
	height: 57px;
}

.content-box  .icon_lst dl span.ico_fido_03:after {
	background-position: 18.736% 34.537%;
	width: 57px;
	height: 57px;
	left: 5px;
	top: -3px;
}

.content-box  .icon_lst dl span.ico_fido_04:after {
	left: 6px;
	background-position: 53.736% 36.537%;
	width: 59px;
	height: 65px;
}

.content-box #tc .product_cont.bgimg {
	height: auto;
	width: 1910px;
	background: url("../images/bg_img_tc.png") no-repeat;
	background-size: 100% 100%;
	position: relative;
	right: 385px;
	margin-bottom: 70px;
}

.product_cont.bgimg .inner_title h3 {
	color: #fff;
	font-weight: 500;
    position: relative;
    padding: 40px 30px 30px 40px;
}

.product_cont.TC .tb-basic.TC {
	margin-top: 20px;
}

.tb-basic.TC table tbody tr th.sub{
	    border-left: 1px solid #dcdcdc;
}

.product_cont.TC .tb-basic.TC tl.tbl{
	margin-top: 20px;
}

.product_cont.TC .tb-basic.TC .bullet ul li+li {
    line-height: 26px;
    font-size: 0.9375rem;
    font-weight: 300;
}

.product_cont.TC .tb-basic.TC tr td.tlb:first-child {
	text-align: center;
}

.product_cont.TC .tb-basic.TC tr td {
	text-align: left;
}

.product_cont.TC .m_tbl_caption {
	display:none;
}


.content-box .opacity_box_lst>ul>li:after {
	background: url(../images/spr_tc.png) no-repeat;
}

.content-box .opacity_box_lst>ul>li.ico_tc_01 {
	height: 250px;
}

.content-box .opacity_box_lst>ul>li.ico_tc_01:after {
	background-position: 76.018% 3.139%;
	width: 58px;
	height: 54px;
}

.content-box .opacity_box_lst>ul>li.ico_tc_02 {
	height: 250px;
}

.content-box .opacity_box_lst>ul>li.ico_tc_02:after {
	background-position: 92.063% 2.982%;
	width: 59px;
	height: 64px;
}

.content-box .opacity_box_lst>ul>li.ico_tc_03 {
	height: 250px;
}

.content-box .opacity_box_lst>ul>li.ico_tc_03:after {
	background-position: 2.552% 19.144%;
	width: 69px;
	height: 56px;
}

.content-box .opacity_box_lst>ul>li.ico_tc_04 {
	height: 250px;
}

.content-box .opacity_box_lst>ul>li.ico_tc_04:after {
	background-position: 34.101% 34.18%;
	width: 66px;
	height: 67px;
}


.content-box .opacity_box_lst>ul>li.ico_fido_01:after {
	background-position: 64.977% 19.444%;
	width: 66px;
	height: 68px;
}

.content-box .opacity_box_lst>ul>li.ico_fido_02:after {
	background-position: 81.986% 19.213%;
	width: 67px;
	height: 68px;
}

.content-box .opacity_box_lst>ul>li.ico_fido_03 {
	height: 320px;
}

.content-box .opacity_box_lst>ul>li.ico_fido_03:after {
	background-position: 99.536% 18.837%;
	width: 69px;
	height: 70px;
}

.content-box .opacity_box_lst>ul>li.ico_fido_04 {
	height: 320px;
}

.content-box .opacity_box_lst>ul>li.ico_fido_04:after {
	background-position: 2.54% 35.514%;
	width: 67px;
	height: 72px;
}


.voiceye-hw .photo-list {
	width: 100%;
	height: 360px;
	margin-bottom: 90px
}

.voiceye-hw .photo-list>ul {
	width: 100%;
	height: 100%;
	border: 1px solid #d9d9d9
}

.voiceye-hw .photo-list>ul>li {
	position: relative;
	width: 530px;
	height: 100%;
	float: left
}

.voiceye-hw .photo-list>ul>li:first-child {
	width: calc(100% - 530px);
	border-right: 1px solid #d9d9d9
}

.voiceye-hw .photo-list>ul>li h4 {
	position: absolute;
	left: 0;
	bottom: 25px;
	margin-bottom: 0;
	width: 100%;
	font-size: .875em;
	color: #666;
	font-weight: 300;
	text-align: center
}

.voiceye-hw .photo-list>ul>li>ul {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0
}

.voiceye-hw .photo-list>ul>li>ul:after, .voiceye-hw .photo-list>ul>li>ul:before
	{
	position: absolute;
	top: 0;
	width: 1px;
	height: 358px;
	background: #d9d9d9;
	content: ""
}

.voiceye-hw .photo-list>ul>li>ul:before {
	z-index: 1;
	left: 33.3%
}

.voiceye-hw .photo-list>ul>li>ul:after {
	z-index: 2;
	left: 66.6%
}

.voiceye-hw .photo-list>ul>li>ul>li {
	position: relative;
	width: 33.333333%;
	height: 50%;
	float: left
}

.voiceye-hw .photo-list>ul>li>ul>li:first-child, .voiceye-hw .photo-list>ul>li>ul>li:nth-child(2),
	.voiceye-hw .photo-list>ul>li>ul>li:nth-child(3) {
	border-bottom: 1px solid #d9d9d9
}

.voiceye-hw .function-list {
	margin-bottom: 90px
}

.voiceye-hw .function-list>li {
	width: 50%;
	float: left;
	margin-bottom: 19px
}

.voiceye-hw .function-list>li>.inbox {
	position: relative;
	border: 1px solid #d9d9d9;
	padding: 30px 30px 30px 195px;
	float: left;
	width: calc(100% - 7px);
	min-height: 177px
}

.voiceye-hw .function-list>li>.inbox>h4 {
	margin-bottom: 15px;
	font-size: 1.25em;
	font-weight: 500;
	letter-spacing: -1px
}

.voiceye-hw .function-list>li>.inbox>p {
	color: #666;
	font-size: 1em;
	line-height: 24px;
	letter-spacing: -.8px
}

.voiceye-hw .function-list>li>.inbox:after {
	position: absolute;
	top: 33px;
	left: 50px;
	width: 107px;
	height: 107px;
	background: url(../images/spr_hw01.png) no-repeat 0 0;
	background-size: 107px 214px;
	content: ""
}

.voiceye-hw .function-list>li:nth-child(2n)>.inbox:after {
	background-position: 0 -107px
}

.voiceye-hw .function-list.pc-mate>li>.inbox {
	min-height: 160px;
	height: 160px !important
}

.voiceye-hw .function-list.pc-mate>li>.inbox:after {
	width: 89px;
	height: 89px;
	background: url(../images/spr_pcmate.png) no-repeat -1px -1px;
	background-size: 89px 964px;
	border: 2px solid #d9d9d9;
	border-radius: 50%
}

.voiceye-hw .function-list.pc-mate>li:nth-child(2)>.inbox:after {
	background-position: -1px -96px
}

.voiceye-hw .function-list.pc-mate>li:nth-child(3)>.inbox:after {
	background-position: -1px -192px
}

.voiceye-hw .function-list.pc-mate>li:nth-child(4)>.inbox:after {
	background-position: -1px -288px
}

.voiceye-hw .function-list.pc-mate>li:nth-child(5)>.inbox:after {
	background-position: -1px -384px
}

.voiceye-hw .function-list.pc-mate>li:nth-child(6)>.inbox:after {
	background-position: -1px -482px
}

.voiceye-hw .function-list.pc-mate>li:nth-child(7)>.inbox:after {
	background-position: -1px -578px
}

.voiceye-hw .function-list.pc-mate>li:nth-child(8)>.inbox:after {
	background-position: -1px -674px
}

.voiceye-hw .function-list.pc-mate>li:nth-child(10)>.inbox, .voiceye-hw .function-list.pc-mate>li:nth-child(9)>.inbox
	{
	min-height: 190px;
	height: 160px !important
}

.voiceye-hw .function-list.pc-mate>li:nth-child(9)>.inbox:after {
	background-position: -1px -770px
}

.voiceye-hw .function-list.pc-mate>li:nth-child(10)>.inbox:after {
	background-position: -1px -868px
}

.voiceye-hw .function-list.photo {
	margin-bottom: 0
}

.voiceye-hw .function-list.photo>li>.inbox {
	padding: 0
}

.notice .board-table table, .voiceye-hw .function-list.photo>li>.inbox>.imgbox
	{
	width: 100%
}

.voiceye-hw .function-list.photo>li>.inbox:after {
	display: none
}

.voiceye-hw .pcmate-spec {
	width: 100%;
	margin-bottom: 90px
}

.voiceye-hw .pcmate-spec>li {
	float: left;
	width: calc(100% - 603px);
	height: auto
}

.voiceye-hw .pcmate-spec>li:first-child {
	width: 603px;
	padding-right: 50px
}

.voiceye-hw .pcmate-spec>li>.pcmate-img {
	border: 1px solid #d9d9d9;
	margin-bottom: 20px
}

.voiceye-hw .pcmate-spec>li>p {
	color: #666;
	font-size: .875em
}

.voiceye-hw .pcmate-spec .tb-basic table tbody th {
	height: 48px;
	color: #333;
	font-size: 1em;
	font-weight: 400;
	background: #f3f3f3
}

.voiceye-code .product-box {
	padding: 65px 568px 65px 45px;
	margin-bottom: 60px;
	border: 1px solid #ededed;
	background: url(../images/bg_code.png) no-repeat right top
}

.voiceye-code .product-box.img01 {
	background: url(../images/bg_code01.png) no-repeat right top
}

.voiceye-code>.inbox {
	position: relative;
	border: 1px solid #d9d9d9;
	padding: 30px 30px 30px 194px
}

.voiceye-code>.inbox>p {
	font-size: 1em;
	margin-bottom: 10px;
	color: #666
}

.voiceye-code>.inbox>ul>li {
	position: relative;
	padding-left: 15px;
	font-size: 1em;
	margin-top: 10px;
	color: #666;
	line-height: 22px
}

.voiceye-code>.inbox>ul>li:before {
	position: absolute;
	top: 9px;
	left: 1px;
	width: 4px;
	height: 4px;
	background: #0071bd;
	border-radius: 4px;
	content: ""
}

.voiceye-code>.inbox:before {
	position: absolute;
	top: 34px;
	left: 40px;
	width: 103px;
	height: 103px;
	background: url(../images/spr_code.png) no-repeat 0 0;
	background-size: 103px 412px;
	content: ""
}

.voiceye-code>.inbox:nth-child(3):before {
	background-position: 0 0
}

.voiceye-code>.inbox:nth-child(4):before {
	background-position: 0 -103px
}

.voiceye-code>.inbox:nth-child(5):before {
	background-position: 0 -206px
}

.voiceye-code>.inbox:nth-child(6):before {
	background-position: 0 -309px
}

.voiceye-code>.inbox+.inbox {
	margin-top: 22px
}

.promotion_tab_container .tabA_2 .color_box_lst ul li p br, .voiceye-app .product-box>h2>br,
	.voiceye-code .imgbox>.mobile-img {
	display: none
}

.list_box, .voiceye-code .imgbox, .voiceye-code .imgbox-list {
	margin-bottom: 60px
}

.list_box:after, .service .service-list>li:after, .voiceye-code .imgbox-list:after
	{
	content: '';
	display: block;
	clear: both
}

.voiceye-code .imgbox-list li {
	width: calc(25% - 15px);
	margin-left: 20px;
	float: left
}

.voiceye-code .imgbox-list li:first-child {
	margin-left: 0
}

.voiceye-code .imgbox-list li .imgbox {
	width: 100%;
	border: 1px solid #d9d9d9;
	margin: 0
}

.voiceye-code .imgbox-list li p {
	width: 192px;
	height: 42px;
	margin: 12px auto 0;
	border: 1px solid #d9d9d9;
	color: #0071bd;
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	line-height: 40px;
	border-radius: 20px
}

.list_box .inbox {
	float: left;
	width: 100%;
	border: 1px solid #d9d9d9
}

.list_box .inbox.col3 {
	width: calc(33.33% - 10px);
	margin-left: 15px;
	min-height: 200px
}

.list_box .inbox:first-child {
	margin-left: 0
}

.list_box .inbox h4 {
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-weight: 500;
	font-size: 20px;
	color: #fff;
	background: #7f8287;
	position: relative
}

.list_box .inbox ul {
	padding: 20px 30px 30px
}

.voiceye-app .product-box {
	height: 360px;
	padding: 45px 480px 38px 49px;
	margin-bottom: 45px;
	border: 0;
	background: -o-linear-gradient(42deg, #237eda, #7fb4fb);
	background: linear-gradient(48deg, #237eda, #7fb4fb);
	position: relative
}

.voiceye-app .product-box:after {
	content: '';
	display: block;
	position: absolute;
	width: 587px;
	height: 360px;
	top: 0;
	right: 0;
	background: url(../images/bg_app_phon.png)
}

.voiceye-app .product-box h2 {
	color: #fff;
	font-size: 2rem;
	font-weight: 500
}

.voiceye-app .product-box>p {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 28px
}

.voiceye-app .product-box>p span {
	color: #fff;
	font-size: 1rem;
	font-weight: 300
}

.voiceye-app .product-box .btn-area {
	margin-top: 35px;
	overflow: unset
}

.voiceye-app .app_down .btn-area>a, .voiceye-app .product-box .btn-area>a
	{
	display: inline-block;
	width: 206px;
	height: 58px;
	border-radius: 6px;
	padding: 0 10px;
	-webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 3px 5px 10px rgba(0, 0, 0, .2)
}

.voiceye-app .product-box .btn-area>a>span {
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}

.voiceye-app .product-box .btn-area>a.googlestore {
	background: #fff url(../images/app_btn_download01.png) no-repeat center
		center
}

.voiceye-app .product-box .btn-area>a.appstore {
	margin-left: 15px;
	background: #fff url(../images/app_btn_download02.png) no-repeat center
		center
}

.voiceye-app .app_new {
	background: #f7f8f9;
	padding-bottom: 102px
}

.voiceye-app .app_cont {
	padding: 162px 121px;
	position: relative;
	margin-bottom: 52px
}

.voiceye-app .app_cont.left {
	padding-right: 624px
}

.voiceye-app .app_cont.left h4, .voiceye-app .app_cont.right h4 {
	color: #333;
	font-size: 2.375rem;
	font-weight: 500;
	margin-bottom: 230px
}

.voiceye-app .app_cont.left h4 span, .voiceye-app .app_cont.right h4 span
	{
	display: block;
	color: #888;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 44px
}

.voiceye-app .app_cont.left p, .voiceye-app .app_cont.right p {
	color: #666;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 30px
}

.voiceye-app .app_cont.left p strong, .voiceye-app .app_cont.right p strong
	{
	color: #333;
	font-size: 1.125rem;
	font-weight: 500
}

.voiceye-app .app_cont.left dl dt, .voiceye-app .app_cont.right dl dt {
	width: 428px;
	min-height: 140px;
	border: 3px solid;
	-o-border-image: -o-linear-gradient(330deg, #9ca8f6, #fdd1ac);
	border-image: linear-gradient(120deg, #9ca8f6, #fdd1ac);
	border-image-slice: 1;
	background: #fff;
	position: absolute;
	z-index: 10;
	color: #666;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 30px;
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .15);
	box-shadow: 3px 3px 10px rgba(0, 0, 0, .15)
}

.voiceye-app .app_cont.left dl dt {
	left: 90px;
	padding: 39px 31px;
	top: 298px
}

.voiceye-app .app_cont.left dl dt:after, .voiceye-app .app_cont.left dl dt:before
	{
	display: block;
	border-top: 34px solid #fdd1ac;
	border-left: 49px solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
	content: "";
	position: absolute;
	bottom: -34px;
	right: -3px;
	z-index: 2
}

.voiceye-app .app_cont.left dl dt:before {
	border-top: 30px solid #fff;
	border-left: 43px solid transparent;
	bottom: -28px;
	right: 0;
	z-index: 3
}

.voiceye-app .app_cont.left dl dt p, .voiceye-app .app_cont.right dl dt p
	{
	color: #666;
	font-size: 1.375rem;
	font-weight: 500
}

.voiceye-app .app_cont.left dl dt em, .voiceye-app .app_cont.right dl dt em
	{
	color: #11a0ff;
	font-size: 1.375rem;
	font-weight: 500
}

.voiceye-app .app_cont.left dl dt strong, .voiceye-app .app_cont.right dl dt strong
	{
	color: #333;
	font-size: 1.375rem;
	font-weight: 500
}

.voiceye-app .app_cont.left dl dd {
	width: 654px;
	height: 768px;
	position: absolute;
	right: -23px;
	top: 0;
	background: url(../images/bg_app_img01.png) no-repeat;
	z-index: 5
}

.voiceye-app .app_cont.left dl dd img, .voiceye-app .app_cont.right dl dd img
	{
	display: block;
	margin: 84px auto 0
}

.voiceye-app .app_cont.right {
	padding-left: 698px
}

.voiceye-app .app_cont.right dl dt {
	padding: 39px 31px 39px 63px;
	top: 288px;
	right: 90px
}

.voiceye-app .app_cont.right dl dt:after, .voiceye-app .app_cont.right dl dt:before
	{
	display: block;
	border-top: 34px solid #9ca8f6;
	border-left: 0 solid transparent;
	border-right: 49px solid transparent;
	border-bottom: 0 solid transparent;
	content: "";
	position: absolute;
	bottom: -34px;
	left: -3px;
	z-index: 2
}

.voiceye-app .app_cont.right dl dt:before {
	border-top: 30px solid #fff;
	border-right: 43px solid transparent;
	bottom: -28px;
	left: 0;
	z-index: 3
}

.voiceye-app .app_cont.right dl dd {
	width: 654px;
	height: 768px;
	position: absolute;
	left: -23px;
	top: 0;
	z-index: 5;
	background: url(../images/bg_app_img02.png) no-repeat
}

.voiceye-app .app_cont:last-child {
	margin-bottom: 0
}

.voiceye-app .app_cont:nth-child(2) dl dt {
	top: 337px
}

.voiceye-app .app_cont:nth-child(2) dd {
	background: url(../images/bg_app_img02.png) no-repeat
}

.voiceye-app .app_cont:nth-child(3) h4 {
	margin-bottom: 270px
}

.voiceye-app .app_cont:nth-child(3) dl dt {
	top: 299px
}

.voiceye-app .app_cont:nth-child(3) dl dd {
	background: url(../images/bg_app_img03.png) no-repeat
}

.voiceye-app .app_cont:nth-child(4) {
	padding-right: 90px
}

.voiceye-app .app_cont:nth-child(4) dl dt {
	padding-right: 24px
}

.voiceye-app .app_cont:nth-child(4) dl dd {
	background: url(../images/bg_app_img04.png) no-repeat
}

.voiceye-app .app_down {
	padding: 47px 41px;
	background: url(../images/bg_app_down.png) no-repeat center center;
	background-size: 100% 100%;
	*zoom: 1;
	position: relative
}

.notice-list ul li dl:after, .voiceye-app .app_down:after {
	display: block;
	clear: both;
	content: ""
}

.voiceye-app .app_down p {
	color: #fff;
	font-size: 1.375rem;
	font-weight: 300;
	margin-bottom: 35px
}

.voiceye-app .app_down img {
	margin-left: 58px;
	float: left
}

.voiceye-app .app_down .btn-area {
	margin-top: 35px;
	overflow: unset;
	position: absolute;
	bottom: 47px;
	left: 374px
}

.voiceye-app .app_down .btn-area>a>span {
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}

.voiceye-app .app_down .btn-area>a.googlestore {
	background: #fff url(../images/app_btn_download01.png) no-repeat center
		center
}

.voiceye-app .app_down .btn-area>a.appstore {
	margin-left: 15px;
	background: #fff url(../images/app_btn_download02.png) no-repeat center
		center
}

.notice .search-head {
	text-align: right;
	margin-bottom: 15px
}

.app_noti_bottom dl dd .ui_img_box img, .notice .search-head .selbox,
	.notice-view>.notice-info dl, .promotion_tab_container .tabA_3 .img_box img
	{
	display: inline-block
}

.notice .search-head .selbox .nice-select {
	width: 122px;
	height: 50px;
	font-size: 1em;
	line-height: 48px;
	border-radius: 3px;
	border: 1px solid #d9d9d9
}

.notice .search-head .selbox .nice-select:focus, .notice .search-head .selbox .nice-select:hover
	{
	outline: 1px dotted gray
}

.notice .search-head .selbox .nice-select .list {
	width: 100%;
	border-radius: 3px
}

.notice .search-head .selbox .nice-select:after {
	right: 17px;
	width: 10px;
	height: 10px;
	margin-top: -5px
}

.notice .search-head .searchbox {
	display: inline-block;
	width: 360px
}

.notice .search-head .searchbox>input[type=text] {
	display: inline-block;
	float: left;
	width: calc(100% - 107px);
	height: 50px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	line-height: 48px
}

.notice .search-head .searchbox>.btn-search {
	display: inline-block;
	float: left;
	width: 100px;
	height: 50px;
	margin-left: 7px;
	background: #0071bd;
	border-radius: 3px;
	line-height: 50px;
	text-align: center
}

.notice .search-head .searchbox>.btn-search:focus, .notice .search-head .searchbox>.btn-search:hover
	{
	background: #0054a6
}

.notice .search-head .searchbox>.btn-search>span {
	position: relative;
	display: inline-block;
	padding-left: 22px;
	color: #fff;
	font-size: 1em
}

.notice .search-head .searchbox>.btn-search>span:before {
	position: absolute;
	top: 17px;
	left: 0;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 50%;
	content: ""
}

.notice .search-head .searchbox>.btn-search>span:after {
	position: absolute;
	top: 28px;
	left: 12px;
	width: 2px;
	height: 5px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: ""
}

.notice .search-head:after {
	content: '';
	clear: both;
	display: block
}

.notice .board-table {
	width: 100%;
	border-top: 2px solid #333;
	border-bottom: 1px solid #dcdcdc
}

.notice .board-table table thead th {
	height: 60px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 1em;
	font-weight: 500;
	text-align: center;
	vertical-align: middle
}

.notice .board-table table tbody td {
	height: 53px;
	padding: 5px 10px;
	border-top: 1px solid #dcdcdc;
	font-size: .938em;
	color: #555;
	text-align: center;
	vertical-align: middle
}

.notice .board-table table tbody td.title {
	text-align: left
}

.notice .board-table table tbody td.title>a {
	color: #555;
	font-weight: 400
}

.notice .board-table table tbody td.title>a:focus, .notice .board-table table tbody td.title>a:hover
	{
	color: #0071bd
}

.notice .board-table table tbody td.date, .notice .pagination>li>a,
	.notice .pagination>li>span {
	color: #666
}

.notice .board-table table tbody td .arti, .notice .board-table table tbody td .d_noti,
	.notice .board-table table tbody td .event, .notice .board-table table tbody td .noti
	{
	display: inline-block;
	width: 66px;
	height: 30px;
	padding: 0 10px;
	text-align: center;
	color: #c18800;
	border: 1px solid #c18800;
	font-size: .8125rem;
	line-height: 28px;
	border-radius: 15px;
	background: #fff
}

.notice .board-table table tbody td .d_noti, .notice .board-table table tbody td .event,
	.notice .board-table table tbody td .noti {
	min-width: 66px;
	width: auto;
	color: #e14768;
	border: 1px solid #e14768
}

.notice .board-table table tbody td .event, .notice .board-table table tbody td .noti
	{
	color: #0078c1;
	border: 1px solid #0078c1
}

.notice .board-table table tbody td .event {
	color: #259d28;
	border: 1px solid #259d28
}

.notice .board-table table tr:first-child td, .notice .board-table table tr:first-child th
	{
	border-top: 0
}

.material .material-list>li>.inbox, .notice .pagination-wrap {
	width: 100%;
	text-align: center
}

.notice .pagination {
	display: inline-block;
	padding-left: 0;
	margin: 30px 0 20px
}

.notice .pagination>li {
	display: inline-block;
	margin-left: -4px;
	position: relative;
	z-index: 0;
	background: #fff
}

.notice .pagination>li>a, .notice .pagination>li>span {
	position: relative;
	float: left;
	font-family: 'Roboto';
	width: 32px;
	height: 32px;
	line-height: 30px;
	font-size: .875rem;
	margin-left: -1px;
	border: 1px solid #d9d9d9;
	font-weight: 400;
	background: #fff
}

.notice .pagination>li:first-child>a, .notice .pagination>li:first-child>span
	{
	margin-left: 0
}

.notice .pagination>li>a:focus, .notice .pagination>li>a:hover, .notice .pagination>li>span:focus,
	.notice .pagination>li>span:hover {
	color: #fff;
	background-color: #0071bd
}

.notice .pagination>.active>a, .notice .pagination>.active>span {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #0071bd
}

.notice .pagination>.active>a:focus, .notice .pagination>.active>a:hover,
	.notice .pagination>.active>span:focus, .notice .pagination>.active>span:hover
	{
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #0071bd
}

.notice .pagination>.disabled>a, .notice .pagination>.disabled>span {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #d9d9d9
}

.notice .pagination>.disabled>a:focus, .notice .pagination>.disabled>a:hover,
	.notice .pagination>.disabled>span:focus, .notice .pagination>.disabled>span:hover
	{
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #d9d9d9
}

.notice .pagination>li.pre {
	margin-right: 13px
}

.notice .pagination>li.next {
	margin-left: 13px
}

.notice .pagination>li.first a, .notice .pagination>li.last a, .notice .pagination>li.next a,
	.notice .pagination>li.pre a {
	z-index: 10;
	background: 0 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}

.notice .pagination>li.first a:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -4px;
	width: 10px;
	height: 10px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: ""
}

.notice .pagination>li.first a:before {
	margin-left: -6px
}

.notice .pagination>li.first a:before, .notice .pagination>li.pre a:before
	{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -4px;
	width: 10px;
	height: 10px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: ""
}

.notice .pagination>li.first a:after {
	margin-left: 0
}

.notice .pagination>li.pre a:before {
	margin-left: -5px
}

.notice .pagination>li.last a:after, .notice .pagination>li.last a:before,
	.notice .pagination>li.next a:before {
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: ""
}

.notice .pagination>li.next a:before {
	margin-right: -4px
}

.notice .pagination>li.last a:before {
	margin-right: -6px
}

.notice .pagination>li.last a:after {
	margin-right: 0
}

.notice .pagination>li a:hover:after, .notice .pagination>li a:hover:before
	{
	border-color: #0071bd
}

.notice-view h2 {
	padding: 20px 40px;
	border-top: 2px solid #333;
	border-bottom: 1px solid #d9d9d9;
	margin: 0;
	font-size: 1.125em;
	font-weight: 400
}

.notice-view .notice-info {
	padding: 18px 40px;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden
}

.notice-view .notice-info dl:last-child {
	float: right
}

.notice-view .notice-info dd, .notice-view .notice-info dt {
	display: inline;
	font-size: .938em;
	font-weight: 400;
	color: #666
}

.notice-view .notice-content {
	padding: 30px 40px;
	border-bottom: 1px solid #d9d9d9
}

.notice-view .notice-content.pd0 {
	padding: 30px 0
}

.notice-view .notice-content>.view-cont {
	width: 100%;
	line-height: 22px
}

.notice-view .notice-content>.view-cont, .notice-view .notice-content>.view-cont a
	{
	display: inline-block;
	word-break: keep-all
}

.notice-view .btn-area {
	padding-top: 14px;
	text-align: right
}

.notice-view .btn-area>.btn-list {
	display: inline-block;
	width: 101px;
	height: 50px;
	background: #fafafa;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	color: #333;
	font-weight: 400;
	text-align: center;
	line-height: 48px
}

.notice-view .btn-area>.btn-list:focus, .notice-view .btn-area>.btn-list:hover
	{
	background: #0071bd;
	border-color: #0071bd;
	color: #fff
}

.notice_imgbtn {
	margin: 56px 0;
	min-width: 435px;
	height: 65px;
	background: #0079c0;
	color: #fff;
	font-size: 1.875rem;
	line-height: 65px;
	display: inline-block
}

.notice-list {
	margin-top: 44px;
	width: 100%
}

.notice-list ul {
	border-top: 1px solid #dcdcdc
}

.notice-list ul li {
	height: 54px;
	border-bottom: 1px solid #dcdcdc
}

.notice-list ul li dl {
	*zoom: 1;
	height: 100%
}

.notice-list ul li dl dt {
	float: left;
	width: 90px;
	font-size: 1rem;
	line-height: 54px
}

.notice-list ul li dl dd {
	display: block;
	float: left;
	width: calc(100% - 90px);
	font-size: 1rem;
	line-height: 54px;
	color: #666;
	font-weight: 300;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}

.material .material-list {
	margin: 0 -15px
}

.material .material-list>li {
	width: 20%;
	float: left;
	padding: 0 15px 30px
}

.material .material-list>li>.inbox>.imgbox {
	width: 100%;
	border: 1px solid #d9d9d9;
	overflow: hidden
}

.material .material-list>li>.inbox>.imgbox>img {
	width: 100%;
	height: auto
}

.material .material-list>li>.inbox>h2 {
	display: table;
	width: 100%;
	height: 50px;
	margin: 0
}

.material .material-list>li>.inbox>h2>span {
	display: table-cell;
	font-size: .875rem;
	text-align: center;
	vertical-align: middle
}

.material .material-list>li>.inbox>.download {
	height: 40px;
	min-width: 133px;
	background: #fff
}

.material .material-list>li>.inbox>.download:focus, .material .material-list>li>.inbox>.download:hover
	{
	background: #0071bd
}

.material .material-list>li>.inbox>.download>span {
	line-height: 38px;
	font-size: .875em
}

.material .material-list>li>.inbox>.download>span:before {
	top: 9px
}

.service .service-box, .service .service-list {
	border: 1px solid #d9d9d9
}

.service .service-list {
	padding: 40px 50px;
	margin-bottom: 30px
}

.service .service-list>li {
	width: 100%;
	overflow: hidden
}

.service .service-list>li .inbox {
	position: relative;
	float: left;
	width: 100%;
}

.service .service-list>li .inbox+.inbox {
	position: relative;
	width: 100%;
	border-left: 1px solid #d9d9d9;
	padding-left: 50px
}

.service .service-list>li .inbox h2 {
	font-size: 1.5em
}

.service .service-list>li .inbox_con {
	position: relative;
	width: calc(50% - 25px);
	height: 170px;
	float: left;
	padding-right: 25px;
	margin-left: 25px;
	border-right: 1px solid #d9d9d9
}

.service .service-list>li .inbox_con h3 {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.25em
}

.service .service-list>li .inbox_con+.inbox_con {
	border-right: 0
}


.service .service-list>li .inbox_con>ul {
	display: inline-block;
	width: 100%;
	padding-left: 200px
}



.service .service-list>li .inbox_con>ul li dl dt {
	position: relative;
	display: inline-block;
	float: left;
	width: 34px;
	height: 22px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}

.service .service-list>li .inbox_con>ul li dl dt:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 22px;
	background: url(../images/spr_service_center.png) no-repeat center 0;
	background-size: 22px 86px;
	content: ""
}

.service .service-list>li .inbox_con>ul li dl dt.tel:after {
	background-position: center -35px
}

.service .service-list>li .inbox_con>ul li dl dt.email:after {
	background-position: center -71px;
	top: 5px
}

.service .service-list>li .inbox_con>ul li dl dd {
	display: inline-block;
	font-size: .875em;
	color: #666;
	line-height: 22px
}

.service .service-list>li .inbox_con>ul li dl dd>a {
	font-size: .875rem;
	color: #666;
	line-height: 22px
}

.service .service-list>li .inbox_con>ul li+li {
	margin-top: 10px
}

.history>dl>dd+dd, .service .service-list>li>.inbox>ul>li dl+dl,
	.service .service-list>li>.inbox>ul>li+li {
	margin-top: 13px
}

.service .service-list>li+li {
	padding-top: 40px;
	margin-top: 40px;
	border-top: 1px dashed #d9d9d9
}

.service .service-list>li .inbox_con.tech {
	position: relative;
	width: calc(33% - 25px);
	float: left;
	padding-right: 25px;
	border-right: 1px solid #d9d9d9
}

.service .service-list>li .inbox_con.tech:not(:first-of-type) {
	padding-right: 25px;
}


.service .service-list>li .inbox_con.tech:last-child {
	border-right: none;
}

.service .service-list>li .inbox_con.tech>ul {
	display: inline;
}

.service .service-list>li .inbox_con.tech h3 {
	position: relative;
	top: 0;
	left: 0;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.25em
}

.service .service-list>li .inbox_con.support {
	position: relative;
	width: calc(25% - 25px);
	height: 285px;
	float: left;
	padding-right: 25px;
	margin-left: 25px;
	border-right: 1px solid #d9d9d9
}

.service .service-list>li .inbox_con.support:last-child {
	border-right: none;
}

.service .service-list>li .inbox_con.support>ul {
	display: inline;
}

.service .service-list>li .inbox_con.support h3 {
	position: relative;
	top: 0;
	left: 0;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.25em
}

.inbox_con.support ul:after {
	display: block;
	clear: both;
	content: "";
}

.inbox_con.support ul li p {
	padding-top: 130px;
	line-height: 24px;
	text-align: center;
	position: relative;
	z-index: 2;
	color: #666;
	font-size: 0.9375rem;
	font-weight: 400;
}

.inbox_con.support ul li p a {
	text-decoration: underline;
	color: #0071bd;
	font-size: 0.9375rem;
	font-weight: 400;
}

.inbox_con.support ul li p em {
	color: #333333;
	font-size: 1.125rem;
	font-weight: 500;
	margin-bottom: 10px;
	display: block;
}


.inbox_con.support ul li p:before {
	background: url(../images/spr_global_icon.png) no-repeat;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: auto;
	top: 0;
	margin: 0 auto;
	display: block;
	content: "";
}

.inbox_con.support ul li p:after {
	z-index: 1;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background-color: #f4f6f7;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	content: "";
}

.inbox_con.support ul li+li {
	border-left: 1px solid #ededed;
}

.inbox_con.support:nth-child(2) p:before {
	background-position: 2.273% 8.744%;
	width: 60px;
	height: 54px;
	top: 30px;
}

.inbox_con.support:nth-child(3) p:before {
	top: 28px;
	background-position: 17.593% 8.764%;
	width: 68px;
	height: 55px;
}

.inbox_con.support:nth-child(4) p:before {
	top: 37px;
	background-position: 34.325% 8.571%;
	width: 63px;
	height: 45px;
}

.inbox_con.support:last-child p:before {
	top: 32px;
	background-position: 50.909% 8.59%;
	width: 60px;
	height: 46px;
}

.service>h2 {
	margin-top: 40px
}

.service .service-box {
	padding: 30px;
	margin-top: 20px
}

.service .service-box>h3 {
	font-size: 1.375em;
	margin-bottom: 15px;
	font-weight: 400
}

.service .service-box .inboxwrap {
	border: 1px solid #d9d9d9;
	height: 109px;
	padding: 18px 0 18px 18px;
	margin-bottom: 20px;
	border-radius: 3px;
	overflow: hidden;
	overflow-y: auto
}

.service .service-box .inboxwrap>.inbox {
	padding-right: 18px
}

.service .service-box .inboxwrap>.inbox>h4 {
	font-size: .875em;
	margin-bottom: 25px;
	font-weight: 400
}

.service .service-box .inboxwrap>.inbox>h5, .service .service-box .inboxwrap>.inbox>p
	{
	font-size: .875em;
	color: #666;
	line-height: 22px;
	font-weight: 300
}

.service .service-box .radiowrap {
	text-align: right
}

.service .service-box .radiowrap .radiobox {
	position: relative;
	display: inline-block
}

.service .service-box .radiowrap .radiobox.focus {
	outline: 1px dotted gray
}

.service .service-box .radiowrap .radiobox+.radiobox {
	margin-left: 20px
}

.service .service-box .radiowrap label {
	padding-right: 20px;
	font-size: .875em
}

.service .service-box .radiowrap label:last-child {
	padding-right: 0
}

.service .tb-basic.tb-join {
	border-top: 2px solid #333
}

.service .tb-basic.tb-join table tbody th {
	width: 175px;
	padding-left: 20px;
	text-align: left;
	font-weight: 500;
	font-size: 1rem;
	color: #333;
	background: 0 0
}

.service .tb-basic.tb-join table tbody td {
	border-left: 0;
	text-align: left
}

.service .tb-basic.tb-join table tbody td>input[type=text] {
	width: 100%;
	height: 38px;
	border-radius: 3px;
	font-size: .875rem
}

.service .tb-basic.tb-join table tbody td>input[type=text].w215 {
	width: 215px
}

.service .tb-basic.tb-join table tbody td>textarea {
	width: 100%;
	height: 150px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	font-size: .875rem;
	padding: 10px
}

.service .btn-area {
	text-align: center;
	margin-top: 30px
}

.service .btn-area>.btn-basic {
	display: inline-block;
	min-width: 101px;
	border-radius: 3px;
	vertical-align: bottom
}

.service .btn-area>.btn-cancle {
	display: inline-block;
	width: 101px;
	height: 50px;
	margin-left: 4px;
	background: #fafafa;
	color: #333;
	border: 1px solid #d9d9d9;
	border-radius: 3px
}

.service .btn-area>.btn-cancle>span {
	font-weight: 400;
	font-size: 1rem;
	text-align: center;
	line-height: 48px
}

.service .btn-area>.btn-cancle:hover {
	background: #0054a6;
	border-color: #0071bd;
	color: #fff
}

.service>.btn-area>.btn-cancle:focus {
	background: #0054a6;
	border-color: #0071bd;
	color: #fff
}

.voiceye-inc {
	background: url(../images/bg_inc.png) no-repeat right bottom
}

.voiceye-inc>h2 {
	font-size: 2.25em;
	color: #0071bd
}

.voiceye-inc>p {
	color: #666;
	font-size: 1em;
	line-height: 26px
}

.voiceye-inc>p.point-text {
	color: #0071bd;
	font-size: 1.625em;
	line-height: 36px
}

.voiceye-inc>p+p {
	margin-top: 35px
}

.history {
	border-top: 2px solid #333;
	border-bottom: 1px solid #d9d9d9
}

.history>dl {
	position: relative;
	padding: 35px 25px 35px 200px
}

.history>dl>dt {
	position: absolute;
	top: 50%;
	left: 25px;
	padding-left: 18px;
	margin-top: -9px;
	font-size: 1.125em;
	font-weight: 500;
	height: 18px
}

.history>dl>dt:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px;
	width: 11px;
	height: 11px;
	border: 2px solid #0071bd;
	background: #fff;
	border-radius: 50%;
	content: ""
}

.history>dl>dd {
	position: relative;
	padding-left: 15px;
	font-size: 1em;
	color: #666
}

.history>dl>dd:before {
	position: absolute;
	top: 8px;
	left: 1px;
	width: 4px;
	height: 4px;
	background: #0071bd;
	border-radius: 4px;
	content: ""
}

.voiceye-ci>.cibox-list>ul {
	margin: -6px
}

.voiceye-ci>.cibox-list>ul>li {
	padding: 6px;
	width: 50%;
	float: left
}

.voiceye-ci>.cibox-list>ul>li>.cibox {
	width: 100%;
	border: 1px solid #d9d9d9;
	background: url(../images/ci_bg01.png) 0 0;
	text-align: center
}

#promotionPage, .voiceye-ci>.cibox-list>ul>li>.color-box {
	width: 100%
}

.voiceye-ci>.cibox-list>ul>li>.color-box>dl {
	width: 20%;
	height: 218px;
	border: 1px solid #d9d9d9;
	float: left;
	margin-left: -1px
}

.voiceye-ci>.cibox-list>ul>li>.color-box>dl>dd, .voiceye-ci>.cibox-list>ul>li>.color-box>dl>dt
	{
	width: 100%;
	height: 50%;
	padding: 19px 0 0 19px;
	font-family: 'Roboto';
	font-size: .875em;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 18px
}

.voiceye-ci>.cibox-list>ul>li>.color-box>dl>dd {
	border-top: 1px solid #d9d9d9
}

.voiceye-ci>.cibox-list>ul>li>.color-box>dl>dd.blue {
	position: relative;
	color: #fff;
	background: #0079c0;
	border-color: #0079c0
}

.voiceye-ci>.cibox-list>ul>li>.color-box>dl>dd.blue:before, .voiceye-ci>.cibox-list>ul>li>.color-box>dl>dd.gray:before
	{
	position: absolute;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border: 1px solid #0079c0;
	content: ""
}

.voiceye-ci>.cibox-list>ul>li>.color-box>dl>dd.gray {
	position: relative;
	color: #fff;
	background: #58595b;
	border-color: #58595b
}

.voiceye-ci>.cibox-list>ul>li>.color-box>dl>dd.gray:before {
	border: 1px solid #58595b
}

.voiceye-ci>.cibox-list>ul>li>.color-box>dl>dd>span {
	display: inline-block;
	width: 22px
}

.voiceye-ci .bi-list>ul {
	margin: 0
}

.voiceye-ci .bi-list>ul>li {
	width: 100%;
	padding: 0
}

.voiceye-ci .bi-list>ul>li h3 {
	font-size: 1.375em;
	font-weight: 400;
	padding-bottom: 20px
}

.voiceye-ci .bi-list>ul>li>.cibox {
	padding: 50px;
	text-align: center
}

.voiceye-ci .bi-list>ul>li>.cibox.blue {
	background: url(../images/ci_bg02.png) 0 0
}

.voiceye-ci .bi-list>ul>li+li {
	margin-top: 30px
}

.voiceye-ci>.cibox-list+.btn-area {
	margin: 20px 0 0;
	text-align: right
}

.voiceye-ci>.cibox-list+.btn-area>.download {
	min-width: 150px
}

.global>h2, .patent>.tb-basic+h2, .voiceye-ci>.cibox-list+h2 {
	margin-top: 90px
}

.patent>.tb-basic table tbody th>.img-inbox {
	display: inline-block;
	margin-left: 10px
}

.private-policy>.charge-agree {
	color: #666;
	line-height: 25px
}

.private-policy>.charge-agree>h2 {
	margin-bottom: 0;
	color: #333
}

.global {
	position: relative;
	padding-top: 550px
}

.global:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 511px;
	border: 1px solid #d9d9d9;
	background: url(../images/bg_global.png) no-repeat 0 0;
	background-size: 100% auto;
	content: ""
}

.global .tb-basic.global-table table tbody td, .global .tb-basic.global-table table tbody th,
	.history>dl>dd {
	line-height: 20px
}

.global .tb-basic.global-table table tbody td>dl>dd, .global .tb-basic.global-table table tbody td>dl>dt
	{
	display: inline;
	line-height: 20px
}

.contact .contact-list>dl>dd>a, .global .tb-basic.global-table table tbody td>a
	{
	color: #0071bd
}

.customer .build-list {
	margin: -6px -6px 0
}

.customer .build-list>li {
	width: 20%;
	float: left;
	padding: 6px
}

.customer .build-list>li>.list-inbox {
	border: 1px solid #d9d9d9;
	height: 65px;
	width: 100%;
	text-align: center;
	overflow: hidden
}

.customer .build-list+h2, .customer .build-list+h3 {
	margin-top: 90px
}

.customer h2.hide {
	margin: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}

.customer h3 {
	font-size: 1.625rem;
	font-weight: 300;
	margin-bottom: 25px
}

.faq .accordion {
	font-size: 1.143rem;
	border-top: 1px solid #d9d9d9
}

.faq .accordion-item {
	border-bottom: 1px solid #d9d9d9;
	position: relative
}

.faq .accordion-item .accordion-body {
	display: none;
	border-top: 1px solid #d9d9d9
}

.faq .accordion-desc {
	position: relative;
	padding: 17px 50px 17px 120px;
	color: #666;
	font-size: .875rem;
	line-height: 26px
}

.faq .accordion-desc:before, .faq .accordion-link:before {
	position: absolute;
	left: 50px;
	width: 30px;
	height: 30px;
	font-family: 'Roboto';
	color: #fff;
	font-size: .938em;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	border-radius: 50%
}

.faq .accordion-desc:before {
	background: #ed6d0b;
	top: 20px;
	content: "A"
}

.faq .accordion-desc a {
	display: inline-block;
	margin-bottom: 5px;
	border-bottom: 2px solid #0071bd;
	color: #0071bd
}

.faq .accordion-link {
	display: inline-block;
	position: relative;
	padding: 17px 118px 17px 120px;
	width: 100%;
	height: 100%;
	font-size: 1rem;
	color: #333
}

.faq .accordion-link:before {
	top: 10px;
	background: #0071bd;
	content: "Q"
}

.faq .accordion-link:after {
	position: absolute;
	top: 20px;
	right: 50px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	content: ""
}

.faq .accordion-link.active:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	top: 24px
}

.contact .contact-list {
	border: 1px solid #d9d9d9;
	padding: 0 34px;
	margin-bottom: 50px
}

.contact .contact-list>dl {
	padding: 23px 0;
	overflow: hidden
}

.contact .contact-list>dl>dt {
	position: relative;
	padding-left: 65px;
	width: 320px;
	float: left;
	font-size: 1.125em
}

.contact .contact-list>dl>dt:before {
	position: absolute;
	top: -14px;
	left: 7px;
	width: 50px;
	height: 50px;
	background: url(../images/spr_contact2.png) no-repeat 0 0;
	background-size: 50px 250px;
	content: ""
}

.contact .contact-list>dl>dd {
	width: calc(100% - 320px);
	float: left;
	font-size: 1em;
	color: #666
}

.contact .contact-list>dl>dd>span {
	font-size: .875em
}

.contact .contact-list>dl:nth-child(2)>dt:before {
	background-position: 0 -50px
}

.contact .contact-list>dl:nth-child(3)>dt:before {
	background-position: 0 -100px
}

.contact .contact-list>dl:nth-child(4)>dt:before {
	background-position: 0 -154px
}

.contact .contact-list>dl:nth-child(5)>dt:before {
	background-position: 0 -203px
}

.contact .contact-list>dl+dl {
	border-top: 1px dashed #d9d9d9
}

.contact .contact-list.traffic>dl>dt {
	position: relative;
	padding-left: 113px;
	height: 60px;
	line-height: 60px
}

.contact .contact-list.traffic>dl>dt:before {
	position: absolute;
	top: 0;
	left: 24px;
	width: 58px;
	height: 58px;
	background: url(../images/spr_contact.png) no-repeat 0 0;
	background-size: 54px 162px;
	border: 2px solid #dcdcdc;
	border-radius: 50%;
	content: ""
}

.contact .contact-list.traffic>dl.bus>dt:before {
	background-position: 0 -54px
}

.contact .contact-list.traffic>dl.walk>dt:before {
	background-position: 0 -108px
}

.contact .contact-list.traffic>dl.walk>dd {
	padding-top: 27px
}

.contact .contact-list.traffic>dl>dt>span {
	color: #666;
	font-size: .875em
}

.contact .contact-list.traffic>dl>dd {
	padding-top: 9px
}

.contact .contact-list.traffic>dl>dd>span {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 1px
}

.contact .contact-list.traffic>dl>dd>span.tb {
	width: 65px;
}

.contact .contact-list.traffic>dl>dd>span:before {
	display: block;
	position: absolute;
	top: -17px;
	left: 0;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	font-family: 'Roboto';
	color: #fff;
	font-size: .875rem;
	background: #ed6d0b;
	font-weight: 500;
	content: '3';
	line-height: 22px;
	text-align: center;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .2), 1px -1px 0 rgba(0, 0, 0, .2),
		-1px 1px 0 rgba(0, 0, 0, .2), 1px 1px 0 rgba(0, 0, 0, .2)
}

.contact .contact-list.traffic>dl>dd>span.t8:before {
	background: #dc4d89;
	content: "8"
}

.contact .contact-list.traffic>dl>dd>span.tb:before {
	width: 55px;
	background: #f9b201;
	font-family: 'Noto Sans Korean';
	font-weight: 300;
	font-size: .813rem;
	content: '수인분당';
	border-radius: 11px;
	text-shadow: none
}

.contact .contact-list.traffic>dl>dd>span.t-bus1, .contact .contact-list.traffic>dl>dd>span.t-bus2
	{
	width: 52px
}

.contact .contact-list.traffic>dl>dd>span.t-bus1:before {
	width: 41px;
	background: #347195;
	font-family: 'Noto Sans Korean';
	font-weight: 300;
	font-size: .813rem;
	content: '간선';
	border-radius: 11px;
	text-shadow: none
}

.contact .contact-list.traffic>dl>dd>span.t-bus2:before {
	width: 41px;
	background: #6f8f4d;
	font-family: 'Noto Sans Korean';
	font-weight: 300;
	font-size: .813rem;
	content: '지선';
	border-radius: 11px;
	text-shadow: none
}

.contact .contact-list.traffic>dl>dd+dd {
	padding-top: 17px
}

.contact .map-box, .map_info {
	margin: 20px 0 50px
}

.map_info {
	width: 100%;
	height: 500px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.guide>div+h2, .guide>div+h3, .guide>div+h4, .guide>ul+h2, .guide>ul+h3,
	.guide>ul+h4 {
	margin-top: 60px
}

.guide>h3, .guide>h4 {
	font-size: 1.25rem;
	font-weight: 400
}

.guide>h4 {
	font-size: 1.125rem;
	margin: 20px 0 10px
}

.guide .tb-basic {
	margin-top: 10px
}

.guide .tb-basic table tbody td {
	line-height: 22px;
	text-align: left
}

.guide .g-text, .guide pre, .guide xmp {
	padding: 40px;
	background: #333;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 1px;
	margin-bottom: 40px;
	font-weight: 400
}

.app_noti {
	width: 100%;
	background: #76a6f0;
	padding: 107px 70px;
	position: relative
}

.app_noti:after {
	width: 100%;
	height: 1553px;
	top: 0;
	left: 0;
	background: url(../images/noti/app_noti_bg1.png) no-repeat;
	background-size: 100%
}

.app_noti:after, .app_noti:before, .app_noti_top:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1
}

.app_noti:before {
	bottom: 0;
	left: 0;
	background: url(../images/noti/app_noti_bg2.png) no-repeat bottom;
	background-size: 100%;
	width: 100%;
	height: 42%
}

.app_noti_top {
	position: relative;
	margin-bottom: 45px;
	z-index: 5
}

.app_noti_top:after {
	width: 474px;
	height: 465px;
	background: url(../images/noti/app_noti_cont.png) no-repeat;
	right: -70px;
	top: -50px
}

.app_noti_top h3 {
	font-size: 3.75rem;
	color: #fff;
	line-height: 72px;
	font-weight: 500
}

.app_noti_top .market_btn {
	margin: 25px 0
}

.app_noti_top .market_btn a {
	font-family: 'SpoqaHanSans';
	display: inline-block;
	width: 180px;
	height: 50px;
	background: #141414;
	border-radius: 4px;
	text-align: center;
	line-height: 50px
}

.app_noti_top .market_btn a:hover {
	background: #000
}

.app_noti_bottom dl dd .ui_img_box img+img, .app_noti_top .market_btn a+a,
	.promotion_tab_container .tabA_2 .color_box_lst ul li+li {
	margin-left: 15px
}

.app_noti_top .market_btn a span {
	font-family: 'SpoqaHanSans';
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	text-shadow: none;
	padding-left: 38px;
	position: relative
}

.app_noti_top .market_btn a.android span:after {
	content: "";
	display: block;
	background: url(../images/noti/android.png) no-repeat;
	width: 26px;
	height: 31px;
	position: absolute;
	left: 0;
	top: -6px
}

.app_noti_top .market_btn a.apple span:after {
	content: "";
	display: block;
	background: url(../images/noti/apple.png) no-repeat;
	width: 24px;
	height: 29px;
	position: absolute;
	left: 5px;
	top: -5px
}

.app_noti_top p {
	font-size: 1.25rem;
	line-height: 40px;
	color: #fff;
	margin-top: 10px
}

.app_noti_top p.desc {
	margin-top: 0;
	padding-left: 13px;
	position: relative;
	font-size: 1rem;
	color: #fef56e;
	font-weight: 300;
	line-height: 22px
}

.app_noti_fot p.desc:after, .app_noti_top p.desc:after {
	content: '\203B';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: .8125rem
}

.app_noti_bottom {
	background: #fff;
	width: 100%;
	padding: 73px 105px;
	position: relative;
	z-index: 5
}

.app_noti_bottom dl+dl {
	margin-top: 66px
}

.app_noti_bottom dl dt, .app_noti_fot h4 {
	color: #106ec4;
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: 500
}

.app_noti_fot h4 {
	color: #f2a120;
	font-size: 30px
}

.app_noti_bottom dl dt span, .promotion_tab_container .tabA_1 .icon_box dl dd em
	{
	font-weight: 700
}

.app_noti_bottom dl dd p {
	font-size: 1rem;
	color: #333;
	line-height: 22px
}

.app_noti_bottom dl dd .ui_img_box {
	margin-top: 33px;
	text-align: center
}

.app_noti_fot {
	padding: 27px 47px;
	background: #4a4a4a;
	position: relative;
	z-index: 5
}

.app_noti_fot p, .app_noti_fot p.desc {
	font-size: 17px;
	line-height: 40px;
	color: #fff;
	margin-top: 10px;
	font-weight: 300
}

.app_noti_fot p.desc {
	margin-top: 0;
	padding-left: 13px;
	position: relative;
	line-height: 22px
}

.promotion {
	width: 100%
}

.promotion .inner_tab {
	padding-bottom: 90px
}

.promotion, .promotion_top {
	display: block
}

.promotion_top_slogan {
	padding-top: 160px;
	text-align: center
}

.promotion_top_slogan .dec {
	display: inline-block;
	color: #fff;
	background-color: #43c0e6;
	width: 210px;
	height: 40px;
	font-weight: 300;
	line-height: 40px;
	font-size: 15px;
	border-radius: 20px;
	margin-bottom: 30px
}

.promotion_top_slogan h2 {
	color: #fff;
	font-weight: 700;
	font-size: 58px;
	line-height: 58px
}

.promotion_top_slogan h2 span {
	margin-bottom: 25px;
	display: block;
	font-size: 44px;
	line-height: 44px
}

.promotion_top_info {
	padding-top: 50px;
	width: 570px;
	margin: 0 auto
}

.promotion_bottom .contents.bg_img .slogan h3, .promotion_mid .contents.bg_img .slogan h3,
	.promotion_tab_lst ul li.on a, .promotion_top_info dl {
	color: #fff
}

.promotion_top_info dl dd, .promotion_top_info dl dt {
	display: inline-block;
	font-size: 22px;
	line-height: 36px;
	font-weight: 500
}

.promotion_top_info dl dd {
	font-weight: 300
}

.promotion_top_box_wrap {
	margin: 80px auto 0;
	width: 980px;
	*zoom: 1
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul:after,
	.iotproduct_box .color_box_lst ul:after, .iotproduct_box .line_box02 ul:after,
	.promotion_tab_container .tabA_1 .icon_box:after,
	.promotion_tab_container .tabA_2 .color_box_lst ul:after,
	.promotion_tab_container .tabA_2 .line_box02 ul:after,
	.promotion_tab_lst ul:after, .promotion_top_box_wrap:after {
	display: block;
	clear: both;
	content: ""
}

.promotion_top_box_wrap .promotion_box_cont {
	width: 440px;
	float: left
}

.promotion_top_box_wrap .promotion_box_cont+.promotion_box_cont {
	margin-left: 60px
}

.promotion_top_box_wrap .promotion_box_cont dl {
	height: 100%
}

.promotion_top_box_wrap .promotion_box_cont dl dt {
	color: #fff;
	background-color: #184466;
	font-size: 18px;
	font-weight: 500;
	line-height: 54px;
	height: 54px;
	text-align: center
}

.promotion_top_box_wrap .promotion_box_cont dl dd {
	background-color: #f9f9f9;
	height: calc(100% - 54px)
}

.promotion_bottom {
	margin-top: auto;
	padding-top: 50px
}

.promotion_bottom .contents .slogan {
	padding-top: 85px;
	text-align: center
}

.promotion_bottom .contents .slogan h3 {
	font-weight: 700;
	font-size: 36px;
	line-height: 36px;
	color: #0f6bb1;
	letter-spacing: -.16px
}

.promotion_bottom .contents .slogan p {
	padding-top: 18px;
	font-size: 18px;
	font-weight: 400;
	color: #666;
	line-height: 28px
}

.promotion_bottom .contents .slogan p em.skyblue, .promotion_mid .contents .slogan p em.skyblue
	{
	color: #4da2e3
}

.promotion_bottom .contents.bg_img.img01, .promotion_mid .contents.bg_img.img01
	{
	height: 720px;
	background: url(../images/m365Evt/bg_cont01.jpg) no-repeat 0 0
}

.promotion_bottom .contents.bg_img.img01 .slogan, .promotion_mid .contents.bg_img.img01 .slogan
	{
	padding-top: 100px
}

.promotion_bottom .contents.bg_gray {
	background-color: #f9f9f9
}

.promotion_bottom_wrap {
	margin: 0 auto;
	width: 1000px;
	background-color: #083557
}

.promotion_bottom_wrap dl {
	padding: 20px 35px
}

.promotion_bottom_wrap dl dt {
	color: #84d9f3;
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 10px;
	padding-left: 30px;
	position: relative
}

.promotion_bottom_wrap dl dt:before {
	background: url(../images/m365Evt/spr_icon.png) no-repeat -60px -11px;
	width: 20px;
	height: 20px;
	top: 3px;
	left: 0;
	position: absolute;
	display: block;
	content: ""
}

.promotion_bottom_wrap dl dd {
	color: #899197;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px
}

.promotion_bottom_wrap dl dd em {
	color: #c6cdcf;
	font-style: normal
}

.main_product_box ul li .product_icon {
	position: absolute;
}
.iotproduct_box article, .promotion_mid {
	position: relative;
}

.promotion_mid .contents .slogan {
	padding-top: 90px;
	text-align: center
}

.promotion_mid .contents .slogan h3 {
	font-weight: 700;
	font-size: 2.25rem;
	line-height: 2.25rem;
	color: #0f6bb1;
	letter-spacing: -.16px
}

.promotion_mid .contents .slogan p {
	padding-top: 1.125rem;
	font-size: 18px;
	font-weight: 400;
	color: #666;
	line-height: 1.75rem
}

.iotproduct_box article.contents.bg_gray, .promotion_mid .contents.bg_gray
	{
	background-color: #f9f9f9
}

.promotion_tab_lst, .promotion_tbl table {
	width: 100%
}

.promotion_tab_lst ul {
	*zoom: 1
}

.promotion_tab_lst ul li {
	float: left;
	width: 33.333333%;
	height: 60px;
	background-color: #e3e3e3
}

.promotion_tab_lst ul li a {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.25rem;
	padding-top: 19px;
	color: #666;
	font-weight: 300
}

.promotion_tab_lst ul li.on {
	background-color: #0f6bb1
}

.promotion_tab_container {
	margin-top: 30px
}

.promotion_tab_container .tabA_1 .icon_box {
	*zoom: 1;
	padding-top: 90px
}

.promotion_tab_container .tabA_1 .icon_box dl {
	float: left;
	width: 260px
}

.promotion_tab_container .tabA_1 .icon_box dl+dl,
	.promotion_tab_container .tabA_2 .line_box02 ul li+li {
	margin-left: 40px
}

.promotion_tab_container .tabA_1 .icon_box dl dt {
	padding-top: 90px;
	font-size: 22px;
	color: #0f6bb1;
	font-weight: 500;
	text-align: center;
	position: relative
}

.promotion_tab_container .tabA_1 .icon_box dl dt:before,
	.promotion_tab_container .tabA_2 .color_box_lst ul li h4:before {
	background: url(../images/m365Evt/spr_icon.png) no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: auto;
	margin: 0 auto;
	display: block;
	content: ""
}

.promotion_tab_container .tabA_1 .icon_box dl dt.ico_01:before {
	background-position: -8px -38px;
	width: 66px;
	height: 66px
}

.promotion_tab_container .tabA_1 .icon_box dl dt.ico_02:before {
	background-position: -87px -38px;
	width: 66px;
	height: 73px
}

.promotion_tab_container .tabA_1 .icon_box dl dt.ico_03:before {
	background-position: -159px -35px;
	width: 98px;
	height: 80px
}

.promotion_tab_container .tabA_1 .icon_box dl dt.ico_04:before {
	background-position: -264px -27px;
	width: 76px;
	height: 78px
}

.promotion_tab_container .tabA_1 .icon_box dl dd {
	margin-top: 20px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #4e4e4e
}

.promotion_tab_container .tabA_1 .typo_banner {
	width: 100%;
	margin-top: 90px;
	height: 170px;
	background: #0e56b8;
	background: -o-linear-gradient(150deg, #0e56b8 0%, #43c0e6 100%);
	background: linear-gradient(-60deg, #0e56b8 0%, #43c0e6 100%)
}

.promotion_tab_container .tabA_1 .typo_banner p {
	padding: 40px 0 34px 130px;
	font-size: 32px;
	line-height: 48px;
	color: #fff;
	font-weight: 400
}

.promotion_tab_container .tabA_1 .typo_banner p em.skyblue {
	color: #83d9f3
}

.promotion_tab_container .tabA_2 .line_box {
	margin-top: 65px;
	position: relative;
	background-color: #fff;
	z-index: 2;
	padding-bottom: 35px
}

.promotion_tab_container .tabA_2 .line_box:before {
	position: absolute;
	border: 1px solid #dadada;
	border-top: 0;
	width: 820px;
	height: 34px;
	left: 0;
	right: 0;
	bottom: 0;
	top: auto;
	margin: 0 auto;
	z-index: 1;
	display: block;
	content: ""
}

.promotion_tab_container .tabA_2 .line_box:after {
	position: absolute;
	bottom: -16px;
	left: 0;
	right: 0;
	top: auto;
	margin: 0 auto;
	z-index: 2;
	font-size: 16px;
	font-weight: 400;
	color: #0f6bb1;
	border: 1px solid #75add8;
	border-radius: 16px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	width: 130px;
	background-color: #fff;
	display: block;
	content: "One Admin"
}

.promotion_tab_container .tabA_2 .line_box dl {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #dadada;
	width: 369px;
	height: 330px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.promotion_tab_container .tabA_2 .line_box dl+dl {
	margin-left: 28px
}

.promotion_tab_container .tabA_2 .line_box dl dt {
	text-align: center
}

.promotion_tab_container .tabA_2 .line_box dl dt .title {
	color: #4e4e4e;
	font-weight: 700;
	font-size: 20px;
	padding: 30px 0 25px;
	line-height: 22px
}

.promotion_tab_container .tabA_2 .line_box dl dt .sub {
	height: 45px;
	font-weight: 500;
	background-color: #0f6bb1;
	color: #fff;
	font-size: 18px;
	line-height: 43px
}

.commPhotoList>li .commPhotoView .contents .line_box dl dd,
	.promotion_tab_container .tabA_2 .line_box dl dd {
	padding: 20px 20px 40px
}

.promotion_tab_container .tabA_2 .line_box dl dd ul li {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #666
}

.promotion_tab_container .tabA_2 .color_box_lst {
	margin-top: 65px
}

.promotion_tab_container .tabA_2 .color_box_lst ul,
	.promotion_tab_container .tabA_2 .line_box02 ul {
	width: 100%;
	*zoom: 1
}

.promotion_tab_container .tabA_2 .color_box_lst ul li {
	float: left;
	width: 190px;
	height: 400px
}

.promotion_tab_container .tabA_2 .color_box_lst ul li h4 {
	text-align: center;
	padding: 140px 13px 0;
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	color: #fff;
	letter-spacing: -.16px;
	position: relative
}

.promotion_tab_container .tabA_2 .color_box_lst ul li h4:before {
	top: 45px;
	bottom: auto
}

.promotion_tab_container .tabA_2 .color_box_lst ul li p {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	padding: 10px 13px 0;
	letter-spacing: -.16px
}

.promotion_tab_container .tabA_2 .color_box_lst ul li:nth-child(odd) {
	opacity: .85;
	background-color: #0f6bb1
}

.promotion_tab_container .tabA_2 .color_box_lst ul li:nth-child(even) {
	opacity: .85;
	background-color: #1fa6cf
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul:first-child li:first-child h4:before,
	.promotion_tab_container .tabA_2 .color_box_lst ul li:first-child h4:before
	{
	background-position: -250px -117px;
	width: 62px;
	height: 62px
}

.promotion_tab_container .tabA_2 .color_box_lst ul li:nth-child(2) h4:before
	{
	background-position: -321px -118px;
	width: 60px;
	height: 53px
}

.promotion_tab_container .tabA_2 .color_box_lst ul li:nth-child(3) h4:before
	{
	top: 50px;
	background-position: -390px -118px;
	width: 84px;
	height: 46px
}

.promotion_tab_container .tabA_2 .color_box_lst ul li:nth-child(4) h4:before
	{
	background-position: -240px -187px;
	width: 64px;
	height: 54px
}

.promotion_tab_container .tabA_2 .color_box_lst ul li:nth-child(5) h4:before
	{
	background-position: -315px -179px;
	width: 56px;
	height: 62px
}

.promotion_tab_container .tabA_2 .color_box_lst ul li:last-child h4:before
	{
	top: 55px;
	background-position: -384px -187px;
	width: 72px;
	height: 53px
}

.promotion_tab_container .tabA_2 .line_box02 {
	padding: 80px 0
}

.promotion_tab_container .tabA_2 .line_box02 ul li {
	float: left;
	width: 360px
}

.promotion_tab_container .tabA_2 .line_box02 ul li h4 {
	width: 100%;
	font-size: 22px;
	line-height: 24px;
	padding-bottom: 20px;
	color: #4e4e4e;
	text-align: center;
	font-weight: 700
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li .lst,
	.promotion_tab_container .tabA_2 .line_box02 ul li .lst {
	padding-top: 40px
}

.promotion_tab_container .tabA_2 .line_box02 ul li dl {
	padding-left: 70px;
	position: relative
}

.iotproduct_box .line_box02 ul li dl:before, .promotion_tab_container .tabA_2 .line_box02 ul li dl:before
	{
	background: url(../images/m365Evt/spr_icon.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	content: ""
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl+dl,
	.iotproduct_box .line_box02 ul li dl+dl, .promotion_tab_container .tabA_2 .line_box02 ul li dl+dl
	{
	margin-top: 25px
}

.promotion_tab_container .tabA_2 .line_box02 ul li dl dt {
	font-size: 17px;
	line-height: 34px;
	font-weight: 700;
	color: #4e4e4e
}

.promotion_tab_container .tabA_2 .line_box02 ul li dl dd {
	font-size: 15px;
	line-height: 24px;
	font-weight: 400
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green h4,
	.iotproduct_box .line_box02 ul li.green h4, .promotion_tab_container .tabA_2 .line_box02 ul li.green h4
	{
	border-bottom: 3px solid #0ba54a
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green dl:first-child:before,
	.iotproduct_box .line_box02 ul li.green dl:first-child:before,
	.promotion_tab_container .tabA_2 .line_box02 ul li.green dl:first-child:before
	{
	background-position: -5px -124px;
	width: 52px;
	height: 39px;
	margin-top: -19.5px
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green dl:nth-child(2):before,
	.iotproduct_box .line_box02 ul li.green dl:nth-child(2):before,
	.promotion_tab_container .tabA_2 .line_box02 ul li.green dl:nth-child(2):before
	{
	background-position: -66px -125px;
	width: 48px;
	height: 48px;
	margin-top: -24px
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green dl:nth-child(3):before,
	.iotproduct_box .line_box02 ul li.green dl:nth-child(3):before,
	.promotion_tab_container .tabA_2 .line_box02 ul li.green dl:nth-child(3):before
	{
	background-position: -121px -125px;
	width: 52px;
	height: 38px;
	margin-top: -19px
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green dl:last-child:before,
	.iotproduct_box .line_box02 ul li.green dl:last-child:before,
	.promotion_tab_container .tabA_2 .line_box02 ul li.green dl:last-child:before
	{
	background-position: -181px -125px;
	width: 52px;
	height: 41px;
	margin-top: -20.5px
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue h4,
	.iotproduct_box .line_box02 ul li.blue h4, .promotion_tab_container .tabA_2 .line_box02 ul li.blue h4
	{
	border-bottom: 3px solid #3d7ec9
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue dl:first-child:before,
	.iotproduct_box .line_box02 ul li.blue dl:first-child:before,
	.promotion_tab_container .tabA_2 .line_box02 ul li.blue dl:first-child:before
	{
	left: 5px;
	background-position: -11px -180px;
	width: 37px;
	height: 47px;
	margin-top: -23.5px
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue dl:nth-child(2):before,
	.iotproduct_box .line_box02 ul li.blue dl:nth-child(2):before,
	.promotion_tab_container .tabA_2 .line_box02 ul li.blue dl:nth-child(2):before
	{
	background-position: -62px -180px;
	width: 52px;
	height: 39px;
	margin-top: -19.5px
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue dl:nth-child(3):before,
	.iotproduct_box .line_box02 ul li.blue dl:nth-child(3):before,
	.promotion_tab_container .tabA_2 .line_box02 ul li.blue dl:nth-child(3):before
	{
	background-position: -122px -179px;
	width: 47px;
	height: 47px;
	margin-top: -23.5px
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue dl:last-child:before,
	.iotproduct_box .line_box02 ul li.blue dl:last-child:before,
	.promotion_tab_container .tabA_2 .line_box02 ul li.blue dl:last-child:before
	{
	background-position: -179px -178px;
	width: 52px;
	height: 50px;
	margin-top: -25px
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red h4,
	.iotproduct_box .line_box02 ul li.red h4, .promotion_tab_container .tabA_2 .line_box02 ul li.red h4
	{
	border-bottom: 3px solid #f63c17
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red dl:first-child:before,
	.iotproduct_box .line_box02 ul li.red dl:first-child:before,
	.promotion_tab_container .tabA_2 .line_box02 ul li.red dl:first-child:before
	{
	background-position: -3px -243px;
	width: 52px;
	height: 39px;
	margin-top: -19.5px
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red dl:nth-child(2):before,
	.iotproduct_box .line_box02 ul li.red dl:nth-child(2):before,
	.promotion_tab_container .tabA_2 .line_box02 ul li.red dl:nth-child(2):before
	{
	left: 8px;
	background-position: -67px -241px;
	width: 42px;
	height: 50px;
	margin-top: -25px
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red dl:nth-child(3):before,
	.iotproduct_box .line_box02 ul li.red dl:nth-child(3):before,
	.promotion_tab_container .tabA_2 .line_box02 ul li.red dl:nth-child(3):before
	{
	background-position: -116px -243px;
	width: 52px;
	height: 40px;
	margin-top: -20px
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red dl:last-child:before,
	.iotproduct_box .line_box02 ul li.red dl:last-child:before,
	.promotion_tab_container .tabA_2 .line_box02 ul li.red dl:last-child:before
	{
	background-position: -178px -241px;
	width: 52px;
	height: 53px;
	margin-top: -26.5px
}

.promotion_tab_container .tabA_3 .img_box {
	text-align: center;
	padding: 65px 0 80px
}

.promotion_tbl table thead th {
	color: #fff;
	font-size: 19px;
	text-align: center;
	line-height: 24px;
	font-weight: 300;
	padding: 30px 0;
	letter-spacing: -.16px
}

.promotion_tbl table thead th.gray {
	background-color: #999
}

.promotion_tbl table thead th.green {
	background-color: #0ba54a
}

.promotion_tbl table thead th.deepgreen {
	background-color: #045f2a
}

.promotion_tbl table tbody td .circle.red, .promotion_tbl table thead th.red
	{
	background-color: #f63c17
}

.promotion_tbl table thead th.blue {
	background-color: #0f6bb1
}

.promotion_tbl table tbody {
	border: 1px solid #ebebeb
}

.promotion_tbl table tbody tr+tr {
	border-top: 1px solid #ebebeb
}

.promotion_tbl table tbody th {
	text-align: center;
	padding: 8px 20px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #4e4e4e;
	background-color: #f6f6f6
}

.promotion_tbl table tbody td+td, .promotion_tbl table tbody th+td {
	border-left: 1px solid #ebebeb
}

.promotion_tbl table tbody td {
	text-align: center;
	font-size: 15px;
	color: #666;
	letter-spacing: -.16px;
	font-weight: 400;
	background-color: #fff
}

.promotion_tbl table tbody td em.red {
	color: #f63c17
}

.promotion_tbl table tbody td .circle {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #ddd;
	margin: auto
}

.promotion_tbl table tbody td .circle.green {
	background-color: #0ba54a
}

.promotion_tbl table tbody td .circle.deepgreen {
	background-color: #045f2a
}

.promotion .contact {
	padding-top: 80px
}

.promotion .contact_title {
	text-align: center;
	margin-bottom: 60px
}

.promotion .contact_title h3 {
	font-size: 2.25rem;
	line-height: 2.25rem;
	font-weight: 700;
	color: #0f6bb1
}

.promotion .contact_title .dec {
	padding-top: 50px;
	font-size: 1.5rem;
	line-height: 1.75rem;
	font-weight: 400;
	color: #4e4e4e
}

.promotion .contact_title .dec span {
	margin-top: 30px;
	display: block;
	line-height: 1.625rem;
	font-size: 1.125rem;
	font-weight: 400;
	color: #4e4e4e
}

.promotion .contact_form {
	border-top: 3px solid #ddd;
	padding: 45px 99px 40px
}

.promotion .contact_form .terms_agree ul li+li, .promotion .contact_form dl+dl,
	.promotion_sms .introduce_sms p+p {
	margin-top: 20px
}

.promotion .contact .terms_box ul li+li, .promotion .contact_form dl+.chk_box,
	.promotion_sms .sms_pdt_info>ul>li .hashtag_box ul li+li,
	.promotion_sms .sms_pdt_info>ul>li .pdt_tit img {
	margin-top: 10px
}

.promotion .contact_form dl dt {
	font-size: 16px;
	font-weight: 400;
	color: #4e4e4e;
	padding-bottom: 10px;
	display: inline-block;
	position: relative
}

.promotion .contact_form dl dt.important:before {
	position: absolute;
	color: red;
	font-size: 16px;
	font-weight: 400;
	top: 3px;
	right: -10px;
	display: inline-block;
	content: "*"
}

.promotion .contact_form dl dd {
	display: block
}

.promotion .contact_form dl dd input {
	width: 100%;
	border: 1px solid #d9dde1;
	height: 35px;
	line-height: 35px;
	padding: 0 10px
}

.promotion .contact_form dl dd input:focus {
	border: 1px solid #6e9ce0
}

.promotion .contact_form dl dd textarea {
	font-family: "Noto Sans KR", sans-serif;
	width: 100%;
	height: 235px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #d9dde1;
	color: #4e4e4e;
	font-size: 13px;
	font-weight: 400;
	padding: 10px
}

.promotion .contact_form dl dd textarea:focus {
	outline: 0;
	border: 1px solid #6e9ce0
}

.promotion .contact_form dl dd textarea::-webkit-input-placeholder {
	font-size: 13px;
	color: #aaa;
	font-weight: 300
}

.promotion .contact_form dl dd textarea::-moz-placeholder {
	font-size: 13px;
	color: #aaa;
	font-weight: 300
}

.promotion .contact_form dl dd textarea:-ms-input-placeholder,
	.promotion .contact_form dl dd textarea::-ms-input-placeholder {
	font-size: 13px;
	color: #aaa;
	font-weight: 300
}

.promotion .contact_form dl dd textarea::placeholder {
	font-size: 13px;
	color: #aaa;
	font-weight: 300
}

.promotion .contact_form dl dd textarea:-moz-read-only {
	color: #4e4e4e;
	border: 1px solid #ccc
}

.promotion .contact_form dl dd textarea:read-only {
	color: #4e4e4e;
	border: 1px solid #ccc
}

.promotion .contact_form dl dd textarea:disabled {
	background-color: #e3e3e3;
	color: #4e4e4e;
	border: 1px solid #ccc
}

.promotion .contact_form .terms_agree {
	margin-top: 35px
}

.promotion .contact_form .terms_agree ul li, .promotion_sms .img_box img
	{
	width: 100%
}

.promotion .contact_form .terms_agree .btn_all {
	float: right;
	line-height: 27px;
	height: 27px;
	background-color: #e7ebef;
	width: 140px;
	font-size: 14px;
	font-weight: 400;
	color: #4e4e4e;
	text-align: center;
	border-radius: 2px
}

.promotion .contact_btn a:hover, .promotion .contact_form .terms_agree .btn_all:hover
	{
	text-decoration: underline
}

.promotion .contact_form .terms_agree .chk_box {
	margin-bottom: 10px
}

.promotion .contact_form .terms_agree .chk_box input[type=checkbox]+label
	{
	font-size: 16px;
	font-weight: 300
}

.promotion .contact_btn {
	text-align: center
}

.promotion .contact_btn a {
	display: inline-block;
	width: 310px;
	height: 50px;
	line-height: 48px;
	font-size: 1.125rem;
	font-weight: 400;
	color: #fff;
	text-align: center;
	background-color: #0f6bb1
}

.promotion .contact .terms_box {
	background-color: #f9f9f9;
	border: 1px solid #d9dde1;
	font-size: 13px;
	line-height: 20px;
	font-weight: 300;
	color: #4e4e4e;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 120px;
	width: 100%;
	overflow-y: auto;
	padding: 15px 20px
}

.promotion .contact .terms_box strong {
	color: #4e4e4e;
	font-weight: 500
}

.promotion .contact .inner {
	width: 1000px
}

.bbsViewCnt *, .promotion_sms .sms_pdt_info>ul>li {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.promotion_sms_cont {
	padding: 0 50px
}

.promotion_sms_cont+.promotion_sms_cont {
	margin-top: 60px
}

.promotion_sms_cont.bg_gray {
	background-color: #f1f1f1
}

.promotion_sms_cont.bg_blue h3, .promotion_sms_cont.bg_gray h3,
	.promotion_sms_cont.bg_lightblue h3 {
	padding-top: 50px
}

.promotion_sms_cont.bg_blue {
	background-color: #eaf7ff
}

.promotion_sms_cont.bg_blue .slogan {
	padding-top: 60px
}

.promotion_sms_cont.bg_blue .slogan h2 {
	font-size: 3.0625rem;
	line-height: 58px;
	color: #3379b3
}

.promotion_sms_cont.bg_lightblue {
	background-color: #f2ffff
}

.promotion_sms_cont.bg_lightblue .dec {
	margin-bottom: 80px;
	font-size: 1.5rem;
	line-height: 38px;
	font-weight: 500;
	color: #232323;
	text-align: center
}

.promotion_sms .img_box .w_only, .promotion_sms .promotions_free .img_box_col .img_box
	{
	display: inline-block
}

.promotion_sms .img_box .m_only {
	display: none
}

.promotion_sms .btn_sms_reg {
	display: block !important;
	height: 60px;
	line-height: 58px;
	color: #fff;
	font-weight: 500;
	background-color: #3379b3;
	width: 525px;
	margin: 0 auto;
	border-radius: 30px;
	font-size: 1.9375rem;
	text-align: center
}

.promotion_sms .btn_sms_reg:hover {
	background-color: #2a6492
}

.promotion_sms .slogan {
	text-align: center
}

.promotion_sms .slogan h2 {
	border: 0;
	font-weight: 500
}

.promotion_sms .slogan h2 span, .promotion_sms .slogan>span {
	display: block;
	font-size: 1.875rem;
	font-weight: 500;
	color: #232323
}

.promotion_sms .slogan h2 em {
	font-size: 7.5rem;
	font-weight: 500;
	letter-spacing: -.04em;
	color: #232323;
	line-height: 120px
}

.promotion_sms .slogan>span {
	width: 460px;
	height: 38px;
	color: #fff;
	border-radius: 18px;
	background-color: #000;
	margin: 25px auto 35px;
	text-align: center;
	line-height: 35px
}

.promotion_sms .slogan_gradiant {
	margin: 65px auto;
	text-align: center;
	height: 75px;
	width: 890px;
	border-radius: 37px;
	background: #5799c2;
	background: -webkit-gradient(linear, left top, right top, from(#5799c2),
		color-stop(50%, #68c9cd), to(#5799c2));
	background: -o-linear-gradient(left, #5799c2 0%, #68c9cd 50%, #5799c2 100%);
	background: linear-gradient(90deg, #5799c2 0%, #68c9cd 50%, #5799c2 100%)
}

.promotion_sms .slogan_gradiant p {
	line-height: 73px;
	font-size: 2.8125rem;
	color: #fff;
	font-weight: 500
}

.promotion_sms h3 {
	font-size: 2.25rem;
	font-weight: 500;
	color: #333;
	text-align: center;
	padding: 0 0 40px
}

.promotion_sms .introduce_sms_circle ul, .promotion_sms .promotion_cld_info ul,
	.promotion_sms .sms_pdt_info>ul {
	font-size: 0;
	text-align: center
}

.promotion_sms .sms_pdt_info>ul>li {
	width: calc(33.333333% - 20px);
	padding: 30px 15px 20px;
	background-color: #f4f4f4;
	border-radius: 10px;
	vertical-align: top;
	display: inline-block
}

.promotion_sms .sms_pdt_info>ul>li+li {
	margin-left: 20px
}

.promotion_sms .sms_pdt_info>ul>li .pdt_tit {
	height: 65px;
	font-size: 1rem;
	line-height: 20px;
	color: #333;
	letter-spacing: -.05em;
	font-weight: 500;
	margin-bottom: 20px
}

.promotion_sms .sms_pdt_info>ul>li .pdt_dec {
	display: block;
	margin-top: 35px;
	margin-bottom: 40px;
	text-align: center;
	font-size: 1.063rem;
	color: #232323;
	letter-spacing: -.05em;
	font-weight: 500;
	line-height: 28px;
	height: 200px
}

.promotion_sms .sms_pdt_info>ul>li .btn_wrap, .promotion_sms .sms_pdt_info>ul>li .hashtag_box
	{
	text-align: center
}

.promotion_sms .sms_pdt_info>ul>li .hashtag_box span {
	padding: 0 20px;
	height: 26px;
	line-height: 24px;
	font-size: 1.125rem;
	border-radius: 13px;
	font-weight: 500;
	color: #fff;
	display: inline-block
}

.promotion_sms .sms_pdt_info>ul>li.m365 .hashtag_box span {
	background-color: #5691c1
}

.promotion_sms .sms_pdt_info>ul>li.m365 .pdt_dec em {
	color: #5691c1
}

.promotion_sms .sms_pdt_info>ul>li.vc10 .hashtag_box span {
	background-color: #66cacc
}

.promotion_sms .sms_pdt_info>ul>li.vc10 .pdt_dec em {
	color: #56c1c3
}

.promotion_sms .sms_pdt_info>ul>li.sc_center .hashtag_box span {
	background-color: #7f94d6
}

.promotion_sms .sms_pdt_info>ul>li.sc_center .pdt_dec em {
	color: #7f94d6
}

.promotion_sms .sms_pdt_info>ul>li .btn_wrap .btn_gray {
	background-color: #717171;
	display: inline-block;
	line-height: 38px;
	height: 2.5rem;
	width: calc(50% - 20px);
	border-radius: 10px;
	font-size: 1.125rem;
	color: #fff;
	font-weight: 300
}

.promotion_sms .sms_pdt_info>ul>li .btn_wrap .btn_gray:hover {
	background-color: #555
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul li+li,
	.promotion_sms .sms_pdt_info>ul>li .btn_wrap .btn_gray+.btn_gray {
	margin-left: 20px
}

.promotion_sms .sms_pdt_info>ul>li .btn_wrap .btn_gray.full {
	width: 100%
}

.promotion_sms .introduce_sms {
	padding-bottom: 100px
}

.promotion_sms .introduce_sms_circle {
	margin-bottom: 100px
}

.promotion_sms .introduce_sms_circle ul li {
	width: 340px;
	height: 340px;
	line-height: 340px;
	border-radius: 50%;
	vertical-align: middle;
	display: inline-block;
	position: relative
}

.promotion_sms .introduce_sms_circle ul li+li {
	margin-left: -50px
}

.promotion_sms .introduce_sms_circle ul li:first-child {
	background-color: rgba(168, 243, 248, .8)
}

.promotion_sms .introduce_sms_circle ul li:nth-child(2) {
	background-color: rgba(102, 202, 204, .3)
}

.promotion_sms .introduce_sms_circle ul li:last-child {
	background-color: rgba(122, 144, 206, .3)
}

.promotion_sms .introduce_sms_circle ul li img {
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.promotion_sms .introduce_sms p {
	text-align: center;
	font-size: 1.6875rem;
	font-weight: 300;
	color: #232323;
	line-height: 47px;
	letter-spacing: -.05em
}

.promotion_sms .introduce_sms p b, .promotion_sms .promotion_cld_info dl dd b,
	.promotion_sms .promotion_sms_footer dl dd ul li b {
	font-weight: 500
}

.promotion_sms .introduce_sms p .highlight {
	display: inline-block;
	color: #fff;
	padding: 0 5px;
	line-height: 34px;
	background-color: #5d78c5
}

.promotion_sms .promotion_sms_for {
	text-align: center
}

.promotion_sms .promotion_sms_for .tit {
	margin-top: 20px;
	margin-bottom: 80px;
	font-size: 1.875rem;
	width: 100%;
	display: inline-block;
	position: relative
}

.promotion_sms .promotion_sms_for .tit span {
	padding: 0 20px;
	font-weight: 500;
	position: relative;
	z-index: 2;
	color: #232323;
	background-color: #fff
}

.promotion_sms .promotion_sms_for .tit:before {
	width: 100%;
	position: absolute;
	top: 50%;
	border: 2px dashed #dcdcdc;
	content: "";
	z-index: 1;
	display: block
}

.promotion_sms .promotion_sms_for .icon_lst_col ul {
	text-align: center;
	font-size: 0
}

.promotion_sms .promotion_sms_for .icon_lst_col ul+ul {
	margin-top: 50px
}

.promotion_sms .promotion_sms_for .icon_lst_col ul li {
	display: inline-block;
	padding-top: 90px;
	vertical-align: top;
	width: 33.333333%;
	font-size: 1rem;
	line-height: 20px;
	letter-spacing: -.04em;
	font-weight: 400;
	color: #232323;
	position: relative
}

.promotion_sms .promotion_sms_for .icon_lst_col ul li:before {
	background: url(../images/evt/sms_ico_spr.png) no-repeat;
	background-size: 351px 255px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	content: ""
}

.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico01:before {
	background-position: 2.652% 0;
	width: 87px;
	height: 64px
}

.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico02:before {
	background-position: 52.612% 0;
	width: 83px;
	height: 65px
}

.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico03:before {
	background-position: 100% 0;
	width: 79px;
	height: 65px
}

.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico04:before {
	background-position: 0 51.892%;
	width: 102px;
	height: 70px
}

.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico05:before {
	background-position: 52.846% 51.366%;
	width: 105px;
	height: 72px
}

.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico06:before {
	background-position: 96.907% 52.406%;
	width: 60px;
	height: 68px
}

.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico07:before {
	background-position: 6.05% 95.98%;
	width: 70px;
	height: 56px
}

.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico08:before {
	background-position: 52.482% 95.897%;
	width: 69px;
	height: 60px
}

.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico09:before {
	background-position: 98.921% 100%;
	width: 73px;
	height: 73px
}

.promotion_sms .promotions_free {
	padding: 60px 0 70px;
	text-align: center
}

.promotion_sms .promotions_free .img_box_col {
	margin-top: 90px;
	text-align: center
}

.promotion_sms .promotions_free .img_box_col .img_box+.img_box {
	margin-left: 5px
}

.promotion_sms .promotions_free dl {
	text-align: left;
	font-size: 0;
	margin-left: 185px
}

.commPhotoList, .commPhotoList>li .commPhotoView .inbox+h2,
	.commPhotoList>li .commPhotoView .inimgbox+h2, .commPhotoList>li .commPhotoView p+h2,
	.evt_softwave_info dl+dl, .promotion_sms .promotions_free dl+dl {
	margin-top: 30px
}

.promotion_sms .promotions_free dl dd, .promotion_sms .promotions_free dl dt
	{
	vertical-align: middle;
	display: inline-block;
	line-height: 35px;
	font-size: 1.375rem;
	font-weight: 500
}

.promotion_sms .promotions_free dl dt {
	width: 190px;
	height: 37px;
	background-color: #3379b3;
	border-radius: 19px;
	text-align: center;
	color: #fff
}

.promotion_sms .promotions_free dl dd {
	text-align: left;
	color: #3379b3;
	margin-left: 20px
}

.promotion_sms .promotion_cld_info {
	padding-bottom: 70px
}

.promotion_sms .promotion_cld_info ul li {
	width: calc(25% - 50px);
	display: inline-block;
	vertical-align: top;
	font-size: 1rem
}

.promotion_sms .promotion_cld_info ul li+li {
	margin-left: 50px
}

.promotion_sms .promotion_cld_info dl dt {
	font-size: 1.25rem;
	font-weight: 500;
	color: #3379b3;
	margin-bottom: 20px;
	margin-top: 30px
}

.promotion_sms .promotion_cld_info dl dd {
	font-size: 1.125rem;
	font-weight: 300;
	letter-spacing: -.05em;
	color: #232323;
	line-height: 28px
}

.promotion_sms .promotion_cld_info .slogan {
	margin-top: 0
}

.promotion_sms .promotion_cld_info .slogan p {
	font-size: 1.9375rem;
	line-height: 43px;
	font-weight: 300;
	letter-spacing: -.05em
}

.promotion_sms .promotion_cld_info .slogan p em {
	color: #3379b3;
	font-weight: 500
}

.promotion_sms .promotion_sms_footer {
	background-color: #f5f5f5;
	padding: 30px 50px;
	margin-top: 70px
}

.promotion_sms .promotion_sms_footer dl {
	font-size: 0
}

.promotion_sms .promotion_sms_footer dl dt {
	width: 230px;
	display: inline-block;
	text-align: center;
	line-height: 29px;
	font-size: 1.3125rem;
	font-weight: 300;
	color: #232323;
	letter-spacing: -.04em;
	vertical-align: top
}

.promotion_sms .promotion_sms_footer dl dd {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 230px)
}

.promotion_sms .promotion_sms_footer dl dd ul li {
	letter-spacing: -.04em;
	color: #232323;
	font-size: 1rem;
	line-height: 29px
}

.commPhotoList {
	border-top: 1px solid #d3d0d0
}

.commPhotoList_head {
	padding: 0 20px
}

.commPhoto_img img {
	margin: auto;
	display: block;
}

.commPhotoList>li {
	padding: 20px 0;
	min-height: 198px;
	border-bottom: 1px solid #d3d0d0
}

.commPhotoList>li .thumb {
	float: left;
	border: 1px solid #d4d4d4
}

.commPhotoList>li .thumb img {
	width: 279px;
	height: 198px
}

.commPhotoList>li .cntBx {
	display: block;
	float: left;
	width: calc(100% - 300px);
	margin-left: 19px
}

.commPhotoList>li .cntBx dl {
	min-height: 143px;
	margin-bottom: 15px
}

.commPhotoList>li .cntBx dl dt {
	font-size: 24px;
	color: #010101
}

.commPhotoList>li .cntBx dl dt .flag {
	display: inline-block;
	padding: 0 10px;
	height: 23px;
	line-height: 23px;
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
	background: #4285f4
}

.commPhotoList>li .cntBx dl dt .tit {
	display: block;
	margin-top: 10px
}

.commPhotoList>li .cntBx dl dd {
	margin-top: 10px;
	color: #666;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.4
}

.commPhotoList>li .cntBx .btn_wrap .fl {
	float: left
}

.commPhotoList>li .cntBx .btn_wrap .fr {
	float: right
}

.commPhotoList>li .cntBx .btn_wrap a, .iotproduct_box article .bbsBtnSet a
	{
	vertical-align: middle;
	display: inline-block;
	line-height: 35px;
	padding: 0 12px;
	height: 37px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: .875rem;
	text-align: center;
	background: #fff;
	border-radius: 3px;
	color: #4285f4;
	border: 1px solid #4285f4
}

.commPhotoList>li .cntBx .btn_wrap a.open {
	background: #4285f4;
	color: #fff;
	border: 1px solid #4285f4;
	padding-right: 30px;
	position: relative
}

.commPhotoList>li .cntBx .btn_wrap a.open:hover {
	background: #2f61b4;
	border: 1px solid #2f61b4
}

.commPhotoList>li .cntBx .btn_wrap a.open.on:after, .commPhotoList>li .cntBx .btn_wrap a.open:after
	{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 9px;
	right: 9px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border: 1px solid #fff;
	border-top: 0;
	border-right: 0
}

.commPhotoList>li .cntBx .btn_wrap a.open.on:after {
	top: 15px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg)
}

.commPhotoList>li .commPhotoView {
	display: none;
	margin-top: 20px;
	border-top: 1px solid #d3d0d0;
	padding: 30px
}

.commPhotoList>li .commPhotoView.open {
	display: block
}

.commPhotoList>li .commPhotoView h2 {
	font-size: 1.625em;
	font-weight: 300;
	margin-bottom: 25px
}

.commPhotoList>li .commPhotoView .inbox {
	position: relative;
	border: 1px solid #d9d9d9;
	padding: 30px
}

.commPhotoList>li .commPhotoView .inbox .prdImgWrap, .commPhotoList>li .commPhotoView .inbox+.inbox,
	.commPhotoList>li .commPhotoView .inbox+.m_tbl_info, .commPhotoList>li .commPhotoView .inbox+.tb-basic
	{
	margin-top: 15px
}

.commPhotoList>li .commPhotoView .inbox h3 {
	font-size: 1.25em;
	font-weight: 400;
	margin-bottom: 20px
}

.commPhotoList>li .commPhotoView .inbox p, .commPhotoList>li .commPhotoView p
	{
	font-size: 1em;
	margin-bottom: 10px;
	color: #666;
	line-height: 22px
}

.commPhotoList>li .cntBx .btn_wrap:after, .commPhotoList>li .commPhotoView .commCirBkList:after,
	.commPhotoList>li .commPhotoView .inbox .commCirBkList:after,
	.commPhotoList>li .commPhotoView .inbox .prdImgWrap:after,
	.commPhotoList_head:after, .main_product_warp:after {
	content: '';
	clear: both;
	display: block
}

.commPhotoList>li .commPhotoView .commCirBkList li, .commPhotoList>li .commPhotoView .inbox .commCirBkList li
	{
	color: #666;
	line-height: 22px;
	position: relative;
	padding-left: 15px;
	font-size: 1em
}

.commPhotoList>li .commPhotoView .commCirBkList li+li, .commPhotoList>li .commPhotoView .inbox .commCirBkList li+li
	{
	margin-top: 5px
}

.commPhotoList>li .commPhotoView .commCirBkList li:before,
	.commPhotoList>li .commPhotoView .inbox .commCirBkList li:before {
	position: absolute;
	top: 9px;
	left: 1px;
	width: 4px;
	height: 4px;
	background: #0071bd;
	border-radius: 4px;
	content: ""
}

.commPhotoList>li .commPhotoView .inbox .prdImgWrap img {
	display: block;
	width: 50%;
	float: left
}

.commPhotoList>li .commPhotoView .inbox .prdImgWrap.col1 img {
	display: block;
	width: 100%;
	float: left
}

.commPhotoList>li .commPhotoView .contents .line_box dl dt,
	.commPhotoList>li .commPhotoView .inimgbox, .iotproduct_box .line_box dl dt
	{
	text-align: center
}

.commPhotoList>li .commPhotoView .contents .slogan {
	padding-top: 80px;
	padding-bottom: 70px;
	text-align: center
}

.commPhotoList>li .commPhotoView .contents .slogan h3, .iotproduct_box article.contents .slogan h3
	{
	font-weight: 500;
	font-size: 2.25rem;
	line-height: 2.25rem;
	color: #0f6bb1;
	letter-spacing: -.16px
}

.commPhotoList>li .commPhotoView .contents .slogan p {
	padding-top: 20px;
	font-size: 1.125rem;
	font-weight: 300;
	color: #666;
	line-height: 1.75rem
}

.commPhotoList>li .commPhotoView .contents .line_box, .iotproduct_box .line_box
	{
	margin-bottom: 80px;
	position: relative;
	background-color: #fff;
	z-index: 2;
	padding-bottom: 35px
}

.commPhotoList>li .commPhotoView .contents .line_box:before,
	.iotproduct_box .line_box:before {
	position: absolute;
	border: 1px solid #dadada;
	border-top: 0;
	width: 820px;
	height: 34px;
	left: 0;
	right: 0;
	bottom: 0;
	top: auto;
	margin: 0 auto;
	z-index: 1;
	display: block;
	content: ""
}

.commPhotoList>li .commPhotoView .contents .line_box:after,
	.iotproduct_box .line_box:after {
	position: absolute;
	bottom: -16px;
	left: 0;
	right: 0;
	top: auto;
	margin: 0 auto;
	z-index: 2;
	font-size: 1rem;
	font-weight: 400;
	color: #0f6bb1;
	border: 1px solid #75add8;
	border-radius: 16px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	width: 130px;
	background-color: #fff;
	display: block;
	content: "One Admin"
}

.commPhotoList>li .commPhotoView .contents .line_box dl {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #dadada;
	width: 33%;
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.commPhotoList>li .commPhotoView .contents .line_box dl dt .title {
	color: #4e4e4e;
	font-weight: 500;
	font-size: 1.25rem;
	padding: 30px 0 25px;
	line-height: 1.375rem
}

.commPhotoList>li .commPhotoView .contents .line_box dl dt .sub {
	height: 45px;
	font-weight: 400;
	background-color: #0f6bb1;
	color: #fff;
	font-size: 1.125rem;
	line-height: 2.688rem
}

.commPhotoList>li .commPhotoView .contents .line_box dl dd ul li,
	.iotproduct_box .line_box dl dd ul li {
	font-size: 1rem;
	line-height: 1.75rem;
	font-weight: 400;
	color: #666
}

.commPhotoList>li .commPhotoView .contents.bg_img.img01 {
	height: 820px;
	background: url(../images/cld/bg_img01.png) no-repeat 0 0
}

.commPhotoList>li .commPhotoView .contents.bg_img .slogan h3 {
	color: #fff;
	margin-bottom: 0
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul {
	width: 850px;
	margin: 0 auto
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul:first-child,
	.iotproduct_box .color_box_lst ul:first-child {
	margin-bottom: 20px
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul:first-child li:nth-child(odd),
	.iotproduct_box .color_box_lst ul:first-child li:nth-child(odd) {
	background-color: #0f6bb1
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul:first-child li:nth-child(even),
	.iotproduct_box .color_box_lst ul:first-child li:nth-child(even) {
	background-color: #1fa6cf
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul:first-child li:nth-child(2) h4:before
	{
	background-position: -321px -118px;
	width: 60px;
	height: 53px
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul:first-child li:last-child h4:before
	{
	background-position: -390px -118px;
	width: 84px;
	height: 46px
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul:last-child
	{
	margin-bottom: 20px
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul:last-child li:nth-child(odd),
	.iotproduct_box .color_box_lst ul:last-child li:nth-child(odd) {
	background-color: #1fa6cf
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul:last-child li:nth-child(even),
	.iotproduct_box .color_box_lst ul:last-child li:nth-child(even) {
	background-color: #0f6bb1
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul:last-child li:first-child h4:before
	{
	background-position: -240px -187px;
	width: 64px;
	height: 54px
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul:last-child li:nth-child(2) h4:before
	{
	background-position: -315px -179px;
	width: 56px;
	height: 62px
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul:last-child li:last-child h4:before
	{
	background-position: -384px -187px;
	width: 72px;
	height: 53px
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul li {
	float: left;
	width: 270px;
	height: 290px;
	opacity: .85
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul li h4
	{
	text-align: center;
	padding: 110px 15px 0;
	font-size: 1.25rem;
	line-height: 26px;
	font-weight: 400;
	color: #fff;
	letter-spacing: -.16px;
	position: relative
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul li h4:before
	{
	background: url(../images/cld/spr_icon.png) no-repeat;
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	bottom: auto;
	margin: 0 auto;
	display: block;
	content: ""
}

.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul li p,
	.iotproduct_box .color_box_lst ul li p {
	color: #fff;
	font-size: 1rem;
	line-height: 24px;
	font-weight: 200;
	padding: 10px 20px 0;
	letter-spacing: -.16px;
	word-break: break-all
}

.commPhotoList>li .commPhotoView .contents.bg_gray {
	background: #f9f9f9
}

.commPhotoList>li .commPhotoView .contents.bg_gray .slogan h3 {
	margin-bottom: 0
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02,
	.iotproduct_box .line_box02 {
	padding: 0 20px 80px
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul {
	width: 100%
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li {
	float: left;
	width: calc(33% - 26px)
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li+li
	{
	margin-left: 39px
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li h4,
	.iotproduct_box .line_box02 ul li h4 {
	width: 100%;
	font-size: 1.375rem;
	line-height: 1.5rem;
	padding-bottom: 20px;
	color: #4e4e4e;
	text-align: center;
	font-weight: 500
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl,
	.iotproduct_box .line_box02 ul li dl {
	padding-left: 70px;
	position: relative
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl:before
	{
	background: url(../images/cld/spr_icon.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	content: ""
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl dt,
	.iotproduct_box .line_box02 ul li dl dt {
	font-size: 1.063rem;
	line-height: 2.125rem;
	font-weight: 500;
	color: #4e4e4e
}

.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl dd
	{
	font-size: .9375rem;
	line-height: 1.5rem;
	font-weight: 300
}

.commPhotoList>li .commPhotoView .contents .img_box {
	text-align: center;
	padding-bottom: 50px
}

.commPhotoList>li .commPhotoView .contents .img_box img {
	display: inline-block
}

.commPhotoList>li .commPhotoView .banner {
	margin-top: 50px;
	text-align: center
}

.iotproduct_box article.contents .slogan {
	padding-top: 80px;
	padding-bottom: 70px;
	text-align: center
}

.iotproduct_box article.contents .slogan p {
	padding-top: 20px;
	font-size: 1.125rem;
	font-weight: 400;
	color: #666;
	line-height: 1.75rem
}

.iotproduct_box article.contents .slogan p em.skyblue {
	color: #4da2e3
}

.iotproduct_box article.contents .video_container iframe {
	height: 688px !important
}

.iotproduct_box article.contents.bg_img .slogan h3 {
	color: #fff
}

.iotproduct_box article.contents.bg_img.img01 {
	height: 820px;
	background: url(../images/m365Evt/bg_img01.png) no-repeat 0 0
}

.iotproduct_box .line_box dl {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #dadada;
	width: 368px;
	height: 330px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.iotproduct_box .line_box dl+dl {
	margin-left: 29px
}

.iotproduct_box .line_box dl dt .title {
	color: #4e4e4e;
	font-weight: 700;
	font-size: 1.25rem;
	padding: 30px 0 25px;
	line-height: 1.375rem
}

.iotproduct_box .line_box dl dt .sub {
	height: 45px;
	font-weight: 500;
	background-color: #0f6bb1;
	color: #fff;
	font-size: 1.125rem;
	line-height: 2.688rem
}

.iotproduct_box .line_box dl dd {
	padding: 20px 20px 40px
}

.iotproduct_box .line_box02 ul {
	width: 100%;
	*zoom: 1
}

.iotproduct_box .line_box02 ul li {
	float: left;
	width: 350px
}

.iotproduct_box .line_box02 ul li h4 {
	font-weight: 700
}

.iotproduct_box .line_box02 ul li .lst {
	padding-top: 40px
}

.iotproduct_box .line_box02 ul li dl dt {
	font-weight: 700
}

.iotproduct_box .line_box02 ul li dl dd {
	font-size: .9375rem;
	line-height: 1.5rem;
	font-weight: 400
}

.iotproduct_box .line_box02 ul li+li {
	margin-left: 40px
}

.iotproduct_box .color_box_lst ul {
	width: 850px;
	margin: 0 auto;
	*zoom: 1
}

.iotproduct_box .color_box_lst ul li {
	float: left;
	width: 270px;
	height: 290px;
	opacity: .85
}

.iotproduct_box .color_box_lst ul li h4 {
	text-align: center;
	padding: 110px 15px 0;
	font-size: 1.25rem;
	line-height: 26px;
	font-weight: 500;
	color: #fff;
	letter-spacing: -.16px;
	position: relative
}

.iotproduct_box .color_box_lst ul li h4:before {
	background: url(../images/m365Evt/spr_icon.png) no-repeat;
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	bottom: auto;
	margin: 0 auto;
	display: block;
	content: ""
}

.iotproduct_box .color_box_lst ul li p {
	font-weight: 300
}

.iotproduct_box .color_box_lst ul li+li {
	margin-left: 20px
}

.iotproduct_box .color_box_lst ul:first-child li:first-child h4:before {
	background-position: -250px -117px;
	width: 62px;
	height: 62px
}

.iotproduct_box .color_box_lst ul:first-child li:nth-child(2) h4:before
	{
	background-position: -321px -118px;
	width: 60px;
	height: 53px
}

.iotproduct_box .color_box_lst ul:first-child li:last-child h4:before {
	background-position: -390px -118px;
	width: 84px;
	height: 46px
}

.iotproduct_box .color_box_lst ul:last-child li:first-child h4:before {
	background-position: -240px -187px;
	width: 64px;
	height: 54px
}

.iotproduct_box .color_box_lst ul:last-child li:nth-child(2) h4:before {
	background-position: -315px -179px;
	width: 56px;
	height: 62px
}

.iotproduct_box .color_box_lst ul:last-child li:last-child h4:before {
	background-position: -384px -187px;
	width: 72px;
	height: 53px
}

.iotproduct_box .promotion_tbl {
	width: 90%;
	margin: 0 auto 80px
}

.iotproduct_box .img_box {
	text-align: center;
	padding-bottom: 50px
}

.iotproduct_box .img_box img {
	display: inline-block;
	width: 100%
}

.main_product {
	position: relative;
	padding: 85px 0;
	background: #f8f8f8
}

.main_product_warp {
	width: 1150px;
	margin: 0 auto
}

.main_product_box {
	float: left;
	width: 100%
}

.main_product_box+.main_product_box {
	margin-top: 75px;
}

.main_product_box h2 {
	font-size: 1.875rem;
	font-weight: 500;
	margin-bottom: 10px
}

.main_product_box ul li {
	min-height: 85px;
	display: inline-block;
	/*메인 width: 45%; */
	width: 30%
}

.main_product_box ul li+li {
	margin-top: 14px;
	margin-left: 20px;
}
.main_product_box ul li:nth-child(2n) {
	margin-left: 50px;
}

.main_product_box ul li dl {
	/*메인 padding: 15px 0 15px 178px */
	padding: 15px 0 15px 120px
}

.main_product_box ul li dl dt {
	font-size: 1.375rem;
	font-weight: 500;
	margin-bottom: 10px
}

.main_product_box ul li dl dd {
	font-size: .875rem;
	color: #666;
	font-weight: 300;
	line-height: 1.125rem
}

.main_product_box ul li .product_icon:before {
	content: '';
	display: block;
	/*메인 width: 139px;
	height: 86px; */
	width: 100px;
	height: 70px;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 1;
	background: #fff
}

.main_product_box ul li .product_icon:after {
	content: '';
	display: block;
	/*메인 width: 139px;
	height: 86px; */
	width: 100px;
	height: 70px;
	background: url(../images/spr_icon.png) no-repeat;
	/*메인 */background-size: 300px 300px;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 2
}

.main_product_box ul li .product_icon:hover:after {
	animation: animationFrames linear 1s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: animationFrames linear 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: animationFrames linear 1s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-o-animation: animationFrames linear 1s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-ms-animation: animationFrames linear 1s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%
}

.main_product_box ul li .product_icon.ico01:after {
	background-position: 35.249% 0;
}

.main_product_box ul li .product_icon.ico02:after {
	background-position: 35.249% 28.981%
}

.main_product_box ul li .product_icon.ico03:after {
	background-position: 35.249% 57.962%
}

.main_product_box ul li .product_icon.ico04:after {
	background-position: 92.337% 0
}

.main_product_box ul li .product_icon.ico05:after {
	background-position: 92.337% 28.981%
}

.main_product_box ul li .product_icon.ico06:after {
	background-position: 92.337% 57.962%
}
.main_product_box ul li .product_icon.ico07:after {
	background: url(../images/tc_icon_01.png) no-repeat;
	background-position: 52.337% 53.962%;
	background-size: 42px;
}
.main_product_box ul li .product_icon.ico08:after {
	background: url(../images/fido_icon_01.png) no-repeat;
	background-position: 46.337% 53.962%;
	background-size: 42px; 
}


.evt_softwave {
	width: 700px;
	margin: 0 auto
}

.evt_softwave .top_slogan {
	width: 100%;
	height: 528px;
	background: url(../images/soft/top_visual.png);
	background-size: cover
}

.evt_softwave .top_slogan .img_box {
	padding-top: 70px;
	text-align: center
}

.evt_softwave .top_slogan .ve_code_box {
	margin-top: 30px;
	text-align: center
}

.evt_softwave .top_slogan .ve_code_box figure figcaption {
	margin-top: 10px;
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: -.05em;
	color: #fff;
	line-height: 24px
}

.evt_softwave .evt_cont {
	padding: 60px 30px 0
}

.evt_softwave .evt_cont h4 {
	font-size: 1.5rem;
	font-weight: 500;
	color: #073d6a;
	padding-left: 10px;
	margin-bottom: 30px;
	letter-spacing: -.05em;
	position: relative
}

.evt_softwave .evt_cont h4 .dec {
	vertical-align: middle;
	color: #f33535;
	font-weight: 500;
	margin-left: 10px;
	font-size: 1rem
}

.evt_softwave .evt_cont h4:before {
	background-color: #073d6a;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 5px;
	display: block;
	content: ""
}

.evt_softwave .m_only {
	display: none
}

.evt_softwave_info dl dd, .evt_softwave_info dl dt {
	letter-spacing: -.05em;
	font-size: 1.25rem;
	color: #282828;
	display: inline-block;
	vertical-align: middle
}

.evt_softwave_info dl dt {
	margin-right: 40px;
	font-weight: 500
}

.evt_softwave_info dl dd {
	font-weight: 400
}

.evt_softwave_map {
	text-align: center
}

.evt_softwave .btn_wrap {
	margin: 55px auto
}

.evt_softwave .evt_btn_wrap {
	margin: 55px 0;
	text-align: center
}

.evt_softwave .evt_btn.full, .evt_softwave .evt_btn.reg {
	display: inline-block;
	width: 320px;
	height: 50px;
	line-height: 48px;
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: -.05em;
	color: #fff;
	text-align: center;
	background-color: #073d6a
}

.evt_softwave .evt_btn.reg:hover {
	background-color: #075ca3
}

.evt_softwave .evt_btn.full {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 58px;
	color: #073d6a;
	font-weight: 500;
	background-color: #51e8ff;
	margin-bottom: 55px
}

.evt_softwave .evt_btn.full:hover {
	background-color: #05dcfc
}

/******************************
	comm
*******************************/
	.modal_video {
		z-index: 9999;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		display: none;
	}
	.modal_video.TC {
		width: 1235px;
    	height: 696px; 
	}
	.video_lay.TC {
		width: 100%;
		height: 100%;
	}
	.close_box {
		position: absolute;
		top: -24px;
		right: -24px;
	}
	.close_box>a {
		display: inline-block;
		width: 48px;
		height: 48px;
		text-indent: -9999em;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.5);
		position: relative;
	}
	.close_box .close {
		display: inline-block;
		text-indent: -9999em;
	}
	
	.close_box .close:before {
		background: url(../images/spr_global_icon.png) no-repeat;
		background-position: 64.159% 8.628%;
		width: 48px;
		height: 48px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		margin: auto;
		display: block;
		content: "";
	}
	
@media all and (max-width:1400px) {
	.modal_video.TC {
		width: 900px;
    	height: 506px;
	}
}

@media all and (max-width:950px) {
	.product .product-box.TC {
		padding: 20px;
    	background-image: none !important;
	}
	.product .product-box.TC_FIDO {
		padding: 20px;
    	background-image: none !important;
	}
	
	.product .product-box.TC .btn-area {
    	text-align: center;
	}
	
	.modal_video.TC {
		width: 300px;
    	height: 150px;
	}
	.close_box>a {
		width: 29px;
		height: 29px;
		right: 25px;
		top: 10px;
	}
	.close_box .close:before {
		position: relative;
		background-size: 300px;
		width: 30px;
		height: 30px;
		left: -1px;
	}
}


@media all and (max-width:768px) {
	[class^=tab-basic] .tab-lst li a span {
		font-size: 1em;
	}
	.evt_softwave {
		width: 100%;
		margin: 0
	}
	.evt_softwave .top_slogan {
		height: auto;
		padding: 70px 30px 60px
	}
	.evt_softwave .top_slogan .img_box {
		padding-top: 0
	}
	.evt_softwave .top_slogan .img_box>img, .evt_softwave .top_slogan .ve_code_box figure figcaption br
		{
		display: none
	}
	.evt_softwave .top_slogan .img_box .m_only {
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		width: 100%;
		color: #fff;
		line-height: 40px;
		word-break: keep-all;
		font-size: 1.5rem;
		font-weight: 500
	}
	.evt_softwave .top_slogan .img_box .m_only span {
		vertical-align: middle
	}
	.evt_softwave .top_slogan .img_box .m_only img {
		width: 140px;
		vertical-align: middle;
		margin-top: -15px
	}
	.evt_softwave .top_slogan .ve_code_box figure figcaption {
		word-break: keep-all
	}
	.evt_softwave .evt_cont {
		padding: 40px 0
	}
	.evt_softwave .evt_cont h4 {
		margin-bottom: 20px
	}
	.evt_softwave .evt_cont h4 .dec {
		display: block;
		margin-left: 0;
		margin-top: 10px
	}
	.evt_softwave_info {
		border: 1px solid #073d6a;
		padding: 20px;
		border-radius: 10px
	}
	.evt_softwave_info dl {
		text-align: center
	}
	.evt_softwave_info dl+dl {
		margin-top: 20px
	}
	.evt_softwave_info dl dt {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		font-size: 1.25rem
	}
	.evt_softwave_info dl dd {
		width: 100%;
		font-size: 1rem
	}
	.evt_softwave_info dl dd img {
		width: 150px
	}
	.evt_softwave .evt_btn.reg {
		width: auto;
		padding: 0 30px;
		font-size: 1.5rem
	}
	.evt_softwave .evt_btn.full {
		margin-bottom: 0;
		font-size: 1.5rem;
		word-break: keep-all;
		padding: 20px;
		height: auto;
		line-height: 1.5rem
	}
	.evt_softwave .evt_btn_wrap {
		margin: 30px auto
	}
}

@media all and (max-width:1650px) {
	.app-info-wrap {
		display: none
	}
}

@media all and (max-width:1500px) {
	/* .app-info-wrap, .owl-theme .owl-nav {
		display: none
	} */

}

@media all and (max-width:1316px) {
	header {
		padding: 0 20px
	}
	header .header-inbox {
		width: 100%
	}
	header .nav-wrap {
		margin-left: 200px
	}
	header .gnb {
		width: 650px
	}
	header .gnb>li.active>.gnb-dep2 {
		padding-left: 180px
	}
	.allmenu-wrap {
		padding-left: 50px;
		padding-right: 50px
	}
	.allmenu-box {
		width: 100%
	}
	.allmenu-box .allmenu {
		width: 100%;
		margin-left: 0
	}
	.allmenu-box .allmenu>li {
		width: calc(( 100% - 300px)/3)
	}
	.allmenu-box .allmenu>li:first-child {
		width: 300px
	}
	.container {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px
	}
	.container.main {
		padding-left: 0;
		padding-right: 0
	}
	.content-box {
		width: 100%
	}
	.footer-wrap {
		width: 100%;
		padding-right: 20px;
		padding-left: 195px
	}
	.footer-wrap .footer-logo {
		left: 20px
	}
	.footer-wrap .footerMS {
		right: 120px
	}
	.footer-wrap .btn-private-policy, .footer-wrap .logo-wa {
		right: 30%
	}
	.banner .bx-controls, .main-business>.business-list, .main-sw>.sw-list {
		width: 100%
	}
	.banner .bx-controls .bx-prev {
		left: 10px
	}
	.banner .bx-controls .bx-next {
		right: 10px
	}
	.main-board, .main-business, .main-sw {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px
	}
	.main-business>.business-list>li {
		padding-left: 0
	}
	.main-business>.business-list>li>.inner-box>a>dl>dd {
		font-size: .75em
	}
	.main-board>.board-list {
		width: 100%;
		padding: 54px 0
	}
	.main-board .board-list>li {
		width: 57%
	}
	.main-board .board-list>li:first-child {
		width: 43%
	}
	.product .product-box {
		background-position: 98% center
	}
	.product .product-box.TC {
		background-position: 98% center
	}
	.product .product-box.TC_FIDO {
		background-position: 98% center
	}
	.content-box #tc .product_cont.bgimg {
	    width: 100%;
	    right: 0;
	}
	.opacity_box_lst>ul {
		padding: 0 20px;
	}
}

@media all and (max-width:1245px) {
	.main_product {
		position: relative;
		padding: 85px 0;
		background: #f8f8f8
	}
	.main_product_warp {
		width: 100%;
		margin: 0 auto;
		padding: 0 20px
	}
	.main_product_warp:after {
		content: '';
		display: block;
		clear: both
	}
	.main_product_box {
		float: unset;
		width: 100%
	}
	.main_product_box+.main_product_box {
		margin-top: 50px
	}
	.main_product_box h2 {
		font-size: 1.875rem;
		font-weight: 500;
		margin-bottom: 40px;
		text-align: center
	}
	.main_product_box ul {
		display: block;
		width: 80%;
		margin: 0 auto
	}
	.main_product_box ul li {
		min-height: 85px;
		width: 100%;
	}
	.main_product_box ul li:nth-child(2n) {
		margin-left: 0;
	}
	.main_product_box ul li+li {
		margin-top: 14px;
		margin-left: 0;
	}
	.main_product_box ul li dl {
		padding: 15px 0 15px 178px
	}
	.main_product_box ul li dl dt {
		font-size: 1.375rem;
		font-weight: 500;
		margin-bottom: 10px
	}
	.main_product_box ul li dl dd {
		font-size: .875rem;
		color: #666;
		font-weight: 300;
		line-height: 1.125rem
	}
	.main_product_box ul li dl dd br {
		display: none
	}
	.main_product_box ul li .product_icon {
		position: relative
	}
	.main_product_box ul li .product_icon:before {
		width: 139px;
		height: 86px;
		top: 0;
	}
	.main_product_box ul li .product_icon:after {
		content: '';
		display: block;
		width: 139px;
		height: 86px;
		background: url(../images/spr_icon.png) no-repeat;
		position: absolute;
		top: 0;
		left: 0
	}
	.main_product_box ul li .product_icon.ico01:after {
		background-position: 35.249% 0
	}
	.main_product_box ul li .product_icon.ico02:after {
		background-position: 35.249% 28.981%
	}
	.main_product_box ul li .product_icon.ico03:after {
		background-position: 35.249% 57.962%
	}
	.main_product_box ul li .product_icon.ico04:after {
		background-position: 92.337% 0
	}
	.main_product_box ul li .product_icon.ico05:after {
		background-position: 92.337% 28.981%
	}
	.main_product_box ul li .product_icon.ico06:after {
		background-position: 92.337% 57.962%
	}
	.notice-view .notice-content {
		padding: 15px
	}
	.app_noti {
		width: 100%;
		background-size: 100%;
		padding: 50px
	}
	.app_noti:after, .app_noti:before {
		content: '';
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		background-size: 100%;
		z-index: 1
	}
	.app_noti:after {
		height: 1553px;
		top: 0
	}
	.app_noti:before {
		bottom: 0
	}
	.app_noti_top {
		position: relative;
		margin-bottom: 45px
	}
	.app_noti_top p br, .app_noti_top:after, .product .product-box br {
		display: none
	}
	.app_noti_top h3 {
		font-size: 3.75rem;
		color: #fff;
		line-height: 72px;
		font-weight: 500
	}
	.app_noti_bottom dl dd .ui_img_box img, .app_noti_top h3 span {
		display: inline-block
	}
	.app_noti_top .market_btn {
		margin: 25px 0
	}
	.app_noti_top .market_btn a {
		font-family: 'SpoqaHanSans';
		display: inline-block;
		width: 180px;
		height: 50px;
		background: #141414;
		border-radius: 4px;
		text-align: center;
		line-height: 50px
	}
	.app_noti_top .market_btn a:hover {
		background: #000
	}
	.app_noti_bottom dl dd .ui_img_box img+img, .app_noti_top .market_btn a+a
		{
		margin-left: 15px
	}
	.app_noti_top .market_btn a span {
		font-family: 'SpoqaHanSans';
		color: #fff;
		font-weight: 400;
		font-size: 14px;
		text-shadow: none;
		padding-left: 38px;
		position: relative
	}
	.app_noti_top .market_btn a.android span:after {
		content: "";
		display: block;
		background: url(../images/noti/android.png) no-repeat;
		width: 26px;
		height: 31px;
		position: absolute;
		left: 0;
		top: -6px
	}
	.app_noti_top .market_btn a.apple span:after {
		content: "";
		display: block;
		background: url(../images/noti/apple.png) no-repeat;
		width: 24px;
		height: 29px;
		position: absolute;
		left: 5px;
		top: -5px
	}
	.app_noti_top p {
		font-size: 1.25rem;
		line-height: 40px;
		color: #fff;
		margin-top: 10px
	}
	.app_noti_top p.desc {
		margin-top: 0;
		padding-left: 13px;
		position: relative;
		font-size: 1rem;
		color: #fef56e;
		font-weight: 300;
		line-height: 22px
	}
	.app_noti_fot p.desc:after, .app_noti_top p.desc:after {
		content: '\203B';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		font-size: .8125rem
	}
	.app_noti_bottom {
		background: #fff;
		width: 100%;
		padding: 27px 47px;
		position: relative;
		z-index: 2
	}
	.app_noti_bottom dl+dl {
		margin-top: 66px
	}
	.app_noti_bottom dl dt, .app_noti_fot h4 {
		color: #106ec4;
		font-size: 24px;
		margin-bottom: 15px;
		font-weight: 500
	}
	.app_noti_fot h4 {
		color: #f2a120;
		font-size: 30px
	}
	.app_noti_bottom dl dt span {
		font-weight: 700
	}
	.app_noti_bottom dl dd p {
		font-size: 1rem;
		color: #333;
		line-height: 22px
	}
	.app_noti_bottom dl dd .ui_img_box {
		margin-top: 33px;
		text-align: center
	}
	.app_noti_fot {
		padding: 27px 47px;
		background: #4a4a4a
	}
	.app_noti_fot p, .app_noti_fot p.desc {
		font-size: 17px;
		line-height: 40px;
		color: #fff;
		margin-top: 10px
	}
	.app_noti_fot p.desc {
		margin-top: 0;
		padding-left: 13px;
		position: relative;
		font-weight: 300;
		line-height: 22px
	}
	.banner .item-box.text>.innder-box {
		padding-left: 320px;
		padding-top: 70px;
		position: absolute
	}
		.banner .item-box.text.TC>.innder-box {
		padding-left: 125px;
		padding-top: 75px;
		position: absolute
	}
	.banner .item-box.text>.innder-box>.main_item {
		width: 685px;
		height: 458px;
		background-image: url(../images/main4_item.png);
		position: absolute;
		left: 438px;
		top: 230px
	}
	.banner .item-box.text>.innder-box>.main_item01 {
		width: 414px;
		height: 458px;
		background-image: url(../images/main6_item.png);
		background-size: 80%;
		position: absolute;
		left: 60%;
		top: 150px
	}
	.banner .item-box.text>.innder-box .main_item03 {
		left: 660px;
		top: 185px;
	}
	.owl-carousel-wrap .owl-carousel {
		width: 100%;
		padding: 0 51px
	}
	.owl-theme .owl-nav, .voiceye-app .product-box.old br {
		display: block
	}
	.owl-carousel .owl-nav button.owl-prev {
		position: absolute;
		top: 0;
		left: 0;
		width: 51px;
		height: 58px;
		border-right: 1px solid #ddd
	}
	.owl-carousel .owl-nav button.owl-next>span, .owl-carousel .owl-nav button.owl-prev>span
		{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.owl-carousel .owl-nav button.owl-next>span:after, .owl-carousel .owl-nav button.owl-prev>span:after
		{
		position: absolute;
		display: block;
		top: 21px;
		left: 20px;
		width: 13px;
		height: 13px;
		border-top: 2px solid #818182;
		content: ""
	}
	.owl-carousel .owl-nav button.owl-prev>span:after {
		border-left: 2px solid #818182;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.owl-carousel .owl-nav button.owl-next {
		position: absolute;
		top: 0;
		right: 0;
		width: 51px;
		height: 58px;
		border-left: 1px solid #ddd
	}
	.owl-carousel .owl-nav button.owl-next>span:after {
		border-right: 2px solid #818182;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.owl-carousel .owl-nav button.disabled {
		opacity: .5;
		cursor: default
	}
	.footer-wrap .top-btn-wrap {
		right: 10px;
		bottom: 10px
	}
	.footer-wrap .btn-private-policy {
		top: 60px;
		right: 350px
	}
	.footer-wrap .logo-wa {
		right: 65px
	}
	.app-info-wrap {
		top: 100px
	}
	.mobile-tr .diagram>ol>li>.inbox>.l-box:before {
		right: -170px
	}
	.mobile-tr .diagram>ol>li>.inbox>.r-box:before {
		left: -170px
	}
	.mobile-tr .verify>ol>li>.inbox>.imgbox {
		width: 80%;
		margin: 25px auto 0
	}
	.mobile-tr .vrifi-step>ul>li>.num-inbox {
		width: 102px
	}
	.mobile-tr .vrifi-step>ul>li:first-child>.img-inbox {
		margin-right: 15px
	}
	.mobile-tr .vrifi-step>ul>li>.img-inbox>p {
		font-size: .938em
	}
	.mobile-tr .verifi-service>ul>li {
		width: 100%;
		margin-bottom: 30px;
		text-align: center
	}
	.mobile-tr .verifi-service>ul>li:first-child {
		width: 100%
	}
	.mobile-tr .verifi-service>ul>li>.boxwrap {
		float: none;
		display: inline-block
	}
}

@media all and (max-width:1195px) {
	.voiceye-app .app_cont:nth-child(4) h4 {
		margin-bottom: 230px
	}
	.voiceye-app .app_cont:nth-child(4) dl dt {
		top: 332px
	}
	.footer-wrap .footerMS {
		right: 80px
	}
	
	.content-box #tc .product_cont.bgimg {
	    background-size: cover !important;
	    background-position: center !important;
	    width: 100%;
	    height: auto;
    	right: 0;
	}

	.product_cont.bgimg .inner {
		padding: 0 15px;
    	width: 100% !important;
    	right: 0;
	}
	
	.opacity_box_lst {
		padding-bottom: 30px;
	}
	.opacity_box_lst dl dt {
		margin-bottom: 10px;
		word-break: keep-all;
	}
	.opacity_box_lst>ul>li {
		width: 100%;
		float: none;
		height: auto !important;
		padding: 25px 20px 25px 20px;
	}
	.opacity_box_lst>ul>li+li {
		margin-left: 0;
		margin-top: 20px;
	}
	.opacity_box_lst>ul>li:after {
		bottom: 20px;
		right: 20px;
		opacity: .8;
		display: none;
	}
	.opacity_box_lst>ul+ul {
		margin-top: 20px;
		padding-bottom: 0;
	}
	
}

@media all and (max-width:1160px) {
	.voiceye-app .product-box {
		height: 360px;
		padding: 45px 480px 38px 49px;
		margin-bottom: 45px;
		border: 0;
		background: -o-linear-gradient(42deg, #237eda, #7fb4fb);
		background: linear-gradient(48deg, #237eda, #7fb4fb);
		position: relative
	}
	.voiceye-app .product-box:after {
		content: '';
		display: block;
		position: absolute;
		width: 587px;
		height: 360px;
		top: 0;
		right: 0;
		background: url(../images/bg_app_phon.png)
	}
	.voiceye-app .product-box h2 {
		color: #fff;
		font-size: 2rem;
		font-weight: 500
	}
	.voiceye-app .product-box>p {
		color: #fff;
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 28px
	}
	.voiceye-app .product-box>p span {
		color: #fff;
		font-size: 1rem;
		font-weight: 300
	}
	.voiceye-app .product-box .btn-area {
		margin-top: 35px;
		overflow: unset;
		position: relative;
		z-index: 5
	}
	.voiceye-app .app_down .btn-area>a, .voiceye-app .product-box .btn-area>a
		{
		display: inline-block;
		width: 206px;
		height: 58px;
		border-radius: 6px;
		padding: 0 10px;
		-webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, .2);
		box-shadow: 3px 5px 10px rgba(0, 0, 0, .2)
	}
	.voiceye-app .product-box .btn-area>a>span {
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.voiceye-app .product-box .btn-area>a.googlestore {
		background: #fff url(../images/app_btn_download01.png) no-repeat center
			center
	}
	.voiceye-app .product-box .btn-area>a.appstore {
		margin-left: 15px;
		background: #fff url(../images/app_btn_download02.png) no-repeat center
			center
	}
	.voiceye-app .app_new {
		background: #f7f8f9;
		padding-bottom: 50px
	}
	.voiceye-app .app_cont {
		padding: 60px;
		position: relative;
		margin-bottom: 0
	}
	.voiceye-app .app_cont.left {
		padding-right: 50%
	}
	.voiceye-app .app_cont.left h4, .voiceye-app .app_cont.right h4 {
		color: #333;
		font-size: 2.375rem;
		font-weight: 500;
		margin-bottom: 200px
	}
	.voiceye-app .app_cont.left h4 span, .voiceye-app .app_cont.right h4 span
		{
		display: block;
		color: #888;
		font-size: 1.75rem;
		font-weight: 400;
		line-height: 44px
	}
	.voiceye-app .app_cont.left p, .voiceye-app .app_cont.right p {
		color: #666;
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 30px
	}
	.voiceye-app .app_cont.left p strong, .voiceye-app .app_cont.right p strong
		{
		color: #333;
		font-size: 1.125rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dt, .voiceye-app .app_cont.right dl dt {
		width: 428px;
		min-height: 140px;
		border: 3px solid;
		-o-border-image: -o-linear-gradient(330deg, #9ca8f6, #fdd1ac);
		border-image: linear-gradient(120deg, #9ca8f6, #fdd1ac);
		border-image-slice: 1;
		background: #fff;
		position: absolute;
		top: 171px;
		z-index: 10;
		color: #666;
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 30px;
		-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .15);
		box-shadow: 3px 3px 10px rgba(0, 0, 0, .15)
	}
	.voiceye-app .app_cont.left dl dt {
		left: 30px;
		padding: 39px 31px
	}
	.voiceye-app .app_cont.left dl dt:after, .voiceye-app .app_cont.left dl dt:before
		{
		display: block;
		border-top: 34px solid #fdd1ac;
		border-left: 49px solid transparent;
		border-right: 0 solid transparent;
		border-bottom: 0 solid transparent;
		content: "";
		position: absolute;
		bottom: -34px;
		right: -3px;
		z-index: 2
	}
	.voiceye-app .app_cont.left dl dt:before {
		border-top: 30px solid #fff;
		border-left: 43px solid transparent;
		bottom: -28px;
		right: 0;
		z-index: 3
	}
	.voiceye-app .app_cont.left dl dt p, .voiceye-app .app_cont.right dl dt p
		{
		color: #666;
		font-size: 1.375rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dt em, .voiceye-app .app_cont.right dl dt em
		{
		color: #11a0ff;
		font-size: 1.375rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dt strong, .voiceye-app .app_cont.right dl dt strong
		{
		color: #333;
		font-size: 1.375rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dd, .voiceye-app .app_cont.right dl dd {
		width: 50%;
		height: auto;
		position: absolute;
		top: 0;
		z-index: 5;
		background-size: 90% !important
	}
	.voiceye-app .app_cont.left dl dd {
		right: -23px;
		background: url(../images/bg_app_img01.png) no-repeat right top
	}
	.voiceye-app .app_cont.left dl dd img, .voiceye-app .app_cont.right dl dd img
		{
		display: block;
		width: 55%;
		margin: 84px auto 0
	}
	.voiceye-app .app_cont.right {
		padding-left: 60%
	}
	.voiceye-app .app_cont.right dl dt {
		padding: 39px 31px 39px 63px;
		right: 30px
	}
	.voiceye-app .app_cont.right dl dt:after, .voiceye-app .app_cont.right dl dt:before
		{
		display: block;
		border-top: 34px solid #9ca8f6;
		border-left: 0 solid transparent;
		border-right: 49px solid transparent;
		border-bottom: 0 solid transparent;
		content: "";
		position: absolute;
		bottom: -34px;
		left: -3px;
		z-index: 2
	}
	.voiceye-app .app_cont.right dl dt:before {
		border-top: 30px solid #fff;
		border-right: 43px solid transparent;
		bottom: -28px;
		left: 0;
		z-index: 3
	}
	.voiceye-app .app_cont.right dl dd {
		left: -23px;
		background: url(../images/bg_app_img02.png) no-repeat
	}
	.voiceye-app .app_cont:last-child {
		margin-bottom: 0
	}
	.voiceye-app .app_cont:nth-child(2) dl dt {
		top: 210px
	}
	.voiceye-app .app_cont:nth-child(2) dd {
		background: url(../images/bg_app_img02.png) no-repeat right top
	}
	.voiceye-app .app_cont:nth-child(3) h4 {
		margin-bottom: 240px
	}
	.voiceye-app .app_cont:nth-child(3) dl dt {
		top: 172px
	}
	.voiceye-app .app_cont:nth-child(3) dl dd {
		background: url(../images/bg_app_img03.png) no-repeat right top
	}
	.voiceye-app .app_cont:nth-child(4) {
		padding-right: 90px
	}
	.voiceye-app .app_cont:nth-child(4) dl dt {
		padding-right: 24px;
		top: 215px
	}
	.voiceye-app .app_cont:nth-child(4) dl dd {
		background: url(../images/bg_app_img04.png) no-repeat right top
	}
	.voiceye-app .app_cont:nth-child(4) dl dd img {
		width: 65%
	}
	.voiceye-app .app_down {
		padding: 47px 41px;
		background: url(../images/bg_app_down.png) no-repeat center center;
		background-size: 100% 100%;
		*zoom: 1;
		position: relative
	}
	.voiceye-app .app_down:after {
		display: block;
		clear: both;
		content: ""
	}
	.voiceye-app .app_down p {
		color: #fff;
		font-size: 1.375rem;
		font-weight: 300;
		margin-bottom: 35px
	}
	.voiceye-app .app_down img {
		margin-left: 58px;
		float: left
	}
	.voiceye-app .app_down .btn-area {
		margin-top: 35px;
		overflow: unset;
		position: absolute;
		bottom: 47px;
		left: 374px
	}
	.voiceye-app .app_down .btn-area>a>span {
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.voiceye-app .app_down .btn-area>a.googlestore {
		background: #fff url(../images/app_btn_download01.png) no-repeat center
			center
	}
	.voiceye-app .app_down .btn-area>a.appstore {
		margin-left: 15px;
		background: #fff url(../images/app_btn_download02.png) no-repeat center
			center
	}
	header {
		padding: 0 20px
	}
	header .header-inbox {
		width: 100%
	}
	header .nav-wrap {
		margin-left: 200px
	}
	header .gnb {
		width: 650px
	}
	header .gnb>li.active>.gnb-dep2 {
		padding-left: 180px
	}
	.allmenu-wrap {
		padding-left: 50px;
		padding-right: 50px
	}
	.allmenu-box {
		width: 100%
	}
	.allmenu-box .allmenu {
		width: 100%;
		margin-left: 0
	}
	.allmenu-box .allmenu>li {
		width: calc(( 100% - 300px)/3)
	}
	.allmenu-box .allmenu>li:first-child {
		width: 300px
	}
	.container {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px
	}
	.container.main {
		padding-left: 0;
		padding-right: 0
	}
	.content-box {
		width: 100%
	}
	.footer-wrap {
		width: 100%;
		padding-right: 20px;
		padding-left: 195px
	}
	.footer-wrap .footer-logo {
		left: 20px
	}
	.footer-wrap .footerMS {
		top: 60px
	}
	.footer-wrap .btn-private-policy, .footer-wrap .logo-wa {
		right: 300px
	}
	.banner .bx-controls, .main-business>.business-list, .main-sw>.sw-list {
		width: 100%
	}
	.banner .bx-controls .bx-prev, .contact .contact-list.traffic>dl>dt:before
		{
		left: 10px
	}
	.banner .bx-controls .bx-next {
		right: 10px
	}
	.main-board, .main-business, .main-sw {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px
	}
	.main-business>.business-list>li {
		padding-left: 0
	}
	.main-business>.business-list>li>.inner-box>a>dl>dd {
		font-size: .75em
	}
	.main-board>.board-list {
		width: 100%;
		padding: 54px 0
	}
	.main-board .board-list>li {
		width: 60%
	}
	.main-board .board-list>li:first-child {
		width: 40%
	}
	.business .business-cate {
		padding-left: 400px
	}
	.business .business-cate:before {
		width: 360px;
		left: 15px;
		background-size: 346px 454px;
		background-position: 0 -168px
	}
	.business .business-cate>ul>li {
		padding: 40px 0
	}
	.business .business-cate>ul>li>dl>dt {
		font-size: 2em
	}
	.business .business-cate>ul>li>dl>dd, .mobile-tr .vrifi-step>ul>li>.img-inbox>p
		{
		font-size: .938em
	}
	.mobile-tr .diagram>ol>li>.inbox>.l-box:before {
		right: -170px
	}
	.mobile-tr .diagram>ol>li>.inbox>.r-box:before {
		left: -170px
	}
	.mobile-tr .verify>ol>li>.inbox>.imgbox {
		width: 80%;
		margin: 25px auto 0
	}
	.mobile-tr .vrifi-step>ul>li>.num-inbox {
		width: 102px
	}
	.mobile-tr .vrifi-step>ul>li:first-child>.img-inbox {
		margin-right: 15px
	}
	.mobile-tr .verifi-service>ul>li {
		width: 100%;
		margin-bottom: 30px;
		text-align: center
	}
	.mobile-tr .verifi-service>ul>li:first-child {
		width: 100%
	}
	.mobile-tr .verifi-service>ul>li>.boxwrap {
		float: none;
		display: inline-block
	}
	.internet .inbox {
		padding-right: 220px;
		background-size: 246px 169px
	}
	.internet .imgbox-list li>.imgbox-inbox .imgbox {
		height: auto
	}
	.internet .imgbox-list li>.imgbox-inbox p {
		font-size: .875rem
	}
	.product .product-box {
		background-size: 284px auto;
		background-position: 96% center
	}
	.product.voiceye-code .product-box {
		padding-right: 540px;
		background-size: auto 100%;
		background-position: top right
	}
	.product.voiceye-hw .product-box {
		padding-right: 540px
	}
	.product.voiceye-hw .photo-list>ul>li:first-child>.imgbox {
		margin-top: 5%
	}
	.voiceye-hw .function-list.pc-mate>li>.inbox {
		padding-left: 135px
	}
	.voiceye-hw .function-list.pc-mate>li>.inbox:after {
		left: 20px
	}
	.voiceye-app .product-box {
		background-position: 110% top;
		background-size: auto 100%
	}
	.voiceye-app .app-menu-list>li>.inbox, .voiceye-app .list_old>li>.inbox
		{
		min-height: 201px
	}
	.voiceye-app .app-menu-list>li:nth-child(10)>.inbox, .voiceye-app .app-menu-list>li:nth-child(9)>.inbox,
		.voiceye-app .list_old>li:nth-child(10)>.inbox, .voiceye-app .list_old>li:nth-child(9)>.inbox
		{
		min-height: 336px
	}
	.global {
		padding-top: 480px
	}
	.global:before {
		height: 450px
	}
	.customer .build-list>li>.list-inbox {
		height: auto
	}
	.service .service-list {
		padding: 40px
	}
	.service .service-list>li>.inbox {
		width: 100%
	}
	.service .service-list>li>.inbox+.inbox {
		width: 100%;
		margin-top: 20px;
		padding-top: 20px;
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid #d9d9d9
	}
	.service .service-list>li>.inbox+.inbox h2 {
		margin-top: 20px
	}
	.voiceye-inc {
		background-size: 45% auto
	}
	.contact .contact-list {
		padding: 0 20px
	}
	.contact .contact-list>dl>dt {
		width: 260px
	}
	.contact .contact-list>dl>dd {
		width: calc(100% - 260px)
	}
	.contact .contact-list.traffic>dl>dt {
		padding-left: 90px
	}
}

@media all and (max-width:1035px) {
	.voiceye-app .product-box {
		height: auto;
		padding: 45px !important;
		margin-bottom: 45px;
		border: 0;
		background: -o-linear-gradient(42deg, #237eda, #7fb4fb);
		background: linear-gradient(48deg, #237eda, #7fb4fb);
		position: relative
	}
	.voiceye-app .product-box:after {
		display: none
	}
	.voiceye-app .product-box h2 {
		color: #fff;
		font-size: 2rem;
		font-weight: 500
	}
	.voiceye-app .product-box>p {
		color: #fff;
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 28px
	}
	.voiceye-app .product-box>p span {
		color: #fff;
		font-size: 1rem;
		font-weight: 300
	}
	.voiceye-app .product-box .btn-area {
		margin-top: 35px;
		overflow: unset;
		position: relative;
		z-index: 5
	}
	.voiceye-app .app_down .btn-area>a, .voiceye-app .product-box .btn-area>a
		{
		display: inline-block;
		width: 206px;
		height: 58px;
		border-radius: 6px;
		padding: 0 10px;
		-webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, .2);
		box-shadow: 3px 5px 10px rgba(0, 0, 0, .2)
	}
	.voiceye-app .product-box .btn-area>a>span {
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.voiceye-app .product-box .btn-area>a.googlestore {
		background: #fff url(../images/app_btn_download01.png) no-repeat center
			center
	}
	.voiceye-app .product-box .btn-area>a.appstore {
		margin-left: 15px;
		background: #fff url(../images/app_btn_download02.png) no-repeat center
			center
	}
	.voiceye-app .app_new {
		background: #f7f8f9;
		padding-bottom: 50px
	}
	.voiceye-app .app_cont {
		padding: 60px;
		position: relative;
		margin-bottom: 0
	}
	.voiceye-app .app_cont.left {
		padding-right: 50%
	}
	.voiceye-app .app_cont.left h4, .voiceye-app .app_cont.right h4 {
		color: #333;
		font-size: 2.375rem;
		font-weight: 500;
		margin-bottom: 200px
	}
	.voiceye-app .app_cont.left h4 span, .voiceye-app .app_cont.right h4 span
		{
		display: block;
		color: #888;
		font-size: 1.75rem;
		font-weight: 400;
		line-height: 44px
	}
	.voiceye-app .app_cont.left p, .voiceye-app .app_cont.right p {
		color: #666;
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 30px
	}
	.voiceye-app .app_cont.left p strong, .voiceye-app .app_cont.right p strong
		{
		color: #333;
		font-size: 1.125rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dt, .voiceye-app .app_cont.right dl dt {
		width: 428px;
		min-height: 140px;
		border: 3px solid;
		-o-border-image: -o-linear-gradient(330deg, #9ca8f6, #fdd1ac);
		border-image: linear-gradient(120deg, #9ca8f6, #fdd1ac);
		border-image-slice: 1;
		background: #fff;
		position: absolute;
		top: 171px;
		z-index: 10;
		color: #666;
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 30px;
		-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .15);
		box-shadow: 3px 3px 10px rgba(0, 0, 0, .15)
	}
	.voiceye-app .app_cont.left dl dt {
		left: 30px;
		padding: 39px 31px
	}
	.voiceye-app .app_cont.left dl dt:after, .voiceye-app .app_cont.left dl dt:before
		{
		display: block;
		border-top: 34px solid #fdd1ac;
		border-left: 49px solid transparent;
		border-right: 0 solid transparent;
		border-bottom: 0 solid transparent;
		content: "";
		position: absolute;
		bottom: -34px;
		right: -3px;
		z-index: 2
	}
	.voiceye-app .app_cont.left dl dt:before {
		border-top: 30px solid #fff;
		border-left: 43px solid transparent;
		bottom: -28px;
		right: 0;
		z-index: 3
	}
	.voiceye-app .app_cont.left dl dt p, .voiceye-app .app_cont.right dl dt p
		{
		color: #666;
		font-size: 1.375rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dt em, .voiceye-app .app_cont.right dl dt em
		{
		color: #11a0ff;
		font-size: 1.375rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dt strong, .voiceye-app .app_cont.right dl dt strong
		{
		color: #333;
		font-size: 1.375rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dd, .voiceye-app .app_cont.right dl dd {
		width: 50%;
		height: auto;
		position: absolute;
		top: 0;
		z-index: 5;
		background-size: 90% 100% !important
	}
	.voiceye-app .app_cont.left dl dd {
		right: -23px;
		background: url(../images/bg_app_img01.png) no-repeat right top
	}
	.voiceye-app .app_cont.left dl dd img, .voiceye-app .app_cont.right dl dd img
		{
		display: block;
		width: 55%;
		margin: 84px auto 0
	}
	.voiceye-app .app_cont.right {
		padding-left: 60%
	}
	.voiceye-app .app_cont.right dl dt {
		padding: 39px 31px 39px 63px;
		right: 30px
	}
	.voiceye-app .app_cont.right dl dt:after, .voiceye-app .app_cont.right dl dt:before
		{
		display: block;
		border-top: 34px solid #9ca8f6;
		border-left: 0 solid transparent;
		border-right: 49px solid transparent;
		border-bottom: 0 solid transparent;
		content: "";
		position: absolute;
		bottom: -34px;
		left: -3px;
		z-index: 2
	}
	.voiceye-app .app_cont.right dl dt:before {
		border-top: 30px solid #fff;
		border-right: 43px solid transparent;
		bottom: -28px;
		left: 0;
		z-index: 3
	}
	.voiceye-app .app_cont.right dl dd {
		left: -23px;
		background: url(../images/bg_app_img02.png) no-repeat
	}
	.voiceye-app .app_cont:last-child {
		margin-bottom: 0
	}
	.voiceye-app .app_cont:nth-child(2) dl dt {
		top: 210px
	}
	.voiceye-app .app_cont:nth-child(2) dd {
		background: url(../images/bg_app_img02.png) no-repeat right top
	}
	.voiceye-app .app_cont:nth-child(3) h4 {
		margin-bottom: 240px
	}
	.voiceye-app .app_cont:nth-child(3) dl dt {
		top: 172px
	}
	.voiceye-app .app_cont:nth-child(3) dl dd {
		background: url(../images/bg_app_img03.png) no-repeat right top
	}
	.voiceye-app .app_cont:nth-child(4) {
		padding-right: 90px
	}
	.voiceye-app .app_cont:nth-child(4) dl dt {
		padding-right: 24px;
		top: 215px
	}
	.voiceye-app .app_cont:nth-child(4) dl dd {
		background: url(../images/bg_app_img04.png) no-repeat right top
	}
	.voiceye-app .app_cont:nth-child(4) dl dd img {
		width: 65%
	}
	.voiceye-app .app_down {
		padding: 47px 41px;
		background: url(../images/bg_app_down.png) no-repeat center center;
		background-size: 100% 100%;
		*zoom: 1;
		position: relative
	}
	.voiceye-app .app_down:after {
		display: block;
		clear: both;
		content: ""
	}
	.voiceye-app .app_down p {
		color: #fff;
		font-size: 1.375rem;
		font-weight: 300;
		margin-bottom: 35px
	}
	.voiceye-app .app_down img {
		margin-left: 58px;
		float: left
	}
	.voiceye-app .app_down .btn-area {
		margin-top: 35px;
		overflow: unset;
		position: absolute;
		bottom: 47px;
		left: 374px
	}
	.voiceye-app .app_down .btn-area>a>span {
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.voiceye-app .app_down .btn-area>a.googlestore {
		background: #fff url(../images/app_btn_download01.png) no-repeat center
			center
	}
	.voiceye-app .app_down .btn-area>a.appstore {
		margin-left: 15px;
		background: #fff url(../images/app_btn_download02.png) no-repeat center
			center
	}
}

@media all and (max-width:1024px) {
	.owl-theme .owl-nav {
		display: block
	}
	.owl-carousel .owl-nav button.owl-prev {
		position: absolute;
		top: 0;
		left: 0;
		width: 51px;
		height: 58px;
		border-right: 1px solid #ddd
	}
	.owl-carousel .owl-nav button.owl-next>span, .owl-carousel .owl-nav button.owl-prev>span
		{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.owl-carousel .owl-nav button.owl-next>span:after, .owl-carousel .owl-nav button.owl-prev>span:after
		{
		position: absolute;
		display: block;
		top: 21px;
		left: 20px;
		width: 13px;
		height: 13px;
		border-top: 2px solid #818182;
		content: ""
	}
	.owl-carousel .owl-nav button.owl-prev>span:after {
		border-left: 2px solid #818182;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.owl-carousel .owl-nav button.owl-next {
		position: absolute;
		top: 0;
		right: 0;
		width: 51px;
		height: 58px;
		border-left: 1px solid #ddd
	}
	.owl-carousel .owl-nav button.owl-next>span:after {
		border-right: 2px solid #818182;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.owl-carousel .owl-nav button.disabled {
		opacity: .5;
		cursor: default
	}
	.footer-wrap .top-btn-wrap {
		right: 10px;
		bottom: 10px
	}
	.product .product-box {
		padding-right: 32%
	}
	.product .product-box>p {
		font-size: .938em
	}
	.product.voiceye-code .product-box {
		padding-right: 500px
	}
	.notice_imgbtn {
		margin: 56px 0;
		min-width: 300px;
		height: 45px;
		line-height: 45px;
		font-size: 1.25rem
	}
	.opacity_box_lst>ul>li br {
		display: none;
	}
	.inbox_con.support {
		margin-top: 40px;
		margin-bottom: 0;
		padding: 0;
	}
	
	
	.service .service-list>li .inbox_con.support {
		width: 100%;
		float: none;
		height: auto;
		word-break: keep-all;
		border-right:none;
		border-bottom: 1px solid #d9d9d9;
		margin-left: 0;
		margin-top: 0;
		padding: 0;
	}
	
	.service .service-list>li .inbox_con.support+.inbox_con.support {
		margin-top: 0;
		    border-bottom: 1px solid #d9d9d9;
	}
	
	.service .service-list>li .inbox_con.support:last-child {
		width: 100%;
		float: none;
		height: auto;
		word-break: keep-all;
		border-right:none;
		border-bottom: none !important;
		margin-left: 0;
	}
	
	.inbox_con.support ul li {
	    padding-bottom: 60px;
		margin-top: 30px;
		padding-left: 0;
		border-left: 0;
	}
	.inbox_con.support ul li br {
		display: none;
	}
	.inbox_con.support:last-chile {
		border-bottom: none;
	}
		.banner .item-box.text.TC>.innder-box {
		padding-left: 250px;
		padding-top: 75px;
		position: absolute
	}
	.banner .item-box.text>.innder-box .main_item03 {
		left: 600px;
		top: 240px;
		background-size: 330px;
	}
}

@media all and (max-width:1023px) {
	html {
		font-size: 14px
	}
	.container {
		padding-top: 228px !important
	}
	.container.main {
		padding-top: 50px !important
	}
	.subtitle-wrap {
		top: 50px
	}
	header {
		position: fixed;
		height: 50px;
		top: 0;
		left: 0
	}
	header .gnb>li>.gnb-dep2:after, header .gnb>li>.gnb-dep2:before, header.on:before
		{
		display: none
	}
	header .header-inbox {
		width: 100%;
		height: 100%
	}
	header .logo {
		position: relative;
		margin: 0 auto;
		width: 122px;
		height: 49px
	}
	header .logo a {
		background-size: 122px 28px;
		background-position: center center
	}
	header .contact_top, header .language {
		right: -11px;
		top: 7px
	}
	.mobile-btn-area {
		display: block;
		position: absolute;
		top: 15px;
		left: 0
	}
	.mobile-btn-area .mobile-menu-open {
		display: block;
		position: relative;
		width: 20px;
		height: 18px;
		background: #333;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s
	}
	.mobile-btn-area .mobile-menu-open>span {
		position: absolute;
		display: block;
		top: 0;
		left: 4px;
		width: 12px;
		height: 19px;
		border-left: 4px solid #fff;
		border-right: 4px solid #fff;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		background: 0 0
	}
	.mobile-btn-area .mobile-menu-open:after {
		position: absolute;
		top: 4px;
		left: 0;
		width: 20px;
		height: 10px;
		border-top: 3px solid #fff;
		border-bottom: 3px solid #fff;
		background: 0 0;
		content: ""
	}
	.btn-allmenu:focus, .mobile-btn-area .mobile-menu-open:hover {
		background: #0071bd
	}
	.header-inbox.open:before, header .nav-wrap {
		display: block;
		position: fixed;
		top: 0;
		bottom: 0;
		height: 100%
	}
	.header-inbox.open:before {
		right: 0;
		background: rgba(0, 0, 0, .5);
		content: "";
		z-index: 998;
		left: 0;
		width: 100%
	}
	header .nav-wrap {
		margin-left: 0;
		padding-top: 51px;
		background: url(../images/bg_m_logo.png) no-repeat 20px 13px;
		background-color: #0071bd;
		background-size: 110px 26px;
		-webkit-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s;
		-webkit-box-shadow: none;
		box-shadow: none;
		z-index: 999;
		left: -250px;
		width: 250px
	}
	.header-inbox.open .nav-wrap {
		left: 0;
		-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .5);
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .5)
	}
	.nav-wrap>nav {
		background: #fff
	}
	.nav-wrap>nav, .nav-wrap>nav>.gnb {
		width: 100%;
		height: 100%
	}
	.nav-wrap>nav>.gnb>li, header .gnb>li>.gnb-dep2>li {
		position: relative;
		width: 100%;
		border-bottom: 1px solid #d9d9d9
	}
	header .gnb>li>.gnb-dep2>li {
		display: block;
		float: none;
		height: auto;
		border-bottom: 1px solid #e7e7e7
	}
	header .gnb>li>a {
		display: block;
		width: 100%;
		height: 39px;
		padding-left: 22px;
		color: #000;
		font-size: 1em;
		line-height: 39px;
		text-align: left
	}
	header .gnb>li.active {
		background: #f9f9f9
	}
	header .gnb>li.active>a {
		color: #0071bd !important;
		border-bottom: 1px solid #0071bd;
		background: #fff
	}
	header .gnb>li>.gnb-dep2 {
		position: relative;
		top: auto;
		left: auto;
		display: none;
		width: 100%;
		height: auto;
		padding: 0 !important
	}
	header .gnb>li>.gnb-dep2>li:last-child {
		border-bottom: 0
	}
	header .gnb>li>.gnb-dep2>li>a {
		position: relative;
		display: block;
		font-size: .929em;
		color: #444;
		font-weight: 400;
		line-height: 35px;
		padding: 0 35px
	}
	header .gnb>li>.gnb-dep2>li>a:before {
		left: 22px
	}
	header .gnb>li:nth-child(2)>.gnb-dep2>li {
		margin-top: 0
	}
	header .gnb>li>.gnb-dep2>li .gnb-dep3 {
		position: relative;
		padding: 5px 0;
		top: auto;
		left: auto
	}
	.global .tb-basic.global-table table tbody, .global .tb-basic.global-table table tbody td>dl>dd,
		.global .tb-basic.global-table table tbody td>dl>dt, .global .tb-basic.global-table table tbody tr,
		.product .tb-basic.spec-table tbody tr, header .gnb>li>.gnb-dep2>li .gnb-dep3>li
		{
		display: block
	}
	header .gnb>li>.gnb-dep2>li .gnb-dep3>li>a {
		display: block;
		padding-left: 34px;
		line-height: 28px;
		font-size: .857em;
		color: #444
	}
	header .gnb>li>.gnb-dep2>li .gnb-dep3>li>a:before {
		left: 24px
	}
	header .gnb>li>.gnb-dep2>li.has-children>a {
		border-bottom: 1px solid #e7e7e7
	}
	header .gnb li:before {
		position: absolute;
		top: 13px;
		right: 22px;
		width: 8px;
		height: 8px;
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		-webkit-transition: all .15s ease-in-out;
		-o-transition: all .15s ease-in-out;
		transition: all .15s ease-in-out;
		content: ""
	}
	header .gnb li.active:before {
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
		top: 16px;
		border-color: #0071bd
	}
	.nav-wrap .mobile-menu-close>span:before, header .gnb>li>.gnb-dep2>li:before
		{
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	header .gnb li:before, header .gnb>li>.gnb-dep2>li.has-children:before {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.allmenu-wrap, .btn-allmenu-wrap, header .gnb-dep3 li:before {
		display: none
	}
	.nav-wrap .mobile-menu-close {
		z-index: 999;
		display: block;
		position: absolute;
		top: 10px;
		left: 214px;
		width: 26px;
		height: 26px;
		-webkit-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s
	}
	.nav-wrap .mobile-menu-close>span {
		display: block;
		position: relative;
		width: 26px;
		height: 26px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.nav-wrap .mobile-menu-close>span:before {
		position: absolute;
		top: 0;
		left: 12px;
		width: 2px;
		height: 28px;
		background: #fff;
		content: ""
	}
	.nav-wrap .mobile-menu-close>span:after {
		position: absolute;
		top: 0;
		right: 12px;
		width: 2px;
		height: 28px;
		background: #fff;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		content: ""
	}
	.footer-wrap {
		height: auto;
		padding-left: 20px;
		padding-bottom: 60px;
		padding-top: 15px
	}
	.footer-wrap, .footer-wrap dl, .product.voiceye-hw .tab-content>h2 {
		text-align: center
	}
	.footer-wrap .copyright, .footer-wrap address {
		text-align: center;
		font-size: .786em
	}
	.footer-wrap .copyright {
		margin-top: 20px
	}
	.footer-wrap .footer-logo {
		width: 96px;
		height: 17px;
		background-size: auto 100%;
		top: auto;
		bottom: 25px;
		left: 50%;
		margin-left: -48px
	}
	.app-info-wrap, .footer-wrap .logo-wa, .global .tb-basic.global-table table colgroup,
		.global .tb-basic.global-table table thead, .mobile-tr .diagram>ol>li>.inbox>.l-box:before,
		.mobile-tr .diagram>ol>li>.inbox>.r-box:before, .product .tb-basic.spec-table colgroup,
		.product .tb-basic.spec-table thead, .product.voiceye-hw .pcmate-spec>li .tb-basic tbody td:before
		{
		display: none
	}
	.footer-wrap .btn-private-policy {
		right: 20px;
		top: 35px
	}
	.footer-wrap .footerMS {
		top: 65px
	}
	.main-business {
		padding: 30px 20px
	}
	.main-business>.business-list>li>.inner-box>a {
		padding-top: 100px
	}
	.main-business>.business-list>li>.inner-box a:before {
		width: 80px;
		height: 80px;
		margin-left: -40px
	}
	.main-business>.business-list>li>.inner-box a:after {
		width: 80px;
		height: 80px;
		margin-left: -40px;
		background-size: 175px 875px;
		background-position: -5px -5px
	}
	.main-business>.business-list>li>.inner-box>a>dl>dd {
		padding-left: 13px;
		padding-right: 13px
	}
	.main-business>.business-list>li:nth-child(2)>.inner-box a:after {
		background-position: -6px -95px
	}
	.main-business>.business-list>li:nth-child(3)>.inner-box a:after {
		background-position: -6px -188px
	}
	.main-business>.business-list>li:nth-child(4)>.inner-box a:after {
		background-position: -6px -282px
	}
	.main-sw>.sw-list>li>.inner-box>.btn-area>a {
		width: 80px
	}
	.main-board>.board-list {
		padding: 30px 0 54px
	}
	.main-board .board-list>li {
		width: 100% !important
	}
	.main-board .board-list>li:first-child {
		padding-right: 0;
		padding-bottom: 20px
	}
	.main-board .download-wrap .download-list li {
		width: 40% !important;
		margin-left: 0
	}
	.main-board .download-wrap .download-list li:first-child {
		width: 60% !important;
		padding-right: 8px
	}
	.business .business-cate {
		padding-left: 0;
		padding-top: 300px
	}
	.business .business-cate:before {
		top: 0;
		left: 50%;
		width: 346px;
		height: 287px;
		margin-left: -173px
	}
	.business .business-cate>ul {
		padding: 0 50px
	}
	.business .business-cate>ul>li:last-child {
		border-bottom: 1px solid #d9d9d9
	}
	.business>.inbox>p {
		line-height: 22px
	}
	.mobile-tr .diagram>ol {
		height: auto;
		margin-bottom: 75px
	}
	.mobile-tr .diagram>ol>li>.inbox>.l-box {
		position: static;
		top: auto;
		left: auto;
		margin: 10px auto
	}
	.mobile-tr .diagram>ol>li>.inbox>.r-box {
		position: static;
		top: auto;
		right: auto;
		margin: 0 auto
	}
	.mobile-tr .verify>ol>li {
		width: 50%
	}
	.mobile-tr .vrifi-step>ul {
		width: 500px;
		margin: 0 auto 90px;
		text-align: center
	}
	.mobile-tr .vrifi-step>ul>li {
		margin-bottom: 40px
	}
	.internet .inbox {
		padding: 40px;
		background-image: none
	}
	.internet .imgbox-list {
		padding: 0 20px
	}
	.internet .imgbox-list li {
		width: calc(50% - 12px);
		margin-bottom: 20px
	}
	.internet .imgbox-list li:nth-child(3) {
		margin-left: 0
	}
	.internet .imgbox-list li>.imgbox-inbox {
		width: 70%;
		margin: 0 auto
	}
	.internet .imgbox-list li>.imgbox-inbox .imgbox {
		height: auto
	}
	.product .product-box {
		padding: 30px 35% 30px 30px;
		background-position: 100% center
	}
	.product .product-box.TC {
		background-position: 93% center;
		background-size: 230px;
	}
	.product .product-box.TC_FIDO {
		background-position: 93% center;
		background-size: 230px;
	}
	.product .list-dot {
		padding-left: 270px;
		background-size: 235px 235px;
		background-position: 0 0
	}
	.product.voiceye-hw .product-box {
		height: auto;
		padding-right: 35%
	}
	.voiceye-hw .product-box>.photobox {
		top: 50px;
		right: 50px;
		width: 200px;
		height: 200px;
		overflow: hidden;
		border-radius: 50%
	}
	.voiceye-hw .product-box>.photobox>img {
		height: 100%;
		width: auto
	}
	.voiceye-hw .photo-list {
		width: 530px;
		height: 720px;
		margin-left: auto;
		margin-right: auto
	}
	.voiceye-hw .photo-list>ul {
		border-right: 1px solid #d9d9d9;
		overflow: hidden
	}
	.voiceye-hw .photo-list>ul>li {
		height: 360px
	}
	.voiceye-hw .photo-list>ul>li:first-child {
		width: 100%;
		height: 360px;
		border-right: none;
		border-bottom: 1px solid #d9d9d9
	}
	.voiceye-hw .function-list, .voiceye-hw .function-list.photo {
		width: 566px;
		margin-left: auto;
		margin-right: auto
	}
	.voiceye-hw .function-list>li, .voiceye-hw .function-list>li>.inbox {
		width: 100%;
		float: none;
		height: auto
	}
	.voiceye-hw .function-list.pc-mate>li>.inbox {
		float: none
	}
	.voiceye-hw .function-list.photo>li {
		height: auto;
		overflow: hidden
	}
	.voiceye-hw .pcmate-spec {
		width: 100%
	}
	.voiceye-hw .pcmate-spec>li {
		width: 100% !important;
		float: none
	}
	.voiceye-hw .pcmate-spec>li:first-child {
		padding: 0 0 90px
	}
	.product.voiceye-hw .pcmate-spec>li .tb-basic, .product.voiceye-hw .tb-basic.spec-table,
		.voiceye-hw .pcmate-spec>li>.pcmate-img, .voiceye-hw .pcmate-spec>li>p
		{
		width: 566px;
		margin-left: auto;
		margin-right: auto
	}
	.product .tb-basic.spec-table {
		display: block;
		border-bottom: none
	}
	.product .tb-basic.spec-table tbody td {
		position: relative;
		display: block;
		padding: 10px 0 10px 30%;
		height: auto;
		text-align: left;
		border: 0;
		border-bottom: 1px solid #d9d9d9
	}
	.product .tb-basic.spec-table tbody td:before {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(30% - 10px);
		height: 100%;
		padding: 10px 0;
		background: #f8f8f8;
		border-right: 1px solid #d9d9d9;
		color: #333;
		font-size: 1em;
		font-weight: 400;
		text-align: center;
		content: "cpu"
	}
	.product .tb-basic.spec-table tbody td:nth-child(2):before {
		content: "운영체제"
	}
	.product .tb-basic.spec-table tbody td:nth-child(3):before {
		content: "RAM"
	}
	.product .tb-basic.spec-table tbody td:nth-child(4):before {
		content: "버전"
	}
	.product.voiceye-hw .pcmate-spec>li .tb-basic tbody td {
		padding: 10px 0 10px 10px;
		height: 33px;
		font-size: .875em
	}
	.product.voiceye-hw .pcmate-spec>li .tb-basic tbody th {
		width: calc(30% - 10px) !important;
		padding: 10px;
		height: 33px;
		font-size: .875em
	}
	.product.voiceye-hw .tb-basic.spec-table tbody td:before {
		content: "운영체계"
	}
	.product.voiceye-hw .tb-basic.spec-table tbody td:nth-child(2):before {
		content: "프로세서"
	}
	.product.voiceye-hw .tb-basic.spec-table tbody td:nth-child(3):before {
		content: "메모리"
	}
	.product.voiceye-hw .tb-basic.spec-table tbody td:nth-child(4):before {
		content: "하드디스크"
	}
	.product.voiceye-hw .tb-basic.spec-table tbody td:nth-child(5):before {
		content: "인터페이스"
	}
	.product.voiceye-code .product-box {
		padding-right: 20px;
		margin-bottom: 75px;
		background-image: none
	}
	.global {
		padding-top: 370px
	}
	.global:before {
		height: 350px
	}
	.global>h2 {
		margin-top: 75px
	}
	.global .tb-basic.global-table table tbody th {
		display: block;
		border: 0;
		border-top: 1px solid #d9d9d9;
		width: 100%;
		height: auto;
		background: #f3f3f3;
		color: #333;
		font-weight: 500;
		text-align: center
	}
	.global .tb-basic.global-table table tbody td {
		display: block;
		border: 0;
		border-top: 1px solid #d9d9d9;
		width: 100%;
		text-align: left;
		height: auto
	}
	.global .tb-basic.global-table table tbody tr:first-child th {
		border-top: 0
	}
	.global .tb-basic.global-table table tbody td:nth-child(2) {
		background: #f3f3f3;
		text-align: center;
		border-top: 1px dashed #d9d9d9
	}
	.material .material-list>li {
		width: 25%
	}
	.contact .contact-list>dl+dl, .service .service-list>li+li {
		border-top: 1px solid #d9d9d9
	}
	.service .service-list>li>.inbox, .service .service-list>li>.inbox+.inbox
		{
		padding-left: 0
	}
	.service .service-list>li>.inbox+.inbox h2 {
		margin-top: 0
	}
	.service .service-list>li>.inbox>h2 {
		position: static;
		margin-bottom: 15px
	}
	.service .service-list>li>.inbox>ul {
		width: 47% !important;
		margin-right: 3%;
		float: left
	}
	.service .service-list>li>.inbox>ul:nth-child(4), .service .service-list>li>.inbox>ul:nth-child(5)
		{
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px dashed #d9d9d9
	}
	.contact .contact-list>dl {
		padding-top: 10px
	}
	.contact .contact-list>dl>dt {
		width: 100% !important;
		height: 50px;
		padding-left: 60px;
		padding-bottom: 10px;
		margin-bottom: 15px;
		border-bottom: 1px dashed #d9d9d9;
		line-height: 40px
	}
	.contact .contact-list>dl>dt:before {
		width: 40px;
		height: 40px;
		top: 0;
		background-size: 40px 200px;
		background-color: #f3f3f3;
		border-radius: 50%
	}
	.contact .contact-list>dl:nth-child(2)>dt:before {
		background-position: 0 -40px
	}
	.contact .contact-list>dl:nth-child(3)>dt:before {
		background-position: 0 -80px
	}
	.contact .contact-list>dl:nth-child(4)>dt:before {
		background-position: 0 -120px
	}
	.contact .contact-list>dl:nth-child(5)>dt:before {
		background-position: 0 -160px
	}
	.contact .contact-list>dl>dd {
		width: 100% !important;
		padding-left: 10px;
		padding-right: 10px
	}
	.contact .contact-list.traffic>dl>dt {
		height: 50px;
		padding-left: 60px;
		padding-bottom: 10px;
		margin-bottom: 15px;
		border-bottom: 1px dashed #d9d9d9;
		line-height: 40px
	}
	.contact .contact-list.traffic>dl>dt:before {
		width: 40px;
		height: 40px;
		background-size: 40px 120px;
		border: 0;
		background-color: #f3f3f3
	}
	.contact .contact-list.traffic>dl.bus>dt:before {
		background-position: 0 -40px
	}
	.contact .contact-list.traffic>dl.walk>dt:before {
		background-position: 0 -80px
	}
	.contact .contact-list.traffic>dl.walk>dd {
		padding-top: 9px
	}
	.voiceye-ci>.cibox-list>ul {
		margin: 0 auto;
		width: 500px
	}
	.voiceye-ci>.cibox-list>ul>li {
		width: 100%;
		padding: 0
	}
	.voiceye-ci>.cibox-list>ul>li+li {
		margin-top: 30px
	}
	.voiceye-ci>.cibox-list.bi-list>ul>li>.cibox>img {
		width: auto;
		height: 51px
	}
	.voiceye-ci>.cibox-list+.btn-area {
		text-align: center
	}
}

@media all and (max-width:965px) {
	.app_noti {
		width: 100%;
		background-size: 100%;
		padding: 50px
	}
	.app_noti:after, .app_noti:before {
		content: '';
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		background-size: 100%;
		z-index: 1
	}
	.app_noti:after {
		height: 1553px;
		top: 0
	}
	.app_noti:before {
		bottom: 0
	}
	.app_noti_top {
		position: relative;
		margin-bottom: 45px
	}
	.app_noti_top p br, .app_noti_top:after {
		display: none
	}
	.app_noti_top h3 {
		font-size: 3.75rem;
		color: #fff;
		line-height: 72px;
		font-weight: 500
	}
	.app_noti_bottom dl dd .ui_img_box img, .app_noti_top h3 span {
		display: inline-block
	}
	.app_noti_top .market_btn {
		margin: 25px 0
	}
	.app_noti_top .market_btn a {
		font-family: 'SpoqaHanSans';
		display: inline-block;
		width: 180px;
		height: 50px;
		background: #141414;
		border-radius: 4px;
		text-align: center;
		line-height: 50px
	}
	.app_noti_top .market_btn a:hover {
		background: #000
	}
	.app_noti_bottom dl dd .ui_img_box img+img, .app_noti_top .market_btn a+a
		{
		margin-left: 15px
	}
	.app_noti_top .market_btn a span {
		font-family: 'SpoqaHanSans';
		color: #fff;
		font-weight: 400;
		font-size: 14px;
		text-shadow: none;
		padding-left: 38px;
		position: relative
	}
	.app_noti_top .market_btn a.android span:after {
		content: "";
		display: block;
		background: url(../images/noti/android.png) no-repeat;
		width: 26px;
		height: 31px;
		position: absolute;
		left: 0;
		top: -6px
	}
	.app_noti_top .market_btn a.apple span:after {
		content: "";
		display: block;
		background: url(../images/noti/apple.png) no-repeat;
		width: 24px;
		height: 29px;
		position: absolute;
		left: 5px;
		top: -5px
	}
	.app_noti_top p {
		font-size: 1.25rem;
		line-height: 40px;
		color: #fff;
		margin-top: 10px
	}
	.app_noti_top p.desc {
		margin-top: 0;
		padding-left: 13px;
		position: relative;
		font-size: 1rem;
		color: #fef56e;
		font-weight: 300;
		line-height: 22px
	}
	.app_noti_fot p.desc:after, .app_noti_top p.desc:after {
		content: '\203B';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		font-size: .8125rem
	}
	.app_noti_bottom {
		background: #fff;
		width: 100%;
		padding: 27px 47px;
		position: relative;
		z-index: 2
	}
	.app_noti_bottom dl+dl {
		margin-top: 66px
	}
	.app_noti_bottom dl dt {
		color: #106ec4;
		font-size: 24px;
		margin-bottom: 15px;
		font-weight: 500
	}
	.app_noti_bottom dl dt span {
		font-weight: 700
	}
	.app_noti_bottom dl dd p {
		font-size: 1rem;
		color: #333;
		line-height: 22px
	}
	.app_noti_bottom dl dd .ui_img_box {
		margin-top: 33px;
		text-align: center;
		width: 100%
	}
	.app_noti_bottom dl:nth-child(1) dd .ui_img_box img {
		width: calc(50% - 15px)
	}
	.app_noti_bottom dl:nth-child(3) dd .ui_img_box img {
		width: 47%
	}
	.app_noti_bottom dl:nth-child(3) dd .ui_img_box img:first-child {
		width: 42%
	}
	.app_noti_fot {
		padding: 27px 47px;
		background: #4a4a4a
	}
	.app_noti_fot h4 {
		color: #f2a120;
		font-size: 30px;
		margin-bottom: 15px;
		font-weight: 500
	}
	.app_noti_fot p, .app_noti_fot p.desc {
		font-size: 17px;
		line-height: 40px;
		color: #fff;
		margin-top: 10px
	}
	.app_noti_fot p.desc {
		margin-top: 0;
		padding-left: 13px;
		position: relative;
		font-weight: 300;
		line-height: 22px
	}
	
}

@media all and (max-width:900px) {
	.voiceye-app .product-box {
		height: auto;
		padding: 45px !important;
		margin-bottom: 45px;
		border: 0;
		background: -o-linear-gradient(42deg, #237eda, #7fb4fb) !important;
		background: linear-gradient(48deg, #237eda, #7fb4fb) !important;
		position: relative
	}
	.voiceye-app .app_cont br, .voiceye-app .product-box:after {
		display: none
	}
	.voiceye-app .product-box h2 {
		color: #fff;
		font-size: 2rem;
		font-weight: 500
	}
	.voiceye-app .product-box>p {
		color: #fff;
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 28px
	}
	.voiceye-app .product-box>p span {
		color: #fff;
		font-size: 1rem;
		font-weight: 300
	}
	.voiceye-app .product-box .btn-area {
		margin-top: 35px;
		overflow: unset;
		position: relative;
		z-index: 5
	}
	.voiceye-app .app_down .btn-area>a, .voiceye-app .product-box .btn-area>a
		{
		display: inline-block;
		width: 206px;
		height: 58px;
		border-radius: 6px;
		padding: 0 10px;
		-webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, .2);
		box-shadow: 3px 5px 10px rgba(0, 0, 0, .2)
	}
	.voiceye-app .product-box .btn-area>a>span {
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.voiceye-app .product-box .btn-area>a.googlestore {
		background: #fff url(../images/app_btn_download01.png) no-repeat center
			center
	}
	.voiceye-app .product-box .btn-area>a.appstore {
		margin-left: 15px;
		background: #fff url(../images/app_btn_download02.png) no-repeat center
			center
	}
	.voiceye-app .app_new {
		background: #f7f8f9;
		padding-bottom: 50px
	}
	.voiceye-app .app_cont {
		padding: 5%;
		position: relative;
		margin-bottom: 0
	}
	.voiceye-app .app_cont.left {
		padding-right: 5%
	}
	.voiceye-app .app_cont.left h4, .voiceye-app .app_cont.right h4 {
		color: #333;
		font-size: 2.375rem;
		font-weight: 500;
		margin-bottom: 30px
	}
	.voiceye-app .app_cont.left h4 span, .voiceye-app .app_cont.right h4 span
		{
		display: block;
		color: #888;
		font-size: 1.75rem;
		font-weight: 400;
		line-height: 44px
	}
	.voiceye-app .app_cont.left p, .voiceye-app .app_cont.right p {
		color: #666;
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 30px
	}
	.voiceye-app .app_cont.left p strong, .voiceye-app .app_cont.right p strong
		{
		color: #333;
		font-size: 1.125rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dt, .voiceye-app .app_cont.right dl dt {
		width: 100%;
		margin-top: 30px;
		min-height: 0;
		border: 3px solid;
		-o-border-image: -o-linear-gradient(330deg, #9ca8f6, #fdd1ac);
		border-image: linear-gradient(120deg, #9ca8f6, #fdd1ac);
		border-image-slice: 1;
		background: #fff;
		position: relative;
		top: unset;
		z-index: 10;
		color: #666;
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 30px;
		-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .15);
		box-shadow: 3px 3px 10px rgba(0, 0, 0, .15)
	}
	.voiceye-app .app_cont.left dl dt {
		left: unset;
		padding: 39px 31px
	}
	.voiceye-app .app_cont.left dl dt:after, .voiceye-app .app_cont.left dl dt:before
		{
		display: block;
		border-top: 34px solid #fdd1ac;
		border-left: 49px solid transparent;
		border-right: 0 solid transparent;
		border-bottom: 0 solid transparent;
		content: "";
		position: absolute;
		bottom: -34px;
		right: -3px;
		z-index: 2
	}
	.voiceye-app .app_cont.left dl dt:before {
		border-top: 30px solid #fff;
		border-left: 43px solid transparent;
		bottom: -28px;
		right: 0;
		z-index: 3
	}
	.voiceye-app .app_cont.left dl dt p, .voiceye-app .app_cont.right dl dt p
		{
		color: #666;
		font-size: 1.375rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dt em, .voiceye-app .app_cont.right dl dt em
		{
		color: #11a0ff;
		font-size: 1.375rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dt strong, .voiceye-app .app_cont.right dl dt strong
		{
		color: #333;
		font-size: 1.375rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dd, .voiceye-app .app_cont.right dl dd {
		width: 100%;
		height: auto;
		position: relative;
		top: unset;
		background-size: 100% 100% !important
	}
	.voiceye-app .app_cont.left dl dd {
		right: unset;
		background: url(../images/bg_app_img01.png) no-repeat right top
	}
	.voiceye-app .app_cont.left dl dd img, .voiceye-app .app_cont.right dl dd img
		{
		display: block;
		width: 55%;
		margin: 84px auto 0
	}
	.voiceye-app .app_cont.right {
		padding-left: 5%
	}
	.voiceye-app .app_cont.right dl dt {
		padding: 39px 31px 39px 63px;
		right: unset
	}
	.voiceye-app .app_cont.right dl dt:after, .voiceye-app .app_cont.right dl dt:before
		{
		display: block;
		border-top: 34px solid #9ca8f6;
		border-left: 0 solid transparent;
		border-right: 49px solid transparent;
		border-bottom: 0 solid transparent;
		content: "";
		position: absolute;
		bottom: -34px;
		left: -3px;
		z-index: 2
	}
	.voiceye-app .app_cont.right dl dt:before {
		border-top: 30px solid #fff;
		border-right: 43px solid transparent;
		bottom: -28px;
		left: 0;
		z-index: 3
	}
	.voiceye-app .app_cont.right dl dd {
		left: unset;
		z-index: 5;
		background: url(../images/bg_app_img02.png) no-repeat
	}
	.voiceye-app .app_cont:last-child {
		margin-bottom: 0
	}
	.voiceye-app .app_cont:nth-child(2) dl dt, .voiceye-app .app_cont:nth-child(3) dl dt
		{
		top: unset
	}
	.voiceye-app .app_cont:nth-child(2) dd {
		background: url(../images/bg_app_img02.png) no-repeat right top
	}
	.voiceye-app .app_cont:nth-child(3) h4 {
		margin-bottom: 30px
	}
	.voiceye-app .app_cont:nth-child(3) dl dd {
		background: url(../images/bg_app_img03.png) no-repeat right top
	}
	.voiceye-app .app_cont:nth-child(4) {
		padding-right: 5%
	}
	.voiceye-app .app_cont:nth-child(4) dl dt {
		padding-right: 24px;
		top: unset
	}
	.voiceye-app .app_cont:nth-child(4) dl dd {
		background: url(../images/bg_app_img04.png) no-repeat right top
	}
	.voiceye-app .app_cont:nth-child(4) dl dd img {
		width: 65%
	}
	.voiceye-app .app_down {
		padding: 5%;
		background: url(../images/bg_app_down.png) no-repeat center center;
		background-size: 100% 100%;
		*zoom: 1;
		position: relative
	}
	.voiceye-app .app_down:after {
		display: block;
		clear: both;
		content: ""
	}
	.voiceye-app .app_down p {
		color: #fff;
		font-size: 1.375rem;
		font-weight: 300;
		margin-bottom: 35px;
		text-align: center
	}
	.voiceye-app .app_down img {
		display: block;
		text-align: center;
		float: unset;
		margin: 0 auto 30px
	}
	.voiceye-app .app_down .btn-area {
		margin-top: 35px;
		overflow: unset;
		position: relative;
		bottom: unset;
		left: unset;
		text-align: center
	}
	.voiceye-app .app_down .btn-area>a>span {
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.voiceye-app .app_down .btn-area>a.googlestore {
		background: #fff url(../images/app_btn_download01.png) no-repeat center
			center
	}
	.voiceye-app .app_down .btn-area>a.appstore {
		margin-left: 15px;
		background: #fff url(../images/app_btn_download02.png) no-repeat center
			center
	}
	.list_box, .voiceye-code .imgbox, .voiceye-code .imgbox-list {
		margin-bottom: 60px
	}
	.list_box:after, .voiceye-code .imgbox-list:after {
		content: '';
		display: block;
		clear: both
	}
	.voiceye-code .imgbox-list li {
		width: calc(50% - 10px);
		margin-left: 0;
		margin-bottom: 20px;
		float: left
	}
	.voiceye-code .imgbox-list li:first-child {
		margin-left: 0
	}
	.voiceye-code .imgbox-list li:nth-child(2n) {
		margin-left: 20px
	}
	.voiceye-code .imgbox-list li .imgbox {
		display: block;
		margin: 0 auto;
		eight: 382px;
		width: 271px;
		border: 1px solid #d9d9d9
	}
	.voiceye-code .imgbox-list li p {
		width: 192px;
		height: 42px;
		margin: 12px auto 0;
		border: 1px solid #d9d9d9;
		color: #0071bd;
		font-size: 1em;
		font-weight: 400;
		text-align: center;
		line-height: 40px;
		border-radius: 20px
	}
	.list_box .inbox {
		float: none;
		width: 100%;
		border: 1px solid #d9d9d9
	}
	.list_box .inbox.col3 {
		width: 100%;
		margin-left: 0;
		min-height: 200px;
		margin-bottom: 20px
	}
	.list_box .inbox:first-child {
		margin-left: 0
	}
	.list_box .inbox h4 {
		text-align: center;
		height: 50px;
		line-height: 50px;
		font-weight: 500;
		font-size: 20px;
		color: #fff;
		background: #7f8287;
		position: relative
	}
	.list_box .inbox h4:after {
		position: absolute;
		top: 100%;
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -8px;
		border: 8px solid #7f8287;
		border-bottom-color: transparent;
		border-right-color: transparent;
		border-left-color: transparent;
		content: ""
	}
	.list_box .inbox ul {
		padding: 20px 30px 30px
	}
}

@media all and (width:800px) {
	.main-business>.business-list>li>.inner-box>a>dl>dd {
		letter-spacing: -.5px;
		padding-left: 8px;
		padding-right: 8px
	}
	.title-box>p {
		padding: 0 50px
	}
}

@media all and (max-width:767px) {
	.app_noti {
		width: 100%;
		background-size: 100%;
		padding: 5%
	}
	.app_noti:after, .app_noti:before {
		content: '';
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		background-size: 100%;
		z-index: 1
	}
	.app_noti:after {
		top: 0;
		height: 1553px
	}
	.app_noti:before {
		height: 30%;
		bottom: 0
	}
	.app_noti_top {
		position: relative;
		margin-bottom: 45px
	}
	.app_noti_bottom dl dd p br, .app_noti_top p br, .app_noti_top:after {
		display: none
	}
	.app_noti_top h3 {
		font-size: 2.5rem;
		color: #fff;
		line-height: 3rem;
		font-weight: 500
	}
	.app_noti_top h3 span {
		display: inline-block
	}
	.app_noti_top .market_btn {
		margin: 25px 0
	}
	.app_noti_top .market_btn a {
		font-family: 'SpoqaHanSans';
		display: inline-block;
		width: 180px;
		height: 50px;
		background: #141414;
		border-radius: 4px;
		text-align: center;
		line-height: 50px
	}
	.app_noti_top .market_btn a:hover {
		background: #000
	}
	.app_noti_top .market_btn a+a {
		margin-left: 15px
	}
	.app_noti_top .market_btn a span {
		font-family: 'SpoqaHanSans';
		color: #fff;
		font-weight: 400;
		font-size: 14px;
		text-shadow: none;
		padding-left: 38px;
		position: relative
	}
	.app_noti_top .market_btn a.android span:after {
		content: "";
		display: block;
		background: url(../images/noti/android.png) no-repeat;
		width: 26px;
		height: 31px;
		position: absolute;
		left: 0;
		top: -6px
	}
	.app_noti_top .market_btn a.apple span:after {
		content: "";
		display: block;
		background: url(../images/noti/apple.png) no-repeat;
		width: 24px;
		height: 29px;
		position: absolute;
		left: 5px;
		top: -5px
	}
	.app_noti_top p {
		font-size: 1.25rem;
		line-height: 40px;
		color: #fff;
		margin-top: 10px
	}
	.app_noti_top p.desc {
		margin-top: 0;
		padding-left: 13px;
		position: relative;
		font-size: 1rem;
		color: #fef56e;
		font-weight: 300;
		line-height: 22px
	}
	.app_noti_fot p.desc:after, .app_noti_top p.desc:after {
		content: '\203B';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		font-size: .8125rem
	}
	.app_noti_bottom {
		background: #fff;
		width: 100%;
		padding: 27px 47px;
		position: relative;
		z-index: 2
	}
	.app_noti_bottom dl+dl {
		margin-top: 66px
	}
	.app_noti_bottom dl dt {
		color: #106ec4;
		font-size: 24px;
		margin-bottom: 15px;
		font-weight: 500;
		line-height: 36px
	}
	.app_noti_bottom dl dt span {
		display: block;
		font-weight: 700
	}
	.app_noti_bottom dl dd p {
		font-size: 1rem;
		color: #333;
		line-height: 22px
	}
	.app_noti_bottom dl dd .ui_img_box {
		margin-top: 33px;
		text-align: center;
		width: 100%
	}
	.app_noti_bottom dl dd .ui_img_box img {
		display: block;
		width: auto;
		margin: 0 auto
	}
	.app_noti_bottom dl dd .ui_img_box img+img {
		margin: 15px auto 0
	}
	.app_noti_bottom dl:nth-child(1) dd .ui_img_box img {
		width: 62%
	}
	.app_noti_bottom dl:nth-child(3) dd .ui_img_box img {
		width: 70%;
		margin-left: 20%
	}
	.app_noti_bottom dl:nth-child(3) dd .ui_img_box img:first-child {
		width: 60%;
		margin: 0 auto
	}
	.app_noti_fot {
		padding: 27px 47px;
		background: #4a4a4a
	}
	.app_noti_fot h4 {
		color: #f2a120;
		font-size: 30px;
		margin-bottom: 15px;
		font-weight: 500
	}
	.app_noti_fot p, .app_noti_fot p.desc {
		font-size: 17px;
		line-height: 40px;
		color: #fff;
		margin-top: 10px
	}
	.app_noti_fot p.desc {
		margin-top: 0;
		padding-left: 13px;
		position: relative;
		font-weight: 300;
		line-height: 22px
	}
	.banner .item-box.text>.innder-box>.main_item {
		width: 685px;
		height: 458px;
		background-image: url(../images/main4_item.png);
		position: absolute;
		left: 198px;
		top: 300px
	}
	.banner .item-box.text>.innder-box>.main_item01 {
		width: 414px;
		height: 458px;
		background-image: url(../images/main6_item.png);
		background-size: 80%;
		position: absolute;
		left: 40%;
		top: 290px
	}
	.banner .item-box.text>.innder-box .main_item03 {
		left: 325px;
		top: 210px;
	}
	.banner .bx-controls .bx-controls-auto, .banner .bx-controls .bx-pager {
		top: 90px;
	}
	
	.voiceye-code .imgbox, .voiceye-code .imgbox-list {
		margin-bottom: 60px
	}
	.voiceye-code .imgbox-list:after {
		content: '';
		display: block;
		clear: both
	}
	.voiceye-code .imgbox-list li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
		float: left
	}
	.banner .bx-controls .bx-pager .bx-pager-item:first-child {
		margin-left: 0
	}
	.voiceye-code .imgbox-list li:first-child, .voiceye-code .imgbox-list li:nth-child(2n)
		{
		margin-left: 0
	}
	.voiceye-code .imgbox-list li .imgbox {
		display: block;
		margin: 0 auto;
		eight: 382px;
		width: 271px;
		border: 1px solid #d9d9d9
	}
	.voiceye-code .imgbox-list li p {
		width: 192px;
		height: 42px;
		margin: 12px auto 0;
		border: 1px solid #d9d9d9;
		color: #0071bd;
		font-size: 1em;
		font-weight: 400;
		text-align: center;
		line-height: 40px;
		border-radius: 20px
	}
	.banner .item-box>.innder-box>h2>span, .banner .item-box>.innder-box>p>span,
		.footer-wrap address br, .voiceye-code .imgbox .mobile-img {
		display: block
	}
	.voiceye-code .imgbox .pc-img {
		display: none
	}
	.inner-box h2 {
		margin-bottom: 22px
	}
	.mobile-btn-area .mobile-menu-open {
		left: -5px
	}
	.footer-wrap {
		padding-left: 10px;
		padding-right: 10px
	}
	.footer-wrap dl {
		margin-bottom: 5px
	}
	.footer-wrap dl>dt {
		padding-left: 11px;
		margin-left: 10px;
		font-size: .714em;
		letter-spacing: -.5px
	}
	.footer-wrap dl dt:first-child {
		padding-left: 0;
		margin-left: 0
	}
	.footer-wrap dl dt:first-child:before, .main-board .download-wrap .download-list .download-inbox>p>br:first-child
		{
		display: none
	}
	.footer-wrap dl>dd {
		font-size: .714em;
		letter-spacing: -.5px
	}
	.footer-wrap .copyright, .footer-wrap address {
		line-height: 15px;
		font-size: .714em
	}
	.footer-wrap .footer-logo {
		left: 35%;
		bottom: 15px
	}
	.footer-wrap .footerMS {
		position: absolute;
		bottom: 15px;
		top: unset;
		right: unset;
		left: 55%;
		background: url(../images/logo_footer_ms.png) no-repeat;
		background-size: auto 100%;
		width: 87px;
		height: 30px;
		display: block;
		text-indent: -9999em
	}
	.footer-wrap .btn-private-policy {
		position: static;
		top: auto;
		right: auto;
		margin: 0 auto 10px;
		width: 160px;
		height: 30px
	}
	.footer-wrap .btn-private-policy>a {
		font-size: .857em;
		line-height: 28px
	}
	.app-info-wrap {
		display: none
	}
	.app-info-m {
		display: block;
		margin-bottom: 10px;
		text-align: center
	}
	.app-info-m>.qr-img {
		display: inline-block;
		width: 58px;
		height: 61px;
		border: 1px solid #0071bd
	}
	.app-info-m>.qr-img>img {
		width: 100%;
		height: 100%
	}
	header .language {
		top: 15px
	}
	header .language .nice-select {
		width: 59px;
		height: 20px;
		line-height: 18px;
		padding-left: 10px;
		padding-right: 22px
	}
	header .language .nice-select.open .list {
		left: auto;
		right: 0
	}
	header .language .nice-select .option {
		min-height: 20px;
		line-height: 20px;
		padding-left: 10px;
		padding-right: 22px
	}
	.btn-basic {
		min-width: 100px;
		height: 40px
	}
	.btn-basic>span {
		line-height: 40px;
		font-size: .929em
	}
	.btn-basic.download {
		min-width: 140px
	}
	.download>span, .service .btn-area>.btn-cancle>span {
		line-height: 38px
	}
	.download>span:before {
		top: 9px
	}
	.banner .item-box>.innder-box>p br, .business>.inbox:before,
		.bx-controls-direction, .law .tb-basic table colgroup, .law .tb-basic table thead,
		.main-sw>.sw-list>li:before, .product .product-box>h2>br, .title-box>p>br,
		.voiceye-app .app_cont br {
		display: none
	}
	.banner {
		max-height: 566px
	}
	.banner .item-box, .banner-box {
		height: 566px
	}
	.banner .item-box>.innder-box {
		width: 100%;
		margin-left: 0;
		left: 0;
		padding: 112px 0 0 20px
	}
	.banner .item-box>.innder-box.pd {
		width: 100%;
		margin-left: 0;
		left: 0;
		padding: 112px 20px 0
	}
	.banner .item-box.text.TC>.innder-box {
		padding-left: 90px;
	}

	.item-box>.imgbox.mainimg01 {
		background-image: url(../images/m_main1.png)
	}
	.item-box>.imgbox.mainimg02 {
		background-image: url(../images/m_main2.png)
	}
	.banner .item-box.text>.innder-box>h2, .banner .item-box>.innder-box>h2
		{
		text-align: left;
		font-size: 2.857em;
		text-indent: 0;
		padding-left: 0;
		line-height: 45px
	}
	.banner .item-box.text>.innder-box>p, .banner .item-box>.innder-box>p {
		text-align: left;
		font-size: 1em;
		line-height: 20px
	}
	.banner .item-box>.innder-box>h2>em {
		display: block;
		padding-left: 0;
		font-size: 1em
	}
	.banner .bx-controls {
		margin: 0;
		bottom: 135px;
		text-align: left;
		padding-left: 20px
	}
	.banner .bx-controls .bx-pager .bx-pager-item {
		width: 17px;
		height: 17px;
		margin: 0 5px
	}
	.banner .bx-controls .bx-pager .bx-pager-item>a, .banner .bx-controls .bx-start,
		.banner .bx-controls .bx-stop {
		width: 17px;
		height: 17px
	}
	.banner .bx-controls .bx-stop:after {
		height: 17px;
		width: 10px;
		left: 4px
	}
	.banner .bx-controls .bx-start:after {
		border-width: 8px 0 8px 9px;
		left: 4px
	}
	.main-business {
		background: #fff
	}
	.main-business>.business-list {
		height: auto
	}
	.main-business>.business-list>li {
		width: 100%;
		float: none;
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid #dcdcdc
	}
	.main-business>.business-list>li:first-child {
		width: 100%;
		padding-top: 0;
		margin-top: 0;
		border-top: none
	}
	.main-business>.business-list>li:last-child {
		width: 100%
	}
	.main-business>.business-list>li>.inner-box>a>dl>dt {
		font-size: 1.286em
	}
	.main-business>.business-list>li>.inner-box>a>dl>dd {
		font-size: .929em
	}
	.main-sw {
		position: relative;
		height: auto;
		padding: 15px 20px;
		background: #f8f8f8
	}
	.main-sw:after, .main-sw:before {
		position: absolute;
		background: #eaeaea;
		content: ""
	}
	.main-sw:before {
		width: 1px;
		height: calc(100% - 70px);
		top: 35px;
		left: 50%
	}
	.main-sw:after {
		top: 50%;
		left: 20px;
		width: calc(100% - 40px);
		height: 1px
	}
	.main-sw>.sw-list>li {
		width: 50%;
		padding: 20px 0
	}
	.main-sw>.sw-list>li>.inner-box>h2 {
		font-size: 1.429em
	}
	.main-sw>.sw-list>li>.inner-box>.btn-area>a {
		width: 85px;
		font-size: .929em;
		display: block;
		margin: 0 auto
	}
	.main-sw>.sw-list>li>.inner-box>.btn-area>a+a {
		margin-top: 10px;
		clear: left
	}
	.main-board .board-list {
		padding-top: 20px;
		border-top: 1px solid #d9d9d9;
		margin-top: 20px
	}
	.main-board .download-wrap .download-list li {
		width: 100% !important
	}
	.main-board .download-wrap .download-list li:first-child {
		width: 100% !important;
		padding-right: 0;
		margin-bottom: 10px
	}
	.main-board .download-wrap .download-list .download-inbox {
		padding: 18px 0;
		height: 175px;
		background-image: url(../images/spr_main_m.png);
		background-size: 360px 275px;
		background-position: right bottom
	}
	.main-board .download-wrap .download-list .download-inbox.app {
		background-position: right top
	}
	.main-board .download-wrap .download-list .download-inbox.app .btn-area {
		top: 30px;
	}
	.main-board .download-wrap .download-list .download-inbox>h2 {
		text-align: center;
		font-size: 1.286em
	}
	.main-board .download-wrap .download-list .download-inbox>p {
		text-align: center;
		font-size: .857em;
		line-height: 15px !important
	}
	.main-board .download-wrap .download-list .btn-area {
		width: 100%;
		height: 29px !important;
		left: 0;
		bottom: 13px !important;
		text-align: center
	}
	.main-board .download-wrap .download-list .btn-area>a {
		float: none !important;
		min-width: 94px !important;
		height: 29px !important;
		border-radius: 4px
	}
	.main-board .download-wrap .download-list .btn-area>a>span {
		line-height: 29px
	}
	.main-board .notice-list li a .title {
		font-size: 1em;
		max-width: calc(100% - 80px);
		padding-right: 5px
	}
	.main-board .notice-list li a .date {
		width: 75px
	}
	.location-wrap {
		left: 0
	}
	.location-wrap .location>li {
		padding-left: 10px;
		margin-left: 8px
	}
	.title-box>p {
		padding: 0 10px;
		line-height: 16px
	}
	.product .tab-basic-per .tab-lst li a span br, .title-box>p>span {
		display: block
	}
	.business {
		margin-top: 0
	}
	.business>.inbox {
		padding: 15px
	}
	.business>.inbox>p, .voiceye-code>.inbox>p {
		line-height: 20px;
		letter-spacing: -.5px
	}
	.business>.inbox>ul {
		clear: left
	}
	.business>.inbox>ul>li {
		line-height: 20px
	}
	.business .business-cate {
		padding-top: 250px
	}
	.business .business-cate:before {
		width: 300px;
		height: 250px;
		margin-left: -150px;
		background-size: 300px 394px;
		background-position: 0 -146px
	}
	.business .business-cate>ul {
		padding: 0
	}
	.business .business-cate>ul>li>dl>dt {
		display: block;
		float: none;
		width: 100%;
		margin-bottom: 10px;
		text-align: center
	}
	.business .business-cate>ul>li>dl>dd {
		display: block;
		float: none;
		width: 100%;
		text-align: center;
		line-height: 20px
	}
	.business>.inbox+h2 {
		margin-top: 70px
	}
	.mobile-tr .verify>ol>li {
		width: 100%;
		float: none;
		height: auto
	}
	.mobile-tr .verify>ol>li+li {
		margin-top: 30px
	}
	.mobile-tr .vrifi-step>ul {
		width: 100%;
		margin: 30px auto 75px
	}
	.mobile-tr .vrifi-step>ul>li {
		width: 100%
	}
	.mobile-tr .vrifi-step>ul>li>div {
		width: 290px !important;
		margin: 0 auto !important;
		background: 0 0 !important
	}
	.mobile-tr .vrifi-step>ul>li>div>p {
		font-size: 1em !important;
		text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px
			0 #fff
	}
	.mobile-tr .vrifi-step>ul>li>div>p>span {
		text-shadow: none
	}
	.mobile-tr .vrifi-step>ul>li:last-child {
		padding-right: 0
	}
	.mobile-tr .vrifi-step>ul>li:nth-child(2n)>div:before {
		position: absolute;
		top: 10px;
		left: 50%;
		margin-left: -7px;
		width: 15px;
		height: 100%;
		background: url(../images/bg_arrow02.png) no-repeat center bottom;
		background-size: 15px 147px;
		content: ""
	}
	.mobile-tr .vrifi-step>ul>li:nth-child(7) {
		margin-bottom: 0
	}
	.mobile-tr .vrifi-step>ul>li:nth-child(7)>.img-inbox {
		padding-right: 130px
	}
	.mobile-tr .vrifi-step>ul>li:nth-child(7) .img-inbox:after {
		background-position: 22px -370px
	}
	.mobile-tr .vrifi-step>ul>li>.img-inbox>.text-box {
		right: 0
	}
	.mobile-tr .verifi-service {
		margin-bottom: 75px
	}
	.mobile-tr .verifi-service>ul>li:last-child {
		margin-bottom: 0
	}
	.mobile-tr .verifi-service>ul>li>.boxwrap, .voiceye-app .product-box>.btn-area>a
		{
		display: block;
		margin: 0 auto
	}
	.mobile-tr .verifi-service>ul>li>.boxwrap:first-child {
		margin: 0 auto 60px
	}
	.mobile-tr .verifi-service>ul>li>.boxwrap:first-child:after {
		position: absolute;
		top: auto;
		bottom: -55px;
		left: 50%;
		margin-left: -7px;
		width: 15px;
		height: 50px;
		background: url(../images/bg_arrow02.png) no-repeat center bottom;
		background-size: 15px 147px;
		content: ""
	}
	.mobile-tr .verifi-service>ul>li+li {
		padding-top: 30px;
		border-top: 1px dashed #d9d9d9
	}
	.law>p {
		line-height: 22px
	}
	.law .tb-basic table tbody, .law .tb-basic table tbody td, .law .tb-basic table tbody th,
		.patent .tb-basic table tbody {
		display: block;
		height: auto;
		border-left: 0
	}
	.law .tb-basic table tbody th {
		padding: 15px 10px;
		background: #f3f3f3;
		color: #333;
		font-size: 1em;
		font-weight: 400
	}
	.law .tb-basic table tbody tr:first-child td {
		border-top: 1px solid #dcdcdc
	}
	.law .tb-basic table tbody tr td:last-child {
		border-top: 1px dashed #dcdcdc
	}
	.law .tb-basic table tbody tr td:last-child>br {
		display: none
	}
	.internet .inbox {
		padding: 20px
	}
	.internet .inbox>ul>li {
		width: 100% !important;
		float: none;
		margin: 0 !important;
		border: 0 !important
	}
	.internet .inbox>ul>li:first-child {
		padding-bottom: 25px !important;
		border-bottom: 1px solid #dcdcdc !important;
		margin-bottom: 25px !important
	}
	.internet .imgbox-list li {
		width: 100%;
		float: none;
		margin: 0
	}
	.internet .imgbox-list li>.imgbox-inbox {
		float: none !important;
		margin: 0 auto
	}
	.internet .imgbox-list li+li {
		margin-top: 25px;
		padding-top: 25px
	}
	.product .product-box {
		padding: 20px;
		background-image: none !important
	}
	.product .product-box .btn-area {
		text-align: center
	}
	.product .list-dot {
		padding: 270px 0 0;
		margin-bottom: 50px;
		background-position: center 0
	}
	.product .list-dot>li {
		padding-top: 15px;
		padding-bottom: 15px;
		height: auto;
		line-height: 20px;
		border: 0;
		border-bottom: 1px solid #dcdcdc;
		border-radius: 0
	}
	.product .list-dot>li+li {
		margin-top: 0
	}
	.product .list-dot>li>span {
		top: 10px
	}
	.product .point-text {
		margin-bottom: 50px
	}
	.voiceye-app .product-box {
		height: auto;
		margin-bottom: 45px;
		border: 0;
		background: -o-linear-gradient(42deg, #237eda, #7fb4fb) !important;
		background: linear-gradient(48deg, #237eda, #7fb4fb) !important;
		position: relative
	}
	.voiceye-app .product-box h2 {
		color: #fff;
		font-size: 2rem;
		font-weight: 500
	}
	.voiceye-app .product-box>p {
		color: #fff;
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 28px
	}
	.voiceye-app .product-box>p span {
		color: #fff;
		font-size: 1rem;
		font-weight: 300
	}
	.voiceye-app .app_new {
		background: #f7f8f9;
		padding-bottom: 50px
	}
	.voiceye-app .app_cont {
		padding: 5%;
		position: relative;
		margin-bottom: 0
	}
	.voiceye-app .app_cont.left {
		padding-right: 5%
	}
	.voiceye-app .app_cont.left h4, .voiceye-app .app_cont.right h4 {
		color: #333;
		font-size: 2.375rem;
		font-weight: 500;
		margin-bottom: 30px
	}
	.voiceye-app .app_cont.left h4 span, .voiceye-app .app_cont.right h4 span
		{
		display: block;
		color: #888;
		font-size: 1.75rem;
		font-weight: 400;
		line-height: 44px
	}
	.voiceye-app .app_cont.left p, .voiceye-app .app_cont.right p {
		color: #666;
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 30px
	}
	.voiceye-app .app_cont.left p strong, .voiceye-app .app_cont.right p strong
		{
		color: #333;
		font-size: 1.125rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dt, .voiceye-app .app_cont.right dl dt {
		width: 100%;
		margin-top: 30px;
		min-height: 0;
		border: 3px solid;
		-o-border-image: -o-linear-gradient(330deg, #9ca8f6, #fdd1ac);
		border-image: linear-gradient(120deg, #9ca8f6, #fdd1ac);
		border-image-slice: 1;
		background: #fff;
		position: relative;
		top: unset;
		z-index: 10;
		color: #666;
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 30px;
		-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .15);
		box-shadow: 3px 3px 10px rgba(0, 0, 0, .15)
	}
	.voiceye-app .app_cont.left dl dt {
		left: unset;
		padding: 39px 31px
	}
	.voiceye-app .app_cont.left dl dt:after, .voiceye-app .app_cont.left dl dt:before
		{
		display: block;
		border-top: 34px solid #fdd1ac;
		border-left: 49px solid transparent;
		border-right: 0 solid transparent;
		border-bottom: 0 solid transparent;
		content: "";
		position: absolute;
		bottom: -34px;
		right: -3px;
		z-index: 2
	}
	.voiceye-app .app_cont.left dl dt:before {
		border-top: 30px solid #fff;
		border-left: 43px solid transparent;
		bottom: -28px;
		right: 0;
		z-index: 3
	}
	.voiceye-app .app_cont.left dl dt p, .voiceye-app .app_cont.right dl dt p
		{
		color: #666;
		font-size: 1.375rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dt em, .voiceye-app .app_cont.right dl dt em
		{
		color: #11a0ff;
		font-size: 1.375rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dt strong, .voiceye-app .app_cont.right dl dt strong
		{
		color: #333;
		font-size: 1.375rem;
		font-weight: 500
	}
	.voiceye-app .app_cont.left dl dd, .voiceye-app .app_cont.right dl dd {
		width: calc(100% + 20%);
		margin-left: -10%;
		height: auto;
		position: relative;
		top: unset;
		background-size: 100% 100% !important
	}
	.voiceye-app .app_cont.left dl dd {
		right: 0;
		background: url(../images/bg_app_img01.png) no-repeat right top
	}
	.voiceye-app .app_cont.left dl dd img, .voiceye-app .app_cont.right dl dd img
		{
		display: block;
		width: 70%;
		margin: 84px auto 0
	}
	.voiceye-app .app_cont.right {
		padding-left: 5%
	}
	.voiceye-app .app_cont.right dl dt {
		padding: 39px 31px 39px 63px;
		right: unset
	}
	.voiceye-app .app_cont.right dl dt:after, .voiceye-app .app_cont.right dl dt:before
		{
		display: block;
		border-top: 34px solid #9ca8f6;
		border-left: 0 solid transparent;
		border-right: 49px solid transparent;
		border-bottom: 0 solid transparent;
		content: "";
		position: absolute;
		bottom: -34px;
		left: -3px;
		z-index: 2
	}
	.voiceye-app .app_cont.right dl dt:before {
		border-top: 30px solid #fff;
		border-right: 43px solid transparent;
		bottom: -28px;
		left: 0;
		z-index: 3
	}
	.voiceye-app .app_cont.right dl dd {
		left: 0;
		z-index: 5;
		background: url(../images/bg_app_img02.png) no-repeat
	}
	.voiceye-app .app_cont:last-child {
		margin-bottom: 0
	}
	.voiceye-app .app_cont:nth-child(2) dl dt, .voiceye-app .app_cont:nth-child(3) dl dt
		{
		top: unset
	}
	.voiceye-app .app_cont:nth-child(2) dd {
		background: url(../images/bg_app_img02.png) no-repeat right top
	}
	.voiceye-app .app_cont:nth-child(3) h4 {
		margin-bottom: 30px
	}
	.voiceye-app .app_cont:nth-child(3) dl dd {
		background: url(../images/bg_app_img03.png) no-repeat right top
	}
	.voiceye-app .app_cont:nth-child(4) {
		padding-right: 5%
	}
	.voiceye-app .app_cont:nth-child(4) dl dt {
		padding-right: 24px;
		top: unset
	}
	.voiceye-app .app_cont:nth-child(4) dl dd {
		background: url(../images/bg_app_img04.png) no-repeat right top
	}
	.voiceye-app .app_cont:nth-child(4) dl dd img {
		width: 85%
	}
	.voiceye-app .app_down {
		padding: 5%;
		background: url(../images/bg_app_down.png) no-repeat center center;
		background-size: 100% 100%;
		*zoom: 1;
		position: relative
	}
	.voiceye-app .app_down:after {
		display: block;
		clear: both;
		content: ""
	}
	.voiceye-app .app_down p {
		color: #fff;
		font-size: 1.375rem;
		font-weight: 300;
		margin-bottom: 35px;
		text-align: left;
		line-height: 1.875rem
	}
	.voiceye-app .app_down img {
		width: 50%;
		display: block;
		text-align: center;
		float: unset;
		margin: 0 auto 30px
	}
	.voiceye-app .app_down .btn-area {
		overflow: unset;
		position: relative;
		bottom: unset;
		left: unset;
		text-align: center;
		margin-top: 20px
	}
	.voiceye-app .app_down .btn-area>a {
		display: block;
		margin: 0 auto;
		width: 206px;
		height: 58px;
		border-radius: 6px;
		padding: 0 10px;
		-webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, .2);
		box-shadow: 3px 5px 10px rgba(0, 0, 0, .2)
	}
	.voiceye-app .app_down .btn-area>a>span {
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.voiceye-app .app_down .btn-area>a.googlestore {
		background: #fff url(../images/app_btn_download01.png) no-repeat center
			center
	}
	.voiceye-app .app_down .btn-area>a.appstore {
		margin: 10px auto 0;
		background: #fff url(../images/app_btn_download02.png) no-repeat center
			center
	}
	.voiceye-code .product-box>p>br, .voiceye-code>.inbox:before,
		.voiceye-hw .product-box>.photobox {
		display: none
	}
	.product.voiceye-hw .product-box {
		padding: 20px
	}
	.voiceye-hw .photo-list {
		width: 100%;
		height: auto;
		margin: 0 0 75px
	}
	.voiceye-hw .photo-list>ul {
		border: 1px solid #d9d9d9
	}
	.voiceye-hw .photo-list>ul>li {
		width: 100% !important;
		height: auto;
		overflow: hidden
	}
	.voiceye-hw .photo-list>ul>li:first-child {
		height: 250px;
		width: 100%
	}
	.voiceye-hw .photo-list>ul>li>ul {
		overflow: hidden
	}
	.voiceye-hw .photo-list>ul>li>ul>li {
		width: 50%;
		height: 160px
	}
	.voiceye-hw .photo-list>ul>li>ul>li>.imgbox {
		width: 100%;
		height: 100%;
		text-align: center;
		overflow: hidden
	}
	.voiceye-hw .photo-list>ul>li>ul>li>.imgbox>img {
		width: 75%
	}
	.voiceye-hw .photo-list>ul>li>ul>li:nth-child(4) {
		border-bottom: 1px solid #d9d9d9
	}
	.voiceye-hw .photo-list>ul>li>ul:before {
		left: 50%;
		height: 100%
	}
	.notice .board-table table colgroup, .notice .board-table table thead,
		.patent .tb-basic table colgroup, .patent .tb-basic table thead,
		.voiceye-app .app-menu-list>li>.inbox:before, .voiceye-app .list_old>li>.inbox>h4>span:before,
		.voiceye-app .product-box.old br, .voiceye-app .product-box>p>br,
		.voiceye-hw .function-list>li>.inbox:after, .voiceye-hw .photo-list>ul>li>ul:after
		{
		display: none
	}
	.voiceye-hw .function-list {
		width: 100%;
		margin: 0 0 75px
	}
	.voiceye-hw .function-list>li>.inbox {
		padding: 15px;
		min-height: auto
	}
	.voiceye-hw .function-list.photo {
		width: 100%;
		margin-bottom: 0
	}
	.voiceye-hw .function-list.pc-mate>li:nth-child(10)>.inbox, .voiceye-hw .function-list.pc-mate>li:nth-child(9)>.inbox,
		.voiceye-hw .function-list.pc-mate>li>.inbox {
		padding: 15px;
		min-height: auto !important;
		height: auto !important
	}
	.voiceye-hw .pcmate-spec {
		margin-bottom: 75px
	}
	.voiceye-hw .pcmate-spec>li>.pcmate-img {
		width: 100%;
		margin: 0 0 20px
	}
	.voiceye-hw .pcmate-spec>li>p {
		width: 100%;
		margin: 0;
		padding-left: 7px;
		text-indent: -7px
	}
	.product.voiceye-hw .pcmate-spec>li .tb-basic, .product.voiceye-hw .tb-basic.spec-table
		{
		width: 100%
	}
	.voiceye-hw .pcmate-spec>li:first-child {
		padding-bottom: 75px
	}
	.voiceye-code .product-box {
		padding: 20px
	}
	.voiceye-code>.inbox {
		padding: 15px
	}
	.voiceye-code>.imgbox>.pc-img, .voiceye-inc>p br {
		display: none
	}
	.service .tb-basic.tb-join table tbody tr, .voiceye-code>.imgbox>.mobile-img
		{
		display: block
	}
	.voiceye-app .product-box {
		padding: 45px !important
	}
	.voiceye-app .product-box>.btn-area {
		margin-top: 20px
	}
	.voiceye-app .product-box>.btn-area>a.appstore {
		margin-top: 10px;
		margin-left: auto
	}
	.voiceye-app .app-menu-list>li>.inbox, .voiceye-app .list_old>li>.inbox
		{
		padding: 15px;
		min-height: auto !important
	}
	.voiceye-app .app-menu-list>li>.inbox>h4, .voiceye-app .list_old>li>.inbox>h4
		{
		position: static;
		padding: 0;
		margin: 0;
		top: auto;
		left: auto;
		width: 100%;
		height: auto;
		text-align: left
	}
	.voiceye-app .app-menu-list>li>.inbox>h4+p, .voiceye-app .list_old>li>.inbox>h4+p
		{
		margin-top: 12px
	}
	.customer .build-list+h2, .customer .build-list+h3, .service>h2, .voice.voiceye-ci>.cibox-list+h2,
		.voiceye-ci>.btn-area+h2, .voiceye-ci>.cibox-list+h2, ye-ci .patent>.tb-basic+h2
		{
		margin-top: 75px
	}
	.service .service-list {
		padding: 30px
	}
	.service .service-list>li>.inbox>ul {
		width: 100% !important;
		margin-right: 0
	}
	.service .service-list>li>.inbox>ul+ul {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px dashed #d9d9d9
	}
	.service .service-box, .voiceye-app .product-box.old {
		padding: 20px
	}
	.service .btn-area>.btn-cancle {
		height: 40px
	}
	.service .tb-basic.tb-join table tbody th {
		display: block;
		width: 100%;
		height: auto;
		padding: 10px 5px 0
	}
	.service .tb-basic.tb-join table tbody td {
		display: block;
		width: 100%;
		height: auto;
		padding: 5px 5px 10px;
		border-top: 0
	}
	.voiceye-inc {
		padding-bottom: 380px;
		background-size: 70% auto;
		background-position: center bottom
	}
	.voiceye-inc>p.point-text {
		line-height: 26px
	}
	.history {
		margin-top: 0
	}
	.history>dl {
		padding: 0 0 15px
	}
	.history>dl>dt {
		position: relative;
		width: 100%;
		height: auto;
		top: auto;
		left: auto;
		margin-top: 0;
		padding-bottom: 15px;
		padding-top: 15px;
		padding-left: 30px;
		margin-bottom: 15px;
		border-bottom: 1px dashed #d9d9d9;
		background: #f3f3f3
	}
	.faq .accordion-link:before, .history>dl>dt:before {
		left: 10px
	}
	.history>dl>dd {
		padding-right: 15px;
		padding-left: 30px
	}
	.history>dl>dd:before {
		left: 14px
	}
	.global {
		padding-top: 150px
	}
	.global:before {
		top: 0;
		height: 150px;
		background-size: auto 150px;
		background-position: center center
	}
	.customer .build-list>li {
		width: 50%
	}
	.notice .search-head {
		width: 100%;
		text-align: left
	}
	.notice .search-head .selbox {
		float: unset;
		width: 100%;
		margin-right: 4px;
		margin-bottom: 10px
	}
	.notice .search-head .selbox .nice-select {
		width: 100%;
		height: 40px;
		line-height: 38px
	}
	.notice .search-head .selbox .nice-select:after {
		right: 10px;
		width: 5px;
		height: 5px;
		margin-top: -4px
	}
	.notice .search-head .searchbox {
		width: 100%;
		float: unset
	}
	.notice .search-head .searchbox>input[type=text] {
		width: calc(100% - 74px);
		height: 40px;
		min-width: auto;
		line-height: 38px
	}
	.notice .search-head .searchbox>.btn-search {
		height: 40px;
		margin-left: 4px;
		width: 70px;
		line-height: 40px
	}
	.notice .search-head .searchbox>.btn-search>span:before {
		top: 12px
	}
	.notice .search-head .searchbox>.btn-search>span:after {
		top: 23px
	}
	.notice .board-table, .notice .board-table table tr+tr {
		border-top: 1px solid #d9d9d9
	}
	.notice .board-table table tr {
		position: relative;
		display: block
	}
	.notice .board-table table tr td {
		display: block;
		border: 0;
		height: auto
	}
	.notice .board-table table tbody td.cate {
		position: absolute;
		top: 10px;
		left: 5px;
		width: 60px;
		height: 20px;
		padding: 0
	}
	.notice .board-table table tr td.title {
		text-indent: 0;
		line-height: 20px;
		padding-left: 10px;
		padding-bottom: 0;
		padding-top: 50px
	}
	.notice .board-table table tr td.date {
		padding: 10px;
		text-align: right;
		color: #888;
		font-size: .786em
	}
	.notice .pagination>li {
		width: auto;
		margin: 0
	}
	.notice .pagination>li>a, .notice .pagination>li>span {
		width: auto;
		border: 0;
		padding: 0 4px;
		font-size: 1em;
		font-weight: 500;
		line-height: 36px
	}
	.notice .pagination>.active>a, .notice .pagination>.active>span {
		background: 0 0;
		color: #0071bd;
		font-weight: 600
	}
	.notice .pagination>.active>a:focus, .notice .pagination>.active>a:hover,
		.notice .pagination>.active>span:focus, .notice .pagination>.active>span:hover,
		.notice .pagination>li>a:focus, .notice .pagination>li>a:hover,
		.notice .pagination>li>span:focus, .notice .pagination>li>span:hover {
		background: 0 0;
		color: #0071bd;
		font-weight: 600
	}
	.notice .pagination>li.pre {
		margin-right: 0
	}
	.notice .pagination>li.pre>a {
		width: 30px;
		height: 30px;
		margin-right: 0;
		padding: 0
	}
	.notice .pagination>li.next {
		margin-left: 0
	}
	.notice .pagination>li.next>a {
		width: 30px;
		height: 30px;
		margin-left: 0;
		padding: 0
	}
	.notice .pagination>li.first>a {
		width: 30px;
		height: 30px;
		margin-right: 0;
		padding: 0
	}
	.notice .pagination>li.last>a {
		width: 30px;
		height: 30px;
		margin-left: 0;
		padding: 0
	}
	.notice-view>h2 {
		margin-bottom: 0;
		padding: 15px 0
	}
	.notice-view>.notice-info {
		padding: 15px 0
	}
	.notice-view>.notice-content {
		padding: 15px
	}
	.notice-view>.btn-area {
		text-align: center
	}
	.notice-view>.btn-area>.btn-list {
		height: 40px;
		line-height: 38px
	}
	.notice_imgbtn {
		margin: 56px 0;
		min-width: 235px;
		height: 35px;
		line-height: 35px;
		font-size: 1rem
	}
	.faq .accordion-link {
		padding: 17px 40px 17px 50px
	}
	.faq .accordion-link:after {
		right: 10px
	}
	.faq .accordion-desc {
		padding: 17px 17px 17px 50px
	}
	.faq .accordion-desc:before {
		left: 10px
	}
	.material .material-list>li {
		width: 33.3333333333%
	}
	.contact .map-box {
		margin-bottom: 75px
	}
	.contact .contact-list>dl>dd {
		line-height: 30px;
		letter-spacing: -.5px
	}
	.voiceye-ci>.cibox-list>ul {
		width: 100%;
		margin: 0
	}
	.voiceye-ci>.cibox-list>ul>li>.color-box>dl {
		width: 225px;
		height: 108px;
		margin: -1px auto 0;
		float: none
	}
	.voiceye-ci>.cibox-list>ul>li>.color-box>dl>dt {
		width: 50%;
		height: 100%;
		float: left
	}
	.voiceye-ci>.cibox-list>ul>li>.color-box>dl>dd {
		width: 50%;
		height: 100%;
		float: left;
		border-top: 0;
		border-left: 1px solid #d9d9d9
	}
	.voiceye-ci .bi-list>ul>li>.cibox {
		padding: 30px 10px
	}
	.patent .tb-basic table tbody td, .patent .tb-basic table tbody th,
		.patent .tb-basic table tbody tr {
		display: block;
		height: auto;
		border-left: 0
	}
	.patent .tb-basic table tbody th {
		padding: 15px 10px;
		background: #f3f3f3;
		color: #333;
		font-size: 1em;
		font-weight: 400;
		line-height: 20px
	}
	.patent .tb-basic table tbody tr:first-child td {
		border-top: 1px solid #dcdcdc
	}
	.patent .tb-basic table tbody tr td {
		position: relative;
		width: 100%;
		text-align: left;
		padding: 10px 10px 10px 85px;
		color: #666
	}
	.patent .tb-basic table tbody tr td:before {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 75px;
		padding: 10px;
		height: 100%;
		color: #333;
		background: #f8f8f8;
		text-align: center;
		content: "권리"
	}
	.patent .tb-basic table tbody tr td:nth-child(3):before {
		content: "등록번호"
	}
	.patent .tb-basic table tbody tr td:nth-child(4):before {
		content: "등록일"
	}
	.patent .tb-basic table tbody tr td:nth-child(5):before {
		content: "등록권자"
	}
	.patent .tb-basic table tbody tr td:nth-child(6):before {
		content: "현상태"
	}
	.patent>.tb-basic table tbody th>.img-inbox {
		padding: 5px;
		background: #fff;
		border: 1px solid #d9d9d9
	}
	.map_info {
		width: 100%;
		height: 250px
	}
}
@media all and (max-width: 718px){
	.banner .item-box.text>.innder-box .main_item03 {
		left: 257px;
	    top: 290px;
	    background-size: 286px;
	}
	
}

@media all and (max-width:639px) {
	.main_product {
		position: relative;
		padding: 85px 0;
		background: #f8f8f8
	}
	.main_product_warp {
		width: 100%;
		margin: 0 auto;
		padding: 0 20px
	}
	.main_product_warp:after, .product .imgbox-list:after {
		content: '';
		display: block;
		clear: both
	}
	.main_product_box {
		float: unset;
		width: 100%
	}
	.main_product_box+.main_product_box {
		margin-top: 50px
	}
	.main_product_box h2 {
		font-size: 1.875rem;
		font-weight: 500;
		margin-bottom: 40px;
		text-align: center
	}
	.main_product_box ul {
		display: block;
		width: 100%;
		margin: 0 auto
	}
	.main_product_box ul li {
		min-height: 85px;
		width: 100%;
	}
	.main_product_box ul li+li {
		margin-top: 14px
	}
	.main_product_box ul li dl {
		padding: 15px 0 15px 178px
	}
	.main_product_box ul li dl dt {
		font-size: 1.375rem;
		font-weight: 500;
		margin-bottom: 10px
	}
	.main_product_box ul li dl dd {
		font-size: .875rem;
		color: #666;
		font-weight: 300;
		line-height: 1.125rem
	}
	.main_product_box ul li dl dd br {
		display: none
	}
	.main_product_box ul li .product_icon {
		position: relative
	}
	.main_product_box ul li .product_icon:after {
		content: '';
		display: block;
		width: 139px;
		height: 86px;
		background: url(../images/spr_icon.png) no-repeat;
		position: absolute;
		top: 0;
		left: 0
	}
	.main_product_box ul li .product_icon.ico01:after {
		background-position: 35.249% 0
	}
	.main_product_box ul li .product_icon.ico02:after {
		background-position: 35.249% 28.981%
	}
	.main_product_box ul li .product_icon.ico03:after {
		background-position: 35.249% 57.962%
	}
	.main_product_box ul li .product_icon.ico04:after {
		background-position: 92.337% 0
	}
	.main_product_box ul li .product_icon.ico05:after {
		background-position: 92.337% 28.981%
	}
	.main_product_box ul li .product_icon.ico06:after {
		background-position: 92.337% 57.962%
	}
	.product .imgbox-list {
		margin-bottom: 50px
	}
	.product .imgbox-list li {
		width: calc(50% - 10px);
		margin-left: 20px;
		float: left;
		margin-bottom: 10px;
		text-align: center
	}
	.product .imgbox-list li:first-child, .product .imgbox-list li:nth-child(3)
		{
		margin-left: 0
	}
	.product .imgbox-list li:nth-child(5), .product .imgbox-list li:nth-child(6)
		{
		width: calc(50% - 10px)
	}
	.product .imgbox-list li .imgbox {
		width: 100%;
		border: 1px solid #d9d9d9;
		margin: 0
	}
	.product .imgbox-list li p {
		width: 192px;
		height: 42px;
		margin: 12px auto 0;
		border: 1px solid #d9d9d9;
		color: #0071bd;
		font-size: 1em;
		font-weight: 400;
		text-align: center;
		line-height: 40px;
		border-radius: 20px
	}
	.material .material-list {
		margin: 0
	}
	.material .material-list>li {
		width: 50%;
		padding: 0 7px 25px
	}
	.material .material-list>li>.inbox>h2 {
		height: 40px
	}
	.material .material-list>li>.inbox>.download {
		min-width: 124px;
		width: 100%
	}
}

@media all and (max-width:530px) {
	.banner .item-box.text>.innder-box .main_item03 {
		display: none;
	}
}

@media all and (max-width:500px) {
	[class^=tab-basic] .tab-lst li a span {
		font-size: 10px;
	}
	.service .service-list {
		padding: 40px
	}
	.app_noti, .service .service-list>li .inbox {
		width: 100%
	}
	.service .service-list>li .inbox_con h3 {
		position: relative
	}
	.service .service-list>li .inbox_con>ul {
		padding-left: 0;
		margin-top: 20px
	}
	.service .service-list>li .inbox+.inbox {
		width: 100%;
		margin-top: 20px;
		padding-top: 20px;
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid #d9d9d9
	}
	.service .service-list>li .inbox+.inbox h2 {
		margin-top: 20px
	}
	.app_noti {
		background-size: 100%;
		padding: 5%
	}
	.app_noti:after, .app_noti:before {
		content: '';
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		background-size: 100%;
		z-index: 1
	}
	.app_noti:after {
		top: 0;
		height: 1553px
	}
	.app_noti:before {
		height: 30%;
		bottom: 0
	}
	.app_noti_top {
		position: relative;
		margin-bottom: 45px
	}
	.app_noti_bottom dl dd p br, .app_noti_top p br, .app_noti_top:after {
		display: none
	}
	.app_noti_top h3 {
		font-size: 2rem;
		color: #fff;
		line-height: 2.5rem;
		font-weight: 500
	}
	.app_noti_top h3 span {
		display: inline-block
	}
	.app_noti_top .market_btn {
		margin: 25px 0
	}
	.app_noti_top .market_btn a {
		font-family: 'SpoqaHanSans';
		display: block;
		width: 100%;
		height: 50px;
		background: #141414;
		border-radius: 4px;
		text-align: center;
		line-height: 50px
	}
	.app_noti_top .market_btn a:hover {
		background: #000
	}
	.app_noti_top .market_btn a+a {
		margin-left: 0;
		margin-top: 15px
	}
	.app_noti_top .market_btn a span {
		font-family: 'SpoqaHanSans';
		color: #fff;
		font-weight: 400;
		font-size: 14px;
		text-shadow: none;
		padding-left: 38px;
		position: relative
	}
	.app_noti_top .market_btn a.android span:after {
		content: "";
		display: block;
		background: url(../images/noti/android.png) no-repeat;
		width: 26px;
		height: 31px;
		position: absolute;
		left: 0;
		top: -6px
	}
	.app_noti_top .market_btn a.apple span:after {
		content: "";
		display: block;
		background: url(../images/noti/apple.png) no-repeat;
		width: 24px;
		height: 29px;
		position: absolute;
		left: 5px;
		top: -5px
	}
	.app_noti_top p {
		font-size: .875rem;
		line-height: 1.5rem;
		color: #fff;
		margin-top: 10px
	}
	.app_noti_top p.desc {
		margin-top: 0;
		padding-left: 13px;
		position: relative;
		font-size: 1rem;
		color: #fef56e;
		font-weight: 300;
		line-height: 22px
	}
	.app_noti_fot p.desc:after, .app_noti_top p.desc:after {
		content: '\203B';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		font-size: .8125rem
	}
	.app_noti_bottom {
		background: #fff;
		width: 100%;
		padding: 5%;
		position: relative;
		z-index: 2
	}
	.app_noti_bottom dl+dl {
		margin-top: 66px
	}
	.app_noti_bottom dl dt {
		color: #106ec4;
		font-size: 1.25rem;
		margin-bottom: 15px;
		font-weight: 500;
		line-height: 1.8125rem
	}
	.app_noti_bottom dl dt span {
		display: block;
		font-weight: 700
	}
	.app_noti_bottom dl dd p {
		font-size: 1rem;
		color: #333;
		line-height: 22px
	}
	.app_noti_bottom dl dd .ui_img_box {
		margin-top: 33px;
		text-align: center;
		width: 100%
	}
	.app_noti_bottom dl dd .ui_img_box img {
		display: block;
		width: auto;
		margin: 0 auto
	}
	.app_noti_bottom dl dd .ui_img_box img+img {
		margin: 15px auto 0
	}
	.app_noti_bottom dl:nth-child(1) dd .ui_img_box img {
		width: 62%
	}
	.app_noti_bottom dl:nth-child(3) dd .ui_img_box img {
		width: 70%;
		margin-left: 20%
	}
	.app_noti_bottom dl:nth-child(3) dd .ui_img_box img:first-child {
		width: 60%;
		margin: 0 auto
	}
	.app_noti_fot {
		padding: 5%;
		background: #4a4a4a
	}
	.app_noti_fot h4 {
		color: #f2a120;
		font-size: 1.5rem;
		margin-bottom: 15px;
		font-weight: 500
	}
	.app_noti_fot p {
		font-size: .875rem;
		line-height: 40px;
		color: #fff;
		margin-top: 10px
	}
	.app_noti_fot p.desc {
		margin-top: 0;
		padding-left: 13px;
		position: relative;
		font-size: .875rem;
		color: #fff;
		font-weight: 300;
		line-height: 1.5rem
	}
	.product-box.TC .btn-area .btn-basic {
	    min-width: 100%;
	    width: 100%;
	    margin: 10px 0 0;
	}
}

@media all and (max-width:460px) {
	.main_product {
		position: relative;
		padding: 60px 0;
		background: #f8f8f8
	}
	.main_product_warp {
		width: 100%;
		margin: 0 auto;
		padding: 0 20px
	}
	.main_product_warp:after, .product .imgbox-list:after {
		content: '';
		display: block;
		clear: both
	}
	.main_product_box {
		float: unset;
		width: 100%
	}
	.main_product_box+.main_product_box {
		margin-top: 50px
	}
	.main_product_box h2, .main_product_box ul li dl dt {
		font-size: 1.75rem;
		font-weight: 500;
		margin-bottom: 40px;
		text-align: center
	}
	.main_product_box ul {
		display: block;
		width: 100%;
		margin: 0 auto
	}
	.main_product_box ul li {
		min-height: 85px;
		width: 100%;
	}
	.main_product_box ul li+li {
		margin-top: 14px
	}
	.main_product_box ul li dl {
		padding: 100px 0 15px
	}
	.main_product_box ul li dl dt {
		font-size: 1.375rem;
		margin-bottom: 10px
	}
	.main_product_box ul li dl dd {
		font-size: .875rem;
		color: #666;
		font-weight: 300;
		line-height: 1.125rem;
		text-align: center
	}
	.main_product_box ul li dl dd br {
		display: none
	}
	.main_product_box ul li .product_icon {
		position: relative
	}
	.main_product_box ul li .product_icon:after, .main_product_box ul li .product_icon:before
		{
		content: '';
		display: block;
		width: 139px;
		height: 86px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -70px
	}
	.main_product_box ul li .product_icon:before {
		z-index: 1;
		background: #fff
	}
	.main_product_box ul li .product_icon:after {
		background: url(../images/spr_icon.png) no-repeat
	}
	.main_product_box ul li .product_icon.ico01:after {
		background-position: 35.249% 0
	}
	.main_product_box ul li .product_icon.ico02:after {
		background-position: 35.249% 28.981%
	}
	.main_product_box ul li .product_icon.ico03:after {
		background-position: 35.249% 57.962%
	}
	.main_product_box ul li .product_icon.ico04:after {
		background-position: 92.337% 0
	}
	.main_product_box ul li .product_icon.ico05:after {
		background-position: 92.337% 28.981%
	}
	.main_product_box ul li .product_icon.ico06:after {
		background-position: 92.337% 57.962%
	}
	.banner .item-box.text.TC>.innder-box {
		padding-left: 40px;
		padding-top: 35px;
	}
	.product .imgbox-list {
		margin-bottom: 50px
	}
	.product .imgbox-list li {
		width: 100%;
		margin-left: 0;
		float: left;
		margin-bottom: 10px;
		text-align: center
	}
	.product .imgbox-list li:first-child, .product .imgbox-list li:nth-child(3)
		{
		margin-left: 0
	}
	.product .imgbox-list li:nth-child(5), .product .imgbox-list li:nth-child(6)
		{
		width: 100%
	}
	.product .imgbox-list li .imgbox {
		width: 100%;
		border: 1px solid #d9d9d9;
		margin: 0
	}
	.product .imgbox-list li .imgbox img {
		width: 100%
	}
	.product .imgbox-list li p {
		width: 192px;
		height: 42px;
		margin: 12px auto 0;
		border: 1px solid #d9d9d9;
		color: #0071bd;
		font-size: 1em;
		font-weight: 400;
		text-align: center;
		line-height: 40px;
		border-radius: 20px
	}
	.material .material-list {
		margin: 0
	}
	.material .material-list>li {
		width: 50%;
		padding: 0 7px 25px
	}
	.material .material-list>li>.inbox>h2 {
		height: 40px
	}
	.material .material-list>li>.inbox>.download {
		min-width: 124px;
		width: 100%
	}
}

@media all and (max-width:380px) {
	.banner .item-box.text>.innder-box>.main_item {
		width: 685px;
		height: 458px;
		background-size: 50%;
		background-image: url(../images/main4_item.png);
		position: absolute;
		left: 168px;
		top: 337px
	}
	.product .imgbox-list {
		margin-bottom: 50px
	}
	.product .imgbox-list:after {
		content: '';
		display: block;
		clear: both
	}
	.product .imgbox-list li {
		width: 100%;
		margin-left: 0;
		float: left;
		margin-bottom: 10px;
		text-align: center
	}
	.product .imgbox-list li:first-child, .product .imgbox-list li:nth-child(3)
		{
		margin-left: 0
	}
	.product .imgbox-list li:nth-child(5), .product .imgbox-list li:nth-child(6)
		{
		width: 100%
	}
	.product .imgbox-list li .imgbox {
		width: 100%;
		border: 1px solid #d9d9d9;
		margin: 0
	}
	.product .imgbox-list li p {
		width: 192px;
		height: 42px;
		margin: 12px auto 0;
		border: 1px solid #d9d9d9;
		color: #0071bd;
		font-size: 1em;
		font-weight: 400;
		text-align: center;
		line-height: 40px;
		border-radius: 20px
	}
	.title-box>h1 {
		font-size: 2.1em;
		letter-spacing: -.5px
	}
}

@media all and (max-width:359px) {
	.footer-wrap dl:nth-child(3) {
		width: 240px
	}
	.footer-wrap dl:nth-child(3)>dt:nth-child(5) {
		padding-left: 0;
		margin-left: 0;
		padding-top: 10px
	}
	.footer-wrap dl:nth-child(3)>dd:nth-child(6) {
		padding-top: 10px
	}
	.footer-wrap dl:nth-child(3)>dt:nth-child(5):before {
		display: none
	}
	[class^=tab-basic] .tab-lst li a {
		padding: 0 4px
	}
	.btn-basic {
		min-width: 80px;
		margin-top: 10px
	}
	.download {
		width: 130px
	}
	.location-wrap .location>li {
		padding-left: 8px;
		margin-left: 6px
	}
	.location-wrap .location>li>span {
		font-size: .714em
	}
	.title-box>h1 {
		font-size: 1.786em;
		letter-spacing: -1px
	}
	.internet .inbox>ul>li>h2 {
		font-size: 1.5em;
		letter-spacing: -.5px
	}
	.product .product-box {
		padding: 15px
	}
	.product .list-dot>li {
		font-size: .857em
	}
	.voiceye-hw .photo-list>ul>li>ul>li {
		height: 140px
	}
	.voiceye-hw .photo-list>ul>li h4 {
		padding: 0 20px
	}
	.voiceye-inc {
		padding-bottom: 320px
	}
	.voiceye-ci>.cibox-list+.btn-area>.download {
		min-width: 120px
	}
	.product-box .btn-area .btn-basic {
		min-width: 100%;
		width: 100%;
		margin: 10px 0 0
	}
	.product-box, .product.voiceye-code .product-box {
		padding: 15px
	}
}

@media all and (max-width:1680px) {
	.top_banner .top_banner_item {
		position: relative
	}
}

@media all and (max-width:1200px) {
	.top_banner {
		width: 100%;
		height: 190px;
		background-color: #202327;
		position: relative;
		z-index: 10;
		-webkit-transition: top .3s;
		-o-transition: top .3s;
		transition: top .3s
	}
	.top_banner_box {
		padding: 0 15px
	}
	.top_banner_box:after {
		content: '';
		display: block;
		clear: both
	}
	.top_banner_box, .top_banner_cont {
		width: 100%;
		margin: 0 auto;
		position: relative
	}
	.top_banner_cont .top_banner_item {
		padding: 20px 30px;
		font-size: 0;
		text-align: center
	}
	.top_banner_cont .top_banner_item a {
		width: calc(50% - 10px);
		max-width: 520px;
		display: inline-block;
		margin-left: 0 !important;
	}
	.promotion_sms .sms_pdt_info>ul>li+li, .top_banner_cont .top_banner_item a+a
		{
		margin-left: 20px
	}
	.top_banner_cont .top_banner_nav {
		display: none
	}
	.top_banner_cont .item_control {
		display: block;
		position: absolute;
		text-indent: -9999em;
		background: url(../images/main/spr_global_icon.png) no-repeat 26.458%
			21.413%;
		width: 20px;
		height: 33px;
		top: 50%;
		margin-top: -16.5px;
		overflow: hidden
	}
	.top_banner_cont .item_control:hover {
		background-position: 62.5% 49.893%
	}
	.top_banner_cont .item_control.prev {
		left: 0;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.top_banner_cont .item_control.next {
		right: 0
	}
	.top_banner_cont .item_control.disabled {
		background-position: 57.083% 49.893% !important;
		cursor: default
	}
	.top_banner .top_banner_controller {
		float: right;
		margin-right: 40px
	}
	.top_banner .top_banner_controller .top_chk_box {
		display: inline-block;
		vertical-align: middle
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox] {
		width: 16px;
		height: 16px;
		background: 0 0;
		border: 0;
		color: transparent
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label
		{
		color: #999;
		font-size: .875rem;
		font-weight: 400;
		cursor: pointer;
		display: inline-block;
		vertical-align: middle
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label.label_hide,
		.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label.label_hide:before
		{
		margin: 0
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label:before
		{
		background: url(../images/main/spr_global_icon.png) no-repeat 43.75%
			21.042%;
		width: 20px;
		height: 20px;
		display: inline-block;
		margin: 0 7px 0 0;
		vertical-align: middle;
		cursor: pointer;
		content: ''
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox]:checked+label:before
		{
		background-position: 39.167% 21.042%
	}
	.top_banner .top_banner_controller .top_close_box {
		margin-left: 70px;
		display: inline-block;
		vertical-align: middle
	}
	.top_banner .top_banner_controller .top_close_box .banner_close {
		background: url(../images/main/spr_global_icon.png) no-repeat 32.704%
			21.174%;
		display: inline-block;
		text-indent: -9999em;
		width: 23px;
		height: 23px
	}
	.top_banner.hide {
		display: none
	}
	.top_banner .bx-controls {
		position: relative;
		width: 100%;
		height: 0;
		text-align: center;
		margin: 0 auto;
		bottom: 0
	}
	.top_banner .bx-controls .bx-next, .top_banner .bx-controls .bx-prev {
		position: absolute;
		top: -100px;
		display: block;
		width: 15px;
		height: 44px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.top_banner .bx-controls .bx-controls-auto {
		position: relative;
		top: -42px;
		display: inline-block;
		text-align: center
	}
	.top_banner .bx-controls .bx-pager, .top_banner .bx-controls .bx-start,
		.top_banner .bx-controls .bx-stop {
		display: none
	}
	.top_banner .bx-controls .bx-prev {
		left: 0;
		background: url(../images/bg_prev.png) no-repeat 0 center
	}
	.top_banner .bx-controls .bx-next {
		right: 0;
		background: url(../images/bg_next.png) no-repeat -20px center
	}
	.top_banner .bx-controls .bx-start:after {
		position: absolute;
		top: 0;
		left: 2px;
		width: 13px;
		height: 0;
		border-style: solid;
		border-width: 10px 0 10px 18px;
		border-color: transparent transparent transparent #fff;
		content: ""
	}
	.top_banner .bx-controls .bx-stop:after {
		position: absolute;
		top: 0;
		left: 5px;
		width: 13px;
		height: 19px;
		background: 0 0;
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		content: ""
	}
	.promotion_sms .sms_pdt_info>ul {
		font-size: 0;
		text-align: center
	}
	.promotion_sms .sms_pdt_info>ul>li {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: calc(33.333333% - 20px);
		padding: 30px 15px 20px;
		background-color: #f4f4f4;
		border-radius: 10px;
		vertical-align: top;
		display: inline-block
	}
	.promotion_sms .sms_pdt_info>ul>li .pdt_dec, .promotion_sms .sms_pdt_info>ul>li .pdt_tit
		{
		height: 65px;
		font-size: .875rem;
		line-height: 20px;
		color: #333;
		letter-spacing: -.05em;
		font-weight: 500;
		margin-bottom: 20px
	}
	.promotion_sms .sms_pdt_info>ul>li .hashtag_box ul li+li, .promotion_sms .sms_pdt_info>ul>li .pdt_tit img
		{
		margin-top: 10px
	}
	.promotion_sms .sms_pdt_info>ul>li .pdt_dec {
		display: block;
		margin-top: 35px;
		margin-bottom: 40px;
		text-align: center;
		color: #232323;
		line-height: 28px;
		height: 200px
	}
	.promotion_sms .sms_pdt_info>ul>li .btn_wrap, .promotion_sms .sms_pdt_info>ul>li .hashtag_box
		{
		text-align: center
	}
	.promotion_sms .sms_pdt_info>ul>li .hashtag_box span {
		padding: 0 20px;
		height: 26px;
		line-height: 24px;
		font-size: 1rem;
		border-radius: 13px;
		font-weight: 500;
		color: #fff;
		display: inline-block
	}
	.promotion_sms .sms_pdt_info>ul>li.m365 .hashtag_box span {
		background-color: #5691c1
	}
	.promotion_sms .sms_pdt_info>ul>li.m365 .pdt_dec em {
		color: #5691c1
	}
	.promotion_sms .sms_pdt_info>ul>li.vc10 .hashtag_box span {
		background-color: #66cacc
	}
	.promotion_sms .sms_pdt_info>ul>li.vc10 .pdt_dec em {
		color: #56c1c3
	}
	.promotion_sms .sms_pdt_info>ul>li.sc_center .hashtag_box span {
		background-color: #7f94d6
	}
	.promotion_sms .sms_pdt_info>ul>li.sc_center .pdt_dec em {
		color: #7f94d6
	}
	.promotion_sms .sms_pdt_info>ul>li .btn_wrap .btn_gray {
		background-color: #717171;
		display: inline-block;
		line-height: 38px;
		height: 2.5rem;
		width: calc(50% - 20px);
		border-radius: 10px;
		font-size: 1rem;
		color: #fff;
		font-weight: 300
	}
	.promotion_sms .sms_pdt_info>ul>li .btn_wrap .btn_gray:hover {
		background-color: #555
	}
	.promotion_sms .sms_pdt_info>ul>li .btn_wrap .btn_gray+.btn_gray {
		margin-left: 20px
	}
	.promotion_sms .sms_pdt_info>ul>li .btn_wrap .btn_gray.full {
		width: 100%
	}
	
	.content-box .icon_lst dl span:after {
		background: url(../images/spr_tc.png) no-repeat;
		background-size: 250px 250px;
		-webkit-background-size: 250px 250px;
	}
	.content-box .icon_lst dl span.ico_tc_01:after {
		width: 26px;
		height: 29px;
	}
	.content-box .icon_lst dl span.ico_tc_02:after {
		width: 28px;
		height: 28px;
	}
	.content-box .icon_lst dl span.ico_tc_03:after {
		width: 28px;
		height: 27px;
	}
	.content-box .icon_lst dl span.ico_tc_04:after {
		width: 28px;
		height: 27px;
	}
		.content-box .icon_lst dl span.ico_tc_05:after {
		width: 28px;
		height: 27px;
	}
	.content-box .icon_lst dl span.ico_tc_06:after {
		width: 28px;
		height: 27px;
	}
	.content-box .icon_lst dl span.ico_fido_01:after {
		width: 27px;
		height: 27px;
	}
	.content-box .icon_lst dl span.ico_fido_02:after {
		width: 29px;
		height: 29px;
	}
	.content-box .icon_lst dl span.ico_fido_03:after {
		width: 28px;
		height: 30px;
		left: 0;
		top: 0;
	}
	.content-box .icon_lst dl span.ico_fido_04:after {
		left: 3px;
		width: 30px;
		height: 31px;
	}
	
	.content-box .icon_lst dl span {
	    top: 0;
		margin-top: 0;
		width: 50px;
		height: 50px;
	}
	
	.content-box .icon_lst dl:nth-child(odd) {
    	float: none !important;
    	padding-left: 65px;
	}
	.content-box .icon_lst dl:nth-child(even) {
    	float: none !important;
	    width: 100%;
	    min-height: auto;
	    padding-left: 65px;
	}
	.product_cont.TC .inner {
		width: 100%
	}
	
	.product_cont.TC .tb-basic.TC {
	   width: 100%;
	       overflow-x: auto;
    }
    
	.product_cont.TC .tb-basic.TC table {
	   width: 900px
    }
    	
	.product_cont.TC .m_tbl_caption{
		display: block;
		color: red;
	}

}

@media all and (max-width:1023px) {
	.top_banner {
		width: 100%;
		height: auto;
		padding-bottom: 15px;
		background-color: #202327;
		position: absolute;
		top: 50px;
		z-index: 10;
		-webkit-transition: top .3s;
		-o-transition: top .3s;
		transition: top .3s
	}
	.top_banner_box {
		padding: 0 15px
	}
	.top_banner_box:after {
		content: '';
		display: block;
		clear: both
	}
	.top_banner_box, .top_banner_cont {
		width: 100%;
		margin: 0 auto;
		position: relative
	}
	.top_banner_cont .top_banner_item {
		padding: 20px 30px;
		font-size: 0;
		text-align: center
	}
	.top_banner_cont .top_banner_item a {
		width: calc(50% - 10px);
		max-width: 520px;
		display: inline-block
	}
	.promotion_sms .sms_pdt_info>ul>li+li, .top_banner_cont .top_banner_item a+a
		{
		margin-left: 20px
	}
	.top_banner_cont .top_banner_nav {
		display: none
	}
	.top_banner_cont .item_control {
		display: block;
		position: absolute;
		text-indent: -9999em;
		background: url(../images/main/spr_global_icon.png) no-repeat 26.458%
			21.413%;
		width: 20px;
		height: 33px;
		top: 50%;
		margin-top: -16.5px;
		overflow: hidden
	}
	.top_banner_cont .item_control:hover {
		background-position: 62.5% 49.893%
	}
	.top_banner_cont .item_control.prev {
		left: 0;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.top_banner_cont .item_control.next {
		right: 0
	}
	.top_banner_cont .item_control.disabled {
		background-position: 57.083% 49.893% !important;
		cursor: default
	}
	.top_banner .top_banner_controller {
		float: right;
		margin-right: 40px
	}
	.top_banner .top_banner_controller .top_chk_box {
		display: inline-block;
		vertical-align: middle
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox] {
		width: 16px;
		height: 16px;
		background: 0 0;
		border: 0;
		color: transparent
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label
		{
		color: #999;
		font-size: .875rem;
		font-weight: 400;
		cursor: pointer;
		display: inline-block;
		vertical-align: middle
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label.label_hide,
		.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label.label_hide:before
		{
		margin: 0
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label:before
		{
		background: url(../images/main/spr_global_icon.png) no-repeat 43.75%
			21.042%;
		width: 20px;
		height: 20px;
		display: inline-block;
		margin: 0 7px 0 0;
		vertical-align: middle;
		cursor: pointer;
		content: ''
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox]:checked+label:before
		{
		background-position: 39.167% 21.042%
	}
	.top_banner .top_banner_controller .top_close_box {
		margin-left: 70px;
		display: inline-block;
		vertical-align: middle
	}
	.top_banner .top_banner_controller .top_close_box .banner_close {
		background: url(../images/main/spr_global_icon.png) no-repeat 32.704%
			21.174%;
		display: inline-block;
		text-indent: -9999em;
		width: 23px;
		height: 23px
	}
	.top_banner.hide {
		display: none
	}
	.top_banner .bx-controls {
		position: relative;
		width: 100%;
		height: 0;
		text-align: center;
		margin: 0 auto;
		bottom: 0
	}
	.top_banner .bx-controls .bx-next, .top_banner .bx-controls .bx-prev {
		position: absolute;
		top: -100px;
		display: block;
		width: 15px;
		height: 44px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.top_banner .bx-controls .bx-controls-auto {
		position: relative;
		top: -42px;
		display: inline-block;
		text-align: center
	}
	.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul li p br,
		.top_banner .bx-controls .bx-pager, .top_banner .bx-controls .bx-start,
		.top_banner .bx-controls .bx-stop {
		display: none
	}
	.top_banner .bx-controls .bx-prev {
		left: 0;
		background: url(../images/bg_prev.png) no-repeat 0 center
	}
	.top_banner .bx-controls .bx-next {
		right: 0;
		background: url(../images/bg_next.png) no-repeat -20px center
	}
	.top_banner .bx-controls .bx-start:after {
		position: absolute;
		top: 0;
		left: 2px;
		width: 13px;
		height: 0;
		border-style: solid;
		border-width: 10px 0 10px 18px;
		border-color: transparent transparent transparent #fff;
		content: ""
	}
	.top_banner .bx-controls .bx-stop:after {
		position: absolute;
		top: 0;
		left: 5px;
		width: 13px;
		height: 19px;
		background: 0 0;
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		content: ""
	}
	.promotion_sms .sms_pdt_info>ul {
		font-size: 0;
		text-align: center
	}
	.promotion_sms .sms_pdt_info>ul>li {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: calc(33.333333% - 20px);
		padding: 30px 15px 20px;
		background-color: #f4f4f4;
		border-radius: 10px;
		vertical-align: top;
		display: inline-block
	}
	.promotion_sms .sms_pdt_info>ul>li .pdt_tit {
		height: 65px;
		font-size: 1rem;
		line-height: 20px;
		color: #333;
		letter-spacing: -.05em;
		font-weight: 500;
		margin-bottom: 20px
	}
	.promotion_sms .sms_pdt_info>ul>li .hashtag_box ul li+li, .promotion_sms .sms_pdt_info>ul>li .pdt_tit img
		{
		margin-top: 10px
	}
	.promotion_sms .sms_pdt_info>ul>li .pdt_dec {
		display: block;
		margin-top: 35px;
		margin-bottom: 40px;
		text-align: center;
		font-size: 1.063rem;
		color: #232323;
		letter-spacing: -.05em;
		font-weight: 500;
		line-height: 28px;
		height: 200px
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl dt,
		.promotion_sms .sms_pdt_info>ul>li .btn_wrap, .promotion_sms .sms_pdt_info>ul>li .hashtag_box
		{
		text-align: center
	}
	.promotion_sms .sms_pdt_info>ul>li .hashtag_box span {
		padding: 0 20px;
		height: 26px;
		line-height: 24px;
		font-size: 1.125rem;
		border-radius: 13px;
		font-weight: 500;
		color: #fff;
		display: inline-block
	}
	.promotion_sms .sms_pdt_info>ul>li.m365 .hashtag_box span {
		background-color: #5691c1
	}
	.promotion_sms .sms_pdt_info>ul>li.m365 .pdt_dec em {
		color: #5691c1
	}
	.promotion_sms .sms_pdt_info>ul>li.vc10 .hashtag_box span {
		background-color: #66cacc
	}
	.promotion_sms .sms_pdt_info>ul>li.vc10 .pdt_dec em {
		color: #56c1c3
	}
	.promotion_sms .sms_pdt_info>ul>li.sc_center .hashtag_box span {
		background-color: #7f94d6
	}
	.promotion_sms .sms_pdt_info>ul>li.sc_center .pdt_dec em {
		color: #7f94d6
	}
	.promotion_sms .sms_pdt_info>ul>li .btn_wrap .btn_gray {
		background-color: #717171;
		display: inline-block;
		line-height: 38px;
		height: 2.5rem;
		width: calc(50% - 20px);
		border-radius: 10px;
		font-size: 1.125rem;
		color: #fff;
		font-weight: 300
	}
	.promotion_sms .sms_pdt_info>ul>li .btn_wrap .btn_gray:hover {
		background-color: #555
	}
	.promotion_sms .sms_pdt_info>ul>li .btn_wrap .btn_gray+.btn_gray {
		margin-left: 20px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul,
		.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul,
		.promotion_sms .sms_pdt_info>ul>li .btn_wrap .btn_gray.full {
		width: 100%
	}
	.commPhotoList>li .commPhotoView .contents .slogan {
		padding: 50px 0 40px;
		text-align: center
	}
	.commPhotoList>li .commPhotoView .contents .slogan h3 {
		font-weight: 500;
		font-size: 1.875rem;
		line-height: 1.875rem;
		color: #0f6bb1;
		letter-spacing: -.16px
	}
	.commPhotoList>li .commPhotoView .contents .slogan p {
		padding-top: 20px;
		font-size: 1.125rem;
		font-weight: 300;
		color: #666;
		line-height: 1.75rem
	}
	.commPhotoList>li .commPhotoView .contents .line_box {
		width: 100%;
		margin: 0 auto 80px
	}
	.commPhotoList>li .commPhotoView .contents .line_box:before {
		width: 90%
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl {
		display: block;
		width: 100%
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl+dl,
		.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul li+li
		{
		margin-left: 0;
		margin-top: 20px
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl dt .title {
		color: #4e4e4e;
		font-weight: 500;
		font-size: 1.25rem;
		padding: 20px 0 15px;
		line-height: 1.375rem
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl dt .sub {
		height: 40px;
		font-weight: 400;
		background-color: #0f6bb1;
		color: #fff;
		font-size: 1.125rem;
		line-height: 2.688rem
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl dd {
		padding: 15px 20px 20px
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl dd ul li {
		font-size: 1rem;
		line-height: 1.75rem;
		font-weight: 400;
		color: #666
	}
	.commPhotoList>li .commPhotoView .contents.bg_img.img01 {
		height: auto;
		background: 0 0
	}
	.commPhotoList>li .commPhotoView .contents.bg_img .slogan h3 {
		color: #0f6bb1
	}
	.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul li {
		float: none;
		width: 100%;
		height: auto
	}
	.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul li p
		{
		text-align: center;
		padding: 10px 20px 20px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray {
		background: #f9f9f9
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .slogan h3 {
		margin-bottom: 0
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 {
		padding: 0 20px 80px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul:after
		{
		display: block;
		clear: both;
		content: ""
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li {
		float: none;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li+li
		{
		margin-left: 0;
		margin-top: 30px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li h4
		{
		width: 100%;
		font-size: 1.375rem;
		line-height: 1.5rem;
		padding-bottom: 20px;
		color: #4e4e4e;
		text-align: center;
		font-weight: 500
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li .lst
		{
		padding-top: 30px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl
		{
		padding-left: 70px;
		position: relative
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl+dl
		{
		margin-top: 25px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl:before
		{
		background: url(../images/cld/spr_icon.png) no-repeat;
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		content: ""
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl dt
		{
		font-size: 1.063rem;
		line-height: 2.125rem;
		font-weight: 500;
		color: #4e4e4e
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl dd
		{
		font-size: .9375rem;
		line-height: 1.5rem;
		font-weight: 300
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green h4
		{
		border-bottom: 3px solid #0ba54a
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green dl:first-child:before
		{
		background-position: -5px -124px;
		width: 52px;
		height: 39px;
		margin-top: -19.5px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green dl:nth-child(2):before
		{
		background-position: -66px -125px;
		width: 48px;
		height: 48px;
		margin-top: -24px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green dl:nth-child(3):before
		{
		background-position: -121px -125px;
		width: 52px;
		height: 38px;
		margin-top: -19px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green dl:last-child:before
		{
		background-position: -181px -125px;
		width: 52px;
		height: 41px;
		margin-top: -20.5px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue h4
		{
		border-bottom: 3px solid #3d7ec9
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue dl:first-child:before
		{
		left: 5px;
		background-position: -11px -180px;
		width: 37px;
		height: 47px;
		margin-top: -23.5px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue dl:nth-child(2):before
		{
		background-position: -62px -180px;
		width: 52px;
		height: 39px;
		margin-top: -19.5px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue dl:nth-child(3):before
		{
		background-position: -122px -179px;
		width: 47px;
		height: 47px;
		margin-top: -23.5px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue dl:last-child:before
		{
		background-position: -179px -178px;
		width: 52px;
		height: 50px;
		margin-top: -25px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red h4
		{
		border-bottom: 3px solid #f63c17
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red dl:first-child:before
		{
		background-position: -3px -243px;
		width: 52px;
		height: 39px;
		margin-top: -19.5px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red dl:nth-child(2):before
		{
		left: 8px;
		background-position: -67px -241px;
		width: 42px;
		height: 50px;
		margin-top: -25px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red dl:nth-child(3):before
		{
		background-position: -116px -243px;
		width: 52px;
		height: 40px;
		margin-top: -20px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red dl:last-child:before
		{
		background-position: -178px -241px;
		width: 52px;
		height: 53px;
		margin-top: -26.5px
	}
	.commPhotoList>li .commPhotoView .contents .img_box {
		text-align: center;
		padding-bottom: 50px
	}
	.commPhotoList>li .commPhotoView .contents .img_box img {
		width: 100%;
		height: auto
	}
}

@media all and (max-width:768px) {
	.top_banner {
		width: 100%;
		height: auto;
		padding-bottom: 15px;
		background-color: #202327;
		position: absolute;
		top: 50px;
		z-index: 10;
		-webkit-transition: top .3s;
		-o-transition: top .3s;
		transition: top .3s
	}
	.top_banner_box {
		padding: 0 15px
	}
	.commPhotoList>li .cntBx .btn_wrap:after, .commPhotoList_head:after,
		.top_banner_box:after {
		content: '';
		display: block;
		clear: both
	}
	.top_banner_box, .top_banner_cont {
		width: 100%;
		margin: 0 auto;
		position: relative
	}
	.top_banner_cont .top_banner_item {
		padding: 20px 30px;
		font-size: 0;
		text-align: center
	}
	.top_banner_cont .top_banner_item a {
		width: 100%;
		max-width: 100%;
		display: block;
	}
	.top_banner_cont .top_banner_item a+a {
		margin-left: 0;
		margin-top: 15px
	}
	.top_banner_cont .top_banner_nav {
		display: none
	}
	.top_banner_cont .item_control {
		display: block;
		position: absolute;
		text-indent: -9999em;
		background: url(../images/main/spr_global_icon.png) no-repeat 26.458%
			21.413%;
		width: 20px;
		height: 33px;
		top: 50%;
		margin-top: -16.5px;
		overflow: hidden
	}
	.top_banner_cont .item_control:hover {
		background-position: 62.5% 49.893%
	}
	.top_banner_cont .item_control.prev {
		left: 0;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.top_banner_cont .item_control.next {
		right: 0
	}
	.top_banner_cont .item_control.disabled {
		background-position: 57.083% 49.893% !important;
		cursor: default
	}
	.top_banner .top_banner_controller {
		float: right;
		margin-right: 40px
	}
	.top_banner .top_banner_controller .top_chk_box {
		display: inline-block;
		vertical-align: middle
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox] {
		width: 16px;
		height: 16px;
		background: 0 0;
		border: 0;
		color: transparent
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label
		{
		color: #999;
		font-size: .875rem;
		font-weight: 400;
		cursor: pointer;
		display: inline-block;
		vertical-align: middle
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label.label_hide,
		.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label.label_hide:before
		{
		margin: 0
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox]+label:before
		{
		background: url(../images/main/spr_global_icon.png) no-repeat 43.75%
			21.042%;
		width: 20px;
		height: 20px;
		display: inline-block;
		margin: 0 7px 0 0;
		vertical-align: middle;
		cursor: pointer;
		content: ''
	}
	.top_banner .top_banner_controller .top_chk_box input[type=checkbox]:checked+label:before
		{
		background-position: 39.167% 21.042%
	}
	.top_banner .top_banner_controller .top_close_box {
		margin-left: 20px;
		display: inline-block;
		vertical-align: middle
	}
	.top_banner .top_banner_controller .top_close_box .banner_close {
		background: url(../images/main/spr_global_icon.png) no-repeat 32.704%
			21.174%;
		display: inline-block;
		text-indent: -9999em;
		width: 23px;
		height: 23px
	}
	.top_banner.hide {
		display: none
	}
	.top_banner .bx-controls {
		position: relative;
		width: 100%;
		height: 0;
		text-align: center;
		margin: 0 auto;
		bottom: 0
	}
	.top_banner .bx-controls .bx-controls-direction {
		display: block;
		width: 60px;
		position: absolute;
		bottom: -24px;
		left: 20px
	}
	.top_banner .bx-controls .bx-next, .top_banner .bx-controls .bx-prev {
		position: relative;
		top: unset;
		display: inline-block;
		width: 15px;
		height: 30px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.top_banner .bx-controls .bx-prev {
		margin-right: 15px
	}
	.top_banner .bx-controls .bx-controls-auto {
		position: relative;
		top: -42px;
		display: inline-block;
		text-align: center
	}
	.commPhotoList>li .commPhotoView .contents .slogan p br, .commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul li p br,
		.top_banner .bx-controls .bx-pager, .top_banner .bx-controls .bx-start,
		.top_banner .bx-controls .bx-stop {
		display: none
	}
	.top_banner .bx-controls .bx-prev {
		left: 0;
		background: url(../images/bg_prev.png) no-repeat 0 center;
		background-size: 60% 60%
	}
	.top_banner .bx-controls .bx-next {
		right: 0;
		background: url(../images/bg_next.png) no-repeat 0 center;
		background-size: 60% 60%
	}
	.top_banner .bx-controls .bx-start:after {
		position: absolute;
		top: 0;
		left: 2px;
		width: 13px;
		height: 0;
		border-style: solid;
		border-width: 10px 0 10px 18px;
		border-color: transparent transparent transparent #fff;
		content: ""
	}
	.top_banner .bx-controls .bx-stop:after {
		position: absolute;
		top: 0;
		left: 5px;
		width: 13px;
		height: 19px;
		background: 0 0;
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		content: ""
	}
	.iotproduct_box article.contents .img_box .video_container iframe {
		height: 344px !important
	}
	.commPhotoList {
		margin-top: 30px;
		border-top: 1px solid #d3d0d0
	}
	.commPhotoList_head {
		padding: 0 20px
	}
	.commPhotoList>li {
		padding: 20px 0;
		min-height: 198px;
		border-bottom: 1px solid #d3d0d0
	}
	.commPhotoList>li .thumb {
		float: unset;
		border: 1px solid #d4d4d4;
		width: 100%;
		text-align: center
	}
	.commPhotoList>li .thumb img {
		width: 279px;
		height: 198px
	}
	.commPhotoList>li .cntBx {
		display: block;
		float: unset;
		width: 100%;
		margin-left: 0;
		margin-top: 15px
	}
	.commPhotoList>li .cntBx dl {
		min-height: 143px;
		margin-bottom: 15px
	}
	.commPhotoList>li .cntBx dl dt {
		font-size: 24px;
		color: #010101
	}
	.commPhotoList>li .cntBx dl dt .flag {
		display: inline-block;
		padding: 0 10px;
		height: 23px;
		line-height: 23px;
		font-size: 12px;
		color: #fff;
		border-radius: 3px;
		background: #4285f4
	}
	.commPhotoList>li .cntBx dl dt .tit {
		display: block;
		margin-top: 10px
	}
	.commPhotoList>li .cntBx dl dd {
		margin-top: 10px;
		color: #666;
		font-size: 15px;
		font-weight: 300;
		line-height: 1.4
	}
	.commPhotoList>li .cntBx .btn_wrap .fl {
		float: left
	}
	.commPhotoList>li .cntBx .btn_wrap .fr {
		float: right
	}
	.commPhotoList>li .cntBx .btn_wrap a {
		vertical-align: middle;
		display: inline-block;
		line-height: 35px;
		padding: 0 12px;
		height: 37px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: .875rem;
		text-align: center;
		background: #fff;
		border-radius: 3px;
		color: #4285f4;
		border: 1px solid #4285f4
	}
	.commPhotoList>li .cntBx .btn_wrap a.open {
		background: #4285f4;
		color: #fff;
		border: 1px solid #4285f4;
		padding-right: 30px;
		position: relative
	}
	.commPhotoList>li .cntBx .btn_wrap a.open:hover {
		background: #2f61b4;
		border: 1px solid #2f61b4
	}
	.commPhotoList>li .cntBx .btn_wrap a.open.on:after, .commPhotoList>li .cntBx .btn_wrap a.open:after
		{
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		position: absolute;
		top: 9px;
		right: 9px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		border: 1px solid #fff;
		border-top: 0;
		border-right: 0
	}
	.commPhotoList>li .cntBx .btn_wrap a.open.on:after {
		top: 15px;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg)
	}
	.commPhotoList>li .commPhotoView {
		display: none;
		margin-top: 20px;
		border-top: 1px solid #d3d0d0;
		padding: 30px 15px
	}
	.commPhotoList>li .commPhotoView .tb-basic {
		width: 100%;
		overflow-x: auto
	}
	.commPhotoList>li .commPhotoView .tb-basic table {
		width: 700px
	}
	.commPhotoList>li .commPhotoView.open {
		display: block
	}
	.commPhotoList>li .commPhotoView h2 {
		font-size: 1.625em;
		font-weight: 300;
		margin-bottom: 15px
	}
	.commPhotoList>li .commPhotoView .inbox {
		position: relative;
		border: 1px solid #d9d9d9;
		padding: 20px
	}
	.commPhotoList>li .commPhotoView .inbox .prdImgWrap, .commPhotoList>li .commPhotoView .inbox+.inbox,
		.commPhotoList>li .commPhotoView .inbox+.tb-basic {
		margin-top: 15px
	}
	.commPhotoList>li .commPhotoView .inbox+h2, .commPhotoList>li .commPhotoView .inimgbox+h2,
		.commPhotoList>li .commPhotoView p+h2 {
		margin-top: 30px
	}
	.commPhotoList>li .commPhotoView .inbox h3 {
		font-size: 1.25em;
		font-weight: 400;
		margin-bottom: 10px
	}
	.commPhotoList>li .commPhotoView .inbox p, .commPhotoList>li .commPhotoView p
		{
		font-size: 1em;
		margin-bottom: 0;
		color: #666;
		line-height: 22px
	}
	.commPhotoList>li .commPhotoView .commCirBkList:after, .commPhotoList>li .commPhotoView .inbox .commCirBkList:after,
		.commPhotoList>li .commPhotoView .inbox .prdImgWrap:after {
		content: '';
		clear: both;
		display: block
	}
	.commPhotoList>li .commPhotoView .commCirBkList li, .commPhotoList>li .commPhotoView .inbox .commCirBkList li
		{
		color: #666;
		line-height: 22px;
		position: relative;
		padding-left: 15px;
		font-size: 1em
	}
	.commPhotoList>li .commPhotoView .commCirBkList li+li, .commPhotoList>li .commPhotoView .inbox .commCirBkList li+li
		{
		margin-top: 5px
	}
	.commPhotoList>li .commPhotoView .commCirBkList li:before,
		.commPhotoList>li .commPhotoView .inbox .commCirBkList li:before {
		position: absolute;
		top: 9px;
		left: 1px;
		width: 4px;
		height: 4px;
		background: #0071bd;
		border-radius: 4px;
		content: ""
	}
	.commPhotoList>li .commPhotoView .inbox .prdImgWrap img {
		display: block;
		width: 50%;
		float: left
	}
	.commPhotoList>li .commPhotoView .inbox .prdImgWrap.col1 img {
		display: block;
		width: 100%;
		float: left
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl dt,
		.commPhotoList>li .commPhotoView .inimgbox {
		text-align: center
	}
	.commPhotoList>li .commPhotoView p {
		margin-bottom: 10px
	}
	.commPhotoList>li .commPhotoView .contents .slogan {
		padding: 30px;
		text-align: center
	}
	.commPhotoList>li .commPhotoView .contents .slogan h3 {
		font-weight: 500;
		font-size: 1.875rem;
		line-height: 1.875rem;
		color: #0f6bb1;
		letter-spacing: -.16px
	}
	.commPhotoList>li .commPhotoView .contents .slogan p {
		padding-top: 20px;
		font-size: 1.125rem;
		font-weight: 300;
		color: #666;
		line-height: 1.75rem
	}
	.commPhotoList>li .commPhotoView .contents .line_box {
		width: 100%;
		margin: 0 auto 80px
	}
	.commPhotoList>li .commPhotoView .contents .line_box:before {
		width: 90%
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl {
		display: block;
		width: 100%
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl+dl,
		.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul li+li
		{
		margin-left: 0;
		margin-top: 20px
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl dt .title {
		color: #4e4e4e;
		font-weight: 500;
		font-size: 1.25rem;
		padding: 20px 0 15px;
		line-height: 1.375rem
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl dt .sub {
		height: 40px;
		font-weight: 400;
		background-color: #0f6bb1;
		color: #fff;
		font-size: 1.125rem;
		line-height: 2.688rem
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl dd {
		padding: 15px 20px 20px
	}
	.commPhotoList>li .commPhotoView .contents .line_box dl dd ul li {
		font-size: 1rem;
		line-height: 1.75rem;
		font-weight: 400;
		color: #666
	}
	.commPhotoList>li .commPhotoView .contents.bg_img.img01 {
		height: auto;
		background: 0 0
	}
	.commPhotoList>li .commPhotoView .contents.bg_img .slogan h3 {
		color: #0f6bb1
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul,
		.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul {
		width: 100%
	}
	.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul li {
		float: none;
		width: 100%;
		height: auto
	}
	.commPhotoList>li .commPhotoView .contents.bg_img .color_box_lst ul li p
		{
		text-align: center;
		padding: 10px 20px 20px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray {
		background: #f9f9f9
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .slogan h3 {
		margin-bottom: 0
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 {
		padding: 0 20px 80px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul:after
		{
		display: block;
		clear: both;
		content: ""
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li {
		float: none;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li+li
		{
		margin-left: 0;
		margin-top: 30px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li h4
		{
		width: 100%;
		font-size: 1.375rem;
		line-height: 1.5rem;
		padding-bottom: 20px;
		color: #4e4e4e;
		text-align: center;
		font-weight: 500
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li .lst
		{
		padding-top: 30px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl
		{
		padding-left: 70px;
		position: relative
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl+dl
		{
		margin-top: 25px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl:before
		{
		background: url(../images/cld/spr_icon.png) no-repeat;
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		content: ""
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl dt
		{
		font-size: 1.063rem;
		line-height: 2.125rem;
		font-weight: 500;
		color: #4e4e4e
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li dl dd
		{
		font-size: .9375rem;
		line-height: 1.5rem;
		font-weight: 300
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green h4
		{
		border-bottom: 3px solid #0ba54a
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green dl:first-child:before
		{
		background-position: -5px -124px;
		width: 52px;
		height: 39px;
		margin-top: -19.5px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green dl:nth-child(2):before
		{
		background-position: -66px -125px;
		width: 48px;
		height: 48px;
		margin-top: -24px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green dl:nth-child(3):before
		{
		background-position: -121px -125px;
		width: 52px;
		height: 38px;
		margin-top: -19px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.green dl:last-child:before
		{
		background-position: -181px -125px;
		width: 52px;
		height: 41px;
		margin-top: -20.5px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue h4
		{
		border-bottom: 3px solid #3d7ec9
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue dl:first-child:before
		{
		left: 5px;
		background-position: -11px -180px;
		width: 37px;
		height: 47px;
		margin-top: -23.5px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue dl:nth-child(2):before
		{
		background-position: -62px -180px;
		width: 52px;
		height: 39px;
		margin-top: -19.5px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue dl:nth-child(3):before
		{
		background-position: -122px -179px;
		width: 47px;
		height: 47px;
		margin-top: -23.5px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.blue dl:last-child:before
		{
		background-position: -179px -178px;
		width: 52px;
		height: 50px;
		margin-top: -25px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red h4
		{
		border-bottom: 3px solid #f63c17
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red dl:first-child:before
		{
		background-position: -3px -243px;
		width: 52px;
		height: 39px;
		margin-top: -19.5px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red dl:nth-child(2):before
		{
		left: 8px;
		background-position: -67px -241px;
		width: 42px;
		height: 50px;
		margin-top: -25px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red dl:nth-child(3):before
		{
		background-position: -116px -243px;
		width: 52px;
		height: 40px;
		margin-top: -20px
	}
	.commPhotoList>li .commPhotoView .contents.bg_gray .line_box02 ul li.red dl:last-child:before
		{
		background-position: -178px -241px;
		width: 52px;
		height: 53px;
		margin-top: -26.5px
	}
	.commPhotoList>li .commPhotoView .contents .img_box {
		text-align: center;
		padding-bottom: 50px
	}
	.commPhotoList>li .commPhotoView .contents .img_box img {
		width: 100%;
		height: auto
	}
	.commPhotoList>li .commPhotoView .banner {
		margin-top: 50px;
		text-align: center
	}
	.content-box .product-cont.TC .icon_lst>ul li+li {
    	margin-top: 20px;
	}
	.content-box .product-cont.TC .icon_lst {
		border: 1px solid #dcdcdc;
	}
	.content-box .product-cont.TC .icon_lst ul li+li {
		border-top: 1px solid #dcdcdc;
		padding-top: 0;
		margin-top: 0;
	}
	.content-box .product-cont.TC .icon_lst dl {
		padding: 15px 15px;
	}
	.content-box .product-cont.TC .icon_lst dl:first-child {
		background-color: #f9fafb;
		width: 100%;
	}
	.content-box .product-cont.TC .icon_lst dl+dl {
		border-top: 1px solid #dcdcdc;
		margin-top: 0;
	}
	.content-box .product-cont.TC .icon_lst dl span {
		display: none;
	}
	.content-box .product-cont.TC .icon_lst dl dt {
		line-height: 1.75rem;
		word-break: keep-all;
	}
	.content-box .product-cont.TC .icon_lst dl dd .bullet li+li {
		border-top: 0;
	}
	
}

@media all and (max-width:1245px) {
	.promotion_bottom_wrap {
		width: 100%
	}
}

@media all and (max-width:1024px) {
	.promotion_sms .slogan h2 span, .promotion_sms .slogan>span {
		font-size: 1.5rem
	}
	.promotion_sms .slogan h2 em {
		line-height: 5rem;
		font-size: 5rem
	}
	.promotion_sms .introduce_sms p {
		font-size: 1.25rem;
		line-height: 30px
	}
	.promotion_sms .introduce_sms p .highlight {
		line-height: 26px
	}
	.promotion_sms .introduce_sms_circle {
		margin-bottom: 40px
	}
	.promotion_sms .introduce_sms_circle ul li {
		width: 250px;
		height: 250px;
		line-height: 250px
	}
	.promotion_sms .introduce_sms_circle ul li img {
		width: 70%
	}
	.promotion_sms_cont {
		padding: 0
	}
	.promotion_sms_cont.bg_blue h3, .promotion_sms_cont.bg_gray h3,
		.promotion_sms_cont.bg_lightblue h3 {
		padding-top: 30px;
		font-size: 2.5rem
	}
	.promotion_sms .img_box .w_only {
		display: none
	}
	.promotion_sms .img_box .m_only {
		display: inline-block
	}
	.promotion_sms .slogan_gradiant {
		width: auto;
		height: 65px
	}
	.promotion_sms .slogan_gradiant p {
		line-height: 63px;
		font-size: 2rem
	}
	.service .service-box, .service .service-list {
		padding: 40px 50px;
		border: 1px solid #d9d9d9
	}
	.service .service-list {
		padding: 40px 50px 20px;
		margin-bottom: 30px
	}
	.service .service-list>li {
		width: 100%;
		overflow: hidden
	}
	.service .service-list>li .inbox, .service .service-list>li .inbox_con {
		position: relative;
		float: left;
		width: 100%
	}
	.service .service-list>li .inbox+.inbox {
		position: relative;
		width: 100%;
		border-left: 1px solid #d9d9d9;
		padding-left: 50px
	}
	.service .service-list>li .inbox h2 {
		font-size: 1.5em
	}
	.service .service-list>li .inbox_con {
		padding-right: 0;
		border-right: 0;
		margin-left: 0;
		padding-bottom: 25px;
		border-bottom: 1px solid #d9d9d9
	}
	.service .service-list>li .inbox_con+.inbox_con {
		height: 115px;
		margin-top: 25px;
		margin-left: 0;
		border-right: 0;
		border-bottom: 0
	}
	.service .service-list>li .inbox_con h3 {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 1em;
		font-weight: 300
	}
	
	.service .service-list>li .inbox_con.tech h3 {
		margin-bottom: 10px;
	}
	.service .service-list>li .inbox_con>ul {
		display: inline-block;
		width: 100%;
		padding-left: 200px
	}
	.service .service-list>li .inbox_con>ul li {
		float: left;
		width: 50%
	}
	.service .service-list>li .inbox_con.support>ul li {
		float: left;
		width: 100%
	}
	.service .service-list>li .inbox_con.tech>ul li {
		float: left;
		width: 50%
	}
	.service .service-list>li .inbox_con>ul li dl dt {
		position: relative;
		display: inline-block;
		float: left;
		width: 34px;
		height: 22px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.service .service-list>li .inbox_con>ul li dl dt:after {
		position: absolute;
		top: 0;
		left: 0;
		width: 22px;
		height: 22px;
		background: url(../images/spr_service_center.png) no-repeat center 0;
		background-size: 22px 86px;
		content: ""
	}
	.service .service-list>li .inbox_con>ul li dl dt.tel:after {
		background-position: center -35px
	}
	.service .service-list>li .inbox_con>ul li dl dt.email:after {
		background-position: center -71px;
		top: 5px
	}
	.service .service-list>li .inbox_con>ul li dl dd {
		display: inline-block;
		font-size: .875em;
		color: #666;
		line-height: 22px
	}
	.service .service-list>li .inbox_con>ul li dl dd>a {
		font-size: .875rem;
		color: #666;
		line-height: 22px
	}
	.service .service-list>li .inbox_con>ul li+li {
		margin-top: 0
	}
	.service .service-list>li .inbox_con.tech {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #d9d9d9;
	}
	.service .service-list>li .inbox_con.tech:last-child {
		border-bottom: none;
	}
	
}

@media all and (max-height:960px) {
	.modal.brochure_pop {
		height: 90% !important
	}
	.modal.brochure_pop .modal_body {
		overflow-y: auto
	}
	html.safari .modal.brochure_pop .modal_body {
		overflow-y: scroll
	}
}

@media ( max-width :900px) {
	.promotion_mid .contents .slogan {
		padding-top: 60px
	}
	.promotion_mid .contents .slogan h3 {
		font-size: 2rem;
		line-height: 2.375rem
	}
	.promotion_tab_container .tabA_3 .img_box {
		padding: 45px 0 60px
	}
	.promotion_tab_container .tabA_1 .icon_box {
		padding-top: 45px
	}
	.promotion_tab_lst ul li, .rdo_tab_lst li {
		height: 40px
	}
	.promotion_tab_lst ul li a {
		font-size: .9375rem;
		padding-top: 10px
	}
	.promotion_tab_lst ul li:first-child a {
		padding-top: 7px;
		line-height: 1rem
	}
	.promotion .contact_title h3 {
		font-size: 2rem
	}
	.promotion .contact_title .dec {
		padding-top: 30px;
		font-size: 1.375rem
	}
	.promotion .contact_title .dec span {
		margin-top: 20px
	}
	.promotion .contact {
		padding-top: 50px
	}
	.promotion .contact_title {
		margin-bottom: 45px
	}
	.promotion_sms .promotion_sms_footer dl dd, .rdo_tab_lst {
		width: 100%
	}
	.rdo_tab_lst li input[type=radio]+label {
		line-height: 38px;
		font-size: 1rem
	}
	.promotion_bottom_wrap dl dt:before {
		top: 7px
	}
	.promotion_sms .slogan h2 em {
		font-size: 4.5rem;
		font-weight: 700
	}
	.promotion_sms .slogan>span {
		width: 90%
	}
	.promotion_sms .slogan_gradiant {
		margin: 35px auto;
		height: 40px
	}
	.promotion_sms .slogan_gradiant p {
		line-height: 38px;
		font-size: 1.5rem
	}
	.promotion_sms h3, .promotion_sms_cont.bg_blue h3, .promotion_sms_cont.bg_gray h3,
		.promotion_sms_cont.bg_lightblue h3 {
		line-height: 30px;
		font-size: 1.75rem
	}
	.promotion_sms_cont+.promotion_sms_cont {
		margin-top: 40px
	}
	.promotion_sms_cont.bg_blue .slogan {
		padding-top: 30px
	}
	.promotion_sms_cont.bg_blue .slogan h2 {
		line-height: 30px;
		font-size: 1.5rem
	}
	.promotion_sms_cont.bg_lightblue .dec {
		word-break: keep-all;
		margin-bottom: 40px;
		line-height: 28px;
		font-size: 1.125rem;
		padding: 0 20px
	}
	.promotion_sms .btn_sms_reg {
		height: 45px;
		line-height: 43px;
		font-size: 1.5rem;
		width: 90%
	}
	.promotion_sms .promotion_sms_footer {
		margin-top: 50px;
		padding: 20px 10px
	}
	.promotion_sms .promotion_sms_footer dl dt {
		display: block;
		width: 100%;
		margin-bottom: 10px
	}
	.modal.brochure_pop .brochure_pop_privacy h5, .promotion_sms .promotion_cld_info dl dd,
		.promotion_sms .promotion_sms_footer dl dd ul li {
		word-break: keep-all
	}
	.promotion_sms .promotion_cld_info .slogan {
		margin-top: 40px;
		padding: 0 15px;
		word-break: keep-all
	}
	.modal.brochure_pop .brochure_pop_privacy .terms_box br, .modal.brochure_pop .brochure_pop_title br,
		.promotion_sms .introduce_sms p br, .promotion_sms .promotion_cld_info .slogan br,
		.promotion_sms .promotion_cld_info dl dd br, .promotion_sms .promotion_sms_for .icon_lst_col ul li br,
		.promotion_sms .promotion_sms_for .tit:before, .promotion_sms .sms_pdt_info>ul>li .pdt_dec br
		{
		display: none
	}
	.promotion_sms .promotion_cld_info .slogan p {
		font-size: 1.5rem;
		line-height: 33px
	}
	.promotion_sms .promotion_cld_info ul {
		padding: 0 20px
	}
	.promotion_sms .promotion_cld_info ul li img {
		width: 90px
	}
	.promotion_sms .promotion_cld_info ul li+li {
		border-top: 1px solid #cbe5ed;
		padding-top: 20px;
		margin-top: 20px;
		margin-left: 0
	}
	.promotion_sms .promotion_cld_info dl dt {
		margin-top: 20px
	}
	.promotion_sms .promotion_cld_info ul li, .promotion_sms .sms_pdt_info>ul>li
		{
		display: block;
		width: 100%
	}
	.promotion_sms .sms_pdt_info>ul>li .hashtag_box span {
		font-size: 1rem
	}
	.promotion_sms .sms_pdt_info>ul>li .pdt_dec {
		word-break: keep-all;
		height: auto;
		margin-top: 20px;
		margin-bottom: 20px
	}
	.promotion_sms .promotions_free {
		padding: 30px 0 40px
	}
	.promotion_sms .promotions_free dl {
		text-align: center;
		margin-left: 0
	}
	.promotion_sms .promotions_free dl dt {
		width: auto;
		padding: 0 15px;
		font-size: 1.125rem;
		height: 30px;
		line-height: 30px
	}
	.promotion_sms .promotions_free dl dd {
		text-align: center;
		margin-left: 0;
		font-size: 1.125rem;
		display: block
	}
	.promotion_sms .promotions_free .img_box_col {
		padding: 0 20px;
		margin-top: 30px
	}
	.promotion_sms .promotions_free .img_box_col .img_box+.img_box,
		.promotion_sms .sms_pdt_info>ul>li+li {
		margin-left: 0;
		margin-top: 20px
	}
	.promotion_sms .introduce_sms {
		padding-bottom: 50px
	}
	.promotion_sms .introduce_sms p {
		font-size: 1.125rem;
		padding: 0 20px;
		word-break: keep-all
	}
	.promotion_sms .introduce_sms_circle {
		margin-bottom: 40px
	}
	.promotion_sms .introduce_sms_circle ul li {
		width: 150px;
		height: 150px;
		line-height: 150px;
		margin: 0 auto;
		display: block;
		word-break: keep-all
	}
	.promotion_sms .introduce_sms_circle ul li+li {
		margin-left: auto;
		margin-top: -30px
	}
	.promotion_sms .introduce_sms_circle ul li img {
		width: 70%
	}
	.promotion_sms .promotion_sms_for .tit {
		margin-bottom: 30px
	}
	.promotion_sms .promotion_sms_for .tit span {
		font-size: 1.5rem;
		background-color: transparent
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul {
		border: 1px solid #dcdcdc
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul+ul {
		margin-top: 0;
		border-top: 0
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul li {
		padding-top: 20px;
		padding-bottom: 20px;
		display: block;
		width: 100%;
		word-break: keep-all
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul li:before {
		position: relative;
		margin-bottom: 10px;
		background-size: 175.5px 127.5px
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico01:before {
		width: 44px;
		height: 32px
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico02:before {
		width: 42px;
		height: 33px
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico03:before {
		width: 40px;
		height: 33px
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico04:before {
		width: 51px;
		height: 35px
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico05:before {
		width: 53px;
		height: 36px
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico06:before {
		width: 30px;
		height: 34px
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico07:before {
		width: 35px;
		height: 28px
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico08:before {
		width: 35px;
		height: 30px
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul li.ico09:before {
		width: 37px;
		height: 37px
	}
	.promotion_sms .promotion_sms_for .icon_lst_col ul li+li {
		border-top: 1px solid #dcdcdc;
		margin-left: 0
	}
	.modal_controller {
		top: -17px;
		right: -14px
	}
	.modal.brochure_pop {
		width: 90%
	}
	.modal.brochure_pop .modal_body {
		padding: 0 20px !important
	}
	.modal.brochure_pop .brochure_pop_privacy .terms_box p, .modal.brochure_pop .brochure_pop_title p
		{
		word-break: keep-all;
		font-weight: 400
	}
	.modal.brochure_pop .brochure_pop_wrap {
		width: 100%;
		padding: 40px 0 50px
	}
	.modal.brochure_pop .brochure_pop_form {
		padding: 15px 0
	}
	.modal.brochure_pop .brochure_pop_form dl dt {
		width: 60px
	}
	.modal.brochure_pop .brochure_pop_form dl dd {
		width: calc(100% - 60px)
	}
	.modal.brochure_pop .brochure_pop_form dl dd .ipt_box input {
		height: 35px;
		line-height: 35px;
		min-height: 35px;
		font-size: .9375rem
	}
	.modal.brochure_pop .brochure_pop_form dl dd .ipt_box input::-webkit-input-placeholder
		{
		font-size: .9375rem
	}
	.modal.brochure_pop .brochure_pop_form dl dd .ipt_box input::-moz-placeholder
		{
		font-size: .9375rem
	}
	.modal.brochure_pop .brochure_pop_form dl dd .ipt_box input:-ms-input-placeholder,
		.modal.brochure_pop .brochure_pop_form dl dd .ipt_box input::-ms-input-placeholder
		{
		font-size: .9375rem
	}
	.modal.brochure_pop .brochure_pop_form dl dd .ipt_box input::placeholder
		{
		font-size: .9375rem
	}
	.modal.brochure_pop .brochure_pop_privacy {
		margin-top: 20px
	}
	.modal.brochure_pop .brochure_pop_privacy .terms_box .chk_box input[type=checkbox]+label
		{
		font-weight: 400
	}
	.modal.brochure_pop .btn_wrap .btn.b_gradiant {
		width: 200px;
		height: 40px;
		line-height: 38px;
		border-radius: 20px
	}
}

@media all and (max-width:720px) {
	.service .service-box, .service .service-list {
		padding: 40px 50px;
		border: 1px solid #d9d9d9
	}
	.service .service-list {
		padding: 40px 50px 20px;
		margin-bottom: 30px
	}
	.service .service-list>li {
		width: 100%;
		overflow: hidden
	}
	.service .service-list>li .inbox, .service .service-list>li .inbox_con {
		position: relative;
		float: left;
		width: 100%
	}
	.service .service-list>li .inbox+.inbox {
		position: relative;
		width: 100%;
		border-left: 1px solid #d9d9d9;
		padding-left: 50px
	}
	.service .service-list>li .inbox h2 {
		font-size: 1.5em;
		margin-bottom: 30px
	}
	.service .service-list>li .inbox_con {
		padding-right: 0;
		border-right: 0;
		padding-bottom: 25px;
		border-bottom: 1px solid #d9d9d9;
		height: 235px;
	}
	.service .service-list>li .inbox_con+.inbox_con {
		margin-top: 25px;
		margin-left: 0;
		border-right: 0
	}
	.service .service-list>li .inbox_con h3 {
		position: relative;
		top: 0;
		left: 0;
		font-size: 1em;
		font-weight: 300
	}
	.service .service-list>li .inbox_con>ul {
		display: inline-block;
		width: 100%;
		padding-left: 0;
		margin-top: 15px
	}
	.service .service-list>li .inbox_con>ul li {
		width: 100%
	}
	.service .service-list>li .inbox_con>ul li dl dt {
		position: relative;
		display: inline-block;
		float: left;
		width: 34px;
		height: 22px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.service .service-list>li .inbox_con>ul li dl dt:after {
		position: absolute;
		top: 0;
		left: 0;
		width: 22px;
		height: 22px;
		background: url(../images/spr_service_center.png) no-repeat center 0;
		background-size: 22px 86px;
		content: ""
	}
	.service .service-list>li .inbox_con>ul li dl dt.tel:after {
		background-position: center -35px
	}
	.service .service-list>li .inbox_con>ul li dl dt.email:after {
		background-position: center -71px;
		top: 5px
	}
	.service .service-list>li .inbox_con>ul li dl dd {
		display: inline-block;
		font-size: .875em;
		color: #666;
		line-height: 22px
	}
	.service .service-list>li .inbox_con>ul li dl dd>a {
		font-size: .875rem;
		color: #666;
		line-height: 22px
	}
	.service .service-list>li .inbox_con>ul li+li {
		margin-top: 10px
	}
	.service .service-list>li .inbox_con.tech>ul li+li {
		margin-top: 0;
	}
	
}

@media all and (max-width:520px) {
	.service .service-box, .service .service-list {
		padding: 40px 50px;
		border: 1px solid #d9d9d9
	}
	.service .service-list {
		padding: 40px 50px 20px;
		margin-bottom: 30px
	}
	.service .service-list>li {
		width: 100%;
		overflow: hidden
	}
	.service .service-list>li .inbox, .service .service-list>li .inbox_con {
		position: relative;
		float: left;
		width: 100%
	}
	.service .service-list>li .inbox+.inbox {
		position: relative;
		width: 100%;
		border-left: 1px solid #d9d9d9;
		padding-left: 50px
	}
	.service .service-list>li .inbox h2 {
		font-size: 1.5em;
		margin-bottom: 30px
	}
	.service .service-list>li .inbox_con {
		padding-right: 0;
		border-right: 0;
		padding-bottom: 25px;
		border-bottom: 1px solid #d9d9d9;
	}
	.service .service-list>li .inbox_con+.inbox_con {
		margin-top: 25px;
		margin-left: 0;
		border-right: 0
	}
	.service .service-list>li .inbox_con h3 {
		position: relative;
		top: 0;
		left: 0;
		font-size: 1em;
		font-weight: 300
	}
	.service .service-list>li .inbox_con>ul {
		display: inline-block;
		width: 100%;
		padding-left: 0
	}
	.service .service-list>li .inbox_con>ul li dl dt {
		position: relative;
		display: inline-block;
		float: left;
		width: 34px;
		height: 22px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px
	}
	.service .service-list>li .inbox_con>ul li dl dt:after {
		position: absolute;
		top: 0;
		left: 0;
		width: 22px;
		height: 22px;
		background: url(../images/spr_service_center.png) no-repeat center 0;
		background-size: 22px 86px;
		content: ""
	}
	.service .service-list>li .inbox_con>ul li dl dt.tel:after {
		background-position: center -35px
	}
	.service .service-list>li .inbox_con>ul li dl dt.email:after {
		background-position: center -71px;
		top: 5px
	}
	.service .service-list>li .inbox_con>ul li dl dd {
		display: inline-block;
		font-size: .875em;
		color: #666;
		line-height: 22px
	}
	.service .service-list>li .inbox_con>ul li dl dd>a {
		font-size: .875rem;
		color: #666;
		line-height: 22px
	}
	.service .service-list>li .inbox_con.tech>ul li{
		width: 100%
	}
	.service .service-list>li .inbox_con>ul li+li {
		margin-top: 10px
	}
	
}