@charset "utf-8";


.gbox {border:10px solid #e4e4ea; padding:20px 3%;}
.gra_pu {background: rgb(22,23,113);
	background: -moz-linear-gradient(126deg, rgba(22,23,113,1) 0%, rgba(78,78,157,1) 100%);
	background: -webkit-linear-gradient(126deg, rgba(22,23,113,1) 0%, rgba(78,78,157,1) 100%);
	background: linear-gradient(126deg, rgba(22,23,113,1) 0%, rgba(78,78,157,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#161771",endColorstr="#4e4e9d",GradientType=1);}
.col_pu {color:#4e4e9d;}
.point {box-shadow: 0 -0.7em 0 #fff177 inset;}
	
@media all and (min-width:768px) {
	.gbox {padding:30px 3%;}
}


/* main */
#main .main_wrap {margin:105px 0 0;}
#main .visual {width:100%; position:relative; z-index:0; background:#eee;}
#main .visual_wrap {width:100%;}
#main .visual li {height:300px;}
#main .visual li .bg {display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover;
	animation:zoomout 2s ease-in-out infinite alternate; -webkit-animation:zoomout 2s ease-in-out infinite alternate;
	animation-iteration-count:1; -webkit-animation-iteration-count:1;}
#main .visual li .txt.pdinner {max-width:1200px;}
#main .visual li .txt {position:relative; z-index:999; color:#fff; letter-spacing:-0.1em;
	text-align:center; margin-top:100px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);}
#main .visual li .txt h1 {font-size:2em; font-weight:800;}
#main .visual li .txt h2 {font-size:1.25em;}
#main .visual .pager {position:absolute; bottom:20px; z-index:98; text-align:center; display:inline-block; width:100%;}
#main .visual .pager a {display:inline-block; width:12px; height:12px; border-radius:50%; border:3px solid #fff; background:#fff; margin-left:5px;}
#main .visual .pager a.active {background:none;}

@media all and (min-width:1080px) {
	#main .main_wrap {margin:0;}
}

@media all and (min-width:1200px) {
	#main .main_wrap {margin:0;}
	#main .visual li {height:600px;}
	#main .visual li .txt {text-align:left; margin-top:140px;}
	#main .visual li .txt h1 {font-size:2.5em;}
	#main .visual li .txt h2 {font-size:1.5em;}
	#main .visual .pager {bottom:250px;}
}

#main .info_wrap.inner {max-width:1200px; margin-bottom:80px;}
#main .info_wrap:after {content:''; display:block; clear:both;}
#main .info_wrap h3.subtit {font-weight:600; font-size:1.1em; margin:10px 0; text-transform:uppercase;}
#main .info_wrap h1.tit {font-weight:600; font-size:1.5em; margin:10px 0; line-height:1.2; text-transform:uppercase;}
#main .info_wrap a.more {display:inline-block; width:20px; height:20px;
	background:#949494 url('../img/ic_more.png') no-repeat center center / 10px;}
#main .info_wrap .company {background:url('../img/main_company_bg.jpg') no-repeat center center / cover;
	color:#fff; padding:30px 3%;  max-height:250px;}
#main .info_wrap .company p {font-size:0.85em; opacity:0.8; margin-bottom:20px; word-break:break-all;
	line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .info_wrap .product {background:url('../img/main_product_bg.jpg') no-repeat center center / cover;
	padding:30px 3%; position:relative; max-height:230px;}
#main .info_wrap .product .product_wrap {position:absolute; left:3%; top:30px; width:94%; height:calc(100% - 60px);}
#main .info_wrap .product img.p_img {position:absolute; right:0; top:calc(50% - 90px); height:180px;}
#main .info_wrap .product p {font-size:0.85em; width:calc(100% - 200px); margin-bottom:20px; word-break:break-all;
	line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .info_wrap .product span.stop {display:inline-block; width:12px; height:12px; position:absolute; right:12px; top:0;
	background:#868686 url('../img/ic_stop.png') no-repeat center center / 50%; cursor:pointer; z-index:99;}
#main .info_wrap .product span.start {display:inline-block; width:12px; height:12px; position:absolute; right:0; top:0;
	background:#34393f url('../img/ic_start.png') no-repeat center center / 50%; cursor:pointer; z-index:99;}
#main .info_wrap .product .control {position:absolute; top:13px; left:40px; line-height:24px; z-index:100;}
#main .info_wrap .product .control .prev,
#main .info_wrap .product .control .next {cursor:pointer; display:inline-block; width:20px; height:20px;}
#main .info_wrap .news {background:rgb(255,255,255);/*
	background: -moz-linear-gradient(225deg, rgba(255,255,255,1) 0%, rgba(241,241,243,1) 100%);
	background: -webkit-linear-gradient(225deg, rgba(255,255,255,1) 0%, rgba(241,241,243,1) 100%);
	background: linear-gradient(225deg, rgba(255,255,255,1) 0%, rgba(241,241,243,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f1f1f3",GradientType=1);*/}
#main .info_wrap .news .tab_wrap {padding:20px 3%; opacity:0;}
#main .info_wrap .news dl.tab {position:relative; border-bottom:1px solid #dbdbdb; margin-bottom:20px;}
#main .info_wrap .news dl.tab:after {content:''; display:block; clear:both;}
#main .info_wrap .news dl.tab dd {display:inline-block; float:left;}
#main .info_wrap .news dl.tab dd .tablinks {display:inline-block; line-height:40px; width:110px;
	text-align:center; cursor:pointer; border:1px solid #dbdbdb; border-bottom:none;}
#main .info_wrap .news dl.tab dd .tablinks.on {background:#4f4f4f; border-color:#4f4f4f; color:#fff;}
#main .info_wrap .news dl.tab dd a.more {position:absolute; right:0; top:10px; display:none;}
#main .info_wrap .news dl.tab dd .tablinks.on ~ a.more {display:inline-block;}
#main .info_wrap .news .tabcontent {}
#main .info_wrap .news .tabcontent li {border-bottom:1px solid #e5e5e5;}
#main .info_wrap .news .tabcontent li:last-child {border-bottom:none;}
#main .info_wrap .news .tabcontent li a {padding:0 0 0 10px; position:relative; font-size:0.9em;}
#main .info_wrap .news .tabcontent li a:before {content:''; display:inline-block; width:4px; height:4px;
	background:#aaa; position:absolute; left:0; top:calc(50% - 2px);}
#main .info_wrap .news .tabcontent li span.date {float:right; color:#858585; font-size:0.8em;}
#main .info_wrap .news p.none {font-size:0.9em; margin:25px 5px;}
#main .info_wrap .cs {padding:15px 3% 20px; border-top:1px solid #ededed; border-bottom:1px solid #ededed;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(241,241,243,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(241,241,243,1) 100%);
	background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(241,241,243,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f1f1f3",GradientType=1);}
#main .info_wrap .cs p.tel span {color:#fff; font-size:1.25em; font-weight:600; display:inline-block;
	border-radius:3px; width:18px; text-align:center; margin-right:3px;
	background: rgb(95,95,95);
	background: -moz-linear-gradient(0deg, rgba(95,95,95,1) 0%, rgba(58,58,58,1) 50%, rgba(95,95,95,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(95,95,95,1) 0%, rgba(58,58,58,1) 50%, rgba(95,95,95,1) 100%);
	background: linear-gradient(0deg, rgba(95,95,95,1) 0%, rgba(58,58,58,1) 50%, rgba(95,95,95,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5f5f5f",endColorstr="#5f5f5f",GradientType=1);}
#main .info_wrap .cs p.tel small {color:#555;}
#main .info_wrap .cs p.info {margin-top:10px; font-size:0.9em;}

@media all and (min-width:768px) {
	#main .info_wrap .company,
	#main .info_wrap .product,
	#main .info_wrap .news  {width:50%; float:left;}
	#main .info_wrap .company,
	#main .info_wrap .product {max-height:250px;}
	#main .info_wrap .video {width:50%; float:left; padding-bottom:0;}
	#main .info_wrap .cs {border-bottom:none; overflow:hidden;}
}

@media all and (min-width:1200px) {
	#main .info_wrap {margin-top:-230px;}
	#main .info_wrap .company,
	#main .info_wrap .product {max-height:230px;}
	#main .info_wrap .video {border-bottom:1px solid #dbdbdb;}
	#main .info_wrap .news {border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
	#main .info_wrap .cs p.tel {display:inline-block; margin:5px 0 0 0; float:left;}
	#main .info_wrap .cs p.tel small {color:#555;}
	#main .info_wrap .cs p.info {display:inline-block; margin:0 0 0 10px; float:left;}
}


/*sub-공통*/
#sub .table_wrap {overflow-x:auto;}
#sub table {width:100%; text-align:center; border-top:1px solid #b1b2d0;border-top:1px solid #b1b2d0;}
#sub table tr {border-bottom:1px solid #e5e5e5;}
#sub table th,
#sub table td {vertical-align:middle; padding:5px;}
#sub table th {background:#f5f5f9; font-weight:600; border-right:1px solid rgba(0,0,0,0.1);}
#sub table th.noline {border-right:none;}
#sub table.type01 th {border-right:none;}

#sub .img_li {overflow:hidden;}
#sub .img_li li {display:inline-block; width:48%; margin:0 1% 20px; float:left;
	-webkit-box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%); box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%);}
#sub .img_li li img {width:100%;}
#sub .img_li li p {text-align:center; line-height:40px; padding:0 5px; color:#fff; font-weight:600;
	text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; text-transform:capitalize;
	background: rgb(22,23,113);
	background: -moz-linear-gradient(126deg, rgba(22,23,113,1) 0%, rgba(78,78,157,1) 100%);
	background: -webkit-linear-gradient(126deg, rgba(22,23,113,1) 0%, rgba(78,78,157,1) 100%);
	background: linear-gradient(126deg, rgba(22,23,113,1) 0%, rgba(78,78,157,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#161771",endColorstr="#4e4e9d",GradientType=1);}
	
@media all and (min-width:768px) {
	#sub table {font-size:1em;}
	#sub table th,
	#sub table td {padding:10px;}
}


/*sub-인사말*/
#sub .intro h1.tit {font-size:2em; font-weight:700;}
#sub .intro h3.subtit {font-size:1.25em;}
#sub .intro p.ceo {text-align:right;}
#sub .intro p.ceo span {font-size:1.1em; letter-spacing:0.2em; margin-left:5px; font-weight:600;}
#sub .intro h2.eng {font-size:1.5em; font-weight:800; color:#e4e4ea;}
#sub .intro .info01 dt {font-weight:600; color:#4e4e9d; display:inline-block; width:80px; vertical-align:top;}
#sub .intro .info01 dd {margin-bottom:10px; display:inline-block; width:calc(100% - 90px); vertical-align:top;}
#sub .intro .info01 dd p {line-height:20px; padding-left:70px; position:relative;}
#sub .intro .info01 dd p span.label {display:inline-block; background:#4e4e9d; color:#fff; line-height:16px;
	font-size:0.85em; padding:0 5px; border-radius:2px; margin-right:5px; width:60px; text-align:center;
	position:absolute; left:0; top:2px;}

@media all and (min-width:768px) {
	#sub .intro .txt {-webkit-column-count:2; -moz-column-count:2; column-count:2;
		-moz-column-gap:1em; -webkit-column-gap:1em; column-gap:1em;}
	#sub .intro h2.eng {font-size:2.25em;}
}

@media all and (min-width:1200px) {
	#sub .intro h1.tit {font-size:2.5em;}
	#sub .intro h3.subtit {font-size:1.5em;}
	#sub .intro h2.eng {font-size:3.5em;}
	#sub .intro .info01 dd {width:calc(50% - 100px);}
}


/*sub-사훈 및 비전*/
#sub .vision h1.tit {font-size:1.75em; font-weight:700; text-align:center;}
#sub .vision h3.subtit {font-size:1.1em; text-align:center;}
#sub .vision .info01,
#sub .vision .info02 {display:inline-block; width:100%;}
#sub .vision .info01 li {color:#fff; font-weight:600; display:inline-block; width:90%; margin:0 5% 20px;
	text-align:center; border-radius:500px; padding:20px 0 30px; font-size:1.1em; border:10px solid rgba(255,255,255,0.2);}
#sub .vision .info01 li img {display:block; width:60px; margin:0 auto 10px;}
#sub .vision .info01 li img:after {content:''; display:block; width:30px; height:1px;
	background:#fff; margin:10px auto;}
#sub .vision .info01 li:nth-child(1) {background:rgba(78,118,157, 0.8)/*#4e769d*/}
#sub .vision .info01 li:nth-child(2) {background:rgba(78,78,157, 0.8)/*#4e4e9d*/}
#sub .vision .info01 li:nth-child(3) {background:rgba(118,78,157, 0.8)/*#764e9d*/}
#sub .vision .info02 dd {display:inline-block; width:90%; margin:0 5% 20px; vertical-align:top;
	background:#fff; border-radius:10px; text-align:center; padding-bottom:20px; line-height:25px;
	-webkit-box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%); box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%);}
#sub .vision .info02 dd h3 {padding:10px; color:#fff; font-size:1.1em;
	font-weight:600; border-radius:10px 10px 0 0; margin-bottom:20px;}
#sub .vision .info02 dd p {padding:25px 0 0; font-size:1.1em;}
#sub .vision .info02 dd li:before {font-family: 'FontAwesome'; display:inline-block;
	content:"\f058"; margin:0 5px 0 0; vertical-align: middle; color:#161771;}

@media all and (min-width:768px) {
	#sub .vision h1.tit {font-size:2.25em;}
	#sub .vision .info01 li {width:31.33%; margin:0 1%; float:left;}
	#sub .vision .info02 dd {float:left; width:48%; margin:0 1% 20px;}
}

@media all and (min-width:1400px) {
	#sub .vision h1.tit {font-size:2.75em;}
	#sub .vision h1.tit:before {font-family: 'FontAwesome'; display:inline-block; font-size:0.5em;
		content:"\f10d"; margin:0 5px 0 0; vertical-align:top; color:#161771;}
	#sub .vision h1.tit:after {font-family: 'FontAwesome'; display:inline-block; font-size:0.5em;
		content:"\f10e"; margin:0 0 0 5px; vertical-align:top; color:#161771;}
	#sub .vision .info02 dd {width:23%;}
}


/*sub-연혁*/
#sub .history dt {font-size:1.25em; font-weight:700; color:#4e4e9d; padding:10px 0;}
#sub .history dd ul {background:#f5f5f9; border-top:1px solid #b1b2d0; padding:15px 10px 5px; margin-bottom:30px;}
#sub .history dd ul li {position:relative; padding:0 0 5px 30px;}
#sub .history dd ul li span.m {position:absolute; left:0; top:0; font-weight:600; color:#161771;
	width:20px; text-align:center;}
	
@media all and (min-width:768px) {
	#sub .history dt {display:inline-block; width:120px; vertical-align:top;}
	#sub .history dd {display:inline-block; width:calc(100% - 130px); vertical-align:top;}
}
	
@media all and (min-width:1200px) {
	#sub .history dl {width:48%; margin:0 1%; float:left;}
}


/*sub-조직도*/
#sub .org .img01 {max-width:100%;}


/*sub-주요고객사*/
#sub .partner .info01 li {display:inline-block; width:90%; margin:0 5% 20px; vertical-align:top;
	border-radius:10px; text-align:center; padding:20px 10px; border-top:5px solid #4e4e9d;
	-webkit-box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%); box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%);}
#sub .partner .info01 li img {width:100%; max-width:160px;}
#sub .partner .info01 li h3 {font-weight:700; font-size:1.1em; margin:10px 0; color:#4e4e9d;}
#sub .partner .info01 li p.loc {font-size:0.9em;}
#sub .partner .info01 li p.loc:before {font-family: 'FontAwesome'; font-size:14px; display:inline-block;
	content:"\f041"; margin:0 5px 0 0; vertical-align: middle; color:#161771;}
#sub .partner .info01 li p.cat {font-size:0.9em; background:#f5f5f9; padding:5px; border-radius:10px;
	max-width:300px; margin:5px auto 0;}
	
@media all and (min-width:480px) {
	#sub .partner .info01 li {width:48%; margin:0 1% 20px; float:left; padding:30px 10px;}
}
	
@media all and (min-width:768px) {
	#sub .partner .info01 li {width:31.33%; margin:0 1% 20px; float:left;}
	#sub .partner .info01 li h3 {font-size:1.25em;}
}


/*sub-공장전경*/
#sub .fac .info01 li {text-align:center; padding:0 0 20px; border-radius:20px; overflow:hidden; margin:0 auto 20px;
	-webkit-box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%); box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%);}
#sub .fac .info01 li:after {content:''; display:block; clear:both;}
#sub .fac .info01 li img {display:block; width:100%;}
#sub .fac .info01 li .txt h3 {color:#161771; font-size:1.25em; font-weight:700; margin:10px 0 5px;}
#sub .fac .info01 li .txt p {font-size:0.85em; color:#777;}
#sub .fac .info01 li .txt p.null {display:none;}
	
@media all and (min-width:768px) {
	#sub .fac .info01 li {display:inline-block; width:48%; margin:0 1% 20px; float:left;}
	#sub .fac .info01 li .txt p.null {display:block; opacity:0;}	
}


/*sub-오시는 길*/
#sub .map .tab:after {content:''; display:block; clear:both;}
#sub .map .tab dd {display:inline-block; cursor:pointer; width:23.5%; margin:0 2% 0 0; float:left; color:#777;
	text-align:center; line-height:40px; border:1px solid #ddd; font-size:0.9em; font-weight:500;}
#sub .map .tab dd.on {background:#161771; border-color:#161771; color:#fff;}
#sub .map .tab dd:last-child {margin:0;}
#sub .map .map_wrap {height:300px;}
#sub .map .map_info {margin:0 0 20px; position:relative; text-align:center;}
#sub .map .map_info h2 {font-size:1.5em; font-weight:700; color:#161771; margin:0 0 20px; position:relative;}
#sub .map .map_info h4 {font-size:0.9em;}
#sub .map .map_info h4:before {font-family: 'FontAwesome'; display:inline-block;
	content:"\f041"; margin:0 5px 0 0; vertical-align: middle; color:#161771;}
#sub .map .map_info ul {margin:10px 0 20px;}
#sub .map .map_info ul li span {display:inline-block; width:60px; color:#4e4e9d; font-weight:600;}
#sub .map .map_info .btns {text-align:center; display:inline-block; width:100%;}
#sub .map .map_info .btns a {display:inline-block; width:calc(50% - 5px); text-align:center; line-height:40px;
	border:1px solid #ddd; font-size:0.9em; float:left; color:#777;}
#sub .map .map_info .btns a:nth-child(1) {margin-right:10px;}
#sub .map .map_info .btns a:hover {border-color:#4e4e9d; color:#4e4e9d;}
	
@media all and (min-width:768px) {
	#sub .map .tab dd {max-width:140px; margin:0 10px 0 0; line-height:50px; font-size:1em;}
	#sub .map .map_info {text-align:left;}
	#sub .map .map_info ul {margin:10px 0 0;}
	#sub .map .map_info ul li {display:inline-block; margin:0 10px 0 0;}
	#sub .map .map_info ul li span {width:auto; margin:0 5px 0 0;}
	#sub .map .map_info .btns {position:absolute; right:3%; bottom:30px; width:200px;}
}
	
@media all and (min-width:1200px) {
	#sub .map .map_wrap {height:400px;}
	#sub .map .map_info h2 {font-size:2em;}
}


/*sub-제품소개*/
#sub .pr ul:after {content:''; display:block; clear:both;}
#sub .pr .basic_info {border:10px solid #e4e4ea; padding:20px 3%; background:#fff; overflow:hidden;}
#sub .pr .basic_info div.img {height:200px; background:no-repeat center center / contain;}
#sub .pr .basic_info div.txt {padding:20px 0 0;}
#sub .pr .basic_info div.txt h1 {font-size:2em; font-weight:700; color:#161771; text-transform:uppercase;}
#sub .pr .basic_info div.txt h3 {font-size:1.1em; font-weight:500; color:#4e4e9d; margin:10px 0;}
#sub .pr .basic_info div.txt p {font-size:0.9em;}
#sub .pr .sec {overflow:hidden; background:#fff;}
#sub .pr .sec .tit span {display:inline-block; padding:10px 20px; color:#fff; font-weight:600;}
#sub .pr .sec .cont .yt {position:relative; width:98%; height:0; overflow:hidden; padding-bottom:49%; margin:0 1%;}
#sub .pr .sec .cont .yt iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
#sub .pr .sec img.pr01_01, 
#sub .pr .sec img.pr03_01,
#sub .pr .sec img.pr04_01,
#sub .pr .sec img.pr08_01 {width:100%; max-width:800px;}
#sub .pr .sec img.pr05_01 {width:100%; max-width:320px;}
#sub .pr .info01 li {display:inline-block; width:48%; margin:0 1% 20px; padding:0 0 10px; float:left; position:relative;
	-webkit-box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%); box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%);}
#sub .pr .info01 li:after {content:''; width:0; height:0; border-style:solid; border-width:0 0 15px 15px;
	border-color:transparent transparent #e4e4ea transparent; position:absolute; right:0; bottom:0;}
#sub .pr .info01 li img {width:100%;}
#sub .pr .info01 li h3 {color:#4e4e9d; font-weight:700; font-size:1.1em; margin:10px 10px 0px 10px;}
#sub .pr .info01 li h3:after {font-family:'FontAwesome'; font-size:16px; display:inline-block;
	content:"\f0a9"; margin:0 0 0 10px; vertical-align:center; float:right;}
#sub .pr .info01 li:last-child h3:after {display:none;}
#sub .pr .info01 li p {font-size:0.9em; color:#808080; margin:5px 10px 0;}
#sub .pr .info02 {padding:0 0 20px;}
#sub .pr .info02 li {display:inline-block; width:48%; margin:0 1% 10px; float:left;
	-webkit-box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%); box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%);}
#sub .pr .info02 li img {width:100%;}
#sub .pr .info02 li p {text-align:center; line-height:40px; font-size:0.9em; padding:0 5px;
	text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

@media all and (min-width:640px) {
	#sub .pr .info01 li {width:31.33%;}
}

@media all and (min-width:768px) {
	.subwrap.pr {background:#f4f4f4; overflow:hidden;}
	#sub .pr .basic_info div.img {width:30%; float:left;}
	#sub .pr .basic_info div.txt {width:70%; float:left;}
	#sub .pr .basic_info div.txt {padding:20px 0 20px 40px;}
	#sub .pr .basic_info div.txt h1 {font-size:2.5em;}
	#sub .pr .basic_info div.txt h3 {font-size:1.25em;}
	#sub .pr .sec {padding:30px;}
	#sub .pr .sec .tit {width:20%; float:left;}
	#sub .pr .sec .cont {width:80%; float:left;}
	#sub .pr .sec .tit span {font-size:1.1em;}
	#sub .pr .info02 li {width:31.33%;}
}

@media all and (min-width:1200px) {
	#sub .pr .basic_info {padding:30px;}
	#sub .pr .basic_info div.img {width:40%; height:250px;}
	#sub .pr .basic_info div.txt {width:60%; padding:30px 0 30px 60px;}
	#sub .pr .basic_info div.txt p {font-size:1em;}
	#sub .pr .sec .tit span {font-size:1.25em; padding:10px 30px;}
	#sub .pr .info01 li {width:18%;}
	#sub .pr .info02.item3 li {width:31.33%;}
	#sub .pr .info02.item4 li {width:23%;}
}


/*sub-기술연구소*/
#sub .rnd h1.tit {font-size:1.75em; font-weight:700; text-align:center;}
#sub .rnd h3.subtit {font-size:1.1em; text-align:center;}
#sub .rnd .info01 {position:relative; text-align:center; width:100%; max-width:360px; margin:0 auto;}
#sub .rnd .info01:after {content:''; display:inline-block; width:240px; height:240px; z-index:-1;
	border:30px solid #f5f5f5; position:absolute; left:calc(50% - 150px); top:50px; border-radius:500px;}
#sub .rnd .info01 h4 {font-size:1.25em; font-weight:600; width:100%; position:absolute; top:170px;}
#sub .rnd .info01 ul {display:inline-block; width:100%; height:360px;}
#sub .rnd .info01 li {display:inline-block; width:120px; height:120px; color:#fff; border-radius:500px;
	font-size:1.1em; font-weight:600; padding-top:15px; border:5px solid rgba(255,255,255,0.2); position:absolute;}
#sub .rnd .info01 li:nth-child(1) {top:0; left:calc(50% - 60px); background:rgba(78,118,157, 0.8)/*#4e769d*/}
#sub .rnd .info01 li:nth-child(2) {bottom:20px; left:0; background:rgba(78,78,157, 0.8)/*#4e4e9d*/}
#sub .rnd .info01 li:nth-child(3) {bottom:20px; right:0; background:rgba(118,78,157, 0.8)/*#764e9d*/}
#sub .rnd .info01 li img {width:40px; margin-bottom:5px;}
#sub .rnd .info02 {text-align:center;}
#sub .rnd .info02 h1 {display:inline-block; color:#fff; font-size:1.1em; font-weight:600; padding:10px 30px; border-radius:500px;}

@media all and (min-width:768px) {
	#sub .rnd h1.tit {font-size:2.25em;}
	#sub .rnd .info02 h1 {font-size:1.25em; padding:20px 40px;}
	#sub .rnd .info03 .img_li.item4 li {width:23%;}
}

@media all and (min-width:1200px) {
	#sub .rnd .info01 {max-width:440px;}
	#sub .rnd .info01:after {width:300px; height:300px; left:calc(50% - 180px); top:70px;}
	#sub .rnd .info01 h4 {top:210px; font-size:1.5em;}
	#sub .rnd .info01 ul {height:440px;}
	#sub .rnd .info01 li {width:160px; height:160px; border:10px solid rgba(255,255,255,0.2); padding-top:25px; font-size:1.25em;}
	#sub .rnd .info01 li:nth-child(1) {top:0; left:calc(50% - 80px);}
	#sub .rnd .info01 li img {width:50px;}
}

@media all and (min-width:1400px) {
	#sub .rnd h1.tit {font-size:2.75em;}
	#sub .rnd h1.tit:before {font-family: 'FontAwesome'; display:inline-block; font-size:0.5em;
		content:"\f10d"; margin:0 5px 0 0; vertical-align:top; color:#161771;}
	#sub .rnd h1.tit:after {font-family: 'FontAwesome'; display:inline-block; font-size:0.5em;
		content:"\f10e"; margin:0 0 0 5px; vertical-align:top; color:#161771;}
}


/*sub-생산설비/시험설비*/
#sub .infra table.type01 {text-align:left;}
#sub .infra table.type01 td span {font-weight:600; color:#4e4e9d;}
#sub .infra table.type01 td span:after {content:'대'; margin-right:5px;}
#sub .infra table.type01 td small {font-size:0.9em;}
#sub .infra .info01 {overflow:hidden; font-size:0.9em;}
#sub .infra .info01 li {display:inline-block; width:48%; margin:0 1%; float:left;}
#sub .infra .info01 li span.tit {color:#4e4e9d; font-weight:600; margin-right:5px; padding-left:9px; position:relative;}
#sub .infra .info01 li span.tit:before {content:''; display:inline-block; width:4px; height:4px;
	background:#b1b2d0; position:absolute; left:0; top:calc(50% - 2px);}
#sub .infra .info01 li span.txt {display:none;}
#sub .infra .info01 li span.txt:after {content:'대';}

@media all and (min-width:768px) {
	#sub .infra .info01 {font-size:1em;}
	#sub .infra .info01 li {width:31.33%;}
	#sub .infra .img_li li {width:31.33%;}
}

@media all and (min-width:960px) {
	#sub .infra .img_li.item5 li {width:23%;}
}

@media all and (min-width:1200px) {
	#sub .infra table.type01 th {width:200px;}
	#sub .infra .info01 li {width:23%;}
	#sub .infra .img_li.item4 li {width:23%;}
	#sub .infra .img_li.item5 li {width:18%;}
}


/*sub-인증및특허현황*/
@media all and (min-width:768px) {
	#sub .certi .img_li li {width:31.33%;}
}

@media all and (min-width:1200px) {
	#sub .certi .img_li li {width:18%;}
}


/*sitemap*/
#sub .sitemap {text-align:center;}
#sub .sitemap li {display:inline-block; width:90%; margin:10px 5% 20px; vertical-align:top;
	background:#fff; border-radius:10px;
	-webkit-box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%); box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 10%);}
#sub .sitemap p {color:#fff; font-size:1.1em; font-weight:600; margin-bottom:10px; padding:10px 5px; border-radius:10px 10px 0 0;}
#sub .sitemap dl {padding:0 5% 20px;}
#sub .sitemap dl dd {border-bottom:1px solid #e5e5e5; padding:5px 0;}
#sub .sitemap dl dd:last-child {border-bottom:none;}
#sub .sitemap dl dd a:hover {color:#4e4e9d; font-weight:600;}

@media all and (min-width:768px) {
	#sub .sitemap li {width:200px; margin:10px;}
}

@media all and (min-width:1200px) {
	#sub .sitemap li {width:18%;}
}


/* footer */
#footer{background:#fff; color:#404040; border-top:1px solid #e5e5e5; font-size:0.9em; padding:40px 00;}
#footer .info li {line-height:20px; padding-left:65px; position:relative;}
#footer .info span.label {background:#a0a0a0; color:#fff; display:inline-block; width:60px; border-radius:2px; text-align:center;
	font-size:0.9em; line-height:16px; position:absolute; left:0; top:0;}
#footer .info dl {margin-top:20px;}
#footer .info dl dd {display:inline-block; font-size:0.9em; margin-right:10px;}
#footer p{font-size:0.85em; clear:both; margin-top:20px; line-height:20px;}
#footer p .adm {background:#a0a0a0; color:#fff; font-size:0.9em; display:inline-block; padding:0 5px; line-height:16px; border-radius:2px; margin-left:5px;}

#pageup {position:fixed; z-index:999; right:1%; bottom:5%; width:50px; height:50px; background-image:url('../img/Htop.png');background-repeat: no-repeat;  background-position:center center; background-size: 50px 50px; display:none; cursor:pointer; z-index:4000;}

.bottomlinks {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.bottomlinks ul {line-height:50px;}
.bottomlinks ul li {display:inline-block; margin: 0 1%; font-weight:500;}

@media all and (min-width:768px) {
	#footer{padding:40px 0 60px;}

	.bottomlinks ul {text-align:left; line-height:60px;}
	.bottomlinks ul li:first-child{margin-left:0}
}

@media all and (min-width:1200px) {
	#footer .info {background:url('../img/foot_logo.png') left top no-repeat; padding-left:280px;}
	#footer .info dl {margin-top:40px;}

	.bottomlinks {margin-bottom:40px;}
}

.provisionBox h4 {position:relative; padding:0 0 0 10px; line-height:20px;}
.provisionBox h4:before {content:''; display:inline-block; width:3px; height:12px;
	background:#4e4e9d; position:absolute; left:0; top:4px;}


/* 
	Common Layout CSS _ 15.05.18
*/

/* common */
.wrap{max-width:2000px; min-width:320px; width:100%; margin: 0 auto; position:relative;}
.inner{max-width:1400px; width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width:1400px; padding:0 3%; position:relative; margin: 0 auto;}
.ofh{overflow:hidden;}
.txt-s{font-size:13px;}
.txt-m{font-size:20px;}
.txt-l{font-size:26px;}

.tit_h3{font-size:28px;font-weight:400; color:#323232;  position:relative; letter-spacing:-1px}
.tit_h3:after{content:''; width:60px; height:1px; display:block; background:#505050; margin: 0 auto; margin-top:20px;}
.tit_h4{font-size:26px; color:#323232; font-weight:bold; letter-spacing:-1px}

.tit_h5{color:#323232; font-weight:bold; font-size:18px;}

.tit_h4.noLine:after{width:0; height:0px; margin-top:0px;}

.mEnter{display:block;}
.tEnter{display:inline-block;}
.pEnter{display:inline-block;}
.mb{margin-bottom:30px !important}
.bmb{margin-bottom:40px !important}
.pb{padding-bottom:30px !important}
.bpb{padding-bottom:40px !important}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mo_only{display:block;}

.move_scroll{max-width:768px; overflow-x:auto}

.line_link{display:inline-block; color:#ffffff; padding-bottom:5px; border-bottom:3px solid #ffffff; font-size:0.9em}
.arrow_cir_w:after{content:''; width:28px; height:25px; background:url(../img/ic_arrow_w.png) no-repeat center center; background-size:100%; display:inline-block; vertical-align:middle; margin-left:10px;}

.dpib{display:inline-block}
.dpb{display:block;}

.upper{text-transform:uppercase}
.fwb{font-weight:600}
.fss{font-size:0.8em}
.Tblack{color:#323232}
.Tred{color:#e83428}
.upcase{text-transform:uppercase}

.btn_more{display:inline-block; color:#ffffff; background:#1c3f95; padding:6px 20px; border-radius:500px; vertical-align:middle; position:relative; z-index:1}
.btn_more:after{content:'+'; display:inline-block; margin-left:10px; vertical-align:middle}

.btn_more.wt_btn{border:1px solid #dcdcdc; background:none; }

@media all and (min-width:768px) {
.tEnter{display:block;}

.txt-s{font-size:15px;}
.txt-m{font-size:20px;}
.txt-l{font-size:30px;}

.tit_h4{font-size:30px; letter-spacing:-1px}
.tit_h5{font-size:20px; letter-spacing:-1px}


.mb{margin-bottom:40px !important; }
.bmb{margin-bottom:60px !important;}

.pb{padding-bottom:40px !important}
.bpb{padding-bottom:60px !important}

.mo_only{display:none;}
.move_scroll{max-width:100%;}
.pdinner{padding:0 3%}

.half{width:48%; margin:0 1%; float:left;}
.mr{margin-right:3%;}
.btn_more:after{margin-left:20px}
}

@media all and (min-width:1200px) {

body, html{font-size:16px; line-height:1.5}
.mEnter{display:inline-block;}
.tEnter{display:inline-block;}
.pEnter{display:block;}

.txt-m{font-size:30px;}
.txt-l{font-size:40px;}

.tit_h3:after{margin-top:25px;}

.tit_h4{font-size:30px; }

.tit_h5{font-size:20px; }


.mb{margin-bottom:50px !important}
.bmb{margin-bottom:80px !important}

.pb{padding-bottom:50px !important}
.bpb{padding-bottom:80px !important}
.pdinner{padding:0 20px}

}

@media all and (min-width:1200px) {

}



/* animation */
.motion01{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}
.motion02{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}

@-webkit-keyframes sub_tt {/* Chrome, Safari, Opera */ 
	0%   {top: 30px; opacity: 0;}
    100% {top: 0; opacity: 1;}
}
@keyframes sub_tt {/* Standard syntax */
     0%   {top: 30px; opacity: 0;}
    100% {top: 0px; opacity:1;}
}
@-webkit-keyframes sub_tt {/* Chrome, Safari, Opera */ 
    0%   {top: 30px; opacity: 0;}
    100% {top: 0; opacity: 0;}
}
@keyframes sub_tt {/* Standard syntax */
     0%   {top: 30px; opacity: 0;}
    100% {top: 0px; opacity: 1;}
}

@keyframes zoomout {
	0% {transform:scale(1.1);}
	100% {transform:scale(1.0);}
}
@-webkit-keyframes zoomout {
	0% {transform:scale(1.1);}
	100% {transform:scale(1.0);}
}

.anim01 {animation-name: anim01; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim01 {
	0% {opacity: 0; transform: translateY(-1000px);} 
    60% {opacity: 1; transform: translateY(30px);} 
    80% {transform: translateY(-10px);} 
    100% {transform: translateY(0); } 
} 
.anim02 {animation-name: anim02; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim02 {
	0% {opacity: 0; transform: translateY(1000px);} 
    60% {opacity: 1; transform: translateY(-30px);} 
    80% {transform: translateY(10px);} 
    100% {transform: translateY(0); } 
}



/* 서브레이아웃공통 */
.dot_li_wrap {background:#fafafa; padding:20px 0;}
.dot_li{overflow:hidden;}
.dot_li li{position:relative; padding-left:15px; margin-bottom:3px; word-break:break-all}
.dot_li li:before {content:''; display:inline-block; width:4px; height:4px; border-radius:50%; left:0; top:10px; position:absolute; background:#7b7b7b;}
.dot_li li:last-child{margin-bottom:0;}
.dot_li li.ref {font-size:0.9em; color:#666; margin:15px 0; background:#fcfcfc; border:1px dotted #ccc; padding:10px 30px;}
.dot_li li.ref:before {display:none;}
.dot_li li span {font-weight:700;}
.num_li span.num {display:inline-block; width:18px; height:18px; font-size:0.85em; font-weight:600;
	background:#4e4e9d; color:#fff; border-radius:500px; text-align:center; margin-right:5px; line-height:18px;}
.tit_dot{font-size:1.25em; color:#303030; font-weight:600; padding-left:30px; background:url('../img/tit_cir.png') no-repeat left center;}

/* 서브레이아웃 */
#sub_vis {position:relative; padding:20px 0; margin-top:105px;
	background-repeat:no-repeat; background-position:center center; background-size:cover !important; text-align:center;}
#sub_vis .tit_h2 {font-weight:700; font-size:1.75em; color:#fff; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);}
#sub_vis .tit_h2 span {display:block;  margin-bottom:10px; font-size:15px; font-weight:800; letter-spacing:-0.1em; text-transform:uppercase; position:relative;}
#sub_vis .tit_h2 b {display:block; line-height:1.2}
#sub_vis .tit_txt {font-size:0.85em; margin-top:5px; color:rgba(255,255,255,0.8);}
#sub_vis .loc {margin-top:20px;}
#sub_vis .loc li {display:inline-block; font-size:0.85em; position:relative; color:#fff;}
#sub_vis .loc li:before {content:'/'; margin:0 5px; font-size:10px; color:rgba(255,255,255,0.8);}
#sub_vis .loc li:first-child:before {font-family: 'FontAwesome'; font-size:14px; display:inline-block;
	content:"\f015"; margin:0 5px 0 0; vertical-align: middle; color:#fff;}
#sub_vis .loc li:last-child {font-weight:600;}
.menu_wrap {border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; z-index:999;}

@media all and (min-width:768px) {
	#sub_vis {padding:40px 0px; border-bottom:0}
	#sub_vis .tit_h2 {font-size:2em;}
	#sub_vis p {font-size:18px}
	#sub_vis .tit_h2 span:after {position:absolute; right:0; top:0; margin:0}
}

@media all and (min-width:1080px) {
	#sub_vis {margin-top:0;}
	#sub_vis .tit_h2 {font-size:2.5em;}
}

@media all and (min-width:1200px) {
	#sub_vis {border-bottom:0; padding:50px 0;}
	#sub_vis p {font-size:18px}
}

.sub_tab{display:none}
#sub{position:relative; min-height:400px; padding:50px 0% 80px; overflow:hidden}
#sub:after{content:''; clear:both; display:block}



/* 2depth menu */
#twodepthNav {position:relative; display:none; margin: 0 auto; background:#e7211a}
#twodepthNav ul {overflow:hidden; text-align:center}
#twodepthNav ul li {position:relative; width:16%; display:inline-block; text-align:center; max-width:150px}
#twodepthNav ul li a{color:#ffffff}
#twodepthNav ul.li09 li{width:10.5%;}
#twodepthNav ul li a{display:block; line-height:60px; position:relative}
#twodepthNav ul li a:after{content:''; position:absolute; bottom:0; left:50%; width:0; height:4px; background:#0083ef; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}
#twodepthNav ul li:hover a:after{width:60px; margin-left:-30px;}
#twodepthNav ul li a:hover{font-weight:600; transition:0.3s}
#twodepthNav ul li:first-child a:before{width:0}
#twodepthNav ul li.active {background:#ffffff}
#twodepthNav ul li.active a{font-weight:600; color:#323232}
#twodepthNav ul li.active a:after{width:60px; margin-left:-30px;}

#sidemenu {display:none; position:absolute;width:200px;  z-index:9999; top:0px; left:20px} /* 기준 */
#sidemenu h2 {display:block;font-size:1.6em;   text-align:center; line-height:1.2;  color:#fff; min-height:100px; padding:60px 0; /* background:rgba(90,19,40,0.8); */ background:#29343f; position:relative; text-transform:uppercase;  }
#sidemenu h2 span {display:block; font-size:0.9rem; margin-bottom:10px;}

#sidemenu .snblist{border:1px solid #e6e6e6; border-width:0 1px 1px; background:#ffffff;  margin-bottom:30px}
#sidemenu .snblist li a {position:relative; display: block; padding:13px 20px; font-weight:400; border-bottom:1px solid #e6e6e6; color:#323232}
#sidemenu .snblist li:last-child a{border-bottom:0px;}
#sidemenu .snblist li a[target='_blank']:after {font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin: 0 0 2px 5px; vertical-align: middle;}
#sidemenu .snblist li a:hover {text-indent:5px; 	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; color:#303030; transition:0.3s}
#sidemenu .snblist li.active a {color:#d10000; font-weight:600}
#sidemenu .snblist li a i:after,#sidemenu .snblist li.active a i:after {
	position: absolute;
	top: 16px;
	font-weight:bold;
	right: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: FontAwesome;
	content: "\f105";
	font-style:normal;  
	color:#808080
}
#sidemenu .snblist li a:hover i:after{right: 7px;}
#sidemenu .snblist li.active a i:after{color:#d10000}
#sidemenu .snblist li.active a:hover i:after{right:7px;}

#sidemenu .snblist li a i:after {background:rgba(255,255,255,0)}

#sidemenu .snblist li a:hover i:after {
	-webkit-transform: translateY(-50%) translateX(20%);
	-moz-transform: translateY(-50%) translateX(20%);
	-ms-transform: translateY(-50%) translateX(20%);
	-o-transform: translateY(-50%) translateX(20%);
	transform: translateY(0) translateX(20%);
	color:#fff;
	background:rgba(255, 255, 255, 1);
}

#sidemenu .snblist li.select a:hover i:after {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	color:#fff;
	background:rgba(255, 255, 255, 1);
}

#fl_menu{display:none;}
.con{position:relative; min-height:500px;}
.conh3{font-size:1.4em; font-weight:600; color:#000000; padding:20px 0; position:relative;
	border-bottom:1px solid #ddd; margin-bottom:40px;}
.conh3:before{content:''; width:30px; height:3px; background:#4e4e9d; display:inline-block;
	position:absolute; top:0; left:0;}
.conh3:after{content:''; width:30px; height:3px; background:#c4c4de; display:inline-block;
	position:absolute; top:0; left:30px;}

.path{display:block;}
.path li{font-size:12px; display:inline-block; vertical-align:top;}
.path li:before{content:'\f105'; font-family:'FontAwesome'; display:inline-block; padding:0px 10px}
.path li:first-child:before{display:none;}

@media all and (min-width:768px) {
	#sub{padding:50px 0px 0px}
	.conh3{font-size:2em}

	#twodepthNav {position:relative; display:block;}
}

@media all and (min-width:1200px) {
	.subwrap{margin: 0 auto; position;}
	.sub_tab{display:block;background:#0788c7; padding:10px 0px; text-align:right; color:#ffffff; font-size:0.85em; text-align:right;}
	.sub_tab h3, .sub_tab p{display:inline-block; margin-left:15px; color:#fbdf40; font-weight:bold}
	.sub_tab h3{color:#ffffff}
	.sub_tab h3 span{margin-right:10px; text-transform:uppercase; color:#fbdf40}
	.sub_tab p {border-radius:50px; background:#462e16; padding:5px 10px;}

	#twodepthNav ul.li02 li{width:25%;}

	#sub{position:relative; width:100%; margin:0 auto 80px; min-height:650px; padding:80px 0px 0px}
	.con{width:1160px; margin:0 auto; min-height:800px;}
}

@media all and (min-width:1640px) {
	#sidemenu{display:block}
	#fl_menu{display:block; position:absolute; right:20px; z-index:9999; width:125px; top:0px; height:600px}
	#fl_menu .label{text-align:center; line-height:80px; font-size:18px; font-weight:bold; background:#29343f; color:#fff;}
	#fl_menu ul {text-align:center; padding:10px 0px 30px; background:#ffffff}
	#fl_menu ul li a{font-size:16px; font-weight:600; padding:8px 0px}
	#fl_menu ul li span{display:block}
	#fl_menu .menu{display:block; border:1px solid #dcdcdc}
	#fl_menu .menu img{max-width:60px}
	#fl_menu .menu .menu_item{display:block; background:#ffffff; color:#323232; }
}



/*컬러패스
#sub_drop{position:relative; background:#e7211a;  font-size:0.9em}
#sub_drop .home a{display:block; line-height:45px; padding:0 20px; border-left:1px solid #dcdcdc; border-color:rgba(255,255,255,0.2);}
#sub_drop .home{min-width:46px !Important}
#sub_drop .home img{display:inline-block; vertical-align:middle}
#sub_drop .dropdown{float:left; border-right:1px solid #dcdcdc;border-color:rgba(255,255,255,0.2); position:relative;}
#sub_drop .dropdown.deph02{min-width:35%}
#sub_drop .dropbtn {background:#e7211a;  width:100%; text-align:left; display:inline-block; height:auto; position:relative; line-height:45px; padding:0 25px 0 10px; cursor:pointer; color:#ffffff;}
#sub_drop .dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#ffffff; font-size:14px; top:0; bottom:0; margin:auto;}

#sub_drop .dropdown ul{}
#sub_drop .dropdown ul li{padding:5px 10px; }
#sub_drop .dropmenu {display: none;  position: absolute;  z-index: 5; background:#ffffff; border:1px solid #dcdcdc; box-sizing:content-box; left:-1px; width:100%;}
#sub_drop .dropmenu a{display:block; line-height:30px; color:#000000; }
#sub_drop .dropmenu a:hover {color:#e7211a; font-weight:600;}
#sub_drop .dropdown .show {display:block;}

#sub_drop:after{display:block; content:''; clear:both;}

@media all and (min-width:768px) {
	#sub_drop .dropbtn{padding:0 25px 0 20px}
	#sub_drop .dropdown ul li{padding:5px 20px; }
	#sub_drop .dropdown{min-width:200px}
	#sub_drop .dropdown.deph02{min-width:200px}
	#sub_drop .dropmenu a{line-height:40px;}
	#sub_drop .home a{line-height:60px;} 
	#sub_drop .dropbtn {line-height:60px}
	#sub_drop .dropbtn:after{right:15px}
}

/*흰색패스*/
#sub_drop{position:relative; border-width:1px 0px; z-index:100}
#sub_drop .home a{display:block; line-height:45px; padding:0 20px; border-left:1px solid #dcdcdc}
#sub_drop .home{min-width:46px !important;}
#sub_drop .home img{display:inline-block; vertical-align:middle}
#sub_drop .dropdown{float:left; border-right:1px solid #dcdcdc; position:relative; z-index:101}
#sub_drop .dropdown.deph02{min-width:35%}
#sub_drop .dropbtn {background:#ffffff;  width:100%; text-align:left; display:inline-block; height:auto; position:relative; line-height:45px; padding:0 25px 0 10px; cursor:pointer; color:#000000; font-size:14px;}
#sub_drop .dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#000000; font-size:14px; top:0; bottom:0; margin:auto;}

#sub_drop .dropdown ul{z-index:999999;}
#sub_drop .dropdown ul li{padding:5px 10px; }
#sub_drop .dropmenu {display: none;  position: absolute;  z-index: 5; background:#ffffff; border:1px solid #dcdcdc; box-sizing:content-box; left:-1px; width:100%;}
#sub_drop .dropmenu a{display:block; line-height:30px; color:#000000; font-size:14px;}
#sub_drop .dropmenu a:hover {font-weight:600;}
#sub_drop .dropdown .show {display:block;}

#sub_drop:after{display:block; content:''; clear:both;}

@media all and (min-width:768px) {
	#sub_drop .dropbtn{padding:0 25px 0 20px; font-size:16px;}
	#sub_drop .dropdown ul li{padding:5px 20px; }
	#sub_drop .dropdown{min-width:200px}
	#sub_drop .dropdown.deph02{min-width:250px}
	#sub_drop .dropmenu a{line-height:40px; font-size:16px;}
	#sub_drop .home a{line-height:60px;} 
	#sub_drop .dropbtn {line-height:60px}
	#sub_drop .dropbtn:after{right:15px}
}

#sub_drop .list {display:none;}

@media all and (min-width:1400px) {
	#sub_drop .list {position:absolute; width:220px; display:block;}
	#sub_drop .list .list_tit {text-align:center; padding:55px 0 0; height:160px; background:#d68466; color:#fff;}
	#sub_drop .list .list_tit .eng {font-size:0.6em; opacity:0.6;}
	#sub_drop .list .list_tit .kor {font-size:1.25em; font-weight:700; margin-top:10px;}
	#sub_drop .list li  {border:1px solid #e0e0e0; border-top:0;}
	#sub_drop .list li.active a {font-weight:700;}
	#sub_drop .list li a {padding:0 20px; font-size:0.9em; line-height:48px; display:inline-block; width:100%; transition:0.2s;}
	#sub_drop .list li a:hover {margin-left:5px;}
}