/* ==================================================
	공통이미지 조절
================================================== */
.img100 {
	width:100%;
	}

/* ==================================================
	공통사항
================================================== */
hr {
	margin: 20px 0;
	height: 1px;
	border: 0px solid #e7e7e7;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-width: 0 0 1px 0;
	}
.blank {
	height: 20px;
	clear: both;
	display: block;
	}
.l-line {
	height: 5px;
	background: url('../images/common/line_bg.png') repeat-x 0 0;
	overflow: hidden;
	}

/* ==================================================
	아이콘
================================================== */
.num_list{
	margin-top:10px;
	margin-left:15px;
	color:#575757;
	}
.num_list li{
	list-style-type:decimal;
	list-style-position: outside;
	font-size:12pt;
	padding-bottom:7px;
	padding-left:10px;
	text-indent:-5px;
	}
.num_list li:last-child {
	padding-bottom:0;
	}
.num_list li span {
	display:block;
	margin-top:8px;
	}


.line_title {
	position: relative;
	font-size: 18pt;
	font-weight:normal;
	color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.line_title:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 5px;
	background: #b2b2b2;
	}
.line_title:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 15px;
	height: 5px;
	background: #0a3c7a;
	}
ol.number_list li {
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
	line-height: 24px;
	background: url('../images/common/num01.png') no-repeat left 0;
	color: #666;
	font-size:12pt;
	}
ol.number_list li:last-child {
	margin: 0;
	}
.num02 {
	background-image: url('../images/common/num02.png') !important;
	}
.num03 {
	background-image: url('../images/common/num03.png') !important;
	}
.num04 {
	background-image: url('../images/common/num04.png') !important;
	}
.num05 {
	background-image: url('../images/common/num05.png') !important;
	}
.num06 {
	background-image: url('../images/common/num06.png') !important;
	}
.num07 {
	background-image: url('../images/common/num07.png') !important;
	}
.num08 {
	background-image: url('../images/common/num08.png') !important;
	}
.num09 {
	background-image: url('../images/common/num09.png') !important;
	}
.l-list01 {
	font-size:12pt;
	line-height:1.5;
	}
.l-list01 li:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #013a84;
	}
.l-list01 li {
	position: relative;
	padding-left: 12px;
	margin: 3px 0;
	color: #666;
	}
.width_line_list li:before {
	position: absolute;
	top: 12px;
	left: 0;
	content: "";
	display: block;
	width: 4px;
	height: 1px;
	background: #a0a0a0;
	}
.width_line_list li {
	position: relative;
	padding-left: 14px;
	font-size: 15px;
	margin-bottom:3px;
	}
.width_line_list li:last-child {
	margin-bottom:0;
	}

.mouse_click {
	margin-top:10px;
	font-size: 13pt;
	}
.mouse_click img {
	width:21px;
	height:21px;
	margin-top:3px;
	}


.red_line {
	padding-left:13px;
	background:url('../images/icon/red_line.png');
	background-repeat:no-repeat;
	background-position:0 12px;
	color:#e72b4a;
	font-size:13pt;
	}

.a-tit01 {
	font-size: 20px;
	color: #333;
	background: url('../images/icon/arrow_icon.png') no-repeat 0 4px;
	padding-left: 26px;
	line-height: 1.2;
	font-weight:normal;
	}

/*** 모바일CSS ***/
@media screen and (max-width:640px){
	.num_list > li{
		font-size:11pt;
		}

	.l-list01 {
		font-size:11pt;
		}
	.a-tit01 {
		line-height:1.3;
		font-size: 16px;
		}
}
@media screen and (max-width:450px){
	.num_list > li{
		font-size:10pt;
		padding-left: 3px;
		}

	.l-list01 {
		font-size:10pt;
		}
	.l-list01 li:before {
		top: 10px;
		}
}

/* ==================================================
	이미지 움직이는 효과
================================================== */
.over-cover {
	overflow: hidden;
	position: relative;
	display: block;
	border: 1px solid #dbdbdb;
	}
.over-cover img{
	width:100%;
	height:100%;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	}
.over-cover:hover img{
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
	}

/* ==================================================
	공통테이블
================================================== */
.sub_con {
	width:100%;
	overflow:hidden;
	margin-top:20px;
	}
.subtable {
	border: 0;
	border-spacing: 0;
	background: #fff;
	border-top: 1px solid #222222;
	text-align:center;
	}
.subtable caption {
	visibility: hidden;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	}
.subtable thead tr th {
	padding: 13px 0;
	background-color: #e6e6e6;
	border-right: 1px solid #c7c7c7;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	color: #333;
	font-weight: bold;
	}
.subtable thead tr th:last-child {
	border-right: 0;
	}
.subtable tr td {
	padding: 13px 0;
	border-bottom: 1px solid #e1e1e1;
	}
.subtable tr td.bg_gray {
	background: #f5f5f5;
	color: #222;
	font-weight:bold;
	border-left:0;
	}
.subtable tr td {
	border-left: 1px solid #e1e1e1;
	padding:13px 0;
	}

/*** 모바일CSS ***/
@media screen and (max-width:800px) {
	.subtable {
		font-size:10pt;
		}
}
@media screen and (max-width:500px) {
	.subtable {
		font-size:0.75em;
		}
}


/* ==================================================
	수동탭 버튼
================================================== */
#content_tab {
	width:100%;
	text-align:center;
	margin-bottom:30px;
	}
#content_tab:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
#content_tab ul li {
	float:left;
	cursor: pointer;
	width: 50%;
	text-align: center;
	line-height:1.1;
	}
.width25 {
	width: 25% !important;
	}
.width25_size {
	width: 25% !important;
	}
#content_tab ul li a {
	display: inline-block;
	width:100%;
	padding:20px 0;
	background:#fff;
	border: 1px solid #d7d7d7;
	border-bottom: 1px solid #000;
	text-decoration: none;
	color: #333;
	font-size:12pt;
	}
.content_tab_on {
	background:#000 !important;
	border: 1px solid #000 !important;
	color: #fff !important;
	}

/* ==================================================
	공통 컨텐츠 틀
================================================== */
.two_content > ul > li{
	position: relative;
	width: 100%;
	margin-top:20px;
	}
.two_content > ul > li:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.two_content > ul > li+li{ margin-top:40px;}
.two_content ul li h4{
	float:left;
	width:15%;
	font-size:18pt;
	color:#005891;
	padding-top:14px;
	margin:0;
	}
.two_content ul li h4:before{
	content:"";
	width:30px;
	height:3px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-color:#abc8db;
	}
.two_content ul li .two_text{
	float:left;
	width:85%;
	position:relative;
	}

.contlist {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
	}
.contlist:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.contlist > li {
	padding:10px 8px;
	display:block;
	float:left;
	border-collapse: collapse;
	}
.contlist_16 {
	width: 16.666666%;
	}
.contlist_20 {
	width: 20%;
	}
.contlist_25 {
	width: 25%;
	}
.contlist_33 {
	width: 33.33333333%;
	}
.contlist_50 {
	width: 50%;
	}
.contlist_100 {
	width: 100%;
	clear:both;
	}
.contli-img {
	display: block;
	width: auto;
	padding: 0;
	vertical-align: middle;
	}
.contli-img02 {
	border: 1px solid #e7e7e7;
	}
.cont_text {
	background:#00aab5;
	padding:15px;
	text-align:center;
	color:#fff;
	font-size:11pt;
	line-height:130%;
	}
.cont_text h3 {
	font-size:13pt;
	}
.contli-img img {
	display: block;
	width: 100%;
	height: auto;
	}
.contli-img02 img {
	display: block;
	width: 100%;
	height: auto;
	}
.cont_dl {
	display:inline;
	}
.contli_tit {
	padding:10px 0;
	text-align:center;
	}
.contli_tit {
	padding:10px 0;
	text-align:center;
	font-size:13pt;
	}

.contlist > li.contlist_50:nth-child(2n+1) {
	clear: both;
	}

/*** 모바일CSS ***/
@media screen and (min-device-width : 801px) {
	.contlist > li.contlist_25:nth-child(4n+1) {
		clear: both;
		}
}
@media screen and (min-device-width : 300px) and (max-device-width : 800px) {
	.contlist > li.contlist_25:nth-child(2n+1) {
		clear: both;
		}
}
@media screen and (max-width:1023px){
	.two_content > ul > li + li {
		margin-top: 30px;
		}
	.two_content ul li h4 {
		float: none;
		width: 100%;
		margin-bottom: 30px;
		}
	.two_content ul li .two_text {
		float: none;
		width: 100%;
		}
}
@media screen and (max-width:800px){
	.contlist_25 {
		width: 50%;
		}
}
@media screen and (max-width:700px){
	.two_content {
		margin-top:20px;
		}
}
@media screen and (max-width:640px){
	.contlist li {
		padding:5px 5px;
		display:block;
		}
	.contlist_33 {
		float:none;
		width: 100%;
		}
}

/* ==================================================
	컨텐츠버튼
================================================== */
.con-btn {
	position:relative;
	display:inline-block;
	font-size:16px;
	vertical-align:middle;
	transition:all .25s ease;
	line-height:1.1;
	}
.con-btn, a.con-btn {
	background:#d51c29;
	color:#fff;
	}
.con-btn:hover, .con-btn:focus {
	background:#a7000c;
	color:#fff;
	}
.con-btn_bg, a.con-btn_bg {
	background:#fff;
	color:#333333;
	border:1px solid #ddd;
	}
.con-btn_bg:hover, .con-btn_bg:focus {
	background:#333333;
	color:#fff;
	}
a.con-btn span {
	display:block;
	padding:12px 18px 14px 0;
	text-align:center;
	line-height:1;
	}
.con-btn .cicon {
	position:absolute;
	right:17px;
	top:50%;
	padding:0;
	-webkit-transition:right .25s ease;
	transition:right .25s ease-out
	}
.con-btn:hover .cicon {right:20px;}
.conbtn_prowd {
	width:150px;
	}
.conbtn_prowd:last-child {
	margin-left:10px;
	}
.conbtn_prowdone:last-child {
	margin-left:0;
	}

.clink {
	width:14px;
	height:14px;
	margin-top:-7px;
	background:url('../images/icon/link.png') no-repeat 0 0;
	}
.con-btn_bg .clink, a.con-btn_bg .clink {
	width:14px;
	height:14px;
	margin-top:-7px;
	background:url('../images/icon/link_bl.png') no-repeat 0 0;
	}
.con-btn_bg:hover .clink, .con-btn_bg:focus .clink {
	width:14px;
	height:14px;
	margin-top:-7px;
	background:url('../images/icon/link.png') no-repeat 0 0;
	}

.cdownload {
	width:10px;
	height:15px;
	margin-top:-7px;
	background:url('../images/icon/download.png') no-repeat 0 0;
	}

/*** 모바일CSS ***/
@media screen and (max-width:640px) {
	.con-btn {
		font-size:14px;
		}
}

/* ==================================================
	반응형 테이블 스크롤
================================================== */
.msg_touch_help {
	display:none;
	}

/*** 모바일CSS ***/
@media only screen and (max-width:640px){
.con_table_wrap {
	overflow-x: auto;
	}
.con_table_wrap {
	position: relative;
	}
.table_scroll {
	width: 200%;
	}
.msg_touch_help {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	display: block;
	}
.msg_touch_help img {
	width: 100px;
	height: 100px;
	}
}

/* ==================================================
	유튜브 영상
================================================== */
.youtubeWrap{position: relative; padding-bottom: 56.25%;padding-top: 35px;height: 0;overflow: hidden}
.youtubeWrap iframe{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index:1}
.youtubeWrap .btn_prev,
.youtubeWrap .btn_next {display:inline-block; position:absolute; top:50%; margin-top:-45px; z-index:100; background:rgba(0,0,0,0.6); color:#fff}
.youtubeWrap .btn_prev {left:0}
.youtubeWrap .btn_next {right:0}
.youtubeWrap .btn_prev > img {float:left}
.youtubeWrap .btn_next > img {float:right}
.youtubeWrap .btn_prev > span,
.youtubeWrap .btn_next > span {display:inline-block; float:left; height:90px;padding:0 15px; margin:20px 0; max-height:50px; max-width:180px; font-size:16px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:none; }
.youtubeWrap .btn_prev:hover > span,
.youtubeWrap .btn_prev:focus > span,
.youtubeWrap .btn_next:hover > span,
.youtubeWrap .btn_next:focus > span {display:inline-block}

.movieBox {
	overflow:hidden;
	}
.movieBox li{
	position:relative;
	float:left;
	width:50%;
	padding:0 1%;
	margin-top:25px;
	}

.movieBox_100 {
	width:100% !important;
	}
.movieBox_33 {
	width:33.33333333333333333333% !important;
	}

/*** 모바일CSS ***/
@media screen and (max-width:800px) {
	.movieBox_33 {
		width:50% !important;
		}
}

/* ==================================================
	회사소개 - 회사개요
================================================== */
.overview_top{
	position:relative;
	}
.overview_top:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.overview_top .decoarea{
	position:relative;
	float:right;
	width:47%;
	}
.overview_top .decoarea .thum{
	position:relative;
	padding:5px;
	z-index:10;
	}
.overview_top .decoarea .thum img {
	width: 100%;
	}
.overview_top .decoarea .bg1{
	width:50%;
	height:50%;
	position:absolute;
	right:0;
	top:0;
	z-index:5;
	background:#00287a;
	}
.overview_top .decoarea .bg2{
	width:60%;
	height:60%;
	position:absolute;
	left:-5%;
	bottom:-6%;
	z-index:7;
	background:url('../images/common/people_bg1.png') repeat;
	}

.overview_top .textarea {
	float: left;
	width: 47%;
	}
.overview_top .textarea .title1{
	position:relative;
	font-size:35pt;
	font-family:'gotham';
	font-style:normal;
	font-weight:700;
	line-height:1.1;
	}

.infoarea table{
	width:100%;
	margin-top:30px;
	border-top:2px solid #333;
	font-size:12pt;
	}
.infoarea table th{
	padding:12px 0;
	border-bottom:1px solid #ddd;
	text-align:center;
	vertical-align:top;
	color:#444;font-size:16px;line-height:150%;
}
.infoarea table td{
	padding:18px 0;
	border-bottom:1px solid #ddd;
	text-align:left;
	line-height:150%;
	color:#333;
	}
.infoarea table .tl{text-align:left;padding:20px 0;}

.infoarea table .tl{
	text-align:left;
	padding:20px 0;
	}
.infoarea table .tl span {
	padding-left:20px;
	}

.ovtb_width01 {
	width:28%;
	}
.ovtb_width02 {
	width:72%;
	}

.overview_add li {
	position: relative;
	padding-left: 12px;
	padding-bottom:10px;
	line-height:1.6;
	}
.overview_add li:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #666;
	}
.overview_add li:last-child {
	padding-bottom:0;
	}

.overview_biz{
	overflow:hidden;
	margin-top:50px;
	}
.overview_biz .overbiz_con{
	width:100%;
	padding:0.8%;
	}
.overview_biz .overbiz_con .overbiz_detail{
	padding:40px 30px;
	}
.overbiz_detail:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.ov_biztit {
	float:left;
	width:34%;
	}
.overview_biz .overbiz_con .tit1{
	font-size:15px;
	color:#1d9dac;
	margin:0 0 10px;
	letter-spacing:3px;
	font-weight:500;
	}
.overview_biz .overbiz_con .ovbiztit_title{
	font-size:24px;
	letter-spacing:-1px;
	font-weight:500;
	}
.overview_biz .overbiz_con .ovbiztit_title:after{
	display:block;
	content:"";
	width:40%;
	height:2px;
	margin-top:20px;
	background:rgba(255,255,255,0.6);
	}
.overview_biz .overbiz_con .overarea{
	float:left;
	width:60%;
	margin-top:30px;
	}
.overview_biz .overbiz_con .overarea:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.overview_biz .overbiz_con .overarea li {
	position:relative;
	float:left;
	width:58%;
	font-size:11pt;
	padding-left:12px;
	margin-bottom:5px;
	color:rgba(255,255,255,0.8);
	}
.overview_biz .overbiz_con .overarea li:nth-child(even){
	width:38%;
	}
.overview_biz .overbiz_con .overarea li:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	background:rgba(255,255,255,0.8);
	}
.overview_biz .overbiz_con .overarea li:last-child {
	margin-bottom:0;
	}

.overview_biz .overbiz_con:nth-child(1){
	background:#00287a;
	}
.overview_biz .overbiz_con:nth-child(2){
	background:#f6f6f6;
	}
.overview_biz .overbiz_con:nth-child(1) .overbiz_detail{
	border:1px solid rgba(255,255,255,0.1)
	}
.overview_biz .overbiz_con:nth-child(2) .overbiz_detail{
	border:1px solid rgba(0,0,0,0.1)
	}
.overview_biz .overbiz_con:nth-child(1) .ovbiztit_title{color:#fff;}
.overview_biz .overbiz_con:nth-child(2) .ovbiztit_title{color:#000;}

.overview_biz .overbiz_con:nth-child(2) .ovbiztit_title:after {
	background: #666;
	}
.overview_biz .overbiz_con:nth-child(2) .overarea li {
	color:#333;
	}
.overview_biz .overbiz_con:nth-child(2) .overarea li:before {
	background:#333;
	}

/*** 애니메이션 효과***/
.slide-left{
	opacity:0;
	transform:translateX(150px);
	transition:all 1s;
	}
.slide-left.active{
	opacity:1;
	transform:translateX(0);
	transition:all 1s;
	}

.overbiz_con:nth-child(1) {
	width: 100%;
	opacity: 0;
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	transition:all 1s cubic-bezier(0.42, 0.0, 0.58, 1.0);
	-webkit-transition:all 1s cubic-bezier(0.42, 0.0, 0.58, 1.0);
	}
.overbiz_con:nth-child(1).active {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	}
.overbiz_con:nth-child(2) {
	width: 100%;
	opacity: 0;
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	transition:all 1s cubic-bezier(0.42, 0.0, 0.58, 1.0);
	-webkit-transition:all 1s cubic-bezier(0.42, 0.0, 0.58, 1.0);
	}
.overbiz_con:nth-child(2).active {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	}

/*** 모바일CSS ***/
@media screen and (max-width:1100px){
	.overview_top .decoarea{
		float:none;
		width:100%;
		}
	.overview_top .decoarea .bg2{
		display:none;
		}
	.overview_top .textarea {
		float:none;
		width:100%;
		margin-top:20px;
		}
	.overview_top .textarea .title1{
		font-size:30pt;
		}
	.ov_biztit {
		float:none;
		width:100%;
		}
	.overview_biz .overbiz_con .overarea{
		float:none;
		width:100%;
		}
}
@media screen and (max-width:800px){
	.overview_top .textarea .title1{
		font-size:25pt;
		}
	.overview_biz .overbiz_con .overarea li {
		float:none;
		width:100%;
		}
	.overview_biz .overbiz_con .overarea li:nth-child(even){
		width:100%;
		}
	.infoarea table {
		font-size:11pt;
		}
	
}
@media screen and (max-width:640px){
	.overview_top .textarea .title1{
		font-size:20pt;
		}

	.infoarea table tr th {
		display:block;
		}
	.infoarea table .tl {
		padding: 10px 0;
		}
	.infoarea table tr td {
		display:block;
		border-left:none;
		}
	.ovtb_width01 {
		display:block;
		width:100%;
		}
	.ovtb_width02 {
		display:block;
		width:100%;
		}

	.infoarea table {
		font-size:10pt;
		}
	.infoarea table th {
		font-size:10pt;
		}

	.overview_biz .overbiz_con .ovbiztit_title {
		font-size: 20px;
		}
	.overview_biz .overbiz_con .overarea li {
		font-size: 10pt;
		}
	.overview_biz .overbiz_con .overarea li::before {
		top: 8px;
		}
}

/* ==================================================
	회사소개 - CEO 인사말
================================================== */
.ceo_content{
	opacity:0;
	filter:Alpha(opacity=0);
	-webkit-transform: translateY(-80px);
	-moz-transform: translateY(-80px);
	-ms-transform: translateY(-80px);
	-o-transform: translateY(-80px);
	transform: translateY(-80px);
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
	}
.ceo_content.active {
	opacity:1;
	filter:Alpha(opacity=100);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	-ms-transition-delay:0.2s;
	transition-delay:0.2s;
	}
.ceot_banner .ceos_banner,
.ceot_banner .ceobanner_img{
	position:relative;
	float:left;
	width:50%;
	height:370px;
	}
.ceot_banner .ceos_banner{
	background:url('../images/about/ceo_bg.jpg') no-repeat 50% 0;
	background-size:cover;
	}
.ceot_banner .ceos_banner:before{
	position:absolute;
	display:inline-block;
	content:"";
	width:1px;
	height:0;
	padding-top:14%;
	background:#fff;
	opacity:0.3;
	left:0;
	top:0;
	margin-left:10%
	}
.ceot_banner .ceos_banner:after {
	background:#00287A;
	content: "";
	position: absolute;
	width: 12%;
	height: 100%;
	top: 0;
	right:-5%;
	z-index:5;
	transform: skewX(-12deg);
	}
.ceos_txt{
	position:absolute;
	top:0;
	left:0;
	margin:17.7% 5% 0 10%;
	}
.ceos_banner strong{
	display:block;
	font-weight:400;
	font-size:18px;
	color:#fff;
	opacity:0.5;
	word-break:keep-all
	}
.ceos_banner p{
	display:inline-block;
	font-weight:300;
	font-size:32px;
	letter-spacing:-0.5px;
	line-height:1.375;
	color:#fff;
	word-break:keep-all;
	padding-top:5%
	}
.ceost_dl {
	display:block;
	}
.ceot_banner .ceobanner_img{background:url("../images/about/ceo_img.jpg") no-repeat 50% 0; background-size:cover}
.ceotxt_con{
	background:url('../images/about/ceo_txt_con_bg.png') no-repeat 100% -54px;
	background-color:#f5f5f5
	}
.ceotxt_con .ceotxt_con_inner{
	padding:4.2% 7% 2.4%
	}
.ceotxt_con .ceo_txt{
	font-weight:400;
	font-size:18px;
	letter-spacing: -0.5px;
	color: #585858;
	line-height: 1.8;
	word-break:keep-all;
	padding-bottom:55px
	}
.ceo_signcon{
	border-top:1px solid #cbcbca;
	text-align:right;
	padding-top:45px;
	}
.ceo_signcon p{
	display:inline-block;
	font-weight:500;
	font-size:18px;
	letter-spacing:-0.5px;
	color:#353535;
	}
.ceo_signcon p strong{
	font-size:28px;
	font-weight:700;
	display:inline-block;
	vertical-align:middle;
	padding:0 8px 0 15px;
	margin-top:-10px;
	}

/*** 모바일CSS ***/
@media screen and (max-width:1400px){
	.ceot_banner .ceos_banner:after {
		display:none;
		}
	.ceost_dl {
		display:inline;
		}
}
@media screen and (max-width:800px){
	.ceot_banner .ceos_banner, .ceot_banner .ceobanner_img{
		float:none;
		width:100%;
		height:240px;
		}
	.ceot_banner .ceos_banner:after{
		padding-top:8%;
		margin-left:8%
		}
	.ceos_banner strong{
		font-size:14px;
		}
	.ceos_banner p{
		font-size:21px
		}
	.ceos_txt{
		margin:12% 8% 0 8%
		}
	.ceotxt_con{
		background:#f5f5f5
		}
	.ceotxt_con .ceo_txt{
		font-size:15px;
		padding-bottom:27px;
		padding-right:0;
		}
	.ceo_signcon{
		padding:15px 0;
		}
	.ceo_signcon p{
		font-size:15px;
		padding-top:5px;
		}
	.ceo_signcon p strong{
		font-size:20px;
		padding:0 6px 0 14px
		}
}
@media screen and (max-width:480px){
	.ceot_banner .ceos_banner, .ceot_banner .ceobanner_img{
		height:210px
		}
}


/* ==================================================
	회사소개 - 경영이념
================================================== */
.ideology_detail {
	width: 100%;
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom:50px;
	}
.ideology_detail02 {
	width: 100%;
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto;
	}
.ideology_txt {
	font-size:16pt;
	color:#333;
	text-align:center;
	}
.ideology_red {
	font-weight:500;
	color: #DA372B;
	}
.ideology_dl {
	display:block;
	}

.ideology_img {
	width: 100%;
	margin-top:30px;
	opacity: 0;
	transform:translateY(20px);
	-webkit-transform:translateY(20px);
	transition:all .6s cubic-bezier(.71,.29,.27,.94);
	-webkit-transition:all .6s cubic-bezier(.71,.29,.27,.94);
	}
.ideology_img.active {
	opacity: 1;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	}
.ideology_img .ideology_img_box {
	position: relative;
	}
.ideology_img .ideology_img_box img{
	width:100%;
	box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	}
.ideology_img .ideology_img_box:after {
	z-index: -1;
	content:'';
	position: absolute;
	width: 270px;
	height: 270px;
	background-color: #00287a;
	left: -50px;
	top: -50px;
	transition:all .6s .6s cubic-bezier(.71,.29,.27,.94);
	-webkit-transition:all .6s .6s cubic-bezier(.71,.29,.27,.94);
	}
.ideology_img.active .ideology_img_box:after {left: -10px;top: -10px;}

.management_title {
	text-align:center;
	margin-top:50px;
	}
.management_title02 {
	text-align:center;
	}
.mg_tit {
	position: relative;
	display:inline-block;
	font-family:'gotham';
	font-style: normal;
	font-weight: 700;
	font-size: 43px;
	color: #0c4176;
	padding: 0 30px;
	margin-bottom: 20px;
	}
.mg_tit:before, .mg_tit:after {
	content: "";
	position: absolute;
	top: 10px;
	width: 20px;
	height: 15px;
	}
.mg_tit:before {
	left: 0;
	background: url('../images/icon/uppermost_icon.png') no-repeat 0 0;
	}
.mg_tit:after {
	right: 0;
	background: url('../images/icon/uppermost_icon.png') no-repeat -20px 0;
	}

.dl_list {
	max-width:1000px;
	margin-top:15px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	}
.dl_list dl {
	width:33%;
	display:inline-block;
	vertical-align:top;
	position:relative;
	}
.dl_list dl:after {
	content:"";
	display:inline-block;
	width:46px;
	height:6px;
	background:url('../images/about/ideology_area.png') repeat;
	position:absolute;
	right:-8%;
	top:103px;
	}
.dl_list dl:last-child:after {display:none;}
.dl_list dl dt {
	padding-top:237px;
	font-size:22px;
	font-weight:500;
	letter-spacing:-0.2px;
	color:#232c6e;
	margin-bottom:17px;
	}
.dl_list dl:nth-child(1) dt {background:url('../images/about/ideology_icon01.png') no-repeat center top;}
.dl_list dl:nth-child(2) dt {background:url('../images/about/ideology_icon02.png') no-repeat center top;}
.dl_list dl:nth-child(3) dt {background:url('../images/about/ideology_icon03.png') no-repeat center top;}
.dl_list dl dd {
	font-size:16px;
	letter-spacing:-0.1px;
	color:#777777;
	}

.ideology_bg {
	background:#f0f0f0;
	padding:50px 0;
	}
.ideology_goal {
	margin-top:20px;
	}
.ideology_goal {
	overflow:hidden;
	}
.ideology_goal li {
	position: relative;
	float: left;
	width: 18.4%;
	margin-left: 2%;
	}
.ideology_goal li:first-child {
	margin-left: 0;
	}
.ideology_goal li > .over-cover {
	box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	}
.idgoal_txt {
	padding-top: 20px;
	color: #000;
	font-size:13pt;
	font-weight:500;
	text-align: center;
	}

/* 모바일CSS */
@media screen and (max-width:1050px) {
	.ideology_detail {
		width: 96%;
		margin-top: 25px;
		margin-bottom: 35px;
		}
	.ideology_detail02 {
		width: 96%;
		}
	.ideology_img .ideology_img_box:after{
		display:none;
		}

	.ideology_goal li {
		width: 32%;
		margin-left: 2%;
		}
	.ideology_goal li:nth-child(4) {
		margin-left: 0;
		margin-top:20px;
		}
	.ideology_goal li:nth-child(5) {
		margin-top:20px;
		}
}
@media screen and (max-width:800px) {
	.management_title {
		margin-top: 30px;
		}
	.mg_tit {
		font-size: 33px;
		}
	.dl_list dl {
		width:100%;
		display:block;
		margin-bottom:30px;
		}
	.dl_list dl:after {
		display:none;
		}
	.dl_list dl dt {
		padding-top:145px;
		font-size:18px;
		}
	.dl_list dl:nth-child(1) dt {background:url('../images/about/ideology_icon01.png') no-repeat center top; background-size:auto 130px;}
	.dl_list dl:nth-child(2) dt {background:url('../images/about/ideology_icon02.png') no-repeat center top; background-size:auto 130px;}
	.dl_list dl:nth-child(3) dt {background:url('../images/about/ideology_icon03.png')) no-repeat center top; background-size:auto 130px;}
	.dl_list dl dd {
		font-size:14px;
		}

	.ideology_goal {
		margin-top: 15px;
		}
	.ideology_goal li {
		width: 48.5%;
		margin-left: 3%;
		}
	.ideology_goal li:nth-child(2n+1) {
		clear:both;
		margin-left: 0;
		}
	.ideology_goal li:nth-child(3) {
		margin-top:20px;
		}
	.ideology_goal li:nth-child(4) {
		margin-left: 2%;
		}
	.idgoal_txt {
		font-size: 12pt;
		}
}
@media screen and (max-width:640px) {
	.ideology_txt {
		font-size: 13pt;
		}
	.ideology_dl {
		display: inline;
		}
	
	.idgoal_txt {
		font-size: 11pt;
		}
}

@media screen and (max-width:450px) {
	.mg_tit {
		font-size: 25px;
		}
}

/* ==================================================
	회사소개 - 연혁
================================================== */
.history {
	margin-top:50px;
	}
.history:after{content:'';display:block;clear:both;height:0;visibility:hidden;}

.history_left {
	float:left;
	width:42%;
	}
.img_history {
	position: relative;
	}
.img_history img {
	position: relative;
	width:100%;
	z-index: 10;
	box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	}
.hbgbox {
	position: absolute;
	right: -35px;
	bottom: -35px;
	z-index: 2;
	width: 600px;
	height: 350px;
	background: url('../images/common/people_bg1.png');
	}
.history_left h2 {
	text-align: right;
	margin:40px 0 10px 0;
	font-size:30pt;
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 500;
	color:#00287a;
	}
.history_left h2 span {
	font-size:34pt;
	font-weight: 700;
	color:#ED1C24;
	}
.history_left p {
	text-align: right;
	font-size:15pt;
	color:#707070;
	}
.lhistory_dl {
	display:block;
	}

.history_right {
	float:right;
	width:51%;
	margin-left:7%;
	}
.history_present {
	background: url('../images/about/bg_history.png') no-repeat 100% 100%;
	}
.history_2009 {
	background: url('../images/about/bg_history2.png') no-repeat 100% 100%;
	}

.history_right > ul {
	position: relative;
	padding: 20px 0 230px 0;
	}
.history_right > ul::before {
	content:' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height:100%;
	background: #d4d4d4;
	} 
.history_right > ul::after {
	content:' ';
	display: block;
	position: absolute;
	left: -4px;
	top: 0;
	width: 10px;
	height: 10px;
	background: #d8d8d8;
	border-radius:50%;
	}
.rhistory_con:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.history_right > ul > li {
	position: relative;
	padding-left: 85px;
	padding-top: 35px;
	}
.history_right > ul > li::before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 46px;
	width: 80px;
	height: 1px;
	background: #d4d4d4;
	}
.history_right > ul > li::after {
	content:' ';
	display: block;
	position: absolute;
	left: -9px;
	top: 36px;
	width: 10px;
	height: 10px;
	background: #fff;
	border: 5px solid #ec1c24;
	border-radius:50%;
	}
.history_right h3 {
	position: relative;
	float:left;
	width:14%;
	padding-left: 20px;
	line-height: 1.1;
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 700;
	letter-spacing:-0.5px;
	font-size: 18pt;
	color: #00287a;
	}
.history_right h3::before {
	content:' ';
	display: block;
	position: absolute;
	left: -5px;
	top: 7px;
	width: 7px;
	height: 7px;
	background: #fff;
	border: 2px solid #00287a;
	border-radius:50%;
	} 
.rhistory_text {
	float:left;
	width:86%;
	padding-top:0;
	padding-left:20px;
	}
.rhistory_text li {
	margin-bottom:10px;
	}
.rhistory_text li:last-child {
	margin-bottom:0;
	}
.rhistory_text dl:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.rhistory_text dd {
	width: 100%;
	font-size: 12pt;
	color: #707070;
	}

/* 모바일CSS */
@media screen and (max-width:1300px) {
	.hbgbox {
		display:none;
		}
	.history_left h2 {
		margin:25px 0 10px 0;
		font-size: 25pt;
		}
	.history_left h2 span {
		font-size: 28pt;
		}
	.history_right > ul {
		position: relative;
		padding: 20px 0 50px 0;
		}
	.history_present {
		background:none;
		}
	.history_2009 {
		background:none;
		}
}
@media screen and (max-width:1200px) {
	.history_left h2 {
		font-size: 22pt;
		}
	.history_left h2 span {
		font-size: 25pt;
		}
	.history_left p {
		font-size: 13pt;
		}
	.rhistory_text {
		padding-left: 40px;
		}
}
@media screen and (max-width:1023px) {
	.history_left h2 {
		font-size: 20pt;
		}
	.history_left h2 span {
		font-size: 23pt;
		}
	.history_left p {
		font-size: 12pt;
		}
	.history_right {
		background: url('../images/about/mbg_history.png') no-repeat 100% 100%;
		}
	.lhistory_dl {
		display:inline;
		}
	.history_right h3 {
		width: 20%;
		}
	.rhistory_text {
		width: 80%;
		}
	.rhistory_text dt {
		width: 15%;
		}
	.rhistory_text dd {
		width: 85%;
		}
}
@media screen and (max-width:900px) {
	.history_left {
		float: none;
		width: 100%;
		}
	.history_left h2 {
		display:none;
		}
	.history_left p {
		display:none;
		}
	.history_right {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top:20px;
		background: 0;
		padding: 0 0 0 20px;
		}
	.history_right > ul {
		padding: 0 0 50px 0;
		}
	.history_right > ul > li {
		padding-left: 45px;
		}
	.history_right > ul > li::before {
		width: 40px;
		}
	.history_right h3 {
		font-size:15pt;
		}
	.rhistory_text dd {
		font-size: 10pt;
		}
	.rhistory_text {
		padding-left: 20px;
		}
}
@media screen and (max-width:640px) {
	.history {
		margin-top: 20px;
		}
	.history_right h3 {
		width:25%;
		font-size: 12pt;
		padding-top: 3px;
		}
	.rhistory_text {
		width: 75%;
		}
	.rhistory_text {
		padding-top:2px;
		padding-left: 10px;
		}
}

/* ==================================================
	회사소개 - 주요 고객사
================================================== */
/*** 탑비주얼 ***/
.customerbox {
	position: relative;
	width: 100%;
	height: 350px;
	margin-top:45px;
	-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.30);
	box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.30);
	background: url('../images/about/customer_bg.jpg') 50% 50%;
	background-size: auto;
	background-size: cover;
	}
.customertxtbox {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 880px;
	padding: 28px;
	background: url('../images/about/customer_iconbg.png') no-repeat right top, linear-gradient(90deg, rgba(0,66,202,1) 0%, rgba(0,40,122,1) 100%);
	}
.custop-title {
	margin-bottom:15px;
	}
.custop-tit {
	display: inline-block;
	font-size:20pt;
	font-weight:500;
	color: #fff;
	line-height: 1;
	}
.custop-txt {
	color: #fff;
	font-size:12pt;
	letter-spacing:-0.2px;
	line-height: 1.3;
	}

/*** 로고 ***/
.customert_img {
	margin-top:30px;
	}

/*** 애니메이션 효과***/
.customerbox {
	width: 100%;
	opacity: 0;
	transform: translateY(50px);
	webkit-transform: translateY(50px);
	transition:all .8s cubic-bezier(0.42, 0.0, 0.58, 1.0);
	-webkit-transition:all .8s cubic-bezier(0.42, 0.0, 0.58, 1.0);
	}
.customerbox.active {
	opacity: 1;
	transform: translateY(0);
	webkit-transform: translateY(0);
	}
.customert_img {
	width: 100%;
	opacity: 0;
	transform: translateY(50px);
	webkit-transform: translateY(50px);
	transition:all 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0);
	-webkit-transition:all 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0);
	}
.customert_img.active {
	opacity: 1;
	transform: translateY(0);
	webkit-transform: translateY(0);
	}

/*** 모바일CSS ***/
@media screen and (max-width:1023px){
	/*** 탑비주얼 ***/
	.customerbox {
		height: auto;
		padding: 70px;
		border-radius:0;
		margin-top:35px;
		}
	.customertxtbox {
		position: static;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, rgba(37,151,238,1) 0%, rgba(5,103,177,1) 100%);
		}
}
@media screen and (max-width:640px){
	/*** 탑비주얼 ***/
	.customerbox {
		padding: 25px;
		}
	.custop-tit {
		font-size:16pt;
		}
	.custop-txt {
		font-size:11pt;
		}
	.customertxtbox {
		padding:20px;
		}
}

/* ==================================================
	회사소개 - 오시는 길
================================================== */
.map_content {
	position:relative;
	}
.map_content iframe {
	width:100%;
	height:520px;
	}
.map_size {
	width:100%;
	}
.map_con {
	position:relative;
	width:100%;
	height:520px;
	}

.radius_border{border:1px solid #919191;border-radius:5px;}
.custom_zoomcontrol {
	position:absolute;
	top:20px;
	right:10px;
	overflow:hidden;
	z-index:1;
	background-color:#f5f5f5;
	}
.custom_zoomcontrol span {
	display:block;
	text-align:center;
	cursor:pointer;
	padding:10px 10px 5px 10px;
	}
.custom_zoomcontrol span img {
	width:15px;
	height:15px;
	border:none;
	}
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}

.map_info ul {
	text-align: center;
	}
.map_info ul li b {
	display:  inline-block;
	margin-right: 10px;
	font-size:16px;
	font-family: 'Iropke Batang';
	font-style: normal;
	}
.map_info ul li p {
	display:  inline-block;
	color: #777;
	}
.map_info ul li {
	position: relative;
	}
.map_info {
	padding: 20px 0;
	border-top: 2px solid #595656;
	}

.map_bottom:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.map_bottom {
	margin-top:30px;
	}
.map_bottom h2{
	float:left;
	width:300px;
	font-size:30px;
	color:#000;
	}
.map_bottom ul{
	float:right;
	width:calc(100% - 300px);
	font-size:18px;
	}
.map_bottom ul li{
	padding:20px 20px 20px 180px;
	background:#f3f3f3;
	position:relative;
	}
.map_bottom ul li:nth-child(2){
	background:#fff;
	}
.map_bottom ul li:nth-child(4){
	background:#fff;
	}
.map_bottom ul li span{
	color:#000;
	font-weight:600;
	position:absolute;
	left:20px;
	top:20px;
	}


/*** 모바일CSS ***/
@media screen and (max-width:800px) {
	.map_bottom h2{
		float:none;
		width:100%;
		margin:0 0 20px;
		}
	.map_bottom ul{
		float:none;
		width:100%;
		}
}
@media screen and (max-width:640px) {
	.map_content iframe {
		height:400px;
		}
	.map_con {
		height:400px;
		}
	
	.map_bottom ul li{
		padding:15px 15px;
		line-height:1.5;
		}
	.map_bottom ul li span{
		display:block;
		position:relative;
		left:0;
		top:0;
		}
}

/* ==================================================
	제품소개 - 사업분야
================================================== */
#prdMainWrapper{
	width:100%;
	opacity: 0;
	filter: Alpha(opacity=0);
	-webkit-transform: translateY(-80px);
	-moz-transform: translateY(-80px);
	-ms-transform: translateY(-80px);
	-o-transform: translateY(-80px);
	transform: translateY(-80px);
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	transition-delay: 0.5s;
	}
#prdMainWrapper.active  {
	opacity: 1;
	filter: Alpha(opacity=100);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	}
/* Product :: Main :: PC */
.prd-main-list-wrap{
	width:100%;
	height:550px;
	}
.prd-main-list-container > li > a{position:relative; display:block; height:100%;}
.prd-main-img-thum{
	position:relative;
	width:100%;
	height:550px;
	border-left:1px solid #000;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s
	}
#panel-1 .prd-main-img-thum:first-child {
	border-left:0;
	}
.prd-main-img-cover{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0;
	filter:Alpha(opacity=0);
	background-color:#000;
	background-color:rgba(0,0,0,0.6);
	visibility:hidden;
	-webkit-transition:all 0.4s, opacity 0.6s;
	-moz-transition:all 0.4s, opacity 0.6s;
	-o-transition:all 0.4s, opacity 0.6s;
	-ms-transition:all 0.4s, opacity 0.6s;
	transition:all 0.4s, opacity 0.6s;
	}
.prd-main-list-container > li.kwicks-collapsed .prd-main-img-cover{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}

.prd-main-txt-thum{position:absolute; top:0; bottom:0; left:0; right:0;}
.prd-main-txt-thum-inner{
	position:absolute;
	width: 260px;
	top: 180px;
	left:0;
	right:42px;
	}
.prd-main-list-tit{
	position:relative;
	left:0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition:left 0.3s;
	-moz-transition:left 0.3s;
	-o-transition:left 0.3s;
	-ms-transition:left 0.3s;
	}
.prd-main-list-tit{
	font-size:30px;
	line-height:40px;
	color:#fff;
	font-weight:700;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.37);
	}
.prd-main-view-box{position:absolute; left:0; right:0; bottom:75px; width:100%; height:54px; text-align:center; line-height:54px;}
.prd-main-view-box > span{display:inline-block; height: 100%;}
.prd-main-more-box{position:absolute; right:0; width:220px; height:100%; opacity:0;filter:Alpha(opacity=0); visibility:hidden;
	-webkit-transition:all 0.4s, opacity 0.6s; -moz-transition:all 0.4s, opacity 0.6s; -o-transition:all 0.4s, opacity 0.6s; -ms-transition:all 0.4s, opacity 0.6s; transition:all 0.4s, opacity 0.6s; 
}
.prd-main-more-box.active{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
.prd-main-more-box:before{position:absolute; top:0; left:0; display:block; content:""; width:100%; height:0; background:none; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.prd-main-more-box.active:before{
	height:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006066+0,0e2c3f+100 */
	background: rgb(0,35,125); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(0,35,125,1) 0%, rgba(0,13,64,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(0,35,125,1) 0%,rgba(0,13,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(0,35,125,1) 0%,rgba(0,13,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002366', endColorstr='#000d40',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
.prd_main_txt {
	font-weight:500;
	letter-spacing:-0.8px;
	padding:0 20px;
	margin-top:20px;
	color:#fff;
	text-align:justify;
	line-height:1.6;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.37);
	}
.prd-main-more-box p em{position:absolute; bottom:115px; left:0; right:0; text-align:center;}
.prd-main-more-box div{
	position:relative;
	padding-top:115px;
	height:520px;
	height:calc(100% - 115px);
	}
.prd-main-more-box div .prd-main-category-list{
	position:relative;
	padding:0 20px;
	opacity:0;
	filter:Alpha(opacity=0);
	visibility:hidden;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s;
	}
.prd-main-more-box div .prd-main-category-list > li{margin-top: 30px;}
.prd-main-more-box div .prd-main-category-list > li:first-child{margin-top: 0;}
.prd-main-more-box div .prd-main-category-list > li a{
	font-size:16px;
	font-family: 'DM Sans','Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	line-height:28px;
	color:#fff;
	padding-bottom: 7px;
	border-bottom: 1px solid transparent;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
	}
.prd-main-more-box div .prd-main-category-list > li a:hover{border-color: #fff;}
.prd-main-more-box div em{position:absolute; bottom:90px; left:0; right:0; text-align:center;}
.prd-main-more-box.active div .prd-main-category-list{
	opacity:1.0;
	filter:Alpha(opacity=100);
	visibility:visible;
	}

.prd-main-list-container li.kwicks-expanded .prd-main-txt-thum-inner, .prd-main-list-container li.selected .prd-main-txt-thum-inner{
	width: 340px;
	top: 60px;
	left:0;
	right:0;
	}
.prd-main-list-container li.kwicks-expanded .prd-main-list-tit, .prd-main-list-container li.selected .prd-main-list-tit
	{width: 100%;
	left:0;
	text-align: center;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	}
.prd-main-list-container li.kwicks-expanded .prd-main-view-box, .prd-main-list-container li.selected .prd-main-view-box{opacity:0;filter:Alpha(opacity=0); visibility:hidden;}
.prd-main-list-container li.kwicks-expanded .prd-main-more-box div em .view-more, .prd-main-list-container li.selected .prd-main-more-box div em .view-more{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}

.prd-main-list-container li.kwicks-collapsed .prd-main-txt-thum-inner, .prd-main-list-container li.noselected .prd-main-txt-thum-inner{top: 150px; width: 186px;}
.prd-main-list-container li.kwicks-collapsed .prd-main-list-tit, .prd-main-list-container li.noselected .prd-main-list-tit{
	text-align: left;
	font-size: 22px;
	}
.prd-main-list-container li.kwicks-collapsed .prd-main-view-box > span, .prd-main-list-container li.noselected .prd-main-view-box > span{font-size:21px;}
.prd-main-list-container li.kwicks-collapsed p, .prd-main-list-container li.noselected p{display:none;}

/* 기본 셀렉트 */
.prd-main-list-container li.selected{
	width: 35% !important;
	position: relative !important;
	}
.prd-main-list-container li.noselected{
	width: 13% !important;
	position: relative !important;
	left: 0 !important;
	}
.prd-main-list-container li.noselected .prd-main-img-cover {
	visibility: visible;
	opacity: 1 !important;
	filter: Alpha(opacity=100) !important;
	}

/* Product :: Main :: M */
.prd-main-list-wrap-m{display:none;}

/*!
 *  Kwicks: Sexy Sliding Panels for jQuery - v2.2.1
 *  http://devsmash.com/projects/kwicks
 *
 *  Copyright 2013 Jeremy Martin (jmar777)
 *  Contributors: Duke Speer (Duke3D), Guillermo Guerrero (gguerrero)
 *  Released under the MIT license
 *  http://www.opensource.org/licenses/mit-license.php
 */
/*
 *  This file contains styles that are common to all kwicks instances.  Note that each kwicks instance requires
 *  additional styling - please see the examples for more info.
 */
.kwicks {
	display: block;
	list-style-type: none;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks > * {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.kwicks.kwicks-processed > * {
	margin: 0;
	position: absolute;
}
.kwicks-horizontal > * {
	float: left;
}
.kwicks-horizontal > :first-child {
	margin-left: 0;
}
.kwicks-vertical > :first-child {
	margin-top: 0;
}

/*** 모바일 CSS***/
@media screen and ( min-width: 800px ){
	a.view-more:hover:before{height: 58px;}
	a.view-more:hover span{color: #0a090a;}
}

@media screen and (max-width:1320px){
	#prdMainWrapper{width:auto; padding:0;}
}

@media screen and (max-width:1600px){
	/* Product :: Main :: PC */
	.prd-main-txt-thum-inner, .prd-main-list-container li.kwicks-collapsed .prd-main-txt-thum-inner, .prd-main-list-container li.noselected .prd-main-txt-thum-inner{
		width: 100%;
		}
	.prd-main-txt-thum-inner {
		top: 140px;
		}
	.prd-main-list-tit{
		font-size:22px;
		line-height:28px;
		}
	.prd-main-view-box{
		height:56px;
		line-height:56px;
		}
	.prd-main-view-box > span{
		font-size:21px;
		}
	.prd-main-more-box{
		width:134px;
		}
	.prd-main-more-box p span{
		padding-top:45px;
		}
	
	.prd-main-more-box div .prd-main-category-list{
		padding:0 15px;
		}
	.prd-main-more-box div .prd-main-category-list > li a{
		font-size:13px;
		line-height:20px;
		}
	.prd-main-more-box div em{}
	.prd-main-more-box div em .view-more{
		width: 80%;
		margin: 0 auto;
		}
	.prd-main-list-container li.kwicks-expanded .prd-main-txt-thum-inner, .prd-main-list-container li.selected .prd-main-txt-thum-inner{
		width: calc(100% - 134px);
		top: 70px;
		}
	.prd-main-list-container li.kwicks-collapsed .prd-main-txt-thum-inner, .prd-main-list-container li.noselected .prd-main-txt-thum-inner{
		top: 120px;
		}
	.prd-main-list-container li.kwicks-collapsed .prd-main-list-tit, .prd-main-list-container li.noselected .prd-main-list-tit{
		font-size: 18px;
		}
}
@media screen and (max-width:1050px){
	#prdMainWrapper {padding: 0;}
	/* Product :: Main :: PC */
	.prd-main-list-wrap{display:none;}
	
	/* Product :: Main :: M */
	.prd-main-list-wrap-m{
		display:block;
		width:100%;
		}
	.prd-main-list-container-m{width:100%;}
	.prd-main-list-container-m > li{
		position:relative;
		width:100%;
		border:1px solid #ddd;
		margin-bottom:2%;
		}

	.prd-main-list-tit-m{
		position:relative;
		width:100%;
		height:250px;
		}
	.prd-mbg01 {
		background:url('../images/product/business_mimg01.jpg');
		background-repeat:no-repeat;
		background-position:right top;
		background-size:cover;
		}
	.prd-mbg02 {
		background:url('../images/product/business_mimg02.jpg');
		background-repeat:no-repeat;
		background-position:right top;
		background-size:cover;
		}
	.prd-mbg03 {
		background:url('../images/product/business_mimg03.jpg');
		background-repeat:no-repeat;
		background-position:right top;
		background-size:cover;
		}
	.prd-mbg04 {
		background:url('../images/product/business_mimg04.jpg');
		background-repeat:no-repeat;
		background-position:right top;
		background-size:cover;
		}
	.prd-mbg05 {
		background:url('../images/product/business_mimg05.jpg');
		background-repeat:no-repeat;
		background-position:right top;
		background-size:cover;
		}
	.prd-mbg06 {
		background:url('../images/product/business_mimg06.jpg');
		background-repeat:no-repeat;
		background-position:right top;
		background-size:cover;
		}

	.prd_mtext {
		position:absolute;
		left:0;
		top:0;
		z-index:1;
		padding:35px 35px;
		}

	.prd_titm {
		font-size: 23px;
		line-height: 1.2;
		color: #fff;
		font-weight: 700;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.37);
		}
	.prd_txtm {
		font-weight: 500;
		letter-spacing: -0.8px;
		margin-top: 10px;
		color: #fff;
		text-align: justify;
		line-height: 1.6;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.37);
		}
	.prdtxt_dl {
		display:block;
		}

	.prd-main-more-mbox{
		position:relative;
		padding:10px 20px 20px 20px;
		background: rgb(0,35,125); /* Old browsers */
		background: -moz-linear-gradient(-45deg,  rgba(0,35,125,1) 0%, rgba(0,13,64,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  rgba(0,35,125,1) 0%,rgba(0,13,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  rgba(0,35,125,1) 0%,rgba(0,13,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002366', endColorstr='#000d40',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}

	.prd-main-more-mbox ul:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
	.prd-main-more-mbox ul li{
		float:left;
		width:33.33333333333333333333333%;
		padding-top:15px;
		text-align:center;
		}
	.prd-main-more-mbox ul li a {
		color:#fff;
		font-size:16px;
		font-family: 'DM Sans','Noto Sans KR';
		font-style: normal;
		font-weight: 500;
		line-height:28px;
		color:#fff;
		padding-bottom: 7px;
		border-bottom: 1px solid transparent;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-ms-transition: all 0.3s;
		transition: all 0.3s;
		}
	.prd-main-more-mbox ul li a:hover{border-color: #fff;}
}

@media screen and (max-width:800px){
	.prd-main-list-tit-m{
		height:200px;
		}
	.prd_mtext {
		padding:25px 25px;
		}
}
@media screen and (max-width:640px){
	.prd-main-list-tit-m{
		height:180px;
		}
	.prd-main-mcover{
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		filter:Alpha(opacity=0);
		background-color:#000;
		background-color:rgba(0,0,0,0.4);
		}
	.prd_titm {
		font-size: 20px;
		}
	.prd_txtm {
		font-size:10pt;
		}
	.prdtxt_dl {
		display:inline;
		}

	.prd-main-more-mbox ul li{
		float:left;
		width:50%;
		text-align:left;
		}
}
@media screen and (max-width:450px){
	.prd-main-more-mbox ul li a{
		font-size:10pt;
		}
}

/* ==================================================
	제품소개 공통
================================================== */
.protop_bg {
	position: relative;
	margin-top: 60px;
	}
.protop_bg:before  {
	position: absolute;
	top: 90px;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 330px;
	background: #efefef;
	z-index: -1;
	}
.pro_topcon {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	}
.pro_topcon:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.procon_img {
	position: relative;
	float:left;
	width:45%;
	margin-right:6%;
	}
.procon_img > img {
	position: relative;
	width:100%;
	z-index: 10;
	}
.bgbox {
	position: absolute;
	right: -40px;
	bottom: -30px;
	z-index: 2;
	width: 620px;
	height: 480px;
	background: url('../images/common/people_bg1.png');
	}
.procon_text {
	float:left;
	width:49%;
	padding-top:135px;
	}
.procon_title {
	position:relative;
	font-size:27px;
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 500;
	color:#000000;
	padding-top:10px;
	}
.procon_title:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 2px;
	background: #001d5b;
	}


.procontent_text {
	text-align:justify;
	margin-top:15px;
	font-size:12pt;
	line-height:1.6;
	color:#333;
	}

.procon_btn {
	margin-top:20px;
	}

.procon_detail {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 75px;
	margin-bottom: 75px;
	width: 100%;
	max-width: 1400px;
	}
.procon_info {
	margin-top:40px;
	}
.procon_info:first-child {
	margin-top:0;
	}

/* 제품소개 테이블 */
.pro_tb01 {
	margin-top:25px;
	}
.pro_tb01 table {
	width: 100%;
	border: 0;
	border-spacing: 0;
	text-align: center;
	border-top:2px solid #262626;
	}
.cforgtb {
	font-size:10pt;
	}
.deeptb {
	font-size:10pt;
	}
.pro_tb01 table tr th {
	border: 1px solid #cdcdcd;
	background:#e5e5e5;
	padding: 13px 3px;
	color: #262626;
	font-weight:500;
	}
.pro_tb01 table tr th:first-child {
	border-left:0;
	}
.pro_tb01 table tr th:last-child {
	border-right:0;
	}
.pro_tb01 table tr td{
	border: 1px solid #e6e6e6;
	padding: 13px 3px;
	color:#262626;
	}
.pro_tb01 table tr td.probg01 {
	background:#f8f8f8;
	font-weight:500;
	}
.pro_tb01 table tr td:first-child {
	border-left:0;
	}
.pro_tb01 table tr td:last-child {
	border-right:0;
	}

/* HOT FORMING PRESS 테이블사이즈 */
.hformtb_width01 {
	width:16%;
	}
.hformtb_width02 {
	width:7%;
	}
.hformtb_width03 {
	width:10%;
	}
.hformtb_width04 {
	width:15%;
	}

.hformtbd_width01 {
	width:30%;
	}
.hformtbd_width02 {
	width:55%;
	}
.hformtbd_width03 {
	width:15%;
	}


.hforgtb_width01 {
	width:16.66666666666667%;
	}

.gmttb_width01 {
	width:33.333333333333333%;
	}

.lfttb_width01 {
	width:31%;
	}
.lfttb_width02 {
	width:23%;
	}

.smcbmttb_width01 {
	width:24%;
	}
.smcbmttb_width02 {
	width:19%;
	}

.cforg_width01 {
	width:15%;
	}
.cforg_width02 {
	width:9.444444444444444%;
	}

.rawtb_width01 {
	width:17%;
	}
.rawtb_width02 {
	width:11%;
	}
.rawtb_width03 {
	width:18%;
	}

.deep_width01 {
	width:15%;
	}
.deep_width02 {
	width:9.444444444444444%;
	}

.scrap_width01 {
	width:25%;
	}
.scrap_width02 {
	width:15%;
	}
.scrap_width03 {
	width:30%;
	}

.dietb_width01 {
	width:20%;
	}

.trytb_width01 {
	width:16%;
	}
.trytb_width02 {
	width:16.8%;
	}

.protb_info {
	margin-top:20px;
	color:#d51c29;
	}

/* Applications */
.over_app {
	margin-top:30px;
	}
.over_app:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.over_app li {
	position: relative;
	float: left;
	width: 32%;
	margin-left:2%;
	}
.over_app li:first-child {
	margin-left:0;
	}
.over_app li > .over-cover {
	border:1px solid #e7e7e7;
	}
.app_txt {
	text-align:center;
	font-size:12pt;
	color:#262626;
	background:#e5e5e5;
	padding:15px 2px;
	}

/* Applications2 */
.app_con02:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.appcon02_left {
	width:100%;
	}
.appcon02_left p {
	margin-top:15px;
	font-size:13pt;
	}
.appcon02_right {
	margin-top:30px;
	}
.appcon02_right img {
	width:100%;
	max-width:450px;
	border: 1px solid #e7e7e7;
	}

/* Applications3 */
.over_app2 {
	margin-top:30px;
	border:1px solid #e7e7e7;
	}
.over_app2:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.over_app2 li {
	position: relative;
	float: left;
	width: 33.333333333333333333%;
	}
.over_app2 li .over-cover {
	border:0;
	}
.over_app2 {
	overflow: hidden;
	position: relative;
	display: block;
	}

/* Applications4 */
.apporder {
	margin-top:30px;
	}
.apporder ul:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.apporder ul li {
	position:relative;
	float:left;
	width:31.33333333333333%;
	margin-left:3%;
	}
.apporder ul li:first-child {
	margin-left:0;
	}
.apporder ul li:after {
	position:absolute;
	display:block;
	content:"";
	width:39px;
	height:16px;
	right:-42px;
	top:50%;
	background:url('../images/icon/c_arr01.png') no-repeat;
	}
.apporder ul li:last-child:after {display:none;}
.apporder ul li img {
	width:100%;
	border: 1px solid #e7e7e7;
	}

/*** 모바일 CSS***/
@media screen and (max-width:1250px){
	.bgbox {
		width: 550px;
		height: 387px;
		background: url('../images/common/people_bg1.png');
		}
	.protop_bg::before {
		top: 50px;
		height: 350px;
		}
	.procon_text {
		padding-top: 100px;
		}
}
@media screen and (max-width:1050px){
	.protop_bg:before {
		display:none;
		}
	.procon_img {
		float:none;
		width:100%;
		margin-left:0;
		}
	.procon_img > img {
		box-shadow: none;
		}
	.bgbox {
		display:none;
		}
	.procon_text {
		float:none;
		width:100%;
		padding: 30px 0;
		background: #f3f3f3;
		}
	.procon_detail {
		margin-top: 25px;
		margin-bottom:35px;
		}
	.procon_info {
		margin-top:25px;
		}

	.prodl01 {
		display:block;
		}
}
@media screen and (max-width:800px){
	.protop_bg {
		position: relative;
		margin-top: 30px;
		}
	.pro_tb01 table {
		font-size:10pt;
		}
	.pro_tb01 table tr th {;
		padding: 12px 2px;
		}
	.pro_tb01 table tr td{
		padding: 12px 2px;
		}

	/* Applications */
	.app_txt {
		font-size:11pt;
		}

	/* Applications4 */
	.apporder ul li {
		float:none;
		width:100%;
		margin-left:0;
		margin-bottom:45px;
		}
	.apporder ul li:after {
		width:16px;
		height:39px;
		right:auto;
		top:auto;
		left:50%;
		bottom:-42px;
		margin-left:-6px;
		background:url('../images/icon/c_arr02.png') no-repeat;
		}
	.apporder ul li:last-child:after {display:none;}
	.apporder ul li:last-child {margin-bottom:0;}
}
@media screen and (max-width:640px){
	.procon_title {
		font-size: 22px;
		padding-top: 7px;
		}
	.procontent_text {
		margin-top: 10px;
		font-size: 11pt;
		line-height: 1.5;;
		}
	.procon_btn {
		text-align:center;
		}
	
	.pro_tb01 {
		margin-top:15px;
		}
	.pro_tb01 table {
		font-size:9pt;
		letter-spacing:-0.3px;
		}

	/* Applications */
	.over_app {
		margin-top:20px;
		}
	.over_app:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
	.over_app li {
		position: relative;
		float: none;
		width: 100%;
		margin-left:0;
		margin-top:15px;
		}
	.over_app li:first-child {
		margin-top:0;
		}
	.app_txt {
		font-size:10pt;
		padding:12px 0;
		}

	/* Applications2 */
	.appcon02_left p {
		font-size:11pt;
		}
	.appcon02_right {
		margin-top: 15px;
		}
	
	/* Applications3 */
	.over_app2 {
		margin-top:20px;
		}
	.over_app2 li {
		position: relative;
		float: none;
		width: 100%;
		}
}
@media screen and (max-width:450px){
	.procon_title {
		font-size: 20px;
		}
}

/* ==================================================
	제품소개 - HOT FORMING PRESS
================================================== */
.hfor_apimg {
	margin-top:30px;
	padding:50px 0;
	border:1px solid #cecece;
	text-align:center;
	}
.hfor_apimg img {
	width:100%;
	max-width:743px;
	}

.hfor_general:after{content:'';display:block;clear:both;height:0;visibility:hidden;}

.hform_img {
	float:left;
	width:75%;
	border:1px solid #cecece;
	}
.hform_img img {
	width:100%;
	}

.hform_txt {
	float:left;
	width:25%;
	padding-left:5%;
	}
.hform_txt .num_list {
	margin-top:0;
	font-size:13pt;
	}

.hform_twocon:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.hform_twocon_left {
	float:left;
	width:25%;
	}
.hform_twocon_right {
	float:left;
	width:75%;
	border-left:1px solid #D9D9D9;
	padding-left:35px;
	}
.hform_twocon_right:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.hformtcr_img {
	float:left;
	width:50%;
	}
.hformtcr_img img {
	width:100%;
	border:1px solid #cecece;
	}
.hformtcr_txt {
	float:left;
	width:50%;
	padding-top:10px;
	padding-left:30px;
	}

.hformtcr_img02 {
	}
.hformtcr_img02 img {
	width:100%;
	border:1px solid #cecece;
	}
.hformtcr_txt02 {
	padding-top:15px;
	}

.hformtcr_img03 {
	float:left;
	width:35%;
	}
.hformtcr_img03 img {
	width:100%;
	border:1px solid #cecece;
	}
.hformtcr_txt03 {
	float:left;
	width:65%;
	padding-top:10px;
	padding-left:30px;
	}

.hformtcr_img04 ul:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.hformtcr_img04 ul li {
	float:left;
	width:49%;
	margin-left:2%;
	}
.hformtcr_img04 ul li:first-child {
	margin-left:0;
	}
.hformtcr_img04 ul li img {
	width:100%;
	border:1px solid #cecece;
	}
.hformtcr_img04 ul li p {
	padding:10px 0;
	text-align:center;
	color:#333;
	background:#e5e5e5;
	}
.hformtcr_txt04 {
	padding-top:15px;
	}

.bbnone {
	border-bottom: none !important;
	}
.hform_mt20 {
	margin-top:20px;
	}
.hform_dl {
	display:block;
	}

/* 납품실적 */
.hfor_delivery {
	padding:20px;
	border:1px solid #cecece;
	text-align:center;
	}
.hfor_delivery img {
	width:100%;
	}

.hformtbd_tb {
	margin-top:35px;
	}

.hfordv_text {
	margin-top:20px;
	color:#d9000d;
	}

/*** 모바일 CSS***/
@media screen and (max-width:1050px){
	.hform_img {
		float:none;
		width:100%;
		}
	.hform_txt {
		float:none;
		width:100%;
		padding-left:0;
		margin-top:20px;
		}
}
@media screen and (max-width:900px){
	.hform_twocon_left {
		float:none;
		width:100%;
		}
	.hform_twocon_right {
		float:none;
		width:100%;
		padding-left:0;
		padding-top:20px;
		}
}
@media screen and (max-width:750px){
	.hformtcr_img {
		float:none;
		width:100%;
		}
	.hformtcr_txt {
		float:none;
		width:100%;
		padding-top:15px;
		padding-left:0;
		}

	.hformtcr_img03 {
		float:none;
		width:100%;
		}
	.hformtcr_txt03 {
		float:none;
		width:100%;
		padding-top:15px;
		padding-left:0;
		}

	.hformtcr_img04 ul li {
		float:none;
		width:100%;
		margin-left:0;
		}
	.hformtcr_img04 ul li:last-child {
		margin-top:20px;
		}
}

/* ==================================================
	연구개발 - 기술연구소
================================================== */
.fullbg {
	background: url('../images/rnd/rnd_bg.jpg') no-repeat center top /cover;
	text-align: center;
	padding: 120px 0 130px 0;
	margin-top:100px;
	position: relative;
	}
.fullbg h2.fullbg_tit {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	line-height: 34px;
	color: #ffffff;
	}
.fullbg p.fullbg_txt {
	width:100%;
	max-width:1400px;
	margin-right:auto;
	margin-left:auto;
	margin-top: 30px;
	line-height: 1.75;
	color: #ffffff;
	font-size:12pt;
	}
.fullbg:before {
	content: '';
	position: absolute;
	top: -70px;
	left: 50%;
	width: 1px;
	height: 70px;
	background: #222;
	}
.fullbg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 70px;
	background: #fff;
	}
.fullbg_dl {
	display:block;
	}

.rnd_inner {
	position: relative;
	width:100%;
	max-width:1400px;
	margin-right:auto;
	margin-left:auto;
	margin-top: -50px;
	margin-bottom: 75px;
	padding-top: 50px;
	background: #fefefe;
	}
.rndin_textcon {
	text-align:center;
	}
.rndin_tit {
	font-size: 33px;
	font-weight: 500;
	color: #222222;
	}
.rndin_tit span.num {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
	background-color: #00287a;
	color: #fff;
	border-radius: 50px;
	font-family:'gotham';
	font-size: 18px;
	line-height: 50px;
	letter-spacing: -0.4px;
	vertical-align:text-top;
	}
.rndin_txt {
	font-size:13pt;
	line-height: 1.7;
	margin-top: 20px;
	color: #222222;
	text-align:center;
	}
.rnbin_img {
	margin-top:20px;
	}

.rnbin_mt {
	margin-top:40px;
	}

/*** 모바일CSS ***/
@media screen and (max-width:1050px) {
	.fullbg p.fullbg_txt {
		width:96%;
		}
	.rnd_inner {
		width:96%;
		margin-bottom: 35px;
		}
}
@media screen and (max-width:900px) {
	.fullbg {
		margin-top:80px;
		}
	.fullbg h2.fullbg_tit {
		font-size: 30px;
		line-height: 30px;
		}
	.fullbg p.fullbg_txt {
		font-size:11pt;
		}
	.fullbg:before {
		top: -50px;
		height: 50px;
		}
	.fullbg:after {
		height: 50px;
		}
	.fullbg_dl {
		display:inline;
		}
	
	.rndin_tit {
		font-size: 27px;
		}
	.rndin_tit span.num {
		width: 40px;
		height: 40px;
		border-radius: 40px;
		line-height: 40px;
		font-size: 16px;
		}
	.rndin_txt {
		font-size:12pt;
		margin-top: 15px;
		}
}
@media screen and (max-width:640px) {
	.fullbg {
		padding: 50px 0 85px 0;
		}
	.fullbg h2.fullbg_tit {
		font-size: 25px;
		line-height: 1.1;
		}
	.fullbg:before {
		top: -30px;
		height: 30px;
		}
	.fullbg:after {
		height: 30px;
		}
}

/* ==================================================
	연구개발 - 연구분야
================================================== */
.field_con{
	display:flex;
	flex-wrap:wrap;
	margin-top:-30px
	}
.field_con li{
	width:calc(33.33% - 20px);
	margin-right:30px;
	margin-top:30px;
	background:#efefef;
	height:275px;
	padding:50px 40px 0 40px;
	background-repeat:no-repeat;
	background-position:bottom 55px left 86%
	}
.field_tit{
	position:relative;
	padding-top:22px;
	font-size:20pt;
	color:#333;
	font-weight:500;
	}
.field_tit:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:24px;
	height:4px;
	background:#262626
	}
.field_con li:first-child{
	background:#064c9d;
	color:#fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	font-size:23pt;
	text-align:center;
	line-height:1.4;
	padding:0;
	background-position:center
	}

.field_con li:nth-child(1){
	background-image:url('../images/rnd/field_bg.jpg');
	}
.field_con li:nth-child(2){
	background-image:url('../images/rnd/field_num01.png');
	background-position:bottom right;
	}
.field_con li:nth-child(3){
	background-image:url('../images/rnd/field_num02.png');
	background-position:bottom right;
	}
.field_con li:nth-child(4){
	background-image:url('../images/rnd/field_num03.png');
	background-position:bottom right;
	}
.field_con li:nth-child(5){
	background-image:url('../images/rnd/field_num04.png');
	background-position:bottom right;
	}
.field_con li:nth-child(6){
	background-image:url('../images/rnd/field_num05.png');
	background-position:bottom right;
	}

.field_dl {
	display:block;
	}

/* 애니메이션효과 */
.a_left{transform:translateX(-15px);transition:.8s;opacity:0}
.a_left.active{transform:translateX(0px);opacity:1}
.a_:nth-child(1){transition-delay:.1s}
.a_:nth-child(2){transition-delay:.2s}
.a_:nth-child(3){transition-delay:.3s}
.a_:nth-child(4){transition-delay:.4s}
.a_:nth-child(5){transition-delay:.5s}
.a_:nth-child(6){transition-delay:.6s}
.a_:nth-child(7){transition-delay:.7s}
.a_:nth-child(8){transition-delay:.8s}
.a_:nth-child(9){transition-delay:.9s}
.a_:nth-child(10){transition-delay:1s}

/*** 모바일CSS ***/
@media screen and (min-width:1251px) {
	.field_con li:nth-child(3n){margin-right:0}
	}
@media screen and (max-width:1250px) {
	.field_con li{
		width: calc(50% - 15px);
		}
	
}
@media screen and (min-width:751px) and (max-width:1250px) {
	.field_con li:nth-child(2n){margin-right:0}
	}
@media screen and (max-width:750px) {
	.field_tit{
		padding-top:18px;
		font-size:16pt;
		}
	.field_con li{
		width:100%;
		margin-right:0;
		margin-top:15px;
		height:auto;
		padding: 30px 30px;
		background-size:100px 79px;
		}
	.field_con li:first-child{
		font-size:20pt;
		padding:30px 0;
		}
	.field_con li:nth-child(1){
		background-image:url('../images/rnd/field_bg.jpg');
		background-size:cover
		}
}


/* ==================================================
	연구개발 - 공장전경
================================================== */
.factory_img {
	width: 100%;
	margin-top:30px;
	opacity: 0;
	transform:translateY(20px);
	-webkit-transform:translateY(20px);
	transition:all .6s cubic-bezier(.71,.29,.27,.94);
	-webkit-transition:all .6s cubic-bezier(.71,.29,.27,.94);
	}
.factory_img.active {
	opacity: 1;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	}
.factory_img .factory_img_box {
	position: relative;
	}
.factory_img .factory_img_box img{
	width:100%;
	box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	}
.factory_img .factory_img_box:after {
	z-index: -1;
	content:'';
	position: absolute;
	width: 270px;
	height: 270px;
	background-color: #00287a;
	left: -50px;
	top: -50px;
	transition:all .6s .6s cubic-bezier(.71,.29,.27,.94);
	-webkit-transition:all .6s .6s cubic-bezier(.71,.29,.27,.94);
	}
.factory_img.active .factory_img_box:after {left: -10px;top: -10px;}

.factory_mt {
	margin-top:30px;
	}

.factory_table {
	margin-top:20px;
	}
.factory_table table {
	border: 0;
	border-spacing: 0;
	background: #fff;
	border-top: 2px solid #262626;
	font-size:12pt;
	}
.factory_table table caption {
	visibility: hidden;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	}
.factory_table table tr td {
	padding: 13px 0;
	border-bottom: 1px solid #cdcdcd;
	}
.factory_table table tr td:nth-child(odd) {
	padding: 10px 0 10px 30px !important;
	background: #e5e5e5;
	color: #262626;
	font-weight:bold;
	}
.factory_table table tr td:nth-child(even) {
	border-left: 1px solid #cdcdcd;
	padding:10px 30px !important;
	}
.factory_table table tr td:nth-child(3) {
	border-left: 1px solid #cdcdcd;
	}
.factory_table table tr td h3 {
	font-weight:500;
	font-size:12pt;
	margin-bottom:5px;
	}
.fac_h3mt {
	margin-top:10px;
	}

.fac_width01 {
	width:20%;
	}
.fac_width02 {
	width:80%;
	}

/*** 모바일CSS ***/
@media screen and (max-width:1050px) {
	.factory_img .factory_img_box:after{
		display:none;
		}
}
@media screen and (max-width:800px) {
	.factory_mt {
		margin-top: 15px;
		}
	.factory_table table tr td:nth-child(odd) {
		display:block;
		}
	.factory_table table tr td:nth-child(even) {
		display:block;
		border-left:none;
		padding: 10px 20px !important;
		}
	.factory_table table tr td:nth-child(2n+1) {
		padding: 10px 0 10px 20px !important;
		}
	.fac_width01 {
		width:100%;
		}
	.fac_width02 {
		width:100%;
		}
}

/* ==================================================
	연구개발 - 납품실적
================================================== */
.delivery_topimg {
	width:100%;
	background:#f0f0f0;
	margin-top:50px;
	padding:20px 0;
	}
.delivery_detail {
	width:100%;
	max-width:1600px;
	margin:0 auto;
	}
.delivery_detail img {
	width:100%;
	}

.delivery_detail02 {
	width:100%;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:75px;
	}
.delivery_country {
	width: 100%;
	margin-top: 40px;
	border-top: solid 3px #00287a;
	}
.delivery_country:after{content:'';display:block;clear:both;height:0;visibility:hidden;}

.delivery_country li {
	float:left;
	width:20%;
	border:1px solid #ededed;
	padding:15px 20px;
	}
.delivery_country li {
	margin-top:-1px;
	border-left:0;
	}
.delivery_country li:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.dev_cimg {
	float:left;
	width:40%;
	}
.dev_cimg img {
	width:100%;
	max-width:75px;
	border:1px solid #d0d0d0;
	}
.dev_ctxt {
	float:left;
	width:60%;
	padding-left:5px;
	font-family: 'DM Sans';
	font-style: normal;
	}
.dev_ctxt h3 {
	font-size:13pt;
	font-weight:700;
	}
.dev_ctxt p {
	font-weight:500;
	}

/*** 모바일CSS ***/
@media screen and (min-width:1251px){
	.delivery_country li:nth-child(5n+1) {
		clear:both;
		border-left:1px solid #ededed;
		}
	.delivery_country li:first-child, .delivery_country li:nth-child(2), .delivery_country li:nth-child(3), .delivery_country li:nth-child(4), .delivery_country li:nth-child(5) {
		margin-top:0;
		}
}
@media screen and (min-width:1051px) and (max-width:1250px){
	.delivery_country li:nth-child(4n+1) {
		clear:both;
		border-left:1px solid #ededed;
		}
	.delivery_country li:first-child, .delivery_country li:nth-child(2), .delivery_country li:nth-child(3), .delivery_country li:nth-child(4) {
		margin-top:0;
		}
}
@media screen and (max-width:1250px){
	.delivery_country li {
		width:25%;
		}
	.dev_ctxt h3 {
		font-size:12pt;
		}
	.dev_ctxt p {
		font-size:10pt;
		}
}
@media screen and (min-width:751px) and (max-width:1050px){
	.delivery_country li:nth-child(3n+1) {
		clear:both;
		border-left:1px solid #ededed;
		}
	.delivery_country li:first-child, .delivery_country li:nth-child(2), .delivery_country li:nth-child(3) {
		margin-top:0;
		}
}
@media screen and (max-width:1050px){
	.delivery_topimg {
		margin-top:25px;
		}
	.delivery_detail {
		width:96%;
		}
	.delivery_detail02 {
		width:96%;
		margin-bottom:35px;
		}
	
	.delivery_country li {
		width:33.333333333333333333%;
		}
}
@media screen and (min-width:450px) and (max-width:750px){
	.delivery_country li:nth-child(2n+1) {
		clear:both;
		border-left:1px solid #ededed;
		}
	.delivery_country li:first-child, .delivery_country li:nth-child(2) {
		margin-top:0;
		}
}
@media screen and (max-width:750px){
	.delivery_country li {
		width:50%;
		padding:10px 10px;
		text-align:center;
		}
	.dev_cimg {
		float:none;
		width:100%;
		}
	.dev_ctxt {
		float:none;
		width:100%;
		margin-top:10px;
		}
}
/* ==================================================
	 홍보센터 - E-카탈로그 
================================================== */
.catalog-list {
	position: relative;
	display:block;
	margin-top:50px;
	}
.catalog:before {
	content: " ";
	display: table;
	}
.catalog:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.catalog li {
	float:left;
	width: calc(100% / 3);
	}
.catalog li img {
	width:100%;
	}
.catalog li:nth-of-type(3n+1) {
	clear: both;
	}
.catalog li .info {
	padding: 0 40px;
	}
.catalog li .info a {
	position:relative;
	display: block;
	text-align: center;
	margin-bottom: 30px;
	}
.catalog li .info a figure .img-responsive {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	box-shadow: 10px 10px 30px #999;
	}
.catalog_txt {
	font-size: 12pt;
	color: #333;
	text-align:center;
	}
.catalog li .info a .hover-more {
	display: none;
	background-color: rgba(0, 108, 184, 0.8);
	background-image: url('../images/common/more_plus_bg.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	}
.catalog li .info a:hover .hover-more {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 15px;
	color: #fff;
	font-weight: 300;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	}
.view_text {
	text-align:center;
	padding-top:83%;
	font-size:13pt;
	}

/* ==================================================
	고객센터 - Contact us
================================================== */
#World{
	position:relative;
	}
#World .tit_wrap{
	text-align:center;
	color: #666;
	}
#World .tit_wrap h3{
	font-size:23pt;
	color: #222;
	margin-right:auto;
	margin-left:auto;
	margin-top:50px;
	}
#World .tit_wrap h3 strong.world_font {
	color:#0074c8;
	font-weight: 500;
	}
#World .tit_wrap h3 span.world_dl {
	display:block;
	}
#World .tit_wrap:after{
	position: relative;
	z-index: -1;
	display:block;
	content: "WORLD PARTNER";
	color:rgba(0,116,200,.05);
	letter-spacing:-2px;
	font-size:100pt;
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 700;
	}
.partner-1 {
	background:#e0e0e0;
	padding:100px 0;
	text-align:center;
	margin-top: -70px;
	}
.partner-1 h2 {
	font-size:42px;
	color:#fff;
	font-weight:500;
	padding-bottom:20px;
	}
.partner-1 p {
	font-size:18px;
	color:#fff;
	}
.map-img {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	position:relative;
	}
.map-img img {
	display:block;
	max-width:100%;
	margin:0 auto;
	}
.map-img:before {
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	opacity:0;
	top:0;
	left:0;
	display:block;
	filter: alpha(opacity=0);
	-webkit-transition: 500ms ease;
	-moz-transition: 500ms ease;
	-o-transition: 500ms ease;
	transition: 500ms ease;
	visibility: hidden;
	background:rgba(0,0,0,0);
	}
.map-img.img-1:before {
	width:100%;
	height:100%;
	visibility: visible;
	filter: alpha(opacity=100);
	opacity:1;
	background:url('../images/customer/contact_map02.png') no-repeat;
	background-size:cover;
	}
.map-img.img-2:before {
	width:100%;
	height:100%;
	visibility: visible;
	filter: alpha(opacity=100);
	opacity:1;
	background:url('../images/customer/contact_map03.png') no-repeat;
	background-size:cover;
	}
.map-img.img-3:before {
	width:100%;
	height:100%;
	visibility: visible;
	filter: alpha(opacity=100);
	opacity:1;
	background:url('../images/customer/contact_map04.png') no-repeat;
	background-size:cover;
	}
.map-img.img-4:before {
	width:100%;
	height:100%;
	visibility: visible;
	filter: alpha(opacity=100);
	opacity:1;
	background:url('../images/customer/contact_map05.png') no-repeat;
	background-size:cover;
	}
.map-img.img-5:before {
	width:100%;
	height:100%;
	visibility: visible;
	filter: alpha(opacity=100);
	opacity:1;
	background:url('../images/customer/contact_map06.png') no-repeat;
	background-size:cover;
	}
.map-img.img-6:before {
	width:100%;
	height:100%;
	visibility: visible;
	filter: alpha(opacity=100);
	opacity:1;
	background:url('../images/customer/contact_map07.png') no-repeat;
	background-size:cover;
	}
.partner-tab {display:none;}
.m-menu {list-style:none;}
.m-title {display:none; position:relative;}
.m-title.tt-1, .m-title.tt-2, .m-title.tt-3, .m-title.tt-4, .m-title.tt-5, .m-title.tt-6 {font-size:0;}
.m-title:after {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	padding:0 20px;
	line-height:30px;
	color:#000;
	font-size:15px;
	}
.m-title.tt-1:after {content:'유럽';}
.m-title.tt-2:after {content:'인도';}
.m-title.tt-3:after {content:'중국';}
.m-title.tt-4:after {content:'한국';}
.m-title.tt-5:after {content:'미국';}
.m-title.tt-6:after {content:'멕시코';}

.tabs-2 {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	}
.tabs-2 li {
	position:absolute;
	width:80px;
	height:80px;
	color:#fff;
	font-size:17px;
	text-align:center;
	border-radius:50%;
	background:rgba(0,75,144,0.9);
	display:flex;
	align-items: center;
	}
.tabs-2 li p {width:100%; line-height:1.5;}
.tabs-2 li p span {display:block;}
.map-img p {color:#a5adb8; font-size:17px; font-weight:500;}
.over-box {width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.over-box li {position:absolute; display:inline-block; border-radius:30px; background:#fff; border:2px solid #c1cad6; box-shadow: 4px 4px 8px 3px rgba(0,0,0,0.1);-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-moz-transition:all 0.4s ease;}
.over-box li a{
	display:block;
	padding:10px 20px;
	}
.over-box li:hover, .over-box li.active {border-color:#00287a;}
.over-box li:hover p, .over-box li.active p{color:#00287a;}
.over-box li.mark-1 {
	top: 23%;
	left: 5%;
	}
.over-box li.mark-2 {top: 38%; left: 22%;}
.over-box li.mark-3 {top: 41%; left: 29%;}
.over-box li.mark-4 {top: 35%; left: 35%;}
.over-box li.mark-5 {top: 32%; left: 73%;}
.over-box li.mark-6 {top: 42%; left: 73%;}

.logo-boxc{box-shadow: 2px 2px 5px rgba(0,0,0,.15);}
.mark1-logo-box{
	z-index:10;
	display:none;
	position:absolute;
	width:180px;
	left: -62px;
	top: 46px;
	background: #ffff;
	}
.over-box .mark-1:hover .mark1-logo-box{display:block}

.mark2-logo-box{z-index:10;display:none;position:absolute;width:180px;left: -53px;top: 46px;background: #ffff;}
.over-box .mark-2:hover .mark2-logo-box{display:block;opacity:1}

.mark3-logo-box{z-index:10;display:none;position:absolute;width:180px;left: -37px;top: 46px;background: #ffff;}
.over-box .mark-3:hover .mark3-logo-box{display:block}

.mark4-logo-box{z-index:10;display:none;position:absolute;width:180px;left:-59px;top: 46px;background: #ffff;}
.over-box .mark-4:hover .mark4-logo-box{display:block}

.mark5-logo-box{z-index:10;display:none;position:absolute;width:180px;left:-48px;top: 46px;background: #ffff;}
.over-box .mark-5:hover .mark5-logo-box{display:block}

.mark6-logo-box{z-index:10;display:none;position:absolute;width:180px;left:-48px;top: 46px;background: #ffff;}
.over-box .mark-6:hover .mark6-logo-box{display:block}


.tabs-2 .active {background:rgba(0,150,255,0.9);}
.tabs-2 li input {background:none; border:0; display:none;}
.partner-2 {position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	z-index: 100000;
	width: 100%;
	height: 100%;
	}

.partner-2.active {
	opacity: 1;
	visibility: visible;
	}
.partner-2:target {
	opacity:1;
	pointer-events: auto;
	}
.country-cont {
	width:100%;
	max-width:650px;
	height:90%;
	max-height:280px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	overflow:hidden;
	background:#fff;
	padding:50px 40px 50px 50px;
	border:2px solid #000;
	}
.country-cont ul {height:90%; overflow:hidden;}
.pop-title {
	font-size:25pt;
	color:#000;
	padding-bottom:40px;
	line-height:1;
	text-align:center;
	padding-right:10px;
	}

.pop_close a{
	position: absolute;
	top:30px;
	right:30px;
	width: 30px;
	height: 30px;
	background: #fff;
	color: #00548a;
	text-align: center;
	cursor: pointer;
}
.pop_close a:after {
	content:'';
	width:35px;
	height:1px;
	top:15px;
	background:#231f20;
	display:block;
	transform:rotate(45deg);
	}
.pop_close a:before {
	content:'';
	width:35px;
	height:1px;
	margin-top:15px;
	background:#231f20;
	display:block;
	transform:rotate(-45deg);
	}
.pop_close a:hover{}

.partner-2 .panel li{
	overflow:hidden
	}

/*** 모바일CSS ***/
@media screen and (max-width:1200px) {
	#World .tit_wrap{
		margin-bottom: 105px
		}
	#World .tit_wrap:after{
		display: none
		}
	.tabs-2 li{
		width:60px;
		height:60px;
		font-size:13px;
		}
	.tabs-2 li p{font-size:13px;}
	.over-box {display:none;}
	.partner-tab {
		width:100%;
		display:block;
		text-align:left;
		top:-50px;
		left:0;
		border:1px solid #bbb;
		position:absolute;
		width:100%;
		max-width:300px;
		left:50%;
		margin-lefT:-150px;
		}
	.partner-tab li {list-style:none;}
	.partner-tab li.h-menu p {border-bottom:1px solid #bbb;}
	.partner-tab > li > p {
		height:30px;
		font-size:15px;
		color: #000;
		line-height:30px;
		padding:0 20px;
		display:block;
		}
	.m-title {
		background:url('../images/customer/arrow.png') center right 20px no-repeat, #fff;
		}
	.tabs-2 {
		display:none;
		position:relative;
		width:100%;
		}
	.tabs-2 li {
		position:relative;
		width:100%;
		background:#fff;
		height:30px;
		border-radius:0;
		color:#000;
		display:block;
		}
	.tabs-2 li.active {background:#fff; border-radius:0;}
	.tabs-2 li p {
		line-height:30px;
		color:#000;
		text-align:left;
		padding:0 20px;
		}
	.tabs-2 li p span {display:inline;line-height:30px;}
	.tabs-2 li.mark-1, .tabs-2 li.mark-2, .tabs-2 li.mark-3, .tabs-2 li.mark-4, .tabs-2 li.mark-5, .tabs-2 li.mark-6 {top:auto; left:auto;}
	.pop-title {font-size:34px;}
	ul.country-tabs li a {font-size:16px;}
	.country-cont{width: 95%;}
}

@media screen and (max-width:800px) {
	#World .tit_wrap h3 {
		font-size: 18pt;
		margin-top: 30px;
		}
}

@media screen and (max-width:640px) {
	#World .tit_wrap h3 {
		font-size: 13pt;
		margin-top: 20px;
		}
	.country-cont{
		padding: 30px 20px 30px 30px;
		max-height: 215px;
		height:100%
		}
	.pop-title {
		font-size: 28px;
		padding-bottom:20px;
		}
}

/* ==================================================
	사이트맵
================================================== */
.sitemap{
	width:100%;
	height:auto;
	}
.sitemap:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.sitemap .depth01{
	float:left;
	width:18%;
	margin:0 1%;
	padding-top:10px;
	border-top: 2px solid #204291;
	}
.sitemap div.depth01{
	font-size:15pt;
	color:#204291;
	font-weight:bold;
	}
.sitemap .sub{
	border-top: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 25px;
	}
.sitemap ul.sub2{
	padding-left:14px;
	}
.sitemap li.depth02{
	padding:8px 0;
	border-bottom:1px dashed #ccc;
	}
.sitemap li.depth02 a{
	font-size:11pt;
	color:#222;
	}
.sitemap .sub_m{
	padding-top:4px;
	}
.sitemap .sub_m li {
	background: url('../images/icon/ico_grayDot.png') no-repeat 0 11px;
	background-size: 3px;
	padding-left: 10px;
	}
.sitemap .sub_m li a{
	font-size:10pt;
	color:#949494;
	line-height:160%;
	font-weight:normal;
	}
.sitemap .sub_m .model{
	padding-left:13px;
	}


/*** 모바일CSS ***/
@media screen and (max-width:750px) {
	.sitemap .depth01{
		width:96%;
		margin: 30px 2% 0 2%;
		}
	.sitemap div.m01{
		margin-top:0 !important;
		}
}