@charset "utf-8";

#site {
	padding-top: 80px;
	font-family: 'notokr', sans-serif;
}

ol,
ul,
li {
	list-style: none;
	list-style-position: inside;
}

#site>.container {
	width: 100%;
	padding: 0;
}

.table_blog dd {
	padding: 10px 20px 20px;
}

/* 불필요 항목 삭제 */
.navbar .caret {
	display: none;
}

/* 상단 메뉴 */
.navbar-inverse {
    background: #1c2027;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: none;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    border: 0;
}

.navbar-brand {
	height: auto;
	margin-left:0 !important;
	padding: 0px;
}

.navbar-inverse .navbar-nav>li>a {
	font-size: 14px;
	font-weight: 600;
	color: #a3a7af;
	letter-spacing: -.02em;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
	color: #fff;
}

.navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle {
	background: none;
	color: #fff;
}

@media (max-width: 767px) {

	/*.navbar-inverse .navbar-toggle{border:1px solid #666;}*/
	.navbar-inverse .navbar-toggle {
		border: 0;
		padding: 9px 0;
	}

	.navbar-inverse .navbar-toggle .icon-bar {
		background-color: #666;
		transition: ease-in-out .15s all;
		opacity: 1;
		position: relative;
	}

	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:focus {
		background: none;
		border-color: #222;
	}

	.navbar-inverse .navbar-toggle:hover .icon-bar,
	.navbar-inverse .navbar-toggle:focus .icon-bar {
		background-color: #222;
	}

	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		border-color: transparent;
	}

	.navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(1) {
		transform: rotate(45deg);
		top: 6px;
	}

	.navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(2) {
		opacity: 0;
	}

	.navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(3) {
		transform: rotate(-45deg);
		top: -6px;
	}
}

@media (min-width: 768px) {
	.navbar-inverse .navbar-nav .dropdown-menu {
		left: 50%;
		right: auto;
		transform: translate(-50%, 0);
		border-radius: 0;
		border: none;
		padding: 20px 0 17px;
		box-shadow: none;
		background: #159cca;
		text-align: center;
	}
	.navbar-inverse .navbar-nav .dropdown-menu>li>a {
		padding: 8px 20px;
		color: rgba(255, 255, 255, 0.7);
	}

	.navbar-inverse .navbar-nav .dropdown-menu>li>a:hover, 
	.navbar-inverse .navbar-nav .dropdown-menu>li>a:focus {
		background: rgba(0,0,0,0);
		color: #fff;
		font-weight: 500;
	}
}

@media (min-width: 992px) {
	.navbar-inverse .navbar-right {
		margin-right: 0;
	}

	.navbar-inverse .navbar-nav>li>a {
		padding-left: 25px;
		padding-right: 25px;
	}
}

/* 슬라이드 공통 */
.carousel-control {
	text-shadow: 0px 2px 6px rgba(0, 0, 0, .125);
	transition: ease-in-out .15s all;
}

.carousel-control.left .glyphicon::before {
	content: '\f053';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.carousel-control.right .glyphicon::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.carousel-indicators li {
	width: 12px;
	height: 12px;
	background-color: rgba(255, 255, 255, .1);
	border: 1px solid #fff;
	margin: 0 8px;
	border-radius: 0;
	transition: ease-in-out .15s all;
}

.carousel-indicators li.active {
	width: 12px;
	height: 12px;
	background-color: #fff;
	margin: 0 8px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, .125);
	transform: rotate(45deg);
}

.carousel-caption {
	text-shadow: 0px 0px 10px rgba(0, 0, 0, .75);
}

@media (max-width: 767px) {
	.carousel-control {
		font-size: 14px;
	}

	.carousel-indicators li,
	.carousel-indicators li.active {
		width: 6px;
		height: 6px;
	}
}

/*main iframe {
 margin-top: 40px;
 margin-bottom: -5px;
}*/

/* 푸터 */
#site footer {
	margin-top: 0px;
	padding: 50px 0;
	background-color: #203246;
	color: #b4bbc1;
}

/* 메인 페이지 */
#mainCarousel .carousel-inner .item {
	height: 600px
}

@media (max-width: 767px) {
	#mainCarousel .carousel-inner .item {
		height: 250px
	}

	#mainCarousel .carousel-caption h1 {
		font-size: 24px
	}

	#mainCarousel .carousel-caption p {
		font-size: 12px;
	}
}

.root_daum_roughmap {
	width: 100% !important;
	padding: 0 !important;
}

.root_daum_roughmap .map_border {
	display: none !important;
}

.board_box_blog2 .row {
	margin-left: -5px;
	margin-right: -5px;
}

.board_box_blog2 .row>div[class^="col-"] {
	padding-left: 5px;
	padding-right: 5px;
}

.board_box_blog2 .inner {
	margin-top: 0;
	margin-bottom: 0;
}

.board_box_blog2 .inner .bottom {
	padding: 12px 10px;
}

.board_box_blog2 .inner .bottom .title {
	margin-bottom: 0;
}

.board_box_blog2 .inner .bottom .title a {
	font-size: 14px;
}

.board_box_blog2 .inner .bottom .info {
	display: none;
}

.board_box_blog2 .inner .top a .thumb {
	height: 180px;
}

/* member */
.member_wrapper {
	max-width: 1140px;
	margin: 0 auto;
}

.member_wrapper .btn {
	transition: all ease 0.3s
}

.member_wrapper .table tbody tr th {
	background-color: rgba(0, 0, 0, 0.03);
}

.member_wrapper .table tbody tr th span {
	color: #5dae57
}

/* personal setting 0.64v */
@media(min-width:768px) {
	.col-sm-20 {
		width: 20%;
	}
}

/* img */
.img-bordered {
	border: 1px solid #ddd;
}

.img-caption {
	margin: 10px 0 20px;
	text-align: center;
	font-size: 16px;
	color: #555;
	font-weight: 500;
}

/* align */
.text-center-table thead th,
.text-center-table thead td,
.text-center-table tbody th,
.text-center-table tbody td {
	text-align: center !important;
	vertical-align: middle !important;
}
.text-left-table thead tr th,
.text-left-table thead tr td,
.text-left-table tbody tr th,
.text-left-table tbody tr td {
	text-align: left !important;
	vertical-align: top !important;
}
.text-center-table .text-left,
.text-center-table .text-left th,
.text-center-table .text-left td {
	text-align: left !important;
}

/* font */
.numbering {
	margin-right: 10px;
}

.numbering.circle,
.numbering.sqr {
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
	text-align: center;
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: -0.04em;
	color: #fff;
	border-radius: 0;
	background: #159cca ;
}

.numbering.circle {
	border-radius: 50%;
}

/*list style*/
.dl-none> dt,
.dl-none> dd,
.li-none>li {
	position: relative;
	list-style: none !important;
	padding-left: 30px;
	margin-bottom:5px;
}
.li-none .numbering,
.dl-none .numbering{
	position:absolute;
	left:5px;
	top:3px;
}
.li-none .more,
.dl-none .more{
	padding: 0 0 0px;
    margin-left: 10px;
    color: #0f5d8d;
    border-bottom: 1px solid;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.02em;
    font-weight: 600;
}
.li-none .more:hover,
.dl-none .more:hover{
	color: #0f9ccc;
}

.li-circle>li {
	list-style: circle !important;
	margin-left: 20px;
}

.li-square>li {
	list-style: square !important;
	margin-left: 20px;
}

.li-disc>li {
	list-style: disc !important;
	margin-left: 20px;
}

.li-check>li,
.li-dash>li,
.li-dot>li {
	margin-left: 10px;
	padding-left: 20px;
	position: relative;
}

.li-dash>li:before,
.li-dot>li:before {
	content: '-';
	display: block;
	position: absolute;
	left: 5px;
	top: 0;
}

.li-dot>li:before {
	content: '·';
}

.li-check>li:before {
	content: '\f00c';
	left: 0;
	font-family: 'fontawesome';
	color: #159cca ;
}

.location-li {
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    margin: 20px 0 0px;
}
.location-li li {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    font-size: 15px;
    letter-spacing: -0.03em;
    color: #666;
}
.location-li span {
    display: inline-block;
    margin-right: auto;
    min-width: 130px;
    font-weight: 600;
    color: #333;
    border-radius: 4px;
}

@media(max-width:767px) {
	.location-li span {
		display: block;
	}
}

.location-li span i {
	margin-right: 5px;
	color: #159cca ;
}

.partner-li {
	margin: 20px 0;
}

.partner-li:after {
	content: '';
	display: block;
	clear: both;
}

.partner-li>li {
	float: left;
	width: 20%;
	padding: 10px;
}

.partner-li>li img {
	border: 1px solid #ddd;
}

.category-li {
	display: inline-block;
	margin: 20px auto;
}

.category-li:after {
	content: '';
	display: block;
	clear: both;
}

.category-li>li {
	float: left;
	margin: 5px;
	padding: 10px 20px;
	background: #f5f5f5;
	border: 1px solid #ddd;
}

.li-pill li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 100px;
}

.li-pill li span {
	position: absolute;
	left: 0;
	padding: 5px 0;
	text-align: center;
	width: 90px;
	color: #555;
	line-height: 1.1;
	font-weight: 500;
	border-radius: 4px;
	background: #d5d5d5;
}

.btn-li {
	text-align: center;
}

.btn-li li {
	display: inline-block;
	vertical-align: top;
	padding: 0 30px;
}


.trait-dl {
	margin: 40px 0;
}

.trait-dl:after {
	content: '';
	display: block;
	clear: both;
}

.trait-dl >dt,
.trait-dl >dd {
	float: left;
	margin-bottom: 10px;
	padding: 20px 40px;
	border-top: 2px solid #ddd;
}

.trait-dl >dt {
	position:relative;
	border-color: #159cca;
	font-size: 18px;
	padding-left:60px;
}
.trait-dl >dt .numbering{
	position:absolute;
	left:20px;
	top:20px;
}

#map .trait-dl {
    max-width: 980px;
    margin: 60px auto;
}

#map .trait-dl:after {
	content: '';
	display: block;
	clear: both;
}

#map .trait-dl> dt, 
#map .trait-dl> dd {
    float: left;
    margin-bottom: 0;
	padding: 20px 15px;
	border:none;
}

#map .trait-dl > dt {
    border-color: #159cca;
    font-size: 18px;
    text-align: center;
}

#map .trait-dl> dd {
    font-size: 15px;
    letter-spacing: -0.03em;
    line-height: 1.55;
    color: #666;
}

.stripe-dl {
	margin: 30px 0;
}

.stripe-dl dt {
	padding: 10px 20px;
	font-size: 16px;
	background: #f5f5f5;
}

.stripe-dl dd {
	margin-bottom: 20px;
	padding: 20px;
}

@media(min-width:768px) {
	.trait-dl > dt {
		width: 20%;
	}

	.trait-dl > dd {
		width: 80%;
	}
}
.trait-dl dt i {
    text-align: center;
    font-size: 50px;
    border-radius: 50%;
    color: #159cca;
}
.trait-dl> dd dl dt {
    margin-top: 25px;
    margin-bottom: 2px;
}


@media(max-width:767px) {
	.partner-li>li {
		width: 50%;
	}
}
.maintenance {
    margin-top: 5px;
    border: 7px solid #E5E5E5;
    padding: 50px 25px;
    text-align: center;
}

.maintenance .icon {
    display: block;
    line-height: 1;
    font-size: 64px;
	margin-bottom: 10px;
}

.maintenance .big-cont {
	display: block;
    line-height: 1;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
}

.maintenance .small-cont {
    display: block;
    line-height: 1.5;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #818181;
    margin-bottom: 20px;
}
/* component */
.card {
	display: block;
	position: relative;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	min-height: max-content;
}

.card .card-ttl {
	margin: -15px -15px 15px;
	padding: 10px 0;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	background: #159cca ;
}

.column-2 {
	column-count: 2;
	column-rule: 1px solid #ddd;
	column-gap: 30px;
}

.more-btn {
	display: block;
	margin: 40px auto 10px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	border: 1px solid #159cca ;
	background: #159cca ;
}

.more-btn:hover {
	color: #159cca ;
	background: transparent;
}

.circle-wrap {
	margin: 30px 0;
	text-align: center;
}

.circle-wrap .circle {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
	margin: 0 15px;
	vertical-align: top;
	border-radius: 50%;
	background: #555;
}

.circle-wrap .circle span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.3;
	min-width: 80%;
}

@media(max-width:767px) {
	.column-2 {
		column-count: 1;
	}
}

.column-2 ul,
.column-2 dl,
.column-2 ol {
	margin: 0;
}

.quote-box {
	margin: 20px auto;
	padding: 25px;
	background: #f5f5f5;
}

.greet .quote,
p.quote {
	margin: 30px 0;
    font-size: 30px;
    font-weight: 500;
    color: #2c2c2c;
    letter-spacing: -0.04em;
    line-height: 1.55;
}

p.quote span {
	font-weight: 500;
}

/* custom setting */
ul,
dl,
ol {
	padding: 0;
}

p,
li,
dt,
dd {
	line-height: 1.6;
}

a:hover,
a:focus {
	text-decoration: none;
}

* {
	box-sizing: border-box;
	word-break: keep-all;
}

.table-style {
	margin: 0 0 20px;
	border-top: 2px solid #159cca ;
}

.table-style tr th,
.table-style tr td {
	padding: 10px 10px !important;
	border-bottom: 1px solid #dedede !important;
	letter-spacing: -0.02em;
	word-break: keep-all;
	vertical-align: middle !important;
}

.table-style tr th {
	color: #333;
	text-align: center;
}

.table-style thead tr th {
	background: #f8f8f8;
}

.table-style tr td {
	color: #666;
}

.history-table {
	border-top: none;
}

.history-table.table-style tr th,
.history-table.table-style tr td {
	border-bottom: none !important;
	padding: 25px !important;
}

.history-table.table-style tr th {
	position: relative;
	border-right: 1px solid #ccc;
	font-size: 22px;
	color: #159cca ;
}

.history-table.table-style tr th:after {
	content: '';
	display: block;
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translatey(-50%);
	width: 10px;
	height: 10px;
	border: 3px solid #159cca ;
	border-radius: 50%;
	background: #fff;
}

/* personal setting 0.64v end */
/* navigation setting */

@media(min-width:768px) {
	#gnb_65 a {
		border-radius: 2px;
		color: #fff;
		background: #159cca;
		padding: 12px 45px;
		margin-top: 3px;
		margin-left:12px;
	}
	.navbar-nav>#gnbauth > a, 
	.navbar-nav>#gnbauth > a:hover {
		background: #4f4f4f !important;
		border-radius: 2px;
		height: 45px;
		margin-top: 3px;
		margin-left: 7px;
		padding: 13px 20px;
	}
}
@media(max-width:767px) {
	#gnb_65 a {
		position: absolute;
		right: 55px;
		top: 25px;
		border-radius: 2px;
		color: #fff;
		background: #159cca;
		padding: 5px 24px;
		margin: 0;
		font-size: 13px;
	}
}

/* mainpage setting */
.main-banner{
	position:relative;
	height:725px;
}
#site .main-banner-slide{
	z-index: 2;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding: 0 !important;
}
.main-banner-slide .slick-arrow{
	display: none!important;
}
.main-banner-slide .item{
	height:725px;
}
.main-banner-slide .item1{
	background:url(/public/img/main/main-banner.jpg) no-repeat center / cover;
}
.main-banner-slide .item2{
	background:url(/public/img/main/main-banner2.jpg) no-repeat center / cover;
}
.main-banner-slide .item3{
	background:url(/public/img/main/main-banner3.jpg) no-repeat center / cover;
}
.main-banner-slide .slick-dots{
	bottom:50px;
	z-index: 1000;
}
.main-banner-slide .slick-dots li{
	width: 7px;
	height: 20px;
	background: #fff;
	opacity: 0.5;
	font-size: 0;
	cursor: pointer;
	border: 0;
	padding: 0;
	margin: 0 4px;
	transform: rotate(45deg);
	margin-right: 12px;
	opacity: 0.5;
	cursor: pointer;
}
.main-banner-slide .slick-dots li.slick-active{
	opacity: 1;
	background:#159cca;
}
.main-banner-slide .slick-dots li button{
	width:100%;
	height:100%;
	padding:0;
}
.main-banner-slide .slick-dots li button:before{
	display: none;
}
.sub-banner{
	height:850px;
}
#cnc .sub-banner{
	height:550px;
	background:url(/public/img/sub/cnc-banner.jpg) no-repeat center top 39% / cover;
}
#sub_3d_printing .sub-banner{
	height:550px;
	background:url(/public/img/sub/3printing_banner.jpg) no-repeat center top 39% / cover;
}
#sub_3d_modeling .sub-banner{
	height:600px;
	background:url(/public/img/sub/3dmodeling-banner.jpg) no-repeat center bottom / cover;
}
#sub_3d_manufacturing .sub-banner{
	height:600px;
	background:url(/public/img/sub/3dmanufacturing-banner.jpg) no-repeat center bottom / cover;
}
#production .sub-banner{
	height:600px;
	background:url(/public/img/sub/production-banner.jpg) no-repeat center bottom / cover;
}
.sub-banner .container,
.main-banner .container{
	position: relative;
	height:100%;
}
.sub-banner .banner-caption,
.main-banner .banner-caption{
	position:absolute;
	left: 15px;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
	transition:all .3s ease;
	z-index: 100;
}
.banner-caption.bk h2 small,
.banner-caption.bk{
	color:#111;
}
.banner-caption.bk h2:after{
	background:#111;
}
.sub-banner .banner-caption{
	display:inline-block;
	padding:20px 30px;
	background:rgba(0,0,0,0.75);
	/* top:160px; */
	top:100px;
	transform: none;
}

.banner-caption h2 small{
	display:inline-block;
	margin-bottom: 20px;
	font-size: 17px;
	color:#fff;
	letter-spacing: -.035em;
}
.banner-caption h2{
	margin: 0 0 35px;
	width:320px;
	max-width:100%;
	font-size: 46px;
	letter-spacing: -0.045em;
	line-height: 1.3;
}
.banner-caption h2:after{
	content:'';
	display:block;
	margin-top: 27px;
	width:0;
	height: 3px;
	animation-name:bar;
	animation-duration: 2.5s;
	animation-fill-mode: both;
	animation-delay: .5s;
	background:#fff;
	transition:all .3s ease;
}
.banner-caption p{
	margin-bottom: 35px;
	font-size: 16px;
	letter-spacing: -0.03em;
	line-height: 1.8;
}
.banner-caption li{
	display:inline-block;
	margin-right: 20px;
	font-weight:bold;
}
.banner-caption li img{
	margin-right:5px;
}
.banner-caption li:first-child img{
	margin-right:7px;
}
.style-jxzqmdjl,
.style-jxzqmdjllink {
	display:inline-block;
	margin:-2px 5px  0 0 ;
}
.style-jxzqmdjllink svg{
	vertical-align: middle;
	width:31px;
	height:31px;
}
.style-jxzqmdjllink svg path{
	fill:#fff!important;
}
.slick-prev,.slick-next {
    width: 43px;
    height: 43px;
}
.slick-next {
    right: 0;
}
.slick-prev {
    left: 0;
}
.slick-prev:before, 
.slick-next:before {
    color: rgba(0,0,0,0.25);
    font-size: 43px;
}
@keyframes bar{
	0%{
		width:0;
	}
	100%{
		width:100%;
	}
}

.main-process{
	padding: 100px 0;
}
.main-content .title {
    margin-bottom: 60px;
    text-align: center;
}
.main-content .title h3 {
    font-size: 37px;
    font-weight: 700;
    margin: 0px 0 18px;
    letter-spacing: -0.04em;
    color: #212121;
}
.main-content .title p {
    font-size: 20px;
    letter-spacing: -0.03em;
    color: #606060;
    margin: 0;
}
#process-slide {
    height: 370px;
    background: #1c97c1;
}
#process-slide .carousel-caption {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: auto;
    transform: inherit;
    padding: 0;
}
#process-slide .carousel-caption> div{
	float:left;
}
#process-slide .carousel-caption .txt-box {
    text-align: left;
    left: 0;
    right: auto;
    height: 100%;
    padding: 40px 40px 0;
    text-shadow: none;
    width: 40%;
    background: #1c97c1;
}
#process-slide .carousel-caption .img-box {
    width: 60%;
    float: right;
	overflow: hidden;
	height:370px;
}
#process-slide .carousel-caption .txt-box h5 {
    font-size: 35px;
    letter-spacing: -0.055em;
    margin: 0 0 30px;
    font-weight: 400;
}
#process-slide .carousel-caption .txt-box p {
    font-size: 15px;
    line-height: 1.9;
    font-weight: 400;
    opacity: 1;
}
#process-slide .carousel-caption .slide-img{
	opacity: 1;
	width: 100%;
	height:370px;
	transform: scale(1);
	transition: all 10s ease;
	transition-delay: 0.13s;
	transform-origin: center center ;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	background-image:url(/public/img/main/process-slide1.jpg);
}
#process-slide .item2 .slide-img{
	transform-origin: right center;
	background-image:url(/public/img/main/process-slide2.jpg);
}
#process-slide .item3 .slide-img{
	transform-origin: left bottom;
	background-image:url(/public/img/main/process-slide3.jpg);
}
#process-slide .item4 .slide-img{
	transform-origin: left bottom;
	background-image:url(/public/img/main/process-slide4.jpg);
}
#process-slide .item5 .slide-img{
	transform-origin: center center;
	background-image:url(/public/img/main/process-slide5.jpg);
}
#process-slide .zoom .carousel-caption .slide-img{
	opacity:1;
	transform: scale(1.5);
}
.process-slide-list:after,
#process-slide .carousel-caption:after{
	content:'';
	display:block;
	clear:both;
}

#process-slide .carousel-control.left {
    left: 5%;
    top: auto;
    bottom: 20%;
    text-align: center;
}

#process-slide .carousel-control.right {
    left: 5%;
    top: auto;
    bottom: 20%;
    margin-left: 40px;
}

#process-slide .carousel-control span {
    opacity: 1;
    font-size: 25px !important;
    display: block;
    width: 20px;
    height: 40px;
    letter-spacing: 0;
    margin: 0 !important;
    left: 0;
    top: 0;
    line-height: 35px;
}


#process-slide .carousel-indicators li{
	width:1px;
	height:1px;
	border:none;
	background:transparent!important;
}
.process-slide-list{
	margin:0 0;
}
.process-slide-list .item {
    display: block;
    float: left;
    width: 20%;
    padding: 0;
}
.process-slide-list .item a {
    display: block;
    min-height: 150px;
    padding: 20px 30px 0;
    color: #666;
    background: #1b344e;
    border-right: 1px solid rgba(255,255,255,0.1);
    transition: all 0.2s;
}

.process-slide-list .item h5 {
    margin: 0 0 15px;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.015em;
    font-weight: 500;
}
.process-slide-list .item p {
    margin: 0;
    font-size: 13px;
    color: #fff;
    line-height: 1.75;
    letter-spacing: 0;
    opacity: 0.8;
    font-weight: 400;
}
.process-slide-list .item a:hover{
	background: #11273e;
}
.process-slide-list .item a:hover p {
    color: #fff;
    opacity: 1;
}

.main-case {
    padding: 120px 0;
    background: #f0f1f3;
}
.main-case .quote {
    margin: 0 auto 65px;
    text-align: center;
}
.main-case .quote span {
    color: #159cca;
    font-size: 1.05em;
}
.main-case .container .row > .col-md-12 {
    padding: 0;
}
.main-case h4 {
    margin: 0 0 25px;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #333;
}
#project-case .item {
    padding: 0 15px;
}
#project-case .item a{
	display:block;
	min-height:235px;
	background:#fff;
	color:#666;
	border:1px solid #ddd;
}
#project-case .item a img {
    transition: all 0.4s ease;
}
#project-case .item a:hover{
	border-color:#159cca ;
}
#project-case .item a .img-box{
	overflow: hidden;
}
#project-case .item a img:hover {
    transform: scale(1.15);
}
#project-case .item a .txt-box {
    padding: 40px 30px 30px;
    z-index: 1;
}
#project-case .item ul{
	min-height:88px;
}
#project-case .txt-box h5 {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin: 0 0 20px;
}
#project-case .txt-box h5 small {
    display: block;
    margin-top: 9px;
    letter-spacing: -0.01em;
    font-size: 15px;
    color: #444;
    font-weight: 500;
}
#project-case .item li {
    font-size: 13px;
    letter-spacing: -0.02em;
    padding-left: 10px;
    margin-left: 0px;
    color: #727576;
    line-height: 1.7;
}
#project-case .item li::before {
    left: 0;
}
#project-case .txt-box .more {
    display: block;
    color: #159cca;
    font-weight: 500;
}
#project-case .txt-box  .more i{
	margin-left:5px;
}

.main-bottom{
	padding: 120px 0 50px;
}
.main-review{
	/* padding-bottom:50px; */
	text-align:center;
}
.main-bottom .left-con {
    padding-right: 50px;
}
.main-review h4 {
    margin-top: 50px;
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 500;
    color: #1395c1;
    letter-spacing: -0.04em;
    line-height: 1.55;
}
.main-review .quote-wrap {
    display: inline-block;
    padding: 10px;
    margin: 20px 30px;
    position: relative;
}
.main-review .quote-wrap p {
    font-size: 15px;
    letter-spacing: -0.03em;
    line-height: 1.8;
    color: #728890;
    margin: 0;
}
.main-review .quote-wrap .q-mark{
	position:absolute;
}
.main-review .quote-wrap .q-mark.str{
	left:-35px;
	top:-27px;
}
.main-review .quote-wrap .q-mark.end{
	right:-35px;
	bottom:-27px;
}
.client-title {
    margin-bottom: 20px;
    text-align:  center;
    font-size: 23px;
    font-weight: 600;
    color: #636363;
}
.client-title p span{
	color:#119ac9;
}

@media(max-width:767px) {}

/* footer setting */
footer .container> div{
	float:left;
	padding-right: 15px;
}
footer .center-con,
footer .right-con{
	width:30%;
}
footer .left-con{
	width:40%;
}
.foot-logo{
	margin-bottom:15px;
}
footer .name {
    font-size: 14px;
    font-weight: 600;
}
footer .foot-info {
    margin-bottom: 30px;
}
footer .foot-info li {
    position: relative;
    margin-bottom: 10px;
    /* padding-left: 110px; */
    /* text-indent: -7px; */
    line-height: 1.3;
    font-size: 13px;
}
footer .foot-info li span{
	/* position:absolute; */
	/* left:7px; */
	/* top:0; */
	font-weight: 600;
}
footer .policy-li li{
	display:inline-block;
	margin-right:10px;
}
footer .policy-li li a {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-decoration: underline;
    color: #b4bbc1;
}
footer .policy-li li a:hover{
	/* color:#57d5ff */
	color:#fff;
}
footer dl{
	display:inline-block;
	width:48%;
	vertical-align: top;
}
footer dt{
	margin-bottom:10px;
	color: #fff;
	font-size: 14px;
}
footer dd{
	margin-bottom: 30px;
}
footer dd li {
    margin-bottom: 5px;
}
footer dd a{
	color:#666;
	font-weight: 400;
	font-size: 13px;
	color: #b4bbc1;
	letter-spacing: -0.015em;
}
footer dd a:hover {
    color: #57d5ff;
}
footer .tel strong{
	font-size: 15px;
	color: #fff;
}
footer .tel a{
	display:block;
	margin-top:-5px;
	font-size: 40px;
	font-weight:500;
	color: #23b2e2;
	letter-spacing: 0;
}
footer .right-con ul {
    margin-bottom: 20px;
}
footer .right-con li{
	font-size: 14px;
}
footer .right-con > a {
    display: inline-block;
    padding: 9px 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    background: #132333;
    margin-right: 2px;
    border-radius: 2px;
}
footer .right-con > a:hover{
	background:#159cca ;
	border-color:#159cca ;
	color:#fff;
}
.copy {
    float: left;
    /* margin-left: 10px; */
    /* margin-top: 15px; */
    opacity: 0.5;
    font-size: 13px;
}
.sns {
	float:right;
	text-align:right;
}
.sns li {
    display: inline-block;
    margin-left: 4px;
}
.sns li a{
	display:block;
	transition:all .3s ease;
}
.sns li a:hover{
	transform: translateY(-5px);
}
.sns li img {
    width: 33px;
    border-radius: 2px;
}
@media(max-width:767px) {}


/* subpage setting */
.subpage-content {
    padding: 120px 0;
}
.subpage-content section {
	position: relative;
    margin-bottom: 70px;
}
.subpage-content .row > section:last-child {
    margin-bottom: 0;
}
.subpage-content p .emp {
    color: #0ba2d6;
    font-weight: 500;
}
.subpage-content section h4 {
    font-size: 37px;
    font-weight: 700;
    margin: 0px 0 20px;
    letter-spacing: -0.04em;
    color: #212121;
}
.modeling-wrap{
	margin:120px -40px;
}
.modeling-wrap > div {
    padding: 0 40px;
}
.modeling-wrap > .txt-box {
    margin-top: 30px;
}
#sub_3d_manufacturing  .modeling-wrap > .txt-box {
	margin-top:0;
}
.modeling-wrap .clearfix{
	padding-bottom:120px;
}
.modeling-wrap h5 {
    display: inline-block;
    margin: 0 0 25px;
    padding-bottom: 7px;
    font-size: 38px;
    color: #212121;
    border-bottom: 2px solid #333;
    letter-spacing: -0.055em;
    font-weight: 500;
}
.modeling-wrap h5 span {
    display: block;
    margin-bottom: 5px;
    padding-left: 2px;
    font-size: 26px;
    font-weight: 400;
    color: #149cca;
    letter-spacing: -0.05em;
    font-style: italic;
}
.modeling-wrap .des {
    margin-bottom: 50px;
    font-size: 16px;
    letter-spacing: -0.033em;
    color: #333;
    line-height: 1.6;
    font-weight: 400;
}
.modeling-wrap img {
    margin-bottom: 40px;
}
.modeling-wrap .img-box img {
    border: 1px solid #ddd;
}
.icon-wrap {
    text-align: left;
    width: 530px;
    max-width: 100%;
    margin: 0 0 70px;
}
.icon-wrap .icon {
	position:relative;
    display: inline-block;
    padding: 0;
    margin-right: 10px;
    border-radius: 4px;
    /* overflow: hidden; */
}
/* #circuit_engineering .icon-wrap .icon + .icon:before{
	content:'\f061';
	font-family: 'font awesome 5 free';
	font-weight:900;
	position:absolute;
	left: -17px;
	font-size:20px;
	color: #159cca;
	top:50%;
	transform: translateY(-50%);
} */
.icon-wrap .icon img{
	margin-bottom:0;
	width: 150px;
	border-radius: 4px 4px 0 0;
}
.icon-wrap .icon i {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 33px;
    border-radius: 50%;
    color: #159cca;
    border: 1px solid #bfd2d8;
}
.icon-wrap p {
    margin: 0;
    padding: 2px 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    letter-spacing: -0.03em;
    background: #159cca;
    border-radius: 50px;
    color: #fff;
    margin-top: -10px;
    z-index: 1;
    position: relative;
	border-radius:0 0 4px 4px;
}
.icon-wrap .icon img + p {
    background: #333;
    color: #fff;
    margin: 0;
    border-radius: 0;
}
.modeling-wrap .question {
    margin: 0;
    font-size: 14px;
    color: #92969c;
    padding: 2px 0px;
    font-weight: 500;
    overflow: hidden;
}
.modeling-wrap .q-mark {
    margin-right: 10px;
    font-size: 1.15em;
    font-weight: 800;
}
.modeling-wrap .question .more {
    position: relative;
    float: right;
    padding: 0;
    margin-left: 10px;
    margin-right: 25px;
    color: #0f9ccc;
    border-bottom: 1px solid;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.02em;
    font-weight: 600;
}
.modeling-wrap .question .more:after{
	content:'\f054';
	display:inline-block;
	font-size:12px;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	border-radius: 50%;
	vertical-align: middle;
	color:#fff;
	background:#0f9ccc;
	font-family: 'font awesome 5 free';
	font-weight:900;
	position: absolute;
	right: -25px;
	top: 3px;
	padding-left: 2px;
}

.modeling-wrap .question .more:hover {
    color: #0f5d8d;
}
.modeling-wrap .question .more:hover:after{
	background-color: #0f5d8d;
}
.modeling-wrap .img-caption {
    font-size: 18px;
    margin-top: -30px;
    color: #333;
}
#drawing_conversion img{
	margin-top:95px;
	border: 1px solid #ddd
}

.pageheader {
    height: 330px;
    background: url(/public/img/sub/subtop-bg.jpg) no-repeat center / cover;
    position: relative;
}
#consultation .pageheader{
	background:url(/public/img/sub/inquiry-top.jpg) no-repeat center/ cover;
}
#company .pageheader{
	background:url(/public/img/sub/company-top.jpg) no-repeat center/ cover;
}
#specialist .pageheader{
	height:600px;
	background:url(/public/img/sub/specialist-bg.png) no-repeat center/ cover;
}

.pageheader::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.7;
}
#specialist .pageheader::before{
	display: none;
}
.pageheader .container{
	position:relative;
	height:100%;
}
.pageheader .sub-top {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 800px;
    max-width: 100%;
    margin-top: 0;
    padding: 55px 50px;
    color: #fff;
    text-align: center;
    /* background: rgba(0,0,0,0.8); */
}
.pageheader .sub-top h3 {
    font-size: 50px;
    letter-spacing: -0.025em;
    line-height: 1.15;
    margin: 0 0 20px;
}
.pageheader .sub-top p {
	display:none;
    font-size: 15px;
	line-height: 1.7;
	margin-bottom:0;
}
#commercialization_success_stories .pageheader .sub-top p,
#company .pageheader .sub-top p {
	display:block;
}
.category_wrap {
    position: relative;
    margin-bottom: 50px;
    z-index: 100;
    text-align: center;
}
.category_wrap ul{
	display:inline-block;
}
.category_wrap li{
	display:inline-block;
	float:none;
	padding:0 3px;
}
.category_wrap ul li a {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 48px;
    border: none;
    text-decoration: none;
    border: 1px solid #ddd;
    color: #999;
    text-align: center;
    letter-spacing: -.01em;
    font-weight: 500;
}
#portfolio_industry .category_wrap ul li a{
	width: 120px;
	font-size: 13px;
	letter-spacing: -0.053em;
}
#portfolio_industry .bottom .info,
#portfolio_industry .board_data_view .header_wrap .info{display: none;}
.category_wrap ul li.on a, 
.category_wrap ul li.on a:hover, 
.category_wrap ul li.on a:focus, 
.category_wrap ul li:hover a {
    background: #212121;
    color: #fff;
    border-color: #212121;
}
.category_wrap ul li+li{
	margin-left:0;
}
.category_wrap .outerlink{
    display: inline-block;
    width: 150px;
    height: 50px;
    line-height: 48px;
    border: none;
    text-decoration: none;
    border: 1px solid #ddd;
    text-align: center;
    letter-spacing: -.01em;
    font-weight: 500;
    color: #fff;
    background: #7c7c7c;
}
#portfolio_industry .category_wrap .outerlink{
    width: 114px;
    font-size: 13px;
}
.category_wrap .outerlink:hover,
.category_wrap .outerlink:focus{
    background: #1c2027;
}


/* subpage project_portfolio */

#project_portfolio .board_wrapper {
    margin-bottom: 60px;
}
.pagination_wrap{
	margin-bottom:40px;
}
#project_portfolio .subpage-content {
    padding-top: 100px;
}
#project_portfolio .table_blog{
	border:none;
	margin:0;
}
#project_portfolio .table_blog:after{
	content:'';
	display:block;
	clear:both;
}
.board_wrapper, .search_wrap{
    margin-top:0;
    visibility: hidden;
}
/* #project_portfolio .board_wrapper .option_wrap .list_btn_wrap, */
#project_portfolio .board_wrapper .reply_wrap,
#project_portfolio .board_data_view .header_wrap .info{
	display: none;
}

#portfolio_industry .table_blog2 > dd{width: 50%;}
#portfolio_industry .inner .top a .thumb{
	height: 260px;
}
/* subpage consultation */
.board_wrapper .table.board_write_table tbody tr th, 
.board_wrapper .table.board_write_table tbody tr td {
    padding: 13px 15px;
}
.board_wrapper .table.board_write_table tbody tr th {
	padding: 20px 20px !important;
}
.board_wrapper .table.board_write_table tbody tr.table-title th {
    background: #f5f5f5;
    border-top: 1px solid #333;
}
.form-control {
    height: 38px;
}
.checkbox-inline {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}
.required_text {
    color: #ff0000 !important;
}
.board_write_table .question {
    font-size: 14px;
    color: #6d747d;
    font-weight: 500;
    margin: 3px 0 0;
}
.board_write_table .question .q-mark {
    margin-right: 6px;
    font-size: 1.15em;
    font-weight: 800;
}
.board_write_table .question .more {
    margin-left: 5px;
    color: #0f5d8d;
    border-bottom: 1px solid;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.02em;
    font-weight: 600;
}
.board_write_table .question .more:hover{
	color:#159cca
}
.checkbox a {
    text-decoration: underline;
    color: #159cca;
}

/* subpage terms of use, privacy_policy */
#terms_of_use,
#privacy_policy {
    padding: 100px 0;
}

#terms_of_use .term-title h4,
#privacy_policy .term-title h4{
	font-size: 37px;
    font-weight: 700;
    margin: 0px 0 20px;
    letter-spacing: -0.04em;
    color: #212121;
}

#terms_of_use .term-title,
#privacy_policy .term-title {
	margin-bottom: 20px;
	text-align:center;
}

#terms_of_use .term-wrap,
#privacy_policy .term-wrap {
    border-radius: 0;
    padding: 30px;
    font-size: 14px;
    font-family: "notokr";
	line-height: 1.5;
	white-space: pre-wrap;
}

/* company */
#company .subpage-content p {
    font-size: 16px;
    letter-spacing: -0.03em;
    line-height: 1.65;
    margin: 0 0 30px;
    color: #666;
}
#company .subpage-content p strong{
	color:#000;
}
#company .subpage-content p .emp{
	font-weight:bold;
	color:rgb(47, 91, 127);
}

#company .intro {
	padding-top: 20px;
	padding-bottom: 40px;
}
#company .intro .quote {
    font-size: 32px;
    letter-spacing: -0.03em;
    margin: 0 0 50px;
	color: #3f5aa2;
	font-weight: bold;
}
#company .intro .des {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 0;
    line-height: 2;
    font-size: 18px;
    color: #4f4f4f;
}

#company .greet > div {
    padding: 0 40px;
}
#company .greet > div {
    padding: 0 40px;
}

#company .brand:after {
    content: "";
    clear: both;
    display: block;
}
#company .brand img {
    max-width: 260px;
}
#company .brand .icon-box {
    border: 1px solid #ddd;
    text-align: center;
    padding: 35px 0 20px;
    margin-bottom: 50px;
    background: #fff;
}
#company .brand .txt-box {
    text-align: center;
}
#company .brand .txt-box strong {
    font-size: 28px;
    font-weight: 500;
    color: #333;
    line-height: 1.3;
    letter-spacing: -0.025em;
}
#company .brand .txt-box p {
    margin-bottom: 18px;
}
.mission-wrap .right-con{
    padding-left: 60px;
}
#company .mission-wrap .quote{
	font-size: 25px;
    font-weight: 600;
    letter-spacing: -0.08em;
    color: #000;
    line-height: 1.4;
}
#company .mission-wrap .quote .emp{
	color:#006ca4;
}
.mission-wrap .quote:after{
	content: "";
    width: 45px;
    height: 3px;
    background: #ccc;
	display: block;
	margin:30px 0;
}
.mission-wrap dt{
	margin-bottom:10px;
	font-size: 18px;
	font-weight: 500;
    color: #006cb4;
    letter-spacing: -0.08em;
}
.mission-wrap dd{
    margin-bottom: 50px;
	font-size: 16px;
    letter-spacing: -0.05em;
    line-height: 1.6;
    color: #000;
}
.intro-wrap{
	text-align:center;
}
.intro-wrap img{
	display:inline-block;
	border-radius: 50%;
    max-width: 200px;
    margin: 0 20px;
    box-shadow: 1px 1px 7px rgba(190,190,190,0.4);
}
.intro-wrap dl{
	margin-top:40px;
}
.intro-wrap dt{
	font-size: 15px;
    color: #000;
    letter-spacing: -0.05em;
    margin-bottom: 15px;
}
.intro-wrap dd{
	font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.05em;
    line-height: 1.6;
}
/* #company .brand .txt-box strong:after {
    content: "";
    width: 40px;
    height: 2px;
    background: #159cca;
    display: block;
    margin: 15px 0 0;
} */
.news-li a{
	position:relative;
	display:block;
	border-bottom:1px solid #ddd;
	padding:25px 0;
	color:#555;
	font-size:26px;
	font-weight:600;
}

.news-li a:hover{
	color:#159cca;
	border-color:#159cca;
}
.news-li a:hover > *{
	color:#159cca!important;
}
.news-li a:after{
	content:'\f105';
	font-family: 'font awesome 5 free';
	font-weight: 900;
	font-size:25px;
	position:absolute;
	right:10px;
	top:50%;
	transform:translatey(-50%);
}
.news-li a small{
	display:block;
	margin-bottom:15px;
	font-size:15px;
	color:#777;
}
.news-li a small strong{
	display: inline-block;
	position: relative;
	margin-right:10px;
	padding-right:10px;
}
.news-li a small strong:after{
	content:'';
	display: block;
	width:1px;
	height:20px;
	position:absolute;
	right:0;
	top:2px;
	background:#ddd;
}
/* guide */
#accordion {
    border-top: 2px solid #333;
    max-width: 800px;
    margin: 0 auto;
}
#accordion h3 {
    border: none;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 1em 0.8em 1em 0.8em;
    background-color: #fff;
    color: #333;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.025em;
    border-radius: 0;
}
#accordion h3 span {
    margin-right: 5px;
}
#accordion > div {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
	padding: 3.3em 3em 3.3em;
}
#accordion > div p {
    font-size: 16px;
    color: #666;
    margin: 0;
}
#accordion h3.ui-state-active {
    border: 1px solid #1b344e;
    border-bottom: none;
    background: #1b344e;
    color: #fff;
}
#accordion .ui-accordion-content-active {
    border: 1px solid #1b344e;
    border-top: none;
}
#accordion > div img {
	width:100%;
    max-width: 600px;
    margin-bottom:10px;
}

/* map */
#map h5 {
    margin: 0 0 25px;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #333;
}

/* subpage consultation */

#consultation .table-title strong{
	display: block;
	font-size:20px;
}
#consultation .table-title .des{
	font-size:14px;
	font-weight: 400;
	color:#666;
}
#consultation th small{
	display:block;
	color:#666;
	font-weight: 400;
}
#consultation .long-form{
	width:350px;
}
@media(min-width:768px){
	#project_portfolio .table_blog dd{
		position:relative;
		float:left;
		width:25%;
		padding:0px;
		overflow:hidden;
		border:none;
		cursor: pointer;
	}
	#project_portfolio .table_blog dd > div{
		width:100%;
	}
	#project_portfolio .table_blog dd .right .info{
		display:none;
	}
	#project_portfolio .table_blog dd .left a .thumb{
		width:100%;
		height:260px;
	}
	#project_portfolio .table_blog dd .right{
		position:absolute;
		left:0;
		/* top:100%;
		margin-top:-40px; */
		bottom:0;
		color:#fff;
		padding: 17px 10px;
		background: rgba(0,0,0,0.7);
		height: 120px;
		transition: all .4s ease;
	}
	#project_portfolio .table_blog dd:hover .right{
		height:100%;
		background:rgba(0,0,0,0.9);
		padding: 35px 10px;
	}
	#project_portfolio .badge{
		display:block;
		border-radius: 4px;
		max-width: 110px;
		background: #159cca;
		font-weight: 400;
		margin-bottom: 3px;
		letter-spacing: 0;
		word-spacing: 3px;
		border: 0;
		color: #fff;
	}
	#project_portfolio .table_blog dd .right .title a:after{
		content: '';
		display:block;
		width:30px;
		height:1px;
		margin: 7px 0 0;
		background:rgba(255,255,255,0.5);
	}
	/* #project_portfolio .table_blog dd .right .title{
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		text-align:center;
		opacity:0;
		transition:  all .3s ease;
	} */
	/* #project_portfolio .table_blog dd .right .title a{
		z-index: 100;
		position: relative;
		display:block;
		width:100%;
		height:100%;
		color:#fff;
		font-size:24px;
	}
	#project_portfolio .table_blog dd .right .title a span{
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
	}
	#project_portfolio .table_blog dd:hover .title{
		opacity:1;
	}*/
	#project_portfolio .table_blog dd .right .text{
		overflow: hidden;
	} 
	#project_portfolio .table_blog dd .right .text p{
		overflow: hidden;
		text-overflow: ellipsis;
		display:-webkit-box;
		-webkit-line-clamp: 6;
		-webkit-box-orient:vertical;
		color:#fff;
		font-size: 12px;
		padding: 5px 10px;
		white-space: pre;
		line-height: 2.4;
		margin-top: -61px;
	}
	/* #project_portfolio .table_blog dd:hover p{
		opacity:0;
	} */
}
@media(max-width:767px) {
	.table_default{
		table-layout: auto;
	}
	.table_default .num,
	.table_default .writer,
	.table_default .hits,
	.table_default .regdate,
	.table_default colgroup,
	.table_default .cate{
		display: none;
	}
	
}

/* btn */
.btn.btn-primary{
	background-color:#159cca;
	border:1px solid #159cca;
	color:#fff
}
.btn.btn-primary:hover,.btn.btn-primary:focus{
	background-color:#006fa5;
	border-color:#006fa5;
}
.board_wrapper .table.board_write_table tbody tr:not(.table-title) th span.required_text {
    position: absolute;
    margin-left: -.65em;
	font-weight: 700;
}

/* list of 3d material */
.tab-menu:after {
	content:'';
	display:block;
	clear:both;
}
.tab-menu li{
	float:left;
	width:calc(99.5% / 6);
	text-align:center;
	padding:0 1px;
}
.tab-menu li a{
	display:block;
	padding:15px 10px;
	color:#fff;
	font-weight:500;
	font-size:16px;
	line-height:1.3;
	border-radius: 4px 4px 0 0;
	background:#11273e;
}
.tab-menu li.active a{
	background:#159cca
}
.subpage-content section h5{
	margin-top:40px;
	font-size:20px;

}
.subpage-content section .tab-content h5:before{
	content:'';
	display:inline-block;
	width:5px;
	height:5px;
	margin:-2px 8px 0 0;
	vertical-align: middle;
	border-radius:50%;
	background:#159cca
}
.subpage-content section .tab-content h5 + p{
	margin-bottom:30px;
}

/* color chart */
.color-wrap p{
	font-size:16px;
}
.color-se2 {
	margin-top:20px;
	text-align:center;
}
.color-se2:after{
	content:'';
	display:block;
	clear:both;
}
.color-se2 > div{
	float:left;
}
.color-se2 span{
	display:block;
	padding-top:10px;
	/* padding-left:20px; */
	text-align:center;
}
@media(min-width:992px)and(max-width:1199px){

}
@media(max-width:991px){
	.navbar-brand>img{
		height:40px;
		margin:5px 10px;
	}
	.main-banner {
		height: 520px;
	}
	.navbar-inverse .navbar-toggle .icon-bar{
		background:#fff!important;
	}
	footer .container> div{
		width:100%!important;
	}
	.sub-banner .banner-caption, .main-banner .banner-caption{
		padding:0 15px;
	}
	.banner-caption h2{
		font-size:36px;
	}
	.main-process{
		padding:60px 0;
	}
	.main-process .title h3{
		font-size:32px;
	}
	.main-process .title p{
		font-size:16px;
	}
	#process-slide{
		height:480px;
	}
	#process-slide .carousel-caption > div{
		width:100%!important;
		float:none!important;
		height:240px!important;
	}
	.process-slide-list .item{
		width:100%;
	}
	.process-slide-list .item a{
		min-height:0;
		padding:20px;
		border-bottom:1px solid rgba(255,255,255,0.2);
	}
	#process-slide .carousel-caption .txt-box h5{
		font-size:26px;
	}
	#process-slide .carousel-control.left,
	#process-slide .carousel-control.right{
		bottom:290px;
	}
	#process-slide .carousel-caption .txt-box{
		padding:30px 20px;
	}
	#process-slide .carousel-caption .txt-box p{
		font-size:13px;
	}
	.greet .quote, p.quote{
		font-size:20px;
	}
	.main-bottom,
	.main-case{
		padding:60px 0;
	}
	.main-bottom .left-con {
		padding-right: 15px;
	}
	.main-review .quote-wrap{
		margin:40px 40px;
	}
	.foot-logo{
		height:35px;
	}
	footer .tel a{
		font-size:34px;
	}
	.client-title h4{
		top: -29px;
		font-size: 32px;
	}
	.sub-banner .banner-caption{
		margin:0 15px;
		top: 110px;
		left: 0;
	}
	.sub-banner {
		height: 580px;
	}
	.modeling-wrap {
		margin: 60px -15px;
	}
	.modeling-wrap > div{
		padding:0 15px;
	}
	.modeling-wrap h5{
		font-size:30px;
	}
	.modeling-wrap h5 span{
		font-size:22px;
	}
	.icon-wrap:after{
		content:'';
		display:block;
		clear:both;
	}
	.icon-wrap .icon{
		float:left;
		width:33.333%;
		margin:0;
		padding:0 3px;
	}
	.modeling-wrap .clearfix {
		padding-bottom: 0;
	}
	.modeling-wrap .question{
		margin-bottom:10px;
	}
	.pageheader .sub-top h3 {
		font-size: 36px;
	}
	#project_portfolio .subpage-content{
		padding-top:50px;
	}
	.category_wrap ul{
		text-align:center;
	}
	.category_wrap ul li{
		margin-bottom:4px;
	}
	.table_blog dd .left a .thumb{
		width:100%;
		height: auto;
		padding-top: 43vw;
	}
	.table_blog dd .left a{
		display:block;
	}
	#project_portfolio .table_blog dd .right .text p{
		overflow: hidden;
		text-overflow: ellipsis;
		display:-webkit-box;
		-webkit-line-clamp: 7;
		-webkit-box-orient:vertical;
		font-size: 14px;
		padding: 5px 10px;
		white-space: pre;
		margin-top: -45px;
	}
	.pageheader {
		height: 260px;
	}
	#company .intro .quote {
		font-size: 22px;
	}
	#company .intro .des{
		font-size:16px;
	}
	#company .greet > div{
		padding:0 15px 15px;
	}
	#company .brand img {
		max-width: 130px;
	}
	#company .brand .txt-box strong {
		font-size: 22px;
	}
	.subpage-content h4 {
		font-size: 30px;
	}
	.news-li a{
		font-size:16px;
		padding-right: 30px;
	}
	.news-li a small{
		font-size:14px;
	}
	#accordion h3{
		font-size:18px;
	}
	#accordion > div{
		padding:20px;
	}
	#accordion > div p{
		font-size:14px;
	}
	.trait-dl >dt{
		width:100%;
		padding-bottom:0;
	}
	.trait-dl >dt br{
		display:none;
	}
	.trait-dl >dd{
		padding-top:0;
		border-top:0;
	}
	.tab-menu li{
		width:50%;
	}
	.tab-menu li a{
		margin-bottom:2px;
		border-radius: 4px;
	}
	.mission-wrap .right-con{
		padding:30px 15px 0;
	}
	.intro-wrap img{
		max-width:130px;
	}
	#map .trait-dl > dt,
	.trait-dl dt i{
		text-align:left;
	}
	.category_wrap ul li a{
		width: 100px;
	}
	#portfolio_industry .category_wrap ul li a{
		width: 121px;
	}
	#portfolio_industry .table_blog2 > dd{
		width: 100%;
	}
	.category_wrap .outerlink{
		margin-top: 15px;
	}
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
}

/* 폼 성공 페이지 */
#form_success{
	height: calc(100vh - 497px);
	padding:30px 15px;
	min-height:500px;
	background:#f5f5f5;
}
#form_success .container{
	position:relative;
	height:100%;
}
#form_success .sucess_inner{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width: 740px;
	max-width:100%;
	padding: 60px 60px 80px;
	text-align:center;
	background: #203246;
	/* border-radius: 20px; */
	color: #fff;
}
#form_success i{
	display: block;
font-size: 90px;
margin-bottom: 30px;
color: #23b2e2;
}
#form_success .form_success_title{
	font-size: 33px;
font-weight: 500;
width: 100%;
margin-bottom: 20px;
}
#form_success .form_success_info{
	font-size: 16px;
color: rgba(255, 255, 255, 0.75);
}
#consultation .form-control{
	width:100%;
}
#consultation .board_wrapper .table.board_write_table {
	margin:0 auto;
	width:760px;
	max-width: 100%;
	border:none;
}
#consultation .board_wrapper .table.board_write_table td{
	border:none;
}
#consultation .form-control[type="file"]{
	border:none;
	padding:0;
}
#consultation #item_captcha{
	border-top:1px solid #ddd;
}
#consultation .board_wrapper .table.board_write_table .text-info{
	font-size:13px;
	color:#c00;
}


.form-info {
    margin: 0;
    border-top: 2px solid #333;
    border-bottom: 1px solid #ddd;
    padding: 55px 0 50px;
}

.form-info .inner .num {
    float: left;
    font-size: 61px;
    margin-right: 19px;
    font-weight: 800;
    text-align: left;
    color: #159cca;
    line-height: 1;
    letter-spacing: -0.05em;
    font-family: "NanumSquare";
}

.form-info .inner p {
    margin: 0;
    font-size: 18px;
    letter-spacing: -0.03em;
    line-height: 1.6;
}

#consultation .heading h2 {
    margin: 50px 0 60px;
    line-height: 1.6;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    letter-spacing: -0.03em;
}
#consultation .pageheader {
	height:250px;
}
#consultation .pageheader .sub-top p{
	display:block;
}
.main-customer{
	padding-bottom:120px;
}
.client-slide .item{
	padding:0 20px;
}
#main_popup_20 .main_popup_contents{
	padding:0;
}
/* #hardware_guide .subpage-content .container{
	width:800px;
	max-width:100%;
} */
#commercialization_success_stories .table_default thead,
#commercialization_success_stories .table_default colgroup,
#commercialization_success_stories .table_default .writer,
#commercialization_success_stories .table_default .num,
#commercialization_success_stories .table_default .regdate,
#commercialization_success_stories .table_default .hits,
#hardware_guide .table_default thead,
#hardware_guide .table_default colgroup,
#hardware_guide .table_default .writer,
#hardware_guide .table_default .num,
#hardware_guide .table_default .regdate,
#hardware_guide .table_default .hits{
	display:none;
}
.guide-li{
	display:none;
    border-top: 2px solid #333;
	margin-bottom:0;
}
.guide-li li{
	border-bottom: 1px solid #ddd;
}
#hardware_guide .table_blog{
	border-top: 0;
}
#commercialization_success_stories .table.table_default tbody .subject,
#hardware_guide .table.table_default tbody .subject{
	padding:0 ;
	border-top:0;
}

.guide-li a{
	display:block;
    margin: 0;
    padding: 1em 0.8em 1em 0.8em;
    background-color: #fff;
    color: #333;
    font-size: 22px;
    /* font-weight: 500; */
    letter-spacing: -0.025em;
    border-radius: 0;
	
}
/* .guide-li a:before{
	content:'\f0da';
	display:inline-block;
	font-family: 'font awesome 5 free';
	font-weight:900;
	margin-right:10px;
	vertical-align: middle;
	font-size:16px;
} */
.guide-li li a{
	display:flex;
}
.guide-li li a:hover{
	background:#F6F6F6;
}
.guide-li .left{
	width: 250px;
    height: 100%;
}
.guide-li .left .thumb{
	display:block;
	position:relative;
	padding-top: 130px;
	overflow:hidden;
	background:#fff;
	width: 230px;
}
.guide-li .left .thumb img{
	position:absolute;
	left:0;
	top: 50%;
	right:0;
	max-width: 100%;
	transform: translateY(-50%);
	/* width: 230px; */
}

.guide-li .right{
	width: calc(100% - 250px);
	padding-left:20px;
}
.guide-li .right span{
	display:block;
}
.guide-li .right .info{
	margin-bottom:20px;
}
#list-back-btn2{
	width:67px;
	margin:40px 0 0 auto;
	display:block;
}

.table_blog dd {
	padding: 30px 20px 30px;
}

.table_blog dd .right {
    padding-left: 20px;
}
.guide-li .right span.title{
	margin-bottom:5px;
}
.guide-li .right span.title,
.table_blog dd .right .title a {
    font-size: 24px;
    letter-spacing: -0.06em;
    display: block;
}
.guide-li .right span.info,
.table_blog dd .right .info {
    font-size: 13px;
	    color: #999;
}
.guide-li .right span.info,
#commercialization_success_stories .board_data_view .header_wrap .info,
#commercialization_success_stories .table_blog dd .right .info ,
#hardware_guide .board_data_view .header_wrap .info,
#hardware_guide .table_blog dd .right .info {
	display:none;
}
.guide-li .right span.text,
.table_blog dd .right .text p {
    padding: 0 5px;
    font-size: 16px;
    letter-spacing: -0.034em;
    line-height: 1.6;
    color: #999;
}
#hardware_guide .guide-li .right span.text,
#commercialization_success_stories .table_blog dd .right .text p,
#hardware_guide .table_blog dd .right .text p{
	line-height: 1.8;
	height: 5.4em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	white-space: pre;
}
.guide-li .right span.text{
	padding:0;
}
.board_data_view .contents_wrap .contents_inner p {
    font-size: 16px;
}

.release-top{
	background:url(/public/img/sub/release-top-bg.jpg) no-repeat center / cover;
}
#release .subpage-content{
	padding-top:80px;
}
.release-title{
	text-align:center;
}
.release-title h3{
	display:inline-block;
	margin: 0 0 20px;
	width: 400px;
	max-width: 100%;
	font-size: 52px;
	letter-spacing: -0.04em;
	color:#111;
}
.release-title h3 small{
	display:block;
	margin-bottom:20px;
	padding-bottom:10px;
	color:#111;
	font-size: 26px;
	font-weight:400;
	border-bottom:8px solid #86c5dd;
}
.release-title p{
	margin-bottom: 70px;
	font-size: 24px;
	color:#6b6b6b;
}
.release-con{
	margin-bottom:40px;
	display:flex;
	border-radius: 10px;
	border:1px solid #ccc;
	box-shadow: 10px 10px 0 #d6d6d6;
}
.release-con .left{
	width:316px;
	padding:50px;
	background:#eeeeee;
}
.release-con .left h4{
	margin:0;
	font-size: 29px;
	font-weight:bold;
	letter-spacing: -0.04em;
	color:#111;
}
.release-con .left h4 a{
	position:relative;
	display:block;
	margin-top:50px;
	padding-left: 25px;
	color:#248bb2;
	font-weight:500;
	line-height:1.35;
	font-size: 20px;
	text-decoration: underline;
}
.release-con .left h4 a img{
	position:absolute;
	left:0;
	top: 4px;
}
.release-con .right{
	padding:35px 75px;
}
.con-wrap{
	display: flex;
}
.con-wrap .con-box + .con-box{
	padding-left:30px;
}
#release .con-wrap h5{
	margin-top:50px;
	font-size: 28px;
	letter-spacing: -0.04em;
	font-weight: 700;
}
.con-wrap h5 span{
	color:#1090be;
}
.con-wrap h5 small{
	margin-left:10px;
	font-size: 19px;
	color:#666;
	font-weight:400;
}
.con-wrap h5:after{
	content:'';
	margin:30px 0;
	display:block;
	width:74px;
	height:8px;
	background:#ccc;
}
.release-con li{
	position:relative;
	margin-bottom:20px;
	padding-left:20px;
	font-size: 22px;
	color:#111;
	line-height:1;
}
.release-con li:before{
	content:'';
	position:absolute;
	left:0;
	top:50%;
	transform:translatey(-50%);
	display:block;
	width:7px;
	height:7px;
	border-radius: 50%;
	background:#111;
}
.release-con dl{
	margin:0;
}
.release-con dt{
	margin-bottom:25px;
	line-height: 1;
	font-size: 32px;
}
.release-con dt span{
	font-weight:800;
	color:#1090be;
}
.release-con dd{
	font-size: 21px;
	color:#666;
}
#release .release-con.con5 h5{
	margin-top:30px;
}
.release-con p{
	font-size: 21px;
	letter-spacing: -0.04em;
}
.release-inquiry{
	margin-bottom: 135px;
	text-align:center;
}
.release-inquiry p{
	margin:0;
	font-size: 32px;
	font-weight:500;
	color:#111;
	letter-spacing: -0.04em;
}
.release-inquiry p span{
	font-weight:bold;
}
.release-btn{
	display:block;
	margin:15px auto 0;
	width: 385px;
	max-width:100%;
	line-height: 75px;
	text-align:center;
	font-size: 28px;
	font-weight:500;
	color:#fff;
	border-radius: 10px;
	background:#1a274a;
}
.release-btn:hover{
	color:#fff;
}
.main_popup_contents{
	padding:0;
}

.guide-top{
	display:flex;
	margin-bottom: 70px;
}
.guide-top .video{
	width:60%;
}
.guide-top .txt-box{
	display:flex;
	padding-left:50px;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}
.guide-top .txt-box p{
	margin-bottom:30px;
	font-size: 32px;
	line-height:1.2;
	letter-spacing: -0.03em;
	font-weight:300;
}
.guide-top .txt-box p span{
	font-weight: 600;
}
.guide-top .txt-box a{
	display:flex;
	color:#333;
	align-items: center;
	padding: 10px;
	background: #f5f5f5;
}
.guide-top .txt-box a span{
	font-size: 25px;
	margin-left: 10px;
	font-weight: 500;
}
.guide-top .txt-box a img{
	height:40px;
}


@media(max-width:767px){
	.con-wrap,
	.release-con{
		flex-wrap: wrap;
	}
	.con-wrap .con-box,
	.release-con .left{
		width:100%;
	}
	.release-title h3 small{
		margin-bottom:10px;
		font-size: 19px;
	}
	.release-title h3{
		margin-bottom:30px;
		font-size: 34px;
		width: 260px;
	}
	.release-title p{
		font-size: 20px;
		margin-bottom: 30px;
	}
	.release-con .left{
		padding: 25px;
	}
	.release-con .left h4{
		font-size: 25px;
	}
	.release-con .right{
		padding:25px;
	}
	.con-wrap .con-box + .con-box{
		padding:30px 0 0;
	}
	.con-wrap .con-box img{
		max-height: 180px;
	}
	#release .con-wrap h5{
		font-size: 24px;
		margin-top: 0;
	}
	.con-wrap h5 small{
		display:block;
		margin:10px 0 0;
		font-size: 17px;
	}
	.release-con li{
		font-size: 17px;
		padding-left: 15px;
		margin-bottom: 13px;
	}
	.release-con dt{
		font-size: 21px;
	}
	.release-con dd{
		font-size: 15px;
	}
	.release-con .left h4 a{
		margin-top:20px;
		font-size: 18px;
	}
	.release-con .left h4 a br{
		display:none;
	}
	.release-con .left h4 a img{
		top:1px;
	}
	.release-con p{
		font-size:18px;
	}
	.release-inquiry{
		margin-bottom:70px;
	}
	.release-inquiry p{
		font-size: 23px;
	}
	.release-btn{
		width: 80%;
		line-height: 50px;
		margin:15px auto;
		font-size: 20px;
	}
	.main_popup.center, .main_popup.main_popup_right{
		/* display:block!important; */
		left: auto;
		top: 340px;
		right: 5px;
		width: 73vw;
		min-width: 0;
	}
	.release-con li:before{
		width:5px;
		height:5px;
	}
	.guide-li li a{
		flex-wrap: wrap;
	}
	.guide-li .left,
	.guide-li .right{
		width:100%;
		padding: 0;
	}
	.guide-li .left .thumb{
		width:100%;
		height: 161px;
	}
	.guide-li .right span.title{
		margin-top:15px;
		font-size:22px;
	}
	.guide-li .right span.text{
		font-size:14px;
		display: -webkit-box;
		word-wrap:break-word;
		-webkit-line-clamp: 2;
		-webkit-box-orient:vertical;
		overflow:hidden;
		text-overflow:ellipsis;
		height: 3em;
	}
	.table_blog dd .right {
		padding-left: 0;
	}
	.guide-li a{
		padding: 30px 20px 30px;
	}
	.guide-top{
		flex-wrap: wrap;
	}
	.guide-top .video{
		width:100%;
		margin-bottom:30px;
	}
	.guide-top .txt-box{
		padding:0;
	}
	.guide-top .txt-box p{
		font-size:24px;
	}
	.guide-top .txt-box a img {
		height: 30px;
	}
	.guide-top .txt-box a span{
		font-size:18px;
	}
	.subpage-content section h4{
		font-size:28px;
	}
	#hardware_guide .guide-li .right span.text,
    #hardware_guide .table_blog dd .right .text p{
        white-space: normal;
        font-size: 16px;
    }
}
.main_popup img{
	max-width:100%;
	height:auto;
}


/* the_point_of_3d_printing */
#the_point_of_3d_printing section{
	margin-bottom:100px;
}
#the_point_of_3d_printing .pageheader .sub-top{
	width:100%;
}
#the_point_of_3d_printing .quote{
	text-align:center;
	font-size:24px;
	font-weight: 500;
}
#the_point_of_3d_printing .video-wrap{
	width:560px;
	margin: 30px auto 0px;
	max-width: 100%;
}

#the_point_of_3d_printing li,
#the_point_of_3d_printing p{
	margin-left:0;
	font-size:16px;
	padding-left: 0;
}
#the_point_of_3d_printing p{
	margin-bottom:15px;
}
#the_point_of_3d_printing  .se2 img{
	margin:40px auto;
}
#the_point_of_3d_printing h5{
	font-weight:bold;
	font-size:24px;
}
#the_point_of_3d_printing .text-gray{
	color:#999;
}
#the_point_of_3d_printing .se5 .at2 img{
	margin-top:40px;
}

#the_point_of_3d_printing .se6 .at2 .img-wrap{
	margin-top:40px;
}
#the_point_of_3d_printing .se7 img{
	margin:40px auto;
}
#the_point_of_3d_printing .width100{
	width:300px;
}
#commercialization_success_stories #reply,
#hardware_guide #reply{
	display: none;
}

@media(max-width:767px){
	#hardware_guide .table_blog dd .right .title{
		text-overflow: initial;
		overflow:initial;
		white-space: normal;
	}
	#site .board_wrapper .contents_wrap *{
		max-width: 100%;
		margin-left: 0!important;
		margin-right: 0!important;
		height: auto!important;
	}
	#commercialization_success_stories .board_wrapper .contents_wrap table,
	#commercialization_success_stories .board_wrapper .contents_wrap table tr,
	#commercialization_success_stories .board_wrapper .contents_wrap table th,
	#commercialization_success_stories .board_wrapper .contents_wrap table td,
	#commercialization_success_stories .board_wrapper .contents_wrap table tbody,
	#project_portfolio .board_wrapper .contents_wrap table,
	#project_portfolio .board_wrapper .contents_wrap table tr,
	#project_portfolio .board_wrapper .contents_wrap table th,
	#project_portfolio .board_wrapper .contents_wrap table td,
	#project_portfolio .board_wrapper .contents_wrap table tbody,
	#hardware_guide .board_wrapper .contents_wrap table,
	#hardware_guide .board_wrapper .contents_wrap table tr,
	#hardware_guide .board_wrapper .contents_wrap table th,
	#hardware_guide .board_wrapper .contents_wrap table td,
	#hardware_guide .board_wrapper .contents_wrap table tbody{
		display:block;
	}
	.modeling-wrap .question .more{
		display:block;
		margin:5px 0 0;
		max-width:fit-content;
	}
	.form-info .inner{
		margin-bottom: 25px;
	}
	.form-info{
		padding: 55px 0 30px;
	}
	#consultation .heading h2{
		margin:40px 0;
		font-size:24px;
	}
	.guide-li .right span.info, .table_blog dd .right .info{
		display:none;
	}
}
#site .dnexhu::before,
#site .ldDAM::before{
	width: 44px !important;
    height: 44px !important;
	background:url(/public/img/logo/kakao.png) no-repeat center / contain!important;
}
#site .dnexhu::before{
	width: 30px !important;
    height: 30px !important;
}
#site .dnexhu,
#site .ldDAM{
	background: #fae301!important;
}

/* main renewal */
.main-content .title h3 .emp{
	color:#159cca;
}

.d-flex,
.m-process{
	display:flex;
	align-items: center;
	justify-content: center;
}
.m-process h4{
	margin:0;
	padding-left: 22px;
	font-size:35px;
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: -0.04em;
}
.m-process h4 span{
	margin-right:10px;
	font-size:55px;
	font-weight: 900;
	color:#d9d9d9;
	line-height: 37px;
	vertical-align: sub;
}
.m-process .round-outer{
	position: relative;
	width: 334px;
	padding: 20px;
	border-radius: 20px;
	border: 2px solid #ddd;
	z-index: 10;
	background: #fff;
}

.m-process .inner{
	flex-basis: 48%;
	padding: 25px 10px 15px;
	border-radius: 20px;
	box-shadow:0 0 15px rgba(0,0,0,0.1);
}
.m-process a:hover .inner{
	box-shadow: none;
}
.m-process .d-flex{
	justify-content: space-between;
}
.m-process a{
	position:relative;
}
.m-process a:hover{
	overflow: hidden;
}
.m-process a.d-flex{
	border-radius: 20px;
}
.m-process a:not(.d-flex){
	display:inline-block;
}
.m-process a h5{
	margin-top:0;
	text-align:center;
	color:#030303;
	font-size:20px;
}
.m-process .inner img{
    max-height: 88px;
}
.m-process a:hover:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.7);
}
.m-process a:hover:after{
	content:'자세히 보기';
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	color:#fff;
	border:2px solid;
	padding:5px 10px;
	white-space: nowrap;
	font-size:18px;
	font-weight: 500;
}
.m-process .arrow{
	margin-top:42px;
}
.more-text{
	display: block;
	margin-top:30px;
	text-align: right;
	font-size:20px;
	font-weight:500;
	letter-spacing: -0.03em;
	color:#119ac9;
}
.more-text:hover{
	color:#119ac9;
}
.more-text .arrow{
	display: inline-block;
	width:21px;
	height:8px;
	background:url(/public/img/main/more-arrow.jpg) no-repeat center;
	vertical-align: middle;
	margin-top: -3px;
}
.main-material{
	padding:120px 0;
	text-align: center;
	background:#f2f2f2;
}
.main-material .img-box{
	position:relative;
	display:block;
	margin-bottom:20px;
	border-radius: 20px;
	border:1px solid #e7e7e7; 
	overflow: hidden;
}
.main-material .img-box:hover:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.7);
}
.main-material .img-box:hover:after{
	content:'자세히 보기';
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	color:#fff;
	border:2px solid;
	padding:5px 10px;
	white-space: nowrap;
	font-size:18px;
	font-weight: 500;
}
.main-material h5{
	margin:0 0 15px;
	font-size:24px;	
	font-weight: 600;
	color:#000;
}
.main-material p{
	font-size:15px;
	/* font-weight:500; */
	color:#000;
	line-height:1.5;
}
.main-portfolio{
	padding:120px 0;
}
.m-port-menu{
	margin: 33px auto 0;
	display:flex;
	width: 787px;
	max-width:100%;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background:#f2f2f2;
}
.m-port-menu li{
	padding: 0 30px;
}
.m-port-menu li a{
	color:#000;
	font-size: 21px;
	font-weight:500;
	line-height: 45px;
	letter-spacing: -0.03em;
}
.m-port-menu li a:hover{
	color:#119ac9;
}
.m-port-area  > div{
	padding:0;
}
.m-port-area .page-header{
	display:none;
}
.m-port-area .table_blog{
	border:0;
}
.m-port-area .table_blog dd {
	position:relative;
	padding:0;
	margin:0 3px;
	flex-basis:24%;
	overflow: hidden;
	cursor: pointer;
}
.m-port-area .table_blog dd > div{
	float:none;
	width:100%;
}
.m-port-area .table_blog dd .left a .thumb{
	width:100%;
	height: auto;
	padding-top: 100%;
}
.m-port-area .table_blog dd .right{
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	padding: 17px 10px;
	background: rgba(0,0,0,0.7);
	height: 127px;
	transition: all .4s ease;
}
.m-port-area .table_blog dd:hover .right {
    height: 100%;
    background: rgba(0,0,0,0.9);
    padding: 35px 10px;
}
.m-port-area .table_blog dd .right .badge{
	display: block;
	border-radius: 4px;
	max-width: 110px;
	background: #159cca;
	font-weight: 400;
	margin-bottom: 3px;
	letter-spacing: 0;
	word-spacing: 3px;
	border: 0;
	color: #fff;
}
.m-port-area .table_blog .info{
	display:none;
}
.m-port-area .table_blog dd .right .title{
	text-align: left;
}
.m-port-area .table_blog dd .right .title a:after{
	content: '';
		display:block;
		width:30px;
		height:1px;
		margin: 7px 0 0;
		background:rgba(255,255,255,0.5);
}
.m-port-area .table_blog dd .right .text p{
	color:#fff;
	font-size: 12px;
	padding: 5px 10px;
	line-height: 2.4;
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	height: 125px;
}
.main-business{
	padding:120px 0;
	background:#f2f2f2;
}
.main-business .m-busi-title{
	display: flex;
	margin-bottom: 20px;
}
.main-business .m-busi-title h3{
	position:relative;
	flex:1;
	text-align: left;
	line-height: 1.4;
}
.main-business .m-busi-title h3:before{
	content:'';
	display:block;
	width:100%;
	height: 1px;
	position:absolute;
	left:0;
	top: 74px;
	background:#9f9f9f;
	z-index: 0;
}
.main-business .m-busi-title h3:after{
	content:'';
	display:block;
	width:15px;
	height:15px;
	position:absolute;
	right:0;
	top: 68px;
	background:#9f9f9f;
	border-radius: 50%;
}
.main-business .m-busi-title h3 strong{
	z-index: 10;
	position: relative;
	display: inline-block;
	padding-right:15px;
	background:#f2f2f2;
}
.main-business .m-busi-title p{
	text-align:right;
	line-height: 1;
	padding-top: 20px;
}
.main-business .m-busi-title p small{
	display:block;
	margin-bottom: 10px;
	color:#737373;
	font-size: 19px;
	letter-spacing: -0.04em;
}
.main-business .m-busi-title p strong{
	font-size: 52px;
	font-weight:500;
	color:#000;
}
.m-busi-slide .item{
	display:flex!important;
	background:#fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
.m-busi-slide .left-con{
	flex-basis:40%;
	position: relative;
}
.m-busi-slide .left-con p{
	position:absolute;
	left:0;
	top:0;
	background:#fff;
	padding:2px 10px;
	font-weight:600;
}
.m-busi-slide .right-con{
	position:relative;
	flex-basis: 60%;
	padding: 0 55px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.m-busi-slide .circle{
	display:flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	position:absolute;
	right:22px;
	top:22px;
	width:160px;
	height:160px;
	color:#fff;
	border-radius: 50%;
	background:#0e9ccb;
	flex-flow: column;
	font-size: 16px;
	text-align: center;
	line-height: 1.2;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}
.m-busi-slide .circle strong{
	font-size: 28px;
}
.m-busi-slide .item-title h5{
	margin: 0px 0 15px;
	padding-bottom:25px;
	color:#000;
	font-size:40px;
	line-height: 1.1;
	letter-spacing: -0.03em;
	border-bottom:2px solid #dedede;
}
.m-busi-slide .item-title h5 small{
	display:inline-block;
	font-size: 26px;
	font-weight: 500;
	color:#000;
}
.m-busi-slide .item-title h5 small img{
	display: inline-block;
	vertical-align: text-bottom;
	margin-right:5px;
}
.m-busi-slide .item-des p{
	margin-bottom:30px;
	font-size: 20px;
	color:#5b5b5b;
}
.banner-caption .btn-wrap {
	padding-top:25px;
}
.banner-caption .btn-wrap a,
.m-busi-slide .item-des a{
	display:inline-block;
	width:185px;
	height:45px;
	line-height:45px;
	padding:0;
	color:#fff;
	text-align: center;
	font-size:20px;
	font-weight: 400;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
	border-radius: 5px;
	background:#a6a6a6;
}
.banner-caption .btn-wrap a{
	margin-right:10px;
	background:#7f7f7f;
}
.banner-caption .btn-wrap .btn1,
.banner-caption .btn-wrap a:hover,
.m-busi-slide .item-des a:hover{
	background:#119ac9;
}
.banner-caption .btn-wrap .btn3{
	width: 384px;
	margin: 10px 0 0;
}
.main-bottom .more-btn{
	font-size:24px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
	border-radius: 5px;
	height: 45px;
	line-height: 45px;
	width: 185px;
	font-size: 20px;
}

/* quick menu */
#quick-menu{
	z-index: 999;
	position:fixed;
	right: -253px;
	top:300px;
	display: flex;
	align-items: flex-start;
	transition: right .5s cubic-bezier(0.215,0.61,0.355,1);
	overflow: hidden;
}
#quick-menu.on{
	right:0;
	z-index: 1000;
}
#quick-menu .left-con{
	display: block;
	padding-top: 18px;
	width: 70px;
	height: 124px;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	border-radius: 5px 0 0 5px;
	letter-spacing: .01em;
	color: #fff;
	font-weight: 500;
	background: #1b344e;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}
#quick-menu .chevron{
	display: block;
	margin:10px auto 0;
	width:30px;
	height:30px;
}
#quick-menu .chevron.right{
	background:url(/public/img/main/chevron-right.png) no-repeat center / contain;
}
#quick-menu .right-con{
	width: 253px;
}
#quick-menu .right-con h3{
	margin: 0;
}
#quick-menu .right-con h3 a{
	display: block;
	line-height: 124px;
	text-align: center;
	color: #fff;
	font-size: 26px;
	background: linear-gradient(to right, #1b344e,#2a547e);
	letter-spacing: -0.03em;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}
#quick-menu .right-con ul{
	padding: 23px 20px 5px;
	border:1px solid #dedede;
	border-top:0;
	color: #222;
	background: #fff;
}
#quick-menu .right-con ul li{
	position: relative;
	margin-bottom: 20px;
	padding-left: 38px;
	font-weight: 500;
	color: #303032;
	letter-spacing: 0;
	line-height: 25px;
	font-size: 16px;
	letter-spacing: -0.03em;
}
#quick-menu .right-con ul li.phone{
	line-height:1;
}
#quick-menu .right-con ul li i{
	position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    line-height: 28px;
	text-align: center;
	color:#fff;
	border-radius: 50%;
	font-size:12px;
	background:#444446;
}
#quick-menu .right-con ul .mail a{
	color:#119ac9;
}
#quick-menu .right-con ul .mail input{
	margin: 0;
	padding: 0;
	height: 1px;
	width: 1px;
	border: 0;
}
#quick-menu .right-con ul .phone small{
	display:inline-block;
	padding-top:5px;
	font-size:18px;
	color:#7f7f7f;
}
#quick-menu .right-con ul .location a{
	color:#000;
}
#newsletter{
	z-index: 999;
	position:fixed;
	display: block;
	right:0;
	top: 424px;
}
#newsletter a{
    display: block;
    padding: 18px 0 22px;
    width: 70px;
    font-size: 18px;
    line-height: 22px;
    border-radius: 5px 0 0 5px;
    letter-spacing: .01em;
    color: #fff;
    font-weight: 500;
    background: #7c7c7c;
    text-align: center;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 60%);
}
#newsletter a img{
	margin-top:10px;
}
.slick-slider{
	padding:0 50px;
}


/* material */
#material01 .m-port-area .table_blog{
	padding:0;
}
div[id^="material"] .m-port-area .table_blog{
	display: flex;
}
div[id^="material"] .m-port-area .table_blog dd{
	flex:1 1 25%;
	max-width: 25%;
}
.material-top{
	padding:70px 0;
	background:#f2f2f2;
}
div[id^="material"]  .material-top .quote{
	margin:0 0 20px;
	font-size:32px;
}
.material-top .quote span{
	font-weight: 600;
}
.material-snb{
	margin:0 -5px;
}
.material-snb > div{
	padding:0 5px;
}
.material-top img{
	border:1px solid #e0e0e0;
}
.material-top a:hover img{
	border-color: #119ac9;
}
div[id^="material"] .material-top a .img-caption{
	font-size:21px;
	font-weight: 600;
	letter-spacing: -0.03em;
	color:#222;
}
div[id^="material"] .material-top a:hover .img-caption{
	color:#119ac9;
}

div[id^="material"] .subpage-content{
	padding-top:70px;
}
.mate-title{
	margin: 0 0 25px;
	line-height: 1;
	font-size:60px;
	font-weight: bold;
	letter-spacing: -0.03em;
	color:#222;
}
.mate-title small{
	display:block;
	margin-top:25px;
	font-size:20px;
	color:#595959;
}
.material-slide-wrap{
	display:flex;
}
.material-slide-wrap .left-con{
	flex:0 0 92%;
	max-width: 92%;
	padding-right:20px;
}
.material-slide-wrap .right-con{
	flex:0 0 8%;
	max-width: 8%;
}
.material-slide-wrap .slick-dotted.slick-slider{
	margin-bottom:0;
}
.material-slide-wrap + .cite{
	margin-bottom: 75px;
}
#site .cite{
	font-size: 14px;
	color: #555;
}
.material-main-slide{
	margin:0 -10px;
	padding:0;
}
.material-main-slide .slick-dots{
	height: 1px;
	overflow: hidden;
}
.material-main-slide .slick-dots button{
	opacity: 0;
	cursor: initial;
}
.material-main-slide .slick-prev,
.material-main-slide .slick-next{
	display: none!important;
}
.material-main-slide .item{
	padding:0 10px;
}
/* #material01 .material-thumb-slide img{
	max-height: 129px;
} */
.material-thumb-slide img{
	max-height: 136px;
	margin-bottom: 9px;
	margin-left: auto;
}
.li-check > li{
	position:relative;
	margin-bottom:13px;
	padding-left:50px;
	margin-left:0;
	line-height: 33px;
	font-size: 18px;
	font-weight: 500;
	color:#222;
}
.li-check > li:before{
	content:'';
	position:absolute;
	left:0;
	top:1px;
	display:block;
	width:33px;
	height:33px;
	background:url(/public/img/sub/check-icon.jpg) no-repeat center / contain;
}

div[id^="material"] p:not(.text-info),
div[id^="material"] li{
	font-size: 18px;
}

div[id^="material"] li .text-gray,
.li-gray li{
	color:#999;
}

.table-style.text-left thead tr th{
	text-align: left;
}

.material-inquiry{
	padding: 80px 0 20px;
	text-align: center;
}
.material-inquiry h3{
	font-size: 37px;
    font-weight: 700;
    margin: 0px 0 18px;
    letter-spacing: -0.04em;
    color: #212121;
}
.material-inquiry h3 span{
	color:#119ac9;
}
.material-inquiry p{
    font-size: 20px;
    letter-spacing: -0.03em;
    color: #606060;
    margin: 0;
}
.material-inquiry .more-btn{
    font-size: 24px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    border-radius: 5px;
    height: 45px;
    line-height: 45px;
    width: 185px;
    font-size: 20px;
}
#material06 .material-slide-wrap,
#material05 .material-slide-wrap{
	margin-bottom:75px;
}
.mate-area .item{
	display:inline-block;
	margin-right:15px;
	text-align:center;
	font-weight: 500;
}
.mate-area .item .circle{
	margin-bottom: 8px;
	width:88px;
	height: 88px;
	border-radius: 50%;
	background:#119ac9;
	display:flex;
	justify-content: center;
	align-items: center;
}
.mate-area .item .circle IMG{
	width: 80%;
}
#sub_3d_printing .subpage-content{
	padding-top:35px;
}
#sub_3d_printing .subpage-content section{
	position:relative;
	padding:90px 0 20px;
}
#cnc .subpage-content section h4,
#sub_3d_printing .subpage-content section h4{
	font-size:30px;
}
.m-port-area .table_blog.d-flex{
	justify-content: flex-start;
	flex-wrap: wrap;
}
.ask-more{
	text-align:right;
	font-size:20px;
}
.ask-more a{
	font-weight: 500;
	color:#159cca;
}
.ask-more.gray a{
	color:#7f7f7f;
}
.printing-case .inner{
	display: flex;
	margin-bottom:15px;
	border:1px solid #c0c0c0;
	border-radius: 5px;
	overflow: hidden;
}
.printing-case .inner > div{
	flex:1 0 50%;
}
.printing-case .left-con{
	position: relative;
	border-right: 1px solid #c0c0c0;
}
.printing-case .left-con .txt-box{
	opacity: 0;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.7);
	display: flex;
	justify-content: center;
	align-items: center;
}
.printing-case .left-con .txt-box span{
	display: inline-block;
	color:#fff;
	border:2px solid;
	padding:5px 10px;
	white-space: nowrap;
	font-size:18px;
	font-weight: 500;
}
.printing-case .inner:hover .txt-box{
	opacity: 1;
}
.printing-case .right-con{
	display: flex;
	flex-flow: column;
	padding:20px;
	justify-content: center;
}
#cnc .printing-case .right-con{
	padding:20px 15px;
}
.printing-case .right-con h5{
	margin:-10px 0 0;
	color:#222;
	font-size:23px;
	font-weight: 600;
	letter-spacing: -0.03em;
	line-height: 1.4;
}
.printing-case .right-con h5 small{
	display: block;
	font-size:17px;
	margin-bottom:12px;
	font-weight: 500;
	color:#222;
}
.recommand-material{
	margin-top:35px;
}
.recommand-material ul{
	display: flex;
	justify-content: space-between;
	height:100%;
	flex-wrap: wrap;
}
.recommand-material ul li{width: 100%;margin-bottom: 11px;}
.recommand-material ul li a{
	display: flex;
	border:1px solid #c0c0c0;
	border-radius: 5px;
	overflow: hidden;
	align-items: center;
	height:74px;
	color:#222;
	letter-spacing: -0.03em;
}
.recommand-material ul li a:hover{
	border-color:#0ba2d6;
}
.recommand-material ul li strong{
	flex: 1;
	padding-left:20px;
	font-size:18px;
}
.recommand-material ul li span{
	flex: 1;
	font-size:16px;
	font-weight: 500;
}
.recommand-material ul li i{
	margin-right:30px;
	width:30px;
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:17px;
	border-radius: 50%;
	text-align: center;
	background:#d6d6d6;
}
.recommand-material ul li a:hover i{
	background:#0ba2d6;
}
.printer-list{
	margin-top:30px;
	text-align: center;
}
#site .printer-list h5{
	margin-top:20px;
	font-weight: 600;
	color:#222;
}
.m-port-area .table_blog.d-flex dd{
	margin-bottom:5px;
}
#cnc .se3:before,
#sub_3d_printing .se3:before{
	content:'';
	display:block;
	z-index: -1;
	position:absolute;
	left:0;
	top:365px;
	width:100%;
	height:600px;
	background:linear-gradient(to bottom, #f0f0f0 , #fff);
}
#site #banner-section{
	padding-top:50px;
	padding-bottom:0;
	margin-bottom:-120px;
}
.banner-wrap{
	display: flex;
	flex-wrap: wrap;
}
.banner-wrap .banner{
	flex:1;
}
.banner-wrap .banner a{
	position:relative;
	overflow: hidden;
	display: block;
	height:245px;
	padding:50px;
	letter-spacing: -0.03em;
	color:#424242;
}
.banner-wrap .banner.dark a{
	color:#fff;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.banner-wrap .banner a:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition:all .3s ease;
	transform-origin: right center;
}
.banner-wrap .banner1 a:before{
	background:url(/public/img/sub/printing-banner1.jpg) no-repeat center / cover;
}
.banner-wrap .banner2 a:before{
	background:url(/public/img/sub/printing-banner2.jpg) no-repeat center / cover;
}
.banner-wrap .banner a *{
	position:relative;
	z-index: 10;
}
.banner-wrap .banner a:hover:before{
	transform:scale(1.1);
}
.banner-wrap .banner a h5{
	margin:0 0 25px;
	font-size:30px;
}
.banner-wrap .banner a h5 span{
	color:#0ba2d6;
}
.banner-wrap .banner a p{
	font-size:20px;
}
.banner-wrap .banner a .arrow{
	position:absolute;
	right:50px;
	top:50px;
	width:115px;
	height:1px;
	background:#bebebe;
}
.banner-wrap .banner a .arrow:after{
	content:'';
	width: 27px;
	height: 27px;
	position:absolute;
	right: 3px;
	top: -13px;
	transform:rotate(-45deg);
	border-right:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
}
.banner-wrap .banner.dark a .arrow{
	background:#fff;
}
.banner-wrap .banner.dark a .arrow:after{
	border-right-color:#fff;
	border-bottom-color:#fff;
}

/* subpage cnc */
#cnc .subpage-content section{
	margin-bottom:120px;
}
#cnc .subpage-content section h4{
	margin-bottom:30px;
}
#cnc .se2 .img-wrap{
	text-align: center;
}
#cnc .se2 .img-wrap h5{
	margin:25px 0 15px;
	font-size: 18px;
	font-weight: 600;
}
#cnc .se2 .img-wrap p{
    font-size:16px;
}
#cnc .se2 .img-wrap .clearfix{
	padding-bottom:50px;
}
@media (min-width:768px) {
	#cnc .se2 .img-wrap .clearfix + div{
		margin-left:12.5%;
	}
}
#cnc .se3:before{
	top: 329px;
	height:300px;
}

.more-btn-sm{
	display: block;
	text-shadow: 2px 2px 2px rgb(0 0 0 / 60%);
    border-radius: 5px;
    height: 45px;
    line-height: 45px;
    width: 185px;
    font-size: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border: 1px solid #159cca;
    background: #159cca;
}
.more-btn-sm:hover{
	color: #159cca;
    background: transparent;
}

@media (max-width:767px) {
	.m-busi-slide .item,
	.main-business .m-busi-title,
	.m-port-menu,
	.d-flex, .m-process{
		flex-wrap:wrap;
	}
	#newsletter,
	#quick-menu{
		display: none;
	}
	.banner-caption .btn-wrap a, .m-busi-slide .item-des a{
		margin-right:5px;
		width:145px;
		height:45px;
		line-height:45px;
		font-size:16px;
	}
	.main-banner,
	.main-banner-slide .item {
		height: 585px;
	}
	.main-banner .banner-caption{
		top:43%;
	}
	.m-process .arrow{
		display: none;
	}
	.m-process .box{
		margin-bottom:20px;
	}
	.m-process h4{
		font-size:30px;
	}
	.m-process h4 span{
		font-size:47px;
	}
	.m-process a h5{
		font-size:16px;
	}
	.main-content .title h3{
		font-size:32px;
	}
	.m-port-menu li {
		padding: 0 20px;
	}
	.m-port-menu li a{
		font-size:18px;
	}
	.m-material > div{
		margin-bottom:20px;
	}
	.slick-slider {
		padding: 0 20px;
	}
	.slick-prev, .slick-next {
		width: 30px;
		height: 30px;
	}
	.slick-prev:before, .slick-next:before{
		font-size:30px;
	}
	.main-content .title {
		margin-bottom: 40px;
	}
	.main-business .m-busi-title p,
	.main-business .m-busi-title h3{
		flex:1 0 100%;
		text-align: center;
	}
	.main-business .m-busi-title h3 br{
		display: none;
	}
	.m-busi-slide .left-con,
	.m-busi-slide .right-con{
		flex-basis:100%;
	}
	.client-title{
		font-size:20px;
	}
	.more-text{
		margin-top:20px;
		font-size:18px;
	}
	.m-busi-slide{
		padding:0;
	}
	.m-busi-slide .slick-arrow{
		display: none!important;
	}
	.m-busi-slide .circle{
		font-size: 14px;
		top: -160px;
		width: 140px;
		height: 140px;
	}
	.m-busi-slide .circle strong {
		font-size: 25px;
	}
	.m-busi-slide .right-con{
		padding:20px 30px 40px;
	}
	.m-busi-slide .item-title h5 small{
		font-size:22px;
	}
	.m-busi-slide .item-title h5{
		font-size:34px;
	}
	.m-busi-slide .item-des p{
		font-size:16px;
	}
	.main-business .m-busi-title p strong{
		font-size:43px;
	}
	.main-content .title p{
		font-size:18px;
	}
	#site .sub-banner {
		height: 550px;
	}
	#sub_3d_manufacturing .modeling-wrap > .txt-box{
		padding-bottom:50px;
	}
	.more-btn-sm{
		width:145px;
		font-size:14px;
		height:40px;
		line-height:40px;
	}
	.modeling-wrap img{
		margin-bottom:80px;
	}
	#sub_3d_printing .subpage-content section {
		padding: 30px 0 20px;
	}
	.printing-case .right-con h5 small {
		font-size: 15px;
		margin-bottom: 7px;
	}
	.printing-case .right-con h5{
		font-size:20px;
		line-height:1.2;
	}
	#cnc .subpage-content section h4, #sub_3d_printing .subpage-content section h4 {
		font-size: 28px;
	}
	.ask-more {
		font-size: 18px;
	}
	.printing-case .right-con{
		padding:10 20px;
	}
	.subpage-content section {
		margin-bottom: 40px;
	}
	.recommand-material ul li strong{
		font-size:16px;
	}
	.recommand-material ul li span{
		font-size:14px;
	}
	.recommand-material ul li i{
		margin-right:15px;
		font-size:15px;
		width:25px;
		height:25px;
		line-height:25px;
	}
	#site .printer-list h5{
		font-size:18px;
	}
	.printer-list > div{
		margin-bottom:20px;
	}
	.banner-wrap .banner{
		flex:1 0 100%;
	}
	.banner-wrap .banner a{
		padding: 29px 25px;
	}
	.banner-wrap .banner a h5{
		font-size:25px;
	}
	.banner-wrap .banner a p{
		font-size:16px;
	}
	.banner-wrap .banner a .arrow{
		widtH:75px;
	}
	.banner-wrap .banner a .arrow:after {
		width: 16px;
		height: 16px;
		top: -7px;
	}
	#site #banner-section{
		padding-top:0;
	}
	#banner-section .container{
		padding:0;
	}
	.banner-wrap .banner a .arrow {
		right: 27px;
		top: 41px;
	}
	#cnc .se2 .img-wrap p{
		margin-bottom:30px;
	}
	.table_blog dd .right .title a > span{
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.guide-li .right span.title, .table_blog dd .right .title a{
		font-size:20px;
	}
	#commercialization_success_stories .table_blog dd .right .title a > span{
		display:-webkit-box; 
		word-wrap:break-word; 
		-webkit-line-clamp:2; 
		-webkit-box-orient:vertical; 
		overflow:hidden; 
		text-overflow:ellipsis;
		white-space: normal;
		height:64px;
	}
	#commercialization_success_stories .table_blog dd .right .text p{
		white-space: initial;
	}
	.printing-case .left-con .txt-box{
		padding:0 15px;
	}
	.printing-case .left-con .txt-box span{
		white-space: initial;
		text-align: center;
		font-size:14px;
	}
	div[id^="material"] .m-port-area .table_blog {
		flex-wrap: wrap;
	}
	div[id^="material"] .m-port-area .table_blog dd {
		flex: 1 1 100%;
		max-width: 100%;
	}
	.m-port-area .table_blog dd > div{
		padding:0;
	}
	div[id^="material"] p:not(.text-info), div[id^="material"] li {
		font-size: 16px;
	}
	.m-port-area .table_blog dd .right{
		bottom:-6px;
	}
	div[id^="material"] .material-top a .img-caption{
		font-size:15px;
	}
	.mate-title{
		font-size:45px;
	}
	.mate-title small{
		font-size:16px;
	}
	div[id^="material"] .material-top .quote{
		font-size:26px;
		line-height:1.2;
	}
	.li-check > li{
		padding-left:30px;
	}
	.li-check > li:before{
		width:23px;
		height:23px;
		top:7px;
	}
	.material-inquiry h3 {
		font-size: 28px;
	}
	.material-slide-wrap .left-con {
		flex: 0 0 88%;
		max-width: 88%;
		padding-right: 0;
	}
	.material-slide-wrap .right-con {
		flex: 0 0 12%;
		max-width: 12%;
	}
	.slick-prev{
		left:-10px;
	} 
	.slick-next {
		right:-10px;
	}
}
.specialist-top{
	padding:50px;
	/* border:10px solid #fff; */
	text-align: center;
	display: inline-flex;
	margin: 0 auto;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.pageheader .sub-top .specialist-top p{
	display: block;
	font-size: 20px;
}

.specialist-wrap .inner{
	text-align: center;
	border:2px solid #eee;
	margin-bottom: 50px;
}
.specialist-wrap .inner h5{
    margin: 40px 0 15px;
    font-size: 26px;
    display: inline-block;
    position: relative;
}
.specialist-wrap .inner h5:before{
	content: '';
	display: block;
	z-index: -1;
	position:
	absolute;
	left: -12px;
	top: -7px;
	width: 30px;
	height: 30px;
	background: #52caf3;
	border-radius: 50%;
}
.specialist-wrap .inner i{
    display: flex;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: url(/public/img/sub/specialist.png) no-repeat center / contain;
    justify-content: center;
    align-items: center;
    margin: 0 auto 5px;
    font-size: 47px;
    color: #d1d1d1;
}
.specialist-wrap .inner .name{
    margin: 0 0 30px;
}
.specialist-wrap .inner .name span{
    font-size: 23px;
    font-weight: bold;
    margin-right: 5px;
}
.specialist-wrap .inner .name small{
    font-size: 16px;
}
.specialist-wrap .inner ul{
	margin:0;
	padding: 30px 20px;
	background:#eee;
	text-align: left;
	min-height: 195px;
}


.text-blue{
	color: #159cca;
}
.num-circle{
	display: inline-block;
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	line-height: 17px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	background: #159cca;
}
.circle-dl{
	padding-left:20px;
}
.circle-dl dt{
	position:relative;
}
.circle-dl dt:before{
	content:
	'';
	width:6px;
	height:6px;
	border-radius: 50%;
	position: absolute;
	left:-15px;
	top: 8px;
	background:#006cb4;
}


#h_letter .subpage-content{
	padding-bottom:0;
}
/* #h_letter .table_blog2 dd{
	width:25%;
}
#h_letter .table_blog2 dd .inner{
	border: 0;
}
#h_letter .table_blog2 dd .inner .bottom .info{
	display: none;
}
#h_letter .table_blog2 dd .inner .bottom{
	padding: 10px 0 20px;
}
#h_letter .table_blog2 dd .inner .bottom .title{
	display: -webkit-box;
	word-wrap:
	break-word;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	white-space: initial;
	min-height: 58px;
}
#h_letter .table_blog2 dd .inner .top a .thumb{
	height:170px;
} */
#h_letter .board_data_view .header_wrap .info{
	display: none;
}
#letter-subscribe{margin: 0;padding: 40px 0 30px;background: #eee;}
#letter-subscribe .left-con{
    padding-top: 35px;
}
#letter-subscribe .left-con .inner{
    width: 400px;
    max-width: 100%;
}
#letter-subscribe .left-con .txt-box{
    margin-bottom: 20px;
    padding: 40px;
    border-radius: 10px;
    background: #fff;
}
#letter-subscribe .left-con .txt-box h5{
    margin: 0 0 25px;
    font-size: 26px;
    letter-spacing: -0.02em;
    font-weight: 600;
    color: #203246;
}
#letter-subscribe .left-con .txt-box p{
    font-size: 16px;
}
#letter-subscribe .left-con .subscribe-btn{
    display: block;
    padding: 12px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background: #203246;
    border-radius: 60px;
}
#letter-subscribe .left-con .subscribe-btn:hover{
	background:#159cca
}
#letter-subscribe img{
    margin-left: auto;
}

#h_letter .table_blog{
	display: flex;
	flex-wrap: wrap;
	margin:0 -15px;
	border:none;
}
#h_letter .table_blog > dd{
	flex:0 0 25%;
	max-width: 25%;
	margin-bottom:20px;
	padding:20px 15px 0;
	border:0;
}
#h_letter .table_blog dd .left{
	height:auto;
	width:100%;
}
#h_letter .table_blog dd .left a .thumb{
	width:100%;
	height:auto;
	padding-top:70%;
}
#h_letter .table_blog dd .right{
	width:100%;
	padding:20px 0;
}
#h_letter .table_blog dd .right .title a{
	font-size: 18px;
	
}
#h_letter .table_blog dd .right .text p{
	display: -webkit-box;
	word-wrap: break-word;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	white-space: initial;
	min-height: 58px;
	overflow: hidden;
}
@media (max-width:767px) {
	#h_letter .table_blog > dd{
		flex:0 0 100%;
		max-width: 100%;
	}
}
/*---------- 한양 3d 전용 -----------------*/
#h_letter .table_blog dd .right .info{
	display: none;
}
#h_letter .table_blog dd .right .title a{
	overflow: initial;
	white-space: initial;
	line-height: 1.4;
}
@media (min-width:767px) {
	#h_letter .table_blog dd .right .title a{
		display: -webkit-box;
		word-wrap: break-word;
		-webkit-line-clamp:3;
		-webkit-box-orient:vertical;
		white-space: initial;
		min-height: 58px;
		overflow: hidden;
	}
	#h_letter .table_blog dd .right .text p{
		display: none;
	}
}
.board_wrapper .option_wrap{
	height:40px;
}
#h_letter .sub-banner{
	height:600px;
	background:url(/public/img/sub/hletter-banner.png) no-repeat center bottom / cover;
}
:where(#project_portfolio, #hardware_guide) .pageheader{
	background:url(/public/img/sub/portfolio-top.png) no-repeat center / cover;
}
:where(#project_portfolio, #hardware_guide) .pageheader::before{
	display: none;
}
.guide-video-top{
	width: 560px;
    margin: 30px auto 30px;
    max-width: 100%;
	text-align: center;
}
.guide-video-top .quote {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
}


@media (max-width:768px){
	.table_blog .left,
	.table_blog .right{
		width:100%;
	}
}

.text-info + .table-responsive{
	margin-top: 30px;
}