@charset "UTF-8";

@font-face{
	font-family:"Proxima-Extrabold";
	src:url('../fonts/proxima-extrabold.eot');
	src:url('../fonts/proxima-extrabold.eot') format('embedded-opentype'),
	url('../fonts/proxima-extrabold.woff') format('woff'),
	url('/common/font/Proxima-Extrabold.otf') format('opentype');
	url('/common/font/Proxima-Extrabold.ttf') format('truetype');
	src:local('?'), url('../fonts/proxima-extrabold.woff') format('woff');
}

@font-face{
	font-family:"Proxima-Bold";
	src:url('../fonts/proxima-bold.eot');
	src:url('../fonts/proxima-bold.eot') format('embedded-opentype'),
	url('../fonts/proxima-bold.woff') format('woff'),
	url('/common/font/Proxima-Bold.otf') format('opentype');
	url('/common/font/Proxima-Bold.ttf') format('truetype');
	src:local('?'), url('../fonts/proxima-bold.woff') format('woff');
}

@font-face{
	font-family:"Proxima-Regular";
	src:url('../fonts/proxima-regular.eot');
	src:url('../fonts/proxima-regular.eot') format('embedded-opentype'),
	url('../fonts/proxima-regular.woff') format('woff'),
	url('/common/font/Proxima-Regular.otf') format('opentype');
	url('/common/font/Proxima-Regular.ttf') format('truetype');
	src:local('?'), url('../fonts/proxima-regular.woff') format('woff');
}

*{margin:0; padding:0;}
html{width:100%; height:100%}
body{position:relative; font-family: Arial,Verdana, Helvetica, sans-serif;/*font-family:'微软雅黑', '宋体',  sans-serif;*/ font-size:16px; color:#555; letter-spacing:-0.7px; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle} 
input, select{vertical-align:middle; background:#fff; border:1px solid #e0e0e0; font-family:'맑은 고딕', 'Malgun Gothic', sans-serif; color:#555; letter-spacing:-0.6px; border-radius:0; font-size:16px; color:#000}
input{padding:3px 10px; height:32px}
option{padding:3px 10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:40px; border:1px solid #e0e0e0; color:#999; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="tel"] {-webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="file"] {-webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
select{padding:5px 30px 5px 10px; height:40px; border:1px solid #e0e0e0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url("/templates/BFPC/images/select_arrow.png") no-repeat right 15px center; }
select::-ms-expand {display: none;}
@-moz-document url-prefix() {
    select {padding-left:10px;}
}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #e0e0e0; font-family:'맑은 고딕', 'Malgun Gothic', sans-serif; color:#555; font-size:16px; letter-spacing:-0.6px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#555;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px; font-family:'맑은 고딕', 'Malgun Gothic', sans-serif;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
strong{font-weight:normal}
th{font-weight:normal}
::-webkit-input-placeholder {color:#cfcfcf;}
:-moz-placeholder {color:#cfcfcf; opacity:1;}
::-moz-placeholder {color:#cfcfcf; opacity:1;}
:-ms-input-placeholder {color:#cfcfcf;}
:placeholder-shown {color:#cfcfcf;}

/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt80{margin-top:80px !important}
.mb0{margin-bottom:0px !important}

.grd
{
	position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; opacity:0.8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100 */
	background: rgb(0, 110, 183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cf46', endColorstr='#1c42bd',GradientType=0 ); /* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

#wrapper {position:relative; width:100%; overflow:hidden;}
#cBody {position:relative; width:100%;}
.subWrap {padding-bottom:140px;}
.ovF {overflow:hidden;}
.clear:after{content:''; display:block; clear:both;}
.blind{width:0; height:0; text-indent:-9999px; font-size:0;}
.inner {width:1400px; margin:0 auto;}
.blackBg {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.5);/* 2018-10-26 z-index추가(메인 문제로 인해)*/
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.borT {border-top:1px solid #e0e0e0;}

.fBold {font-weight:bold;}


/* 본문 바로가기 */
.goCon{position:fixed; top:-50px; left:0; z-index:9999; text-align:center; box-sizing:border-box; padding:15px 0; width:100%; height:50px; color:#fff; line-height:1; background:#272727;}
.goCon:focus{top:0;}

/* header */
#header {position:relative; z-index:10; width:100%; height:90px; box-sizing:border-box; background:#fff;}
#header h1 {float:left; margin:25px 25px 0 40px;}/* 서브페이지 */
#header h1 a {display:block; width:239px; height:50px; background:url("/templates/BFPC/images/logo_c.png") no-repeat 0 0; text-indent:-9999px; font-size:0;}
#header .moin {float:left; margin-top:25px;}
#header .moin a {display:block; width:67px; height:38px; background:url("/templates/BFPC/images/moin_logo_c.png") no-repeat 0 0; text-indent:-9999px; font-size:0;}

#header #gnb {width:1200px; margin:0 auto;}
#header #gnb:after {content:"";  display:block; clear:both;}
#header #gnb > li {position:relative; float:left; width:130px;}
#header #gnb li .oneD {display:block; font-size:14px; color:#000; padding:35px 0px;text-align:center; }

#header #gnb li.on .oneD {position:relative; color:#8cc63e;}
#header #gnb li.on .oneD span{border: 1px solid #FFFFFF;padding: 5px 4px;border-radius: 14px;}
#header #gnb li.on .oneD:after {content:""; display:block; width:100%; height:2px; background:#8cc63e; position:absolute; bottom:-1px; left:0; z-index:3}
#header #gnb li .twoD {position:absolute; top:89px; left:0; z-index:2; width:100%; height:391px; padding-top:40px; display:none;}
#header #gnb li.on .twoD {background:#f5f5f5;}
#header #gnb li .twoD li a {display:block; text-align:center; line-height:38px; }
#header #gnb li .twoD li a:hover { color:#000;}

#header .rightDiv {position:absolute; top:0; right:0;}
#header .rightDiv .util:after {content:""; display:block; clear:both;}
#header .rightDiv .lang {float:left; position:relative; text-align:center; font-family:'Proxima-Regular', sans-serif;}
#header .rightDiv .lang > a {display:block; width:180px; margin:27px 0; padding:10px 0;}
#header .rightDiv .lang > a img{vertical-align: middle;display: inline-block;margin-right: 5px;}
#header .rightDiv .lang > a span {background:url("/templates/BFPC/images/lang_moreicon.png") no-repeat right center; padding-right:15px;}
#header .rightDiv .lang div {position:absolute; top:88px; left:0; z-index:1; width:100%; padding:13px 0; border-top:2px solid #8cc63e; background:#fff; display:none;}
#header .rightDiv .lang div a {display:block; line-height:26px; color:#777}
#header .rightDiv .lang div a.on {color:#8cc63e; font-family:'Proxima-Bold', sans-serif; font-weight:normal; }
#header .rightDiv .srchBtn {display:block; float:left; margin-top:30px; width:90px; height:30px; background:url("/templates/BFPC/images/srchbtn_icon.png") no-repeat center; border-left:1px solid #e0e0e0;}
#header .rightDiv .allMenu {float:left;}
#header .rightDiv .allMenu .allMenuBtn {display:block; width:90px; height:89px; background:#000 url("/templates/BFPC/images/allmenubtn.png") no-repeat center;}
#header .rightDiv .allMenu .allMenuBtn.on {background-image:url("/templates/BFPC/images/allmenubtn_on.png");}
/*#header .gnbBg {position:absolute; top:89px; left:0; z-index:1; width:100%; height:430px; border-top:1px solid #e0e0e0; background:#fff; display:none;}*/
#header .gnbBg {position:absolute; top:89px; z-index:1; width:100%; height:430px; border-top:1px solid #e0e0e0; background:#fff; display:none; margin:0 auto}

/* 헤더 검색영역 */
.srchArea {position:absolute; top:89px; left:0; width:100%; background:#fff; z-index:100; border-top:1px solid #e0e0e0; padding:80px 0 45px; display:none;}
.srchArea .inputArea {width:800px; margin:0 auto; padding:0 0 17px; position:relative; border-bottom:2px solid #000;}
.srchArea .inputArea input {width:calc(100% - 60px); height:20px; padding-left:0; border:none; font-size:18px;}
.srchArea .inputArea input::placeholder {color:#000; font-size:18px;}
.srchArea .inputArea input::-webkit-placeholder {color:#000; font-size:18px;}
.srchArea .inputArea input::-moz-placeholder {color:#000; font-size:18px;}
.srchArea .inputArea input::-ms-placeholder {color:#000; font-size:18px;}
.srchArea .inputArea > a {position:absolute; bottom:17px; right:20px;}
.srchArea .exArea {text-align:center; margin-top:20px;}
.srchArea .exArea .ex {display:inline-block; border-radius:12px; padding:3px 12px 7px; background:#8cc63e; text-align:center; font-weight:bold; color:#fff;}
.srchArea .exArea div {display:inline-block; margin-left:17px;}
.srchArea .exArea div p {display:inline-block; color:#777; position:relative;}
.srchArea .exArea div p:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:15px; background:#dfdfdf; margin:0 10px;} 

/* 전체메뉴 */
.allMenu {}
.allMenu .openDiv {
	display:none; overflow-y:auto; height:calc(100% - 90px); height:-webkit-calc(100% - 90px); position:fixed; top:89px; left:100%; width:100%; background:#fff; border-top:1px solid #e0e0e0;
	overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden;
}
.allMenu .openDiv .oneD_area {margin:80px 0;}
.allMenu .openDiv .oneD_area:last-child {margin-bottom:60px;}
.allMenu .openDiv .oneD_area .oneD {font-size:24px; font-weight:bold; color:#000;}
.allMenu .openDiv .oneD_area > .twoD_area {padding:40px 0; margin-top:30px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.allMenu .openDiv .oneD_area > .twoD_area:after {content:""; display:block; clear:both;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD {float:left; width:200px;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD > a {font-size:18px; line-height:1.3; font-weight:bold; color:#000;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a {display:block; margin:18px 0; line-height:1.3;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a:last-child {margin-bottom:0;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD_inner {position:relative; float:left; width:100%; overflow:hidden; padding-top:30px;}
.allMenu .openDiv .oneD_area .oneD.curent {color:#8cc63e;}/* 활성화 */
.allMenu .openDiv .oneD_area > .twoD_area .twoD > a.curent {color:#8cc63e;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a.curent {color:#000; font-weight:bold;}
.allMenu .openDiv .oneD_area:hover .oneD {color:#8cc63e;}/* hover */
.allMenu .openDiv .oneD_area > .twoD_area .twoD:hover > a {color:#8cc63e;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a:hover {color:#000; font-weight:bold;}
.allMenu .openDiv .mlangBtn {display:none;}

/* main header */
#header.main {position:fixed; top:0; left:0; width:100%; background:none;border-bottom: 1px solid #7d9c91;background: rgba(0,0,0,.2);}
#header.main h1 a {background-image:url("/templates/BFPC/images/logo.png");}
#header.main .moin a {background-image:url("/templates/BFPC/images/logo_bg.png");}
#header.main #gnb li .oneD {color:#fff;}
#header.main .rightDiv .lang > a span {color:#fff; background:url("/templates/BFPC/images/main_lang_moreicon.png") no-repeat right center;}
#header.main .rightDiv .srchBtn {border-left:1px solid rgba(255,255,255,0.2); background:url("/templates/BFPC/images/main_srchbtn_icon.png") no-repeat center;}

/* main header - SCROLLED, HOVER */
#header.main.scrolled, #header.main.hover {background:#fff; border-bottom:1px solid #e0e0e0;}
#header.main.scrolled h1 a, #header.main.hover h1 a{background:url("/templates/BFPC/images/logo_bg.png") no-repeat 0 0;}
#header.main.scrolled .moin a, #header.main.hover .moin a {background:url("/templates/BFPC/images/moin_logo_c.png") no-repeat 0 0;}
#header.main.scrolled #gnb li .oneD, #header.main.hover #gnb li .oneD {color:#000;}
#header.main.scrolled .rightDiv .lang > a span, #header.main.hover .rightDiv .lang > a span {color:#555; background:url("/templates/BFPC/images/lang_moreicon.png") no-repeat right center;}
#header.main.scrolled .rightDiv .srchBtn, #header.main.hover .rightDiv .srchBtn {background:url("/templates/BFPC/images/srchbtn_icon.png") no-repeat center; border-left:1px solid #e0e0e0;}

/* footer */
#footer {position:relative;}
#footer .top {background:#262626; padding:50px 0;}
#footer .top .inner {position:relative;}
#footer .top .left .links a {display:inline-block; font-weight:bold; color:rgba(255,255,255,0.6);}
#footer .top .left .links a:after {content:""; display:inline-block; vertical-align:middle; width:4px; height:4px; background:rgba(255,255,255,0.2); border-radius:50%; margin:0 15px 0 20px;}
#footer .top .left .links a:last-child:after {display:none;}
#footer .top .left > p {color:rgba(255,255,255,0.4); margin-top:30px;}
#footer .top .left > p > span {margin-left:10px;}
#footer .top .familySite {position:absolute; top:5px; right:0;}
#footer .top .familySite select {background-color:#000; background-image:url("/templates/BFPC/images/familysite_arrow.png"); background-position:right 20px center; border:0; color:rgba(255,255,255,0.4);}
#footer .top .familySite select:first-child {width:280px;}
#footer .top .familySite select:last-child {width:230px;}
#footer .bottom {background:#303030; padding:20px 0;}
#footer .bottom .inner:after {content:""; display:block; clear:both;}
#footer .bottom p {float:left;}
#footer .bottom .copyright {padding:7px 0; float:left; margin-left:30px; font-size:14px; color:rgba(255,255,255,0.2);}
#footer .bottom .sns {float:right; margin-top:5px;}
#footer .bottom .sns a:after {content:""; display:inline-block; width:1px; height:18px; background:rgba(255,255,255,0.1); margin:0 15px;}
#footer .bottom .sns a:last-child:after {display:none; margin:0}
#footer .bottom .award {float:right; margin:-7px 30px 0 0;}

/* 서브비주얼 영역 */
.subV {width:100%; height:440px; position:relative;}
.subV .titArea {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center;}
.subV .titArea .h2Txt {font-size:22px; color:#fff; margin-bottom:20px; position:relative; top:50px; left:0; opacity:0;}
.subV .titArea h2 {font-size:60px; font-family:'Proxima-Extrabold', sans-serif; color:#fff; position:relative; top:50px; left:0; opacity:0;} 
.subV .printBtn {position:absolute; bottom:-90px; right:40px; width:50px; height:50px; background:url("/templates/BFPC/images/print_btn.png") no-repeat 0 0;}

/* 서브비주얼 이미지 */
.subV .bg {width:100%; height:100%; overflow:hidden; position:relative;}
.subV .bg div {width:100%; height:100%; position:absolute; top:0; left:0;}
.subV .bg.v1 div {background:url("/templates/BFPC/images/subv1.jpg") no-repeat center; background-size:cover;}/* 홍보자료 */
.subV .bg.v1_1 div {background:url("/templates/BFPC/images/subv1_1.jpg") no-repeat center; background-size:cover;}/* 회사소개_기업소개 */
.subV .bg.v1_2 div {background:url("/templates/BFPC/images/subv1_2.jpg") no-repeat center; background-size:cover;}/* 회사소개_CEO인사말 */
.subV .bg.v1_3 div {background:url("/templates/BFPC/images/subv1_3.jpg") no-repeat center; background-size:cover;}/* 회사소개_사업장 */
.subV .bg.v1_4 div {background:url("/templates/BFPC/images/subv1_4.jpg") no-repeat center; background-size:cover;}/* 회사소개_R&D */
.subV .bg.v1_5 div {background:url("/templates/BFPC/images/subv1_5.jpg") no-repeat center; background-size:cover;}/* 회사소개_투자정보 */

.subV .bg.v2_1 div {background:url("/templates/BFPC/images/subv2_1.jpg") no-repeat center; background-size:cover;}/* 제품_ncc */
.subV .bg.v2_2 div {background:url("/templates/BFPC/images/subv2_2.jpg") no-repeat center; background-size:cover;}/* 제품_수지제품 */
.subV .bg.v2_3 div {background:url("/templates/BFPC/images/subv2_3.jpg") no-repeat center; background-size:cover;}/* 제품_화성제품 */
.subV .bg.v2_4 div {background:url("/templates/BFPC/images/subv2_4.jpg") no-repeat center; background-size:cover;}/* 제품_기초유분제품 */
.subV .bg.v2_5 div {background:url("/templates/BFPC/images/subv2_5.jpg") no-repeat center; background-size:cover;}/* 제품_메가트렌드 */
.subV .bg.v2_6 div {background:url("/templates/BFPC/images/subv2_6.jpg") no-repeat center; background-size:cover;}/* 제품_제품담당자 */
.subV .bg.v2_7 div {background:url("/templates/BFPC/images/subv2_7.jpg") no-repeat center; background-size:cover;}/* 제품_기술가이드 */
.subV .bg.v2_8 div {background:url("/templates/BFPC/images/subv2_8.jpg") no-repeat center; background-size:cover;}/* 제품_인증현황 */
.subV .bg.v2_9 div {background:url("/templates/BFPC/images/subv2_9.jpg") no-repeat center; background-size:cover;}/* 제품_제품생산능력 */

.subV .bg.v3_1 div {background:url("/templates/BFPC/images/subv3_1.jpg") no-repeat center; background-size:cover;}/* 지속가능경영_지속가능경영소개 */
.subV .bg.v3_2 div {background:url("/templates/BFPC/images/subv3_2.jpg") no-repeat center; background-size:cover;}/* 지속가능경영_컴플라이언스 */
.subV .bg.v3_3 div {background:url("/templates/BFPC/images/subv3_3.jpg") no-repeat center; background-size:cover;}/* 지속가능경영_윤리경영 */
.subV .bg.v3_4 div {background:url("/templates/BFPC/images/subv3_4.jpg") no-repeat center; background-size:cover;}/* 지속가능경영_환경안전 */
.subV .bg.v3_5 div {background:url("/templates/BFPC/images/subv3_5.jpg") no-repeat center; background-size:cover;}/* 지속가능경영_CSR */
.subV .bg.v3_6 div {background:url("/templates/BFPC/images/subv3_6.jpg") no-repeat center; background-size:cover;}/* 지속가능경영_동반성장 */
.subV .bg.v3_7 div {background:url("/templates/BFPC/images/subv3_7.jpg") no-repeat center; background-size:cover;}/* 지속가능경영_지속가능경영 보고서 */

.subV .bg.v4_1 div {background:url("/templates/BFPC/images/subv4_1.jpg") no-repeat center; background-size:cover;}/* 인재_인재상 */
.subV .bg.v4_2 div {background:url("/templates/BFPC/images/subv4_2.jpg") no-repeat center; background-size:cover;}/* 인재_인재양성 */
.subV .bg.v4_3 div {background:url("/templates/BFPC/images/subv4_3.jpg") no-repeat center; background-size:cover;}/* 인재_지원가이드 */
.subV .bg.v4_4 div {background:url("/templates/BFPC/images/subv4_4.jpg") no-repeat center; background-size:cover;}/* 인재_채용공고 */
.subV .bg.v4_5 div {background:url("/templates/BFPC/images/subv4_5.jpg") no-repeat center; background-size:cover;}/* 인재_직무인터뷰 */

.subV .bg.v5_1 div {background:url("/templates/BFPC/images/subv5_1.jpg") no-repeat center; background-size:cover;}/* 푸터_faq */
.subV .bg.v5_2 div {background:url("/templates/BFPC/images/subv5_2.jpg") no-repeat center; background-size:cover;}/* 푸터_이메일무단수집거부 */
.subV .bg.v5_3 div {background:url("/templates/BFPC/images/subv5_3.jpg") no-repeat center; background-size:cover;}/* 푸터_신규파트너사 정보등록 */

/* 서브페이지 lnb */
.lnb {position:absolute; top:0; left:0; z-index:1; width:100%; }
.lnb:after {content:""; display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:60px; background:rgba(34,34,34,0.4);}
.lnb .inner:after {content:""; display:block; clear:both;}
.lnb .homeBt {display:block; float:left; width:60px; height:60px; background:rgba(0,0,0,0.3) url("/templates/BFPC/images/homebt_icon.png") no-repeat center;}
.lnb .inner .container {float:left; width:1340px;}
.lnb .inner .container > div {float:left; position:relative; width:447px; box-sizing:border-box;}
.lnb .inner .container > div:first-child {width:446px;}
.lnb .inner .container > div  > a {display:block; padding:22px 30px; border-right:1px solid rgba(255,255,255,0.15); color:rgba(255,255,255,0.8); background: url("/templates/BFPC/images/lnb_icon.png") no-repeat right 25px center;}
.lnb .inner .container > div  > a.on {color:#fff; background-image:url("/templates/BFPC/images/lnb_icon_on.png"); background-color:#043f66;}
.lnb .inner .container > div:last-child  > a {color:#fff; font-weight:bold;}
.lnb .moreMenu {position:absolute; width:100%; background:#034874; padding:20px 0 24px; display:none;}
.lnb .moreMenu a {display:inline-block; padding-left:30px; color:#89a7ba; line-height:31px;}
.lnb .moreMenu a.current, .lnb .moreMenu a.on {color:#fff; font-weight:bold;}
.lnb .moreMenu a:hover {color:#fff; font-weight:bold;}
.lnb.scroll {position:fixed; top:0; z-index:10; background:#034874;} /* 스크롤 */

.lnb .hoverTwoD {position:absolute; top:0; left:100%; width:calc(100% + 1px); background:#034874; padding:20px 0 24px; border-left:1px solid #1d5b82; display:none; margin-left:-1px;}
.lnb .hoverThrD {position:absolute; top:0; left:100%; width:100%; background:#034874; padding:20px 0 24px; border-left:1px solid #1d5b82; display:none; margin-left:-1px;}


/* 타이틀 스타일 */
#cBody h3 {font-size:50px; color:#000; font-weight:bold; margin-top:100px; text-align:center;}
#cBody h4 {font-size:18px; margin-top:20px; color:#8bbf45; text-align:center}
.h3TxtArea {/*margin-bottom:80px;*/ margin-bottom:73px; text-align:center;}
.h3TxtArea.mt {margin-top:100px;}
.h3TxtArea.prod {margin-top:69px;}
.h3TxtArea.prodTab {margin-top:73px;}

.h3TxtArea .tit {font-size:24px; line-height:1.5; color:#000; font-weight:bold; margin-top:75px;}
.h3TxtArea .sTit {font-size:38px; color:#000; font-weight:bold;}
.h3TxtArea .sTitSub {font-size:18px; font-weight:bold; margin-top:20px; color:#8bbf45;}
.h3TxtArea .txt {font-size:18px; line-height:31px; color:#555; margin-top:30px;}
.productTit {font-size:24px; color:#000; font-weight:bold; padding-left:32px; position:relative; margin:80px 0 30px;}
.productTit:before {content:""; display:block; width:15px; height:24px; position:absolute; top:0; left:0; background:url("/templates/BFPC/images/producttit_icon.png") no-repeat center;}
.productTit2 {font-size:22px; color:#000; font-weight:bold; margin:60px 0 30px;}
.productTxt.ncc {line-height:30px;}

/* 검색영역 */
.srchType1 {position:relative; margin:40px 0 30px; text-align:right;}
.srchType1:after {content:""; display:block; clear:both;}
.srchType1 select {position:absolute; top:0; right:380px; width:133px; height:54px;}
.srchType1 .inputDiv {width:380px; float:right; overflow:hidden;}
.srchType1 .inputDiv input {float:left; width:305px; height:46px; border-left:0; border-right:0;}
.srchType1 .inputDiv .srchBtn {display:block; float:left; width:54px; height:54px; background:#545a66 url("/templates/BFPC/images/srchbtn_wicon.png") no-repeat center; }
.srchType1 .inputDiv .grayBtn {display:block; float:left; padding:19px 30px; background:#545a66; border-radius:3px; color:#fff; font-weight:bold; text-align:center;}
.srchType1.yearS {}
.srchType1.yearS select{right:100px; width:325px;}
.srchType1.yearS .inputDiv {width:auto;}

/* listType */
.listType1 {position:relative;} /* 보도자료 리스트 */
.listType1 .listTab {position:absolute; top:-65px; left:0;}
.listType1 .listTab a {display:inline-block; position:relative; padding:0 17px; color:#666;}
.listType1 .listTab a.on {font-weight:bold; color:#333}
.listType1 .listTab a:after {content:""; display:block; width:1px; height:100%; position:absolute; top:0; left:0; background:#e0e0e0;}
.listType1 .listTab a:first-child {padding-left:0; border:none;}
.listType1 .listTab a:first-child:after {display:none}
.listType1 ul {padding:20px 0; border-top:2px solid #000; border-bottom:1px solid #e0e0e0;}
.listType1 ul li a {display:block; padding:40px 0; border-top:1px solid #e0e0e0;}
.listType1 ul li:first-child a {border-top:0}
.listType1 ul li a:after {content:""; display:block; clear:both;}
.listType1 ul li a .date {float:left; width:170px; font-family:'Proxima-Bold', sans-serif; font-weight:normal; font-size:25px; line-height:32px; color:#000;}
.listType1 ul li a .date span {display:block; margin-top:10px; font-family:'Proxima-Regular', sans-serif; font-size:16px; line-height:1; letter-spacing:0; color:#888;}
.listType1 ul li a .txtArea {float:left; position:relative; width:800px; padding:0 240px 0 45px; box-sizing:border-box;}
.listType1 ul li a .txtArea .tit {font-size:20px; color:#000; line-height:30px; font-weight:bold; word-break:break-all; display:-webkit-box; height:60px; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.listType1 ul li a .txtArea .txt {margin-top:15px; line-height:26px; word-break:break-all; display:-webkit-box; height:78px; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.listType1 ul li a .txtArea:after {content:""; display:block; position:absolute; bottom:-60px; left:45px; width:63px; height:12px; background:url("/templates/BFPC/images/listtype_arrow.png") no-repeat 0 0;}
.listType1 ul li a .img {float:right; width:430px; height:275px; text-align:right; position:relative; overflow:hidden;}
.listType1 ul li a .img img {width:100%; transition:all 1s ease;}
.listType1 ul li a:hover .txtArea:after {background-image:url("/templates/BFPC/images/listtype_arrow_on.png");}
.listType1 ul li a:hover .txtArea .tit , .listType1 ul li a:hover .txtArea .txt {text-decoration:underline;}
.listType1 ul li a:hover .img img {transform:scale(1.1,1.1);}
.listType1 ul li a:hover .img:after {
	content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; opacity:0.8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100 */
	background: rgb(139, 191, 69, 0.8); /* Old browsers */
	background: -moz-linear-gradient(120deg,  rgba(158,251,32,1) 0%, rgba(3,72,116,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(120deg,  rgba(158,251,32,1) 0%, rgba(3,72,116,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(120deg,  rgba(158,251,32,1) 0%, rgba(3,72,116,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cf46', endColorstr='#1c42bd',GradientType=0 ); /* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.listType2 {position:relative;} /* 채용공고 리스트 */
.listType2 .poolBtn {position:absolute; top:-85px; left:0; display:inline-block; padding:19px 30px; font-weight:bold; color:#fff; background:#545a66; text-align:center; border-radius:3px;}
.listType2 ul {border-top:2px solid #000; border-bottom:1px solid #e0e0e0; }
.listType2 ul li a {display:table; table-layout:fixed; width:100%; padding:20px 0; border-bottom:1px solid #e0e0e0;}
.listType2 ul li a > p {display:table-cell;}
.listType2 ul li a > p.type {width:160px; text-align:center;}
.listType2 ul li a > p.type span {display:inline-block; width:100px; height:36px; line-height:34px; border-radius:20px;}
.listType2 ul li a > p.type span.type1 {color:#fff; background:#8cc63e;}/* 접수중 */
.listType2 ul li a > p.type span.type2 {color:#000; background:#dcdcdc;}/* 마감 */
.listType2 ul li a > p.title {padding:0 10px;}
.listType2 ul li a > p.title span {display:block; font-size:18px; line-height:1.3; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.listType2 ul li a > p.date {width:230px; text-align:center;}
.listType2 ul li a:hover .title span{text-decoration:underline; font-weight:bold;}
.listType2 ul.type2 li {display:table; table-layout:fixed; width:100%; padding:40px 30px; box-sizing:border-box; border-bottom:1px solid #e0e0e0;}
.listType2 ul.type2 li .num {display:table-cell; width:50px}/* 공고 리스트 */
.listType2 ul.type2 li .title {display:table-cell; width:auto; font-weight:bold; font-size:18px; color:#000; word-break:break-all;}
.listType2 ul.type2 li .date {display:table-cell; width:120px; text-align:center;}
.listType2 ul.type2 li .down {display:table-cell; width:150px; text-align:right;}
.listType2 ul.type2 li .down a {display:inline-block; width:auto; padding:0; border:2px solid #e0e0e0; border-radius:3px; border-radius:3px; padding:10px 20px;}
.listType2 ul.type2 li .down a span {display:block; font-weight:bold; padding-right:25px; background:url("/templates/BFPC/images/alertarea_btnicon.png") no-repeat right center;}
.listType2 ul.type2 li .down a:hover {background:#8bbf45; border-color:#8bbf45; }
.listType2 ul.type2 li .down a:hover span {color:#fff; background-image:url("/templates/BFPC/images/down_icon.png");}
.listType2 ul.type2 li .down.type2 {width:465px; text-align:right; }

.listType3 {position:relative;} /* pr자료실 - 광고리스트 */
.listType3 .listTab {position:absolute; top:-65px; left:0;}
.listType3 .listTab a {display:inline-block; position:relative; padding:0 17px; color:#666;}
.listType3 .listTab a.on {font-weight:bold; color:#333}
.listType3 .listTab a:after {content:""; display:block; width:1px; height:100%; position:absolute; top:0; left:0; background:#e0e0e0;}
.listType3 .listTab a:first-child {padding-left:0; border:none;}
.listType3 .listTab a:first-child:after {display:none}
.listType3 .listDiv {border-bottom:1px solid #e0e0e0;  margin-top:80px;}
.listType3 .listDiv:after {content:""; display:block; clear:both;}
.listType3 .listDiv a {display:block; float:left; width:326px; margin-right:32px; padding-bottom:30px;}
.listType3 .listDiv a:nth-child(4n) {margin-right:0;}
.listType3 .listDiv a .imgCon {position:relative;}
.listType3 .listDiv a .imgCon .label {display:block; position:absolute; top:0; left:0; width:60px; text-align:center; background:rgba(0,0,0,0.6); color:#fff; line-height:40px;}
.listType3 .listDiv a .imgCon .img img {width:100%;}
.listType3 .listDiv a .txtArea {margin-top:30px;}
.listType3 .listDiv a .txtArea .tit {font-size:20px; font-weight:bold; color:#000; line-height:30px;}
.listType3 .listDiv a .txtArea .date {font-family:'Proxima-Regular', sans-serif; color:#888; margin:20px 0;} 
.listType3 .listDiv a .txtArea .txt {line-height:26px; height:78px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical}

.listType3 .listDiv.type2 {border:none; margin-top:70px;} /* pr자료실 - 브로셔 리스트 */
.listType3 .listDiv.type2 > div {float:left; width:326px; margin-right:32px; margin-top:30px;}
.listType3 .listDiv.type2 > div:nth-child(-n+4) {margin-top:0} 
.listType3 .listDiv.type2 > div:nth-child(4n) {margin-right:0;}
.listType3 .listDiv.type2 > div .imgCon {padding:40px 50px 0; overflow:hidden; border:1px solid #e0e0e0; border-bottom:0}
.listType3 .listDiv.type2 > div .imgCon img {width:100%;}
.listType3 .listDiv.type2 > div .txtArea {border:1px solid #e0e0e0; border-top:0; padding:38px;}
.listType3 .listDiv.type2 > div .txtArea .tit {color:#000; font-weight:bold; line-height:28px;}
.listType3 .listDiv.type2 > div .txtArea .downBtn:after {content:""; display:block; clear:both;}
.listType3 .listDiv.type2 > div .txtArea .downLink {display:inline-block; width:auto; margin-top:25px; margin-right:5px; padding:10px 20px; border:2px solid #e0e0e0; border-radius:3px;}
.listType3 .listDiv.type2 > div .txtArea .downLink span {padding-right:25px; background:url("/templates/BFPC/images/alertarea_btnicon.png") no-repeat right center;}
.listType3 .listDiv.type2 > div .txtArea .downLink:hover {background:#8bbf45; border-color:#8bbf45;}
.listType3 .listDiv.type2 > div .txtArea .downLink:hover span {background-image:url("/templates/BFPC/images/down_icon.png"); color:#fff;}

.listType4:after {content:""; display:block; clear:both;} /* 직무인터뷰 리스트 */
.listType4 a {display:block; float:left; position:relative; width:332px; margin-right:24px; margin-top:50px; text-align:center;}
.listType4 a:nth-of-type(4n) {margin-right:0;}
.listType4 a:nth-of-type(-n+4) {margin-top:0;}
.listType4 a .label {position:absolute; top:20px; left:30px; z-index:1; display:inline-block; border-radius:3px; padding:10px; color:#fff;}
.listType4 a .label.t1 {background:#034874}
.listType4 a .label.t2 {background:#8bbf45}
.listType4 a .imgCon {position:relative;}
.listType4 a .imgCon .img img{max-width:100%; width:100%;}
.listType4 a .imgCon .txt {position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:calc(100% - 60px); background:#fff; padding:20px 0;}
.listType4 a .imgCon .txt span {display:inline-block; position:relative; font-size:18px; line-height:28px; color:#034874; font-weight:bold; padding:0 20px;}
.listType4 a .imgCon .txt span:before {content:""; position:absolute; top:0; left:0; display:block; width:12px; height:8px; background:url("/templates/BFPC/images/listtype4_txt_bg1.png") no-repeat 0 0;}
.listType4 a .imgCon .txt span:after {content:""; position:absolute; bottom:0; right:0;  display:block; width:12px; height:8px; background:url("/templates/BFPC/images/listtype4_txt_bg2.png") no-repeat 0 0;}
.listType4 a .txtCon {display:inline-block; padding-top:40px;}
.listType4 a .txtCon span {font-weight:bold;}
.listType4 a:hover .txtCon {position:relative; color:#000;}
.listType4 a:hover .txtCon:after {content:""; position:absolute; bottom:-5px; left:0; display:block; width:100%; height:1px; background:#000;}

.listType5:after {content:""; display:block; clear:both;} /* 개발실적 리스트 */
.listType5 a {display:block; width:689px; margin-top:30px; float:left; /*border:1px solid #e0e0e0;*/}
.listType5 a:nth-of-type(even) {float:right;}
.listType5 a:nth-child(-n+2) {margin-top:0}
.listType5 a .imgCon {width:300px; height:256px; overflow:hidden; float:left;}
.listType5 a .imgCon img {max-height:100%;}
.listType5 a .txtArea {float:left; width:calc(100% - 300px); height:256px; padding:40px; box-sizing:border-box;}
.listType5 a .txtArea > .tit {font-size:22px; line-height:30px; font-weight:bold; color:#000; overflow:hidden; text-overflow:ellipsis; height:60px; 	word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.listType5 a .txtArea ul {margin-top:25px;}
.listType5 a .txtArea ul li {margin-top:10px;}
.listType5 a .txtArea ul li:first-child {margin-top:0}
.listType5 a .txtArea ul li:after {content:""; display:block; clear:both;}
.listType5 a .txtArea ul li p {float:left; width:calc(100% - 80px); word-break:break-all;}
.listType5 a .txtArea ul li p.tit {color:#000; font-weight:bold; width:80px; text-align:justify;}


.noData {border-top:2px solid #000; border-bottom:2px solid #e0e0e0; padding:120px 0 166px; text-align:center;}/* 검색결과 없을 때*/
.noData .txt {font-size:20px; color:#000; background:url("/templates/BFPC/images/faq_nodata.png") no-repeat center 0; padding-top:145px;}
.noData.faq {margin-top:60px;}
.noData.recruite .txt {background:url("/templates/BFPC/images/recruite_nodata.png") no-repeat center 0; margin-top:0}/* 채용공고 */


/* viewType */
.viewType1 {margin:80px auto 0; max-width:1400px; }
.viewType1 .titArea {background:#ededed; display:table; width:100%;}
.viewType1 .titArea .tit {display:table-cell; padding:30px; font-size:20px; color:#000; font-weight:bold; word-break:break-all;}
.viewType1 .titArea .date {display:table-cell; padding:30px; width:140px; text-align:right; color:#888}
.viewType1 .titArea.type2 .type {display:table-cell; width:100px; text-align:center; padding:30px;}
.viewType1 .titArea.type2 .type span {display:inline-block; width:100px; height:36px; line-height:34px; border-radius:20px;}
.viewType1 .titArea.type2 .type span.type1 {color:#fff; background:#8cc63e;}/* 접수중 */
.viewType1 .titArea.type2 .type span.type2 {color:#000; background:#dcdcdc;}/* 마감 */
.viewType1 .titArea.type2 .tit {padding:30px 10px;}
.viewType1 .titArea.type2 .date {width:225px;}
.viewType1 .txtArea {padding:60px 15px 30px;}
.viewType1 .txtArea .imgCon {text-align:center; margin-bottom:40px;}
.viewType1 .txtArea .imgCon img {max-width:100%;}
.viewType1 .txtArea .txt {width:850px; margin:0 auto; line-height:30px; word-break:break-all;}
.viewType1 .txtArea .txt strong {font-weight:bold;}
.viewType1 .fileArea {padding:0 30px; margin-top:20px;}
.viewType1 .fileArea a {display:inline-block; border:1px solid #e0e0e0; border-radius:3px; background:#f7f7f7; padding:8px 20px; margin-right:5px; margin-top:10px;}
.viewType1 .fileArea a:last-child {margin-right:0}
.viewType1 .fileArea a span {display:inline-block; padding-left:20px; line-height:1.5; background:url("/templates/BFPC/images/file_icon.png") no-repeat 0 5px;}
.viewType1 .prevNext {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-top:30px;}
.viewType1 .prevNext > div {padding:22px 30px;}
.viewType1 .prevNext > div > a {display:block; width:100%; vertical-align:middle;}
.viewType1 .prevNext > div span {display:inline-block; vertical-align:middle;}
.viewType1 .prevNext .prev {border-bottom:1px solid #e2e2e2;}
.viewType1 .prevNext .prev span:first-child {padding-right:10px; width:60px; background:url("/templates/BFPC/images/prev_icon.gif") no-repeat right 0 center; font-weight:bold;  line-height:1.5;}
.viewType1 .prevNext .prev span:last-child {width:calc(100% - 111px); padding-left:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  line-height:1.5;}
.viewType1 .prevNext .next span:first-child {padding-right:10px; width:60px; background:url("/templates/BFPC/images/next_icon.gif") no-repeat right 0 center; font-weight:bold;  line-height:1.5;}
.viewType1 .prevNext .next span:last-child {width:calc(100% - 111px); padding-left:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5;}

.viewType2 {margin:80px auto 0; max-width:1400px; } /* 개발실적_상세 */
.viewType2 .titArea {background:#ededed; width:100%;}
.viewType2 .titArea .tit {padding:30px; font-size:20px; color:#000; font-weight:bold; word-break:break-all;}
.viewType2 .txtArea {display:table; margin:60px 0 80px;}
.viewType2 .txtArea strong {font-weight:bold;}
.viewType2 .txtArea .imgCon {display:table-cell; vertical-align:middle; width:396px;}
.viewType2 .txtArea .imgCon img {max-width:100%;}
.viewType2 .txtArea .dotList {display:table-cell; vertical-align:middle; padding:0 50px;} 
.viewType2 .txtArea .dotList li {line-height:30px;}
.viewType2 .txtArea .dotList li .clear p {float:left; width:calc(100% - 100px); word-break:break-all;}
.viewType2 .txtArea .dotList li .clear .tit {position:relative; width:85px; font-weight:bold; color:#000; padding-left:15px; background:url("/templates/BFPC/images/dotg_4x4.gif") no-repeat 0 center; }
.viewType2 .txtArea .dotList li .clear .tit:after {content:":"; display:inline-block; position:absolute; top:0; right:8px}
.viewType2 .prevNext {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.viewType2 .prevNext > div {padding:22px 30px;}
.viewType2 .prevNext > div > a {display:block; width:100%; vertical-align:middle;}
.viewType2 .prevNext > div span {display:inline-block; vertical-align:middle;}
.viewType2 .prevNext .prev {border-bottom:1px solid #e2e2e2;}
.viewType2 .prevNext .prev span:first-child {padding-right:10px; width:60px; background:url("/templates/BFPC/images/prev_icon.gif") no-repeat right 0 center; font-weight:bold;  line-height:1.5;}
.viewType2 .prevNext .prev span:last-child {width:calc(100% - 111px); padding-left:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  line-height:1.5;}
.viewType2 .prevNext .next span:first-child {padding-right:10px; width:60px; background:url("/templates/BFPC/images/next_icon.gif") no-repeat right 0 center; font-weight:bold;  line-height:1.5;}
.viewType2 .prevNext .next span:last-child {width:calc(100% - 111px); padding-left:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5;}

/* writeType */
.writeType1 {border-top:2px solid #000; border-bottom:1px solid #e0e0e0; padding:35px 0 30px;}/* 제품문의 */
.writeType1 ul li {display:table; width:100%; table-layout:fixed}
.writeType1 ul li .left {display:table-cell; vertical-align:top; width:106px; padding:25px 20px;}
.writeType1 ul li .left .tit {font-size:18px; color:#000;}
.writeType1 ul li .right {display:table-cell; vertical-align:middle; padding:10px 20px;}
.writeType1 ul li .right .txt {color:#000;}
.writeType1 ul li .right.inputArea select {height:54px; padding-right:66px; margin-left:5px;}
.writeType1 ul li .right.inputArea select:nth-of-type(1) {margin-left:0}
.writeType1 ul li .right.inputArea input[type="text"] {height:46px; width:404px;}
.writeType1 ul li .right.inputArea input[type="tel"] {height:46px; width:404px;}
.writeType1 ul li .right.inputArea textArea {width:100%; height:134px; box-sizing:border-box;}
.writeType1 ul li .right.inputArea .mark {font-size:15px; color:#777; margin-top:15px;}
.writeType1 ul li .right.inputArea .mark.blackT {color:#000; margin-bottom:30px;}
.writeType1 ul li .right.inputArea .fileDiv:after {content:""; display:block; clear:both;}
.writeType1 ul li .right.inputArea .fileDiv > input {float:left; height:46px; margin-right:5px;}
.writeType1 ul li .right.inputArea .fileChoice {width:120px; height:14px; float:left; position:relative; text-align:center; padding:18px 0 22px; color:#fff; border-radius:3px;}
.writeType1 ul li .right.inputArea .fileChoice span.textIndent {width:0; height:0; text-indent:-9999px; opacity:0}
.writeType1 ul li .right.inputArea .fileChoice img.file {position:absolute; top:0; left:0; width:100%; height:100%;}
.writeType1 ul li .right.inputArea .fileChoice > input {width:100%; height:54px; position:absolute; bottom:0; left:0; opacity:0; box-sizing:border-box; cursor:pointer;}
.writeType1 ul li .right.inputArea .fileArea {margin-top:10px;}
.writeType1 ul li .right.inputArea .fileArea a {display:inline-block; padding:10px 70px 10px 20px; border:1px solid #e0e0e0; border-radius:3px; background:#f7f7f7 url("/templates/BFPC/images/file_x_icon.png") no-repeat right 19px center;}
.writeType1 ul li .right.inputArea .captchaDiv .captchaImg {width:178px; height:52px; float:left; border:1px solid #e0e0e0; margin-right:5px; overflow:hidden}
.writeType1 ul li .right.inputArea .captchaDiv .captchaImg img {width:100%}
.writeType1 ul li .right.inputArea .captchaDiv .againBt {display:inline-block; width:22px; height:20px; vertical-align:middle; margin-left:15px; margin-right:5px; background:url("/templates/BFPC/images/captcha_icon1.png") no-repeat center; }
.writeType1 ul li .right.inputArea .captchaDiv .listenBt {display:inline-block; width:22px; height:20px; vertical-align:middle; margin-right:15px; background:url("/templates/BFPC/images/captcha_icon2.png") no-repeat center; }
.writeType1 ul li .right.inputArea .captchaDiv input {width:457px;}
.writeType1 ul li .right.division {}
.writeType1 ul li .right.divisionDiv > a {display:block; float:left; width:198px; height:52px; line-height:52px; border:1px solid #e0e0e0; border-left:0; text-align:center;}
.writeType1 ul li .right.divisionDiv > a:first-child {border-left:1px solid #e0e0e0;}
.writeType1 ul li .right.divisionDiv > a.on {border:1px solid #8bbf45; color:#8bbf45; font-weight:bold;}

/* 신규파트너사 정보등록 문의 팝업 */
.writeType1.type2 ul li .right.inputArea select {width:290px;}
.writeType1.type2 ul li .left {width:145px;}
.writeType1.type2 ul li .right {padding:10px 10px 10px 20px;}
.writeType1.type2 ul li .right.inputArea .captchaDiv input {width:404px;}
.writeType1Notice {padding:40px 30px; background:#f0f0f0; margin-top:40px;}
.writeType1Notice .tit {font-weight:bold; font-size:20px; color:#000; line-height:1;}
.writeType1Notice ul {margin-top:22px;}
.writeType1Notice ul li {font-weight:bold; font-size:20px; color:#000; line-height:32px; word-break:keep-all;}
.writeType1Notice .txt {position:relative; padding-left:13px; font-size:16px; color:#555; line-height:30px;}
.writeType1Notice .txt p {padding-left:75px;}
.writeType1Notice .txt p:first-child {position:absolute; top:0; left:13px; padding:0;}

/* 페이징 */
.paging {margin-top:50px; text-align:center;}
.paging a {display:inline-block; vertical-align:middle; margin:0 17px;}
.paging a.on {color:#8cc63e; font-weight:bold; position:relative;}
.paging a.on:after {content:""; display:block; position:absolute; bottom:-5px; left:0; width:110%; height:1px; background:#8cc63e;} 
.paging a:hover {color:#8cc63e; font-weight:bold; position:relative;}
.paging a:hover:after {content:""; display:block; position:absolute; bottom:-5px; left:0; width:110%; height:1px; background:#8cc63e;} 
.paging .first {width:48px; height:48px; border:1px solid #e0e0e0; border-radius:3px; background:#fff url("/templates/BFPC/images/paging_first.gif") no-repeat center; margin:0;}
.paging .prev {width:48px; height:48px; border:1px solid #e0e0e0; border-radius:3px; background:#fff url("/templates/BFPC/images/paging_prev.gif") no-repeat center; margin:0; margin-right:17px;}
.paging .next {width:48px; height:48px; border:1px solid #e0e0e0; border-radius:3px; background:#fff url("/templates/BFPC/images/paging_next.gif") no-repeat center; margin:0; margin-left:17px;}
.paging .last {width:48px; height:48px; border:1px solid #e0e0e0; border-radius:3px; background:#fff url("/templates/BFPC/images/paging_last.gif") no-repeat center; margin:0;}
.paging .first:hover:after, .paging .prev:hover:after, .paging .next:hover:after, .paging .last:hover:after {display:none;}

/* 버튼 스타일 */
.btnArea {text-align:center;}
.btnArea a {margin-left:5px;}
.btnArea a:first-child {margin-left:0;}
.btnArea .blueBtn {text-align:center; margin-top:50px;}
.bBlueBtn {display:inline-block; vertical-align:top; padding:19px 66px; border-radius:3px; font-weight:bold; color:#034874; border:2px solid #034874; font-size:18px;}
.blueBtn {display:inline-block; vertical-align:top; padding:21px 58px; border-radius:3px; background:#034874; text-align:center; color:#fff; font-size:18px;}
.tabBtn {display:table; table-layout:fixed; width:100%;}/* tab 버튼*/
.tabBtn a {display:table-cell; vertical-align:middle; text-align:center; padding:20px 0; border:1px solid #e0e0e0; border-left:0; font-size:18px; line-height:1.3; word-break:break-all;}
.tabBtn a:first-child {border-left:1px solid #e0e0e0;}
.tabBtn a.on {background:#8bbf45; border-color:#8bbf45; color:#fff; font-weight:bold;}

/* 체크, 라디오 스타일 */
.chkType1 {position:relative; overflow:hidden; margin:20px 0 0; text-align:right;}
.chkType1 label {padding-left:35px; display:inline-block; vertical-align:middle; height:22px; line-height:20px; background:url("/templates/BFPC/images/checkbox.gif") no-repeat 0 50%;}
.chkType1 input[type="checkbox"] {position:absolute; top:-9999px; left:-9999px; opacity:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.chkType1 input[type="checkbox"]:checked + label {background:url("/templates/BFPC/images/checkbox_on.gif") no-repeat 0 50%;}

.radioType1 {position:relative; overflow:hidden;}
.radioType1 label {padding-left:30px; display:inline-block; vertical-align:middle; height:20px; line-height:18px; font-size:16px; color:#555; background:url("/templates/BFPC/images/radio_btn.png") no-repeat 0 50%;}
.radioType1 input[type="radio"] {position:absolute; top:-9999px; left:-9999px; opacity:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.radioType1 input[type="radio"]:checked + label {background:url("/templates/BFPC/images/radio_btn_on.png") no-repeat 0 50%;}

/* 알럿창 */
.alertArea {width:340px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:101; box-shadow:20px 20px 60px rgba(0,0,0,0.2); display:none;}
.alertArea .popHead {background:#034874; padding:20px 30px; font-size:18px; font-weight:bold; color:#fff;}
.alertArea .popBody {background:#fff; padding:40px 30px;}
.alertArea .popBody .popBtn {text-align:center;}
.alertArea .popBody .popBtn a {display:inline-block; width:116px; height:46px; border:2px solid #e0e0e0; border-radius:3px;}
.alertArea .popBody .popBtn a span {padding-right:30px; background:url("/templates/BFPC/images/alertarea_btnicon.png") no-repeat right center; font-weight:bold; line-height:46px;}
.alertArea .popClose {display:block; position:absolute; top:18px; right:30px;}

/* 레이어 팝업 */
.layerPop {position:fixed; top:50%; left:50%; width:1000px; background:#fff; z-index:100; display:none;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); transform:translate(-50%, -50%); 
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
}
.layerPop .popHead {position:relative; background:#034874; padding:29px 30px; font-size:22px; font-weight:bold; color:#fff;}
.layerPop .popBody {position:relative; background:#fff; padding:40px 10px 60px 30px; height:530px; overflow-y:auto;
	overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.layerPop .popBody .mCustomScrollBox>.mCSB_scrollTools{width:10px; right:0; opacity:1;}
.layerPop .popBody .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%; border-radius:0; background:#c1c1c1;}
.layerPop .popBody .mCSB_scrollTools .mCSB_draggerRail{width:100%; background:#fff;}
.layerPop .popBody .searchDiv:after {content:""; display:block; clear:both;}/*팝업_검색영역*/
.layerPop .popBody .searchDiv .selectArea {float:left; margin-right:10px; overflow:hidden;}
.layerPop .popBody .searchDiv .selectArea select {float:left; width:150px; height:54px; margin-left:10px;}
.layerPop .popBody .searchDiv .selectArea select:first-child {margin-left:0;}
.layerPop .popBody .searchDiv .inputArea {width:401px; margin:0 auto; float:left; position:relative;} 
.layerPop .popBody .searchDiv .inputArea input {width:-webkit-calc(100% - 75px); width:calc(100% - 75px); height:46px; border:1px solid #e0e0e0; border-right:0}
.layerPop .popBody .searchDiv .inputArea input::placeholder {color:#cdcdcd;}
.layerPop .popBody .searchDiv .inputArea input::-webkit-placeholder {color:#cdcdcd;}
.layerPop .popBody .searchDiv .inputArea input::-moz-placeholder {color:#cdcdcd;}
.layerPop .popBody .searchDiv .inputArea input::-ms-placeholder {color:#cdcdcd;}
.layerPop .popBody .searchDiv .inputArea .srchBtn {position:absolute; top:0; right:0; display:block; width:54px; height:54px; background:#545a66 url("/templates/BFPC/images/layerpop_srch.png") no-repeat center; text-indent:-9999px; font-size:0;}
.layerPop .popBody .searchDiv .resetBtn {float:right; display:block; width:54px; height:54px; background:#545a66 url("/templates/BFPC/images/layerpop_reset.png") no-repeat center; text-indent:-9999px; font-size:0;}
.layerPop .popClose {display:block; position:absolute; top:30px; right:30px;}
.layerPop.prodDown .grayBox {background:#f0f0f0; padding:30px 50px; margin-top:20px;}/*제품 다운로드 팝업*/
.layerPop.prodDown .grayBox .tit {font-size:22px; color:#000; font-weight:bold; text-align:center;}
.layerPop.prodDown .grayBox .roundList {margin-top:25px;}
.layerPop.prodDown .grayBox .roundList:after {content:""; display:block; clear:both;}
.layerPop.prodDown .grayBox .roundList li {display:none; float:left; min-width:255px; width:33.3%; margin:5px 0;}
.layerPop.prodDown .grayBox .roundList li .round {display:inline-block; width:35px; height:35px; border-radius:50%; background:#fff; color:#000; font-weight:bold; font-size:15px; line-height:35px; margin-right:15px; text-align:center;}
.layerPop.prodDown .grayBox .moreBtn {display:block; width:27px; height:15px; margin:25px auto 0; background:url("/templates/BFPC/images/proddown_morebtn.png") no-repeat 0 0;}
.layerPop.prodDown .grayBox .moreBtn.on {background-image:url("/templates/BFPC/images/proddown_morebtn_on.png");}
.layerPop.prodDown .popBody .popBtnArea {text-align:right; margin:20px 0;} 
.layerPop.prodDown .popBody .popBtnArea .grayBtn {display:inline-block; padding:15px 60px; border-radius:3px; background:#545a66; color:#fff; font-weight:bold;}
.layerPop.prodDown .tableType1 {margin-bottom:0;}
.layerPop.prodDown .tableType1 table th:nth-child(1) {width:120px;}
.layerPop.prodDown .tableType1 table th:nth-child(2) {width:220px;}
.layerPop.prodDown .tableType1 table th:nth-child(3) {width:220px;}
.layerPop.prodDown .tableType1 table th:nth-child(4) {width:160px;}
.layerPop.prodDown .tableType1 table th:nth-child(5) {width:220px;}
.layerPop.prodDown .tableType1 table td {padding:20px; line-height:26px;}
.layerPop.prodDown .tableType1 table td.btnArea {padding:20px 0; text-align:center;}
.layerPop.prodDown .tableType1 table td .round {display:inline-block; width:35px; height:35px; border-radius:50%; border:1px solid #f0f0f0; background:#e0e0e0; line-height:35px; text-align:center; font-size:15px; color:#000; font-weight:bold;}
.layerPop.prodDown .popBody {padding-bottom:0}
.layerPop.prodDown .popBody > *:last-child {margin-bottom:60px;}
.layerPop.contPop .popBody {padding-bottom:0}
.layerPop.contPop .popBody > *:last-child {margin-bottom:60px;}
.layerPop.recruitPop .popBody {padding-bottom:0}
.layerPop.recruitPop .popBody > *:last-child {margin-bottom:60px;}


.layerPop.mail .popBody {height:400px; padding:60px 30px; text-align:center;}/* 이메일 무단 수집거부 팝업 */
.layerPop.mail .popBody .txt1 {font-size:18px; color:#000; line-height:28px; margin-top:45px;}
.layerPop.mail .popBody .txt2 {font-size:16px; color:#555; line-height:28px; margin-top:10px;}
.layerPop.mail .popBody .btnArea .blueBtn {margin-top:60px;}
.layerPop.browser {width:700px; box-shadow:0px 30px 60px rgba(0,0,0,0.3);} /* 브라우저 업데이트 안내 팝업 */
.layerPop.browser .popBody {padding:50px 30px 60px; height:auto; text-align:center;}
.layerPop.browser .popBody .txt1 {font-size:16px; color:#555; line-height:26px;}
.layerPop.browser .popBody .txt2 {font-size:16px; color:#555; line-height:26px; margin-top:10px;}
.layerPop.browser .popBody .txt2 span {font-weight:bold; color:#000;}
.layerPop.browser .popBody .icons {display:inline-block; vertical-align:top; overflow:hidden; margin-top:43px;}
.layerPop.browser .popBody .icons a {float:left; display:inline-block; width:200px; padding:45px 0; background:#f0f0f0; margin-left:2px;}
.layerPop.browser .popBody .icons a:first-child {margin-left:0;}
.layerPop.browser .popBody .icons a .icon {display:block;}
.layerPop.browser .popBody .icons a .name {display:block; font-family:'Proxima-Bold', sans-serif; font-weight:normal; font-size:16px; color:#555; margin-top:28px;}
.layerPop.browser .popFoot {padding:19px 30px; background:#f0f0f0}
.layerPop.browser .popFoot .chkType1 {margin:0;}
.layerPop.poolPop .popBody {height:400px; padding:40px 30px 0;}/* pool 팝업 */
.layerPop.poolPop .txt {text-align:center; line-height:28px;} 
.layerPop.poolPop .employBox .tit {font-size:18px; font-weight:bold; color:#000}
.layerPop.poolPop .employBox .grayBox {border:1px solid #e0e0e0; background:#f4f4f4; padding:50px 0; margin-top:20px; }
.layerPop.poolPop .employList {margin-top:0}
.layerPop.poolPop .employList li {width:145px; height:165px; background-size:100%; margin-right:0}
.layerPop.poolPop .popBody >	*:last-child {margin-bottom:60px;}
.layerPop .imgBtn {margin-top:50px; display:inline-block;}/* 2018-10-24 추가 */
.layerPop .imgBtn:nth-of-type(2) {margin-left:5px;}
.layerPop .imgBtn .pc {display:inline-block;}
.layerPop .imgBtn .mobile {display:none; height:35px;}
.layerPop.prodDown2 {} /* 2018-12-27 ncc팝업 */
.layerPop.prodDown2 .popBody {padding-bottom:0}
.layerPop.prodDown2 .h3TxtArea {margin-bottom:30px;}
.layerPop.prodDown2 .tabBtn a {padding:16px 0;}
.layerPop.prodDown2 .tabCon {margin-top:30px; margin-bottom:60px;}

.layerPop2 {position:fixed; top:50%; left:50%; width:1200px; background:#fff; z-index:100; display:none;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); transform:translate(-50%, -50%); 
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
}
.layerPop2 .popHead {position:relative; background:#034874; padding:29px 30px; font-size:22px; font-weight:bold; color:#fff;}
.layerPop2 .popBody {position:relative; background:#fff; padding:40px 0 0 0; height:530px; overflow-y:auto;
	overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*.layerPop2 .popBody > *:last-child {margin-bottom:60px;}*/
.layerPop2 .popBody .guide1 {margin-bottom:60px;}
.layerPop2 .popBody .guideDiv2 {margin-bottom:60px;}
.layerPop2 .popBody .factoryDiv {margin-bottom:60px;}
.layerPop2 .popBody .btnArea {margin-bottom:60px;}

.layerPop2 .popClose {display:block; position:absolute; top:30px; right:30px;}
.layerPop2 .imgBtn {/*margin-top:50px;*/display:inline-block;}
.layerPop2 .imgBtn:nth-of-type(2) {margin-left:5px;}
.layerPop2 .imgBtn .pc {display:inline-block;}
.layerPop2 .imgBtn .mobile {display:none; /*height:35px;*/}

.layerPop2 .tabArea {padding:0 10px 0 30px;} 
.layerPop2 .tabArea .tabBtn2 {margin-top:30px; overflow-x:auto;}
.layerPop2 .tabArea .tabBtn2 .scrollDiv {display:table; width:100%; table-layout:fixed;}
.layerPop2 .tabArea .tabBtn2 a {position:relative; display:table-cell; padding:20px 0; text-align:center;}
.layerPop2 .tabArea .tabBtn2 a:after {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e0e0e0}
.layerPop2 .tabArea .tabBtn2 a.on {color:#8bbf45; font-weight:bold;}
.layerPop2 .tabArea .tabBtn2 a.on:after {height:2px; background:#8bbf45}
.layerPop2 .tabArea .tabBtn2.mt0 a {padding-top:0}


.layerPop2.guidePop .productTit {margin:60px 0 30px;}
.layerPop2.guidePop .productTit2 {font-size:22px; font-weight:bold; color:#000; margin:50px 0 30px;}
.layerPop2.guidePop .productTit2:first-child {margin-top:0}
.layerPop2.guidePop .productTxt {line-height:28px}
.layerPop2.guidePop .h3TxtArea {margin:60px 0;}
.layerPop2.guidePop .guide1 {padding:0 10px 0 30px;} /* 가공기술 */
.layerPop2.guidePop .guide1 .productList:after {content:""; display:block; clear:both;}
.layerPop2.guidePop .guide1 .productList > div {float:left; width:220px; margin-left:10px;}
.layerPop2.guidePop .guide1 .productList > div img {max-width:100%;}
.layerPop2.guidePop .guide1 .productList > div:first-child {margin-left:0}
.layerPop2.guidePop .guide1 .productArea .boxWrap {margin-top:20px;}
.layerPop2.guidePop .guide1 .productArea .boxWrap:first-child {margin-top:0}
.layerPop2.guidePop .guide1 .productArea .boxWrap:after {content:""; display:block; clear:both;}
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea {float:left; width:50%; min-height:290px; padding:40px 0; box-sizing:border-box;}
/*.layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea {float:right;}*/
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.imgType {background:#f9f9f9; text-align:center;}
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.imgType img {max-width:100%; max-height:100%;}
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType {padding:40px 40px; word-break:keep-all;}
/*.layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea.txtType {text-align:right;}*/
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .tit {font-size:22px; color:#000; font-weight:bold; margin-bottom:12px;}
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .txt {line-height:28px;}
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .txt .boldT {font-weight:bold; display:block;}
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea .tableDiv {display:table; width:100%; height:100%; /*min-height:250px;*/ }
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea .tableDiv .cellArea {display:table-cell; vertical-align:middle;}
.layerPop2.guidePop .guide1 .compList {margin:50px 0;}
.layerPop2.guidePop .guide1 .compList li {background:url("/templates/BFPC/images/guide1_complist_bg.png") no-repeat 0 0;}
.layerPop2.guidePop .guide1 .compList li p span {font-size:16px; line-height:26px;}
.layerPop2.guidePop .guide1 .grayBox {border:1px solid #e0e0e0; background:#f9f9f9; padding:40px 0; margin-top:20px; text-align:center;}
.layerPop2.guidePop .guide1 .grayBox .dotList {display:inline-block; vertical-align:top; margin-left:100px;}
.layerPop2.guidePop .guide1 .grayBox .dotList:first-child {margin-left:0;}
.layerPop2.guidePop .guide1 .grayBox .dotList li {padding-left:15px; background:url("/templates/BFPC/images/dotg_4x4.gif") no-repeat 0 15px; font-size:18px; line-height:34px; text-align:left;}
.layerPop2.guidePop .guide1 .grayBox .img {display:inline-block; margin-right:140px;}
.layerPop2.guidePop .guide1 .grayBox .img:last-child {margin-right:0}
.layerPop2.guidePop .guide1 .grayBox img {max-width:100%;}
.layerPop2.guidePop .guide1 .grayBox img.mobile {display:none;}
.layerPop2.guidePop .guide1 .whiteBox {border:1px solid #e0e0e0; background:#fff; padding:40px 0; margin-top:20px; text-align:center;}
.layerPop2.guidePop .guide1 .whiteBox img {max-width:100%;}
.layerPop2.guidePop .guide1 .whiteBox img.mobile {display:none;}

.layerPop2.guidePop .guideDiv2 .h3TxtArea {padding:0 10px 0 30px;}
.layerPop2.guidePop .guideDiv2 .topArea {} /* 기술지원 */
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn {width:792px; margin:0 auto; position:relative; top:50px;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn .scrollDiv{display:table; table-layout:fixed; width:100%; }
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a {position:relative; display:table-cell; border:1px solid #e0e0e0; background:#fff; border-left:0; padding:15px 0 18px;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:first-child {border-left:1px solid #e0e0e0}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a .txt {font-size:15px; padding-top:60px; text-align:center;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1 .txt {background:url("/templates/BFPC/images/guidepop_iconbtn1.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2 .txt {background:url("/templates/BFPC/images/guidepop_iconbtn2.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3 .txt {background:url("/templates/BFPC/images/guidepop_iconbtn3.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4 .txt {background:url("/templates/BFPC/images/guidepop_iconbtn4.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5 .txt {background:url("/templates/BFPC/images/guidepop_iconbtn5.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6 .txt {background:url("/templates/BFPC/images/guidepop_iconbtn6.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7 .txt {background:url("/templates/BFPC/images/guidepop_iconbtn7.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8 .txt {background:url("/templates/BFPC/images/guidepop_iconbtn8.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:hover:after {content:""; display:block; width:calc(100% + 2px); position:absolute; bottom:-1px; left:-1px; border-bottom:2px solid #8bbf45} /* hover */
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:hover .txt {color:#8bbf45; font-weight:bold;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1:hover .txt {background:url("/templates/BFPC/images/guidepop_iconbtn1_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2:hover .txt {background:url("/templates/BFPC/images/guidepop_iconbtn2_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3:hover .txt {background:url("/templates/BFPC/images/guidepop_iconbtn3_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4:hover .txt {background:url("/templates/BFPC/images/guidepop_iconbtn4_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5:hover .txt {background:url("/templates/BFPC/images/guidepop_iconbtn5_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6:hover .txt {background:url("/templates/BFPC/images/guidepop_iconbtn6_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7:hover .txt {background:url("/templates/BFPC/images/guidepop_iconbtn7_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8:hover .txt {background:url("/templates/BFPC/images/guidepop_iconbtn8_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.on:after {content:""; display:block; width:calc(100% + 2px); position:absolute; bottom:-1px; left:-1px; border-bottom:2px solid #8bbf45} /* on 활성화 */
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.on .txt {color:#8bbf45; font-weight:bold;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1.on .txt {background:url("/templates/BFPC/images/guidepop_iconbtn1_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2.on .txt {background:url("/templates/BFPC/images/guidepop_iconbtn2_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3.on .txt {background:url("/templates/BFPC/images/guidepop_iconbtn3_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4.on .txt {background:url("/templates/BFPC/images/guidepop_iconbtn4_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5.on .txt {background:url("/templates/BFPC/images/guidepop_iconbtn5_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6.on .txt {background:url("/templates/BFPC/images/guidepop_iconbtn6_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7.on .txt {background:url("/templates/BFPC/images/guidepop_iconbtn7_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8.on .txt {background:url("/templates/BFPC/images/guidepop_iconbtn8_on.jpg") no-repeat center 0;}

.layerPop2.guidePop .guideDiv2 .grayArea {background:#f9f9f9; padding:100px 30px 60px;}
.layerPop2.guidePop .guideDiv2 .grayArea .tit {font-size:24px; color:#000; font-weight:bold; text-align:center;}
.layerPop2.guidePop .guideDiv2 .grayArea .linkArea {margin-top:50px; text-align:center;}
.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div {width:32.9%; display:inline-block; vertical-align:top;}
.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul {display:inline-block; vertical-align:top; border-left:1px solid #e0e0e0; padding-left:20px;}
.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li {text-align:left; margin-top:20px; line-height:1.3;}
.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li:first-child {margin-top:0}
.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li.on a {color:#8bbf45}
.layerPop2.guidePop .productDiv {padding:0 10px 0 30px;}
.layerPop2.guidePop .productDiv .tit {font-size:22px; color:#000; font-weight:bold; margin-bottom:30px;}
.layerPop2.guidePop .productDiv .grayImgBox {background:#f9f9f9; text-align:center; padding:60px 0; margin-bottom:50px;}
.layerPop2.guidePop .productDiv .grayImgBox img {max-width:100%;}
.layerPop2.guidePop .productDiv .tableType1 td {border-left:1px solid #e0e0e0;}
.layerPop2.guidePop .productDiv .tableType1 td.borL0 {border-left:0}
.layerPop2.guidePop .productDiv .tableType1.borN td {border-left:0} 
.layerPop2.guidePop .productDiv .imgList {margin-top:30px;}
.layerPop2.guidePop .productDiv .imgList:after {content:""; display:block; clear:both;}
.layerPop2.guidePop .productDiv .imgList li {float:left; width:268px; margin-right:22px;}
.layerPop2.guidePop .productDiv .imgList li:last-child {margin-right:0}
.layerPop2.guidePop .productDiv .imgList li img {max-width:100%;}
.layerPop2.guidePop .productDiv .whiteBox {border:1px solid #e0e0e0; padding:50px 60px; margin-top:20px;}
.layerPop2.guidePop .productDiv .whiteBox:after {content:""; display:block; clear:both;}
.layerPop2.guidePop .productDiv .whiteBox .dotList {display:inline-block; vertical-align:top; margin-left:100px; margin-top:30px;}
.layerPop2.guidePop .productDiv .whiteBox .dotList:first-child {margin-left:0;}
.layerPop2.guidePop .productDiv .whiteBox .dotList li {padding-left:15px; background:url("/templates/BFPC/images/dotg_4x4.gif") no-repeat 0 15px; font-size:18px; line-height:34px; text-align:left;}
.layerPop2.guidePop .productDiv .whiteBox .imgCon {float:right; width:563px; }
.layerPop2.guidePop .productDiv .whiteBox .imgCon li {display:inline-block;}
.layerPop2.guidePop .productDiv .whiteBox .imgCon li:first-child {margin-right:22px;}

.layerPop2 .factoryDiv {padding:0 10px 0 30px;}
.layerPop2 .factoryDiv .img img {max-width:100%;}
.layerPop2 .factoryDiv .factoryList > div {float:none; width:100%;}
.layerPop2 .factoryDiv .factoryList > div:after {content:""; display:block; clear:both;}
.layerPop2 .factoryDiv .factoryList > div .factoryTxt {float:left; width:50%; padding-right:65px; box-sizing:border-box;margin-top:40px;}
.layerPop2 .factoryDiv .factoryList > div .factoryTxt .tit {font-size:20px; line-height:32px; font-weight:bold; color:#000}
.layerPop2 .factoryDiv .factoryList > div .factoryTxt .tit span {display:inline-block; width:32px; height:32px; font-size:15px; line-height:32px; letter-spacing:0; text-align:center; border-radius:50%; color:#fff; background:#8bbf45; font-family:'Proxima-Bold'; font-weight:normal;}
.layerPop2 .factoryDiv .factoryList > div .factoryTxt .txt {font-size:16px; line-height:28px; margin-top:20px; word-break:keep-all;}
.layerPop2 .factoryDiv .tabArea {text-align:center;}
.layerPop2 .factoryDiv .tabArea a {display:inline-block; padding:15px 60px; border:1px solid #e0e0e0; border-left:0; text-align:center;}
.layerPop2 .factoryDiv .tabArea a:first-child {border-left:1px solid #e0e0e0;}
.layerPop2 .factoryDiv .tabArea a.on {color:#8bbf45; font-weight:bold; position:relative;}
.layerPop2 .factoryDiv .tabArea a.on:after {content:""; display:block; width:100%; height:2px; background:#8bbf45; position:absolute; bottom:-1px; left:0}


/* 탑버튼 */
.topBtn {display:none; position:fixed; bottom:50px; right:52px; width:64px; height:64px; z-index:5;}
.topBtn a {display:block; width:100%; height:100%; box-sizing:border-box; padding-top:15px; text-align:center; background:#545a66; box-shadow:7px 7px 30px 0 rgba(0,0,0,0.3); border-radius:32px;}


/* 미디어쿼리 시작 */
@media screen and (max-width:1480px) {/* 작은 웹, 태블릿가로 */

	.subWrap {padding-bottom:120px;}
	.inner {width:auto; padding:0 5%;}
	
	.h3TxtArea .txt {word-break:keep-all;}


	/* header */
	#header {height:75px;}
	#header h1{margin:25px 20px 0 20px;}/* 서브페이지 */
	#header h1 a {width:120px; height:27px; background-size:100% auto; }
	#header .moin a {width:48px; height:27px; background-size:100% auto;}
	#header #gnb {width:55%;}
	/*#header #gnb > li {width:24%;}*/
	#header #gnb > li {width:14%;}
	#header #gnb li .oneD {font-size:16px; padding:29px 0 30px;}
	#header #gnb li .twoD {top:75px; width:100%; height:336px; padding-top:20px;}
	#header #gnb li .twoD li a {font-size:14px; line-height:35px;}
	#header .gnbBg {top:75px; height:355px;}
	#header .rightDiv .lang {font-size:14px;}
	#header .rightDiv .lang > a {width:120px; margin:21px 0;}
	#header .rightDiv .lang div {top:74px;}
	#header .rightDiv .srchBtn {width:70px; margin-top:21px; background-size:17px auto;}
	#header .rightDiv .allMenu .allMenuBtn {width:75px; height:74px; background-size:27px;}
	
	/* 헤더 검색영역 */
	.srchArea{top:75px; padding:60px 0 25px;}
	.srchArea .inputArea {width:600px;}

	/* 전체메뉴 */
	.allMenu .openDiv {height:calc(100% - 75px); height:-webkit-calc(100% - 75px); top:75px; }
	.allMenu .openDiv .oneD_area {margin:60px 0;}
	.allMenu .openDiv .oneD_area:last-child {margin-bottom:40px;}
	.allMenu .openDiv .oneD_area .oneD {font-size:22px;}
	.allMenu .openDiv .oneD_area > .twoD_area {padding:30px 0; margin-top:30px;}
	/*.allMenu .openDiv .oneD_area > .twoD_area .twoD {width:16.5%;}*/
	.allMenu .openDiv .oneD_area > .twoD_area .twoD {width:14%;}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD > a {font-size:16px;}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a {font-size:14px; margin:15px 0;}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD_inner {padding-top:15px;}

	/* main header */
	/*#header.main h1 a {background-size:100% auto;}*/
	#header.main h1 a {background-size:100% 100%;}
	#header.main .moin a {background-size:100% auto;}

	/* main header - SCROLLED, HOVER */
	#header.main.scrolled h1 a, #header.main.hover h1 a {background-size:100% 100%;}
	#header.main.scrolled .moin a, #header.main.hover .moin a {background-size:100% auto;}
	
	/* footer */
	#footer .top {padding:25px 0;}
	#footer .top .left {padding-right:380px}
	#footer .top .left .links a {font-size:14px; margin-top:5px;}
	#footer .top .left .links a:after {width:2px; height:2px; margin:0 5px 0 10px;}
	#footer .top .left > p {font-size:14px; margin-top:20px;}
	#footer .top .familySite {right:5%;display: none;}
	#footer .top .familySite select {font-size:14px;}
	#footer .top .familySite select:first-child {width:210px;}
	#footer .top .familySite select:last-child {width:160px;}
	#footer .bottom {padding:15px 0;}
	#footer .bottom .inner > p:nth-of-type(1) img {width:143px}
	#footer .bottom .copyright {padding:4px 0; margin-left:15px; font-size:13px;}
	#footer .bottom .sns { margin-top:0;}
	#footer .bottom .award {margin-top:-4px}
	#footer .bottom .award img {height:35px;}

	/* 서브페이지 lnb */
	.lnb:after {height:50px;}
	.lnb .homeBt {width:50px; height:50px;}	
	.lnb .inner .container {width:calc(100% - 50px);}
	.lnb .inner .container > div {width:33.3%;}
	.lnb .inner .container > div:first-child {width:33.4%;}
	.lnb .inner .container > div  > a {padding:17px 30px;}
	.lnb .hoverTwoD {width:100%;}
	.lnb .hoverThrD {width:calc(100% - 2px);}
	.lnb .moreMenu > .hoverThrD {width:100%;}

	/* tab */
	.tabBtn.employ a br {display:block;}

	/* listType */
	.listType1 ul li a .date {width:120px;}
	.listType1 ul li a .txtArea {width:450px; padding:0; padding-left:25px;}
	.listType1 ul li a .img {width:320px; height:204px;}

	.listType3 {position:relative;} /* pr자료실 - 광고리스트 */
	.listType3 .listDiv a {width:23%; margin-right:2.5%;}

	.listType3 .listDiv.type2 {border:none;} /* pr자료실 - 브로셔 리스트 */
	.listType3 .listDiv.type2 > div {width:23%; margin:30px 2.5% 0 0}
	.listType3 .listDiv.type2 > div .txtArea {padding:20px;}
	.listType3 .listDiv.type2 > div .txtArea .downLink {padding:10px; font-size:14px;}
	.listType3 .listDiv.type2 > div .txtArea .downLink span {padding-right:20px;}

	.listType4 a {width:23%; margin-right:2.5%; margin-top:50px;} /* 직무인터뷰 리스트 */
	.listType4 a .label {top:20px; left:20px; padding:7px 5px 5px; font-size:13px;}
	.listType4 a .imgCon .txt {width:calc(100% - 40px); bottom:-1px;}
	.listType4 a .imgCon .txt span {font-size:15px; line-height:25px;}

	
	.listType5 a {width:49%;}/* 개발실적 리스트 */
	.listType5 a .imgCon {width:200px; position:relative;}
	.listType5 a .imgCon img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	.listType5 a .txtArea {width:calc(100% - 200px); height:256px; padding:40px; box-sizing:border-box;}
	.listType5 a .txtArea > .tit {font-size:22px; line-height:30px; font-weight:bold; color:#000; overflow:hidden; text-overflow:ellipsis; height:60px; 	word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
	.listType5 a .txtArea ul {margin-top:25px;}
	.listType5 a .txtArea ul li {margin-top:10px;}
	.listType5 a .txtArea ul li:first-child {margin-top:0}
	.listType5 a .txtArea ul li:after {content:""; display:block; clear:both;}
	.listType5 a .txtArea ul li p {float:left; width:calc(100% - 80px); }
	.listType5 a .txtArea ul li p.tit {color:#000; font-weight:bold; width:80px; text-align:justify;}



	/* viewType */
	.viewType1 {max-width:90%;}
	.viewType1 .titArea.type2 .date {width:175px;}
	
	.viewType2 {max-width:90%;}

	.topBtn {right:5%;}

	.layerPop2 {width:1000px;}	
	.layerPop2.guidePop .guide1 .productList > div {width:19%; margin-left:1%;}
	.layerPop2.guidePop .guide1 .compList li {background-size:120px 136px;}
	.layerPop2.guidePop .guide1 .compList li p span br {display:none;}/* 2018-11-15 */
	.layerPop2.guidePop .guide1 .grayBox .img {display:inline-block; margin-right:140px;}
	.layerPop2.guidePop .guide1 .grayBox .img:last-child {margin-right:0;}
	.layerPop2.guidePop .guide1 .grayBox img {max-width:100%;}
	.layerPop2.guidePop .guide1 .grayBox img.mobile {display:none;}
	.layerPop2.guidePop .guide1 .whiteBox {border:1px solid #e0e0e0; background:#fff; padding:40px 0; margin-top:20px; text-align:center;}
	.layerPop2.guidePop .guide1 .whiteBox img {max-width:100%;}
	.layerPop2.guidePop .guide1 .whiteBox img.mobile {display:none;}

	.layerPop2.guidePop .productDiv .imgList li {width:24%; margin-right:1%;}
	.layerPop2.guidePop .productDiv .whiteBox {padding:40px 50px;}
	.layerPop2.guidePop .productDiv .whiteBox .imgCon {width:463px;}
	.layerPop2.guidePop .productDiv .whiteBox .imgCon li {width:48%; }
	.layerPop2.guidePop .productDiv .whiteBox .imgCon li:first-child {margin-right:2%;}
	.layerPop2.guidePop .productDiv .whiteBox .imgCon li img {max-width:100%; }
	.layerPop2.guidePop .productDiv .whiteBox .dotList {margin-top:15px}



}

@media screen and (max-width:1023px) {/* 태블릿 세로 */

	/* header*/
	#header #gnb {display:none !important;}
	#header .rightDiv .lang {display:none !important ;}
	#header .rightDiv .srchBtn {display:none !important;}
	#header .moin {display:none;}

	/* 전체메뉴 */
	.allMenu .openDiv {border-top:0; padding-top:40px; padding-bottom:100px; box-sizing:border-box; overflow-x:hidden;}
	.allMenu .openDiv .oneD_area {margin:0;}
	.allMenu .openDiv .oneD_area:nth-last-of-type(1) {margin-bottom:0; border-bottom:1px solid #e0e0e0;}
	.allMenu .openDiv .oneD_area .oneD {display:block; padding:35px 3%; font-size:30px; border-top:1px solid #e0e0e0; background:url("/templates/BFPC/images/all_oned.png") no-repeat right 3% center;}
	.allMenu .openDiv .oneD_area:hover .oneD {color:#000;}
	.allMenu .openDiv .oneD_area .oneD.on {color:#000; background-image:url("/templates/BFPC/images/all_oned_on.png");}/* 활성화 */
	.allMenu .openDiv .oneD_area .oneD.curent {color:#8cc63e; background-image:url("/templates/BFPC/images/all_oned_curent.png");}/* 활성화_현재 페이지*/
	.allMenu .openDiv .oneD_area .oneD.curent.on {color:#8cc63e; background-image:url("/templates/BFPC/images/all_oned_curent_on.png");}/* 활성화_현재 페이지*/
	.allMenu .openDiv .oneD_area > .twoD_area {display:none; padding:0; margin-top:0; border:0; border-top:1px solid #e0e0e0}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD {float:none; width:100%;}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD > a {display:block; padding:30px 5%; font-size:20px; }
	.allMenu .openDiv .oneD_area > .twoD_area .twoD > a.thrBt {background:url("/templates/BFPC/images/all_twod.png") no-repeat right 5% center;}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD {background:#f6f6f6; border:1px solid #e0e0e0; border-top:0; padding:30px 0; display:none;}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a {display:block; margin:0; font-size:18px; line-height:42px; padding:0 5%}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a:last-child {margin-bottom:0;}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD_inner {padding-top:0;}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD > a.curent {color:#fff; background-color:#555; }
	.allMenu .openDiv .oneD_area > .twoD_area .twoD > a.thrBt.curent {background-image:url("/templates/BFPC/images/all_twod_curent.png");}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a.curent {color:#000; font-weight:bold;}
	.allMenu .openDiv .mlangBtn {display:block; padding:0 3% 40px;}	
	.allMenu .openDiv .mlangBtn a {display:inline-block; font-size:20px; font-family:'Proxima-Regular', sans-serif; margin-right:20px;}
	.allMenu .openDiv .mlangBtn a.on {font-family:'Proxima-Bold', sans-serif; font-weight:normal; color:#8cc63e;}

	/* footer */
	#footer .top .left {padding-right:200px;}
	#footer .top .left .links a:after {margin:0 10px 0 15px;}
	#footer .top .left > p > span {display:block; margin-top:5px; margin-left:0;}
	#footer .top .familySite {top:-15px; width:200px;}
	#footer .top .familySite select {float:none;}
	#footer .top .familySite select:first-child {width:100%;}
	#footer .top .familySite select:last-child {width:100%; margin-top:5px;}
	#footer .bottom .inner {position:relative;}
	#footer .bottom .inner:after {content:""; display:block; clear:both;}
	#footer .bottom p {float:none;}
	#footer .bottom .copyright {float:none; margin-left:0; padding:10px 0;}
	#footer .bottom .sns {float:none; position:absolute; top:0; right:5%; margin-top:0;}
	#footer .bottom .award {float:none; position:absolute; top:-4px; right:calc(5% + 140px); margin:0;}
	
	/* 서브비주얼 영역 */
	.subV {height:380px;}
	.subV .titArea {top:45%; transform:translateY(-50%);}
	.subV .titArea h2 {font-size:56px;} 
	.subV .printBtn {display:none;}	
	.subV .bg.v4_5 div {background-image:url("/templates/BFPC/images/subv4_5_t.jpg");}/* 인재_직무인터뷰 */

	/* 서브페이지 lnb */
	.lnb {top:calc(100% - 60px);}
	.lnb:after {display:none;}
	.lnb .homeBt {display:none;}
	.lnb .inner {padding:0;}
	.lnb .inner .container {width:100%;}
	.lnb .inner .container > div {float:none; display:none; width:100%; }
	.lnb .inner .container > div:last-child {display:block;}
	.lnb .inner .container > div:last-child  > a {padding:22px 30px; border-right:0; color:#fff; background-color:#043f66;}
	.lnb .hoverMenu {display:none !important;}

	/* 검색영역 */
	.srchType1 {margin:40px 0 30px; text-align:right;}
	.srchType1 select {position:relative; top:0; right:auto; width:100%; height:54px; border-bottom:0;}
	.srchType1 .inputDiv {width:100%; float:none; }
	.srchType1 .inputDiv input {width:calc(100% - 54px); height:54px; box-sizing:border-box; border:1px solid #e0e0e0; border-right:0;}
	.srchType1.yearS {}
	.srchType1.yearS select{position:absolute; border-bottom:1px solid #e0e0e0;}
	.srchType1.yearS .inputDiv {float:right;}

	/* listType */
	.listType1 {margin-top:100px;}
	.listType1 ul li a {padding:30px 0;}
	.listType1 ul li a .date {float:none; width:100%;}
	.listType1 ul li a .date span {display:none;}
	.listType1 ul li a .txtArea {float:none; width:100%; padding:0; margin:20px 0;}
	.listType1 ul li a .txtArea .tit {font-size:20px; color:#000; line-height:30px; font-weight:bold; display:-webkit-box; height:60px; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
	.listType1 ul li a .txtArea .txt {display:none;}
	.listType1 ul li a .txtArea:after {display:none;}
	.listType1 ul li a .img {float:none; width:100%; height:auto; text-align:center;}

	.listType2 {margin-top:100px;}
	.listType2 ul li a {display:block; padding:20px 3%; box-sizing:border-box; position:relative;}
	.listType2 ul li a > p {display:block;}
	.listType2 ul li a > p.type {width:160px; text-align:left; margin-bottom:10px;}
	.listType2 ul li a > p.type span {text-align:center;}
	.listType2 ul li a > p.title {padding:0;}
	.listType2 ul li a > p.date {position:absolute; top:20px; right:3%; width:auto; line-height:36px; text-align:right;}
	.listType2 ul li a:hover .title span{text-decoration:underline; font-weight:bold;}
	
	.listType2 ul.type2 li {padding:20px 3%; position:relative;}
	.listType2 ul.type2 li .num {display:block; width:auto; margin-bottom:10px;}/* 공고 리스트 */
	.listType2 ul.type2 li .title {display:block; width:75%; }
	.listType2 ul.type2 li .date {display:block; width:auto; text-align:left; position:absolute; top:20px; right:3%;}
	.listType2 ul.type2 li .down {display:block; width:auto; text-align:left; margin-top:20px;}
	.listType2 ul.type2 li .down a {display:inline-block; width:auto; padding:0; border:2px solid #e0e0e0; border-radius:3px; border-radius:3px; padding:10px 20px;}
	.listType2 ul.type2 li .down a span {display:block; font-weight:bold; padding-right:25px; background:url("/templates/BFPC/images/alertarea_btnicon.png") no-repeat right center;}
	.listType2 ul.type2 li .down a:hover {background:#8bbf45; border-color:#8bbf45; }
	.listType2 ul.type2 li .down a:hover span {color:#fff; background-image:url("/templates/BFPC/images/down_icon.png");}
	.listType2 ul.type2 li .down.type2 {width:100%; display:block; text-align:left; }

	.listType3 {margin-top:100px;} /* pr자료실 - 광고리스트 */
	.listType3 .listDiv a {display:block; float:left; width:48%; margin-right:4%; }
	.listType3 .listDiv a:nth-child(even) {margin-right:0;}
	
	.listType3 .listDiv.type2 > div {width:48%; margin-right:0; margin-top:30px;}/* pr자료실 - 브로셔 리스트 */
	.listType3 .listDiv.type2 > div:nth-child(-n+4) {margin-top:30px;} 
	.listType3 .listDiv.type2 > div:nth-child(-n+2) {margin-top:0;} 
	.listType3 .listDiv.type2 > div:nth-child(4n) {margin-right:0;}
	.listType3 .listDiv.type2 > div:nth-child(even) {float:right} 
	.listType3 .listDiv.type2 > div .txtArea .downLink {padding:10px 20px; font-size:14px;}
	.listType3 .listDiv.type2 > div .txtArea .downLink span {padding-right:25px;}
	
	.listType4 a {width:48%; margin-right:4%;}/* 직무인터뷰 리스트 */
	.listType4 a:nth-of-type(4n) {margin-right:2%;}
	.listType4 a:nth-of-type(2n) {margin-right:0;}
	.listType4 a:nth-of-type(-n+4) {margin-top:50px;}
	.listType4 a:nth-of-type(-n+2) {margin-top:0;}
	.listType4 a .label {top:20px; left:30px; padding:10px; font-size:16px;}
	.listType4 a .imgCon .txt {bottom:-1px; width:calc(100% - 60px);}

	.listType5 a {float:none; width:100%; margin-top:20px;} /* 개발실적 리스트 */
	.listType5 a:after {content:""; display:block; clear:both;}
	.listType5 a:nth-of-type(even) {float:none;}
	.listType5 a:nth-child(-n+2) {margin-top:20px;}
	.listType5 a:first-child {margin-top:0}
	.listType5 a .imgCon {width:300px; height:256px; overflow:hidden; float:left;}
	.listType5 a .txtArea {float:left; width:calc(100% - 300px); height:256px; padding:40px;}
	.listType5 a .txtArea > .tit {font-size:22px; line-height:30px; font-weight:bold; color:#000; overflow:hidden; text-overflow:ellipsis; height:60px; 	word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
	.listType5 a .txtArea ul {margin-top:25px;}
	.listType5 a .txtArea ul li {margin-top:10px;}
	.listType5 a .txtArea ul li:first-child {margin-top:0}
	.listType5 a .txtArea ul li:after {content:""; display:block; clear:both;}
	.listType5 a .txtArea ul li p {float:left;}
	.listType5 a .txtArea ul li p.tit {color:#000; font-weight:bold; width:80px; text-align:justify;}




	/* viewType */
	.viewType1 {max-width:100%; }
	.viewType1 .titArea {display:block; padding:40px 5%; box-sizing:border-box;}
	.viewType1 .titArea .tit {display:block; padding:0; line-height:30px;}
	.viewType1 .txtArea .txt {width:100%;}
	.viewType1 .titArea .date {display:block; padding:0; margin-top:20px; width:100%; text-align:left;}
	.viewType1 .titArea.type2 .type {display:block; width:100%; text-align:left; padding:0; margin-bottom:20px;}
	.viewType1 .titArea.type2 .type span {text-align:center;}
	.viewType1 .titArea.type2 .tit {padding:0}
	
	.viewType2 {max-width:100%;} /* 개발실적_상세 */
	.viewType2 .titArea {padding:40px 5%; box-sizing:border-box;}
	.viewType2 .titArea .tit {padding:0; line-height:30px;}
	.viewType2 .txtArea {display:block; margin:60px 0 80px; padding:0 5%;}
	.viewType2 .txtArea .imgCon {display:block; width:100%; text-align:center;}
	.viewType2 .txtArea .dotList {display:block; padding:50px 0 0;}
	

	/* writeType */
	.writeType1 {padding:0;}
	.writeType1 ul li {display:block; padding-bottom:25px; border-top:1px solid #e0e0e0;}/* 제품문의 */
	.writeType1 ul li:first-child {border-top:0;}
	.writeType1 ul li .left {display:block; width:100%; padding:25px 20px; box-sizing:border-box;}
	.writeType1 ul li .left .tit {font-weight:bold;}
	.writeType1 ul li .right {display:block; padding:0 20px; box-sizing:border-box;}
	.writeType1 ul li .right.inputArea select {width:100%; margin-left:0; margin-top:5px;}
	.writeType1 ul li .right.inputArea select:first-child {margin-top:0;}

	.writeType1 ul li .right.inputArea input[type="text"] {height:46px; width:100%; box-sizing:border-box;}
	.writeType1 ul li .right.inputArea input[type="tel"] {height:46px; width:100%; box-sizing:border-box;}
	.writeType1 ul li .right.inputArea .fileDiv > input {float:left; height:46px; width:calc(100% - 147px); margin-right:5px;}
	.writeType1 ul li .right.inputArea .mark.blackT {margin-bottom:0}
	.writeType1 ul li .right.inputArea .captchaDiv .captchaImg {width:178px; height:52px; float:left; border:1px solid #e0e0e0; margin-right:5px; overflow:hidden}
	.writeType1 ul li .right.inputArea .captchaDiv .captchaImg img {width:100%}
	.writeType1 ul li .right.inputArea .captchaDiv .againBt {height:52px;}
	.writeType1 ul li .right.inputArea .captchaDiv .listenBt {height:52px;}
	.writeType1 ul li .right.inputArea .captchaDiv input {width:calc(100% - 274px);}

	/* 신규파트너사 정보등록 문의 팝업 */
	.writeType1.type2 ul li .left {width:auto;}
	.writeType1.type2 ul li .right {padding:10px 20px;}
	.writeType1.type2 ul li .right.inputArea select {width:100%; height:46px;}
	.writeType1.type2 ul li .right.inputArea select + input {margin-top:5px;}
	.writeType1.type2 ul li .right.inputArea .captchaDiv input {width:calc(100% - 274px);}

	/* 페이징 */
	.paging a.mobile {display:none;}
	
	/* 레이어 팝업 */
	.layerPop {width:90%;}	
	.layerPop .popBody {padding:40px 30px 60px;}	
	.layerPop.prodDown .tableType1 table {width:150%;}
	.layerPop.mail .popBody {height:auto; padding:40px 30px 60px;}
	.layerPop.mail .popBody .txt1 {word-break:keep-all;}
	.layerPop.mail .popBody .txt1 br {display:none;}
	.layerPop.mail .popBody .txt2 {word-break:keep-all;}
	.layerPop .popBody .searchDiv .selectArea {float:none; margin-right:0; width:100%; margin-bottom:10px;}
	.layerPop .popBody .searchDiv .selectArea select {float:left; width:calc(33.3% - 2px); margin-left:3px;}
	.layerPop .popBody .searchDiv .inputArea {width:100%; float:left;}
	.layerPop .popBody .searchDiv .resetBtn {float:left; margin-left:3px; display:none;}
	.layerPop.prodDown .grayBox {padding:25px 50px; margin-top:20px;}/*제품 다운로드 팝업*/
	.layerPop.prodDown .grayBox .roundList li {width:50%;}
	.layerPop.prodDown .popBody .popBtnArea {margin:20px 0;}
	.layerPop.prodDown .grayBox .moreBtn {margin:20px auto 0;}
	.layerPop.poolPop .popBody {height:auto; padding:40px 30px 60px;}/* pool 팝업 */
	.layerPop.poolPop .employBox .tit {margin-top:30px;}
	.layerPop.poolPop .employBox .grayBox {border:1px solid #e0e0e0; background:#f4f4f4; padding:50px 20px; margin-top:20px;}
	.layerPop.poolPop .employList li {width:120px; height:136px; margin-right:5px; background-size:120px 136px;}
	.layerPop.poolPop .employList li p span{letter-spacing:-2px; font-size:14px}
	.layerPop.poolPop .employList li p span strong{letter-spacing:0}
	.layerPop.poolPop .employList li p span .greenBt {font-size:12px; line-height:1.3; margin-top:10px; border-radius:3px;}
	.layerPop.poolPop .employList li p span .greenT {display:block; color:#8cc63e; line-height:20px; margin-top:10px;}

	/* 레이어 팝업 */
	.layerPop2 {width:90%;}	
	.layerPop2 .tabArea {padding:0 30px;} 
	.layerPop2 .tabArea .tabBtn2 {margin-top:30px; overflow-x:auto;}
	.layerPop2 .tabArea .tabBtn2 .scrollDiv {display:block; float:left; white-space:nowrap; position:relative; text-align:center;}
	.layerPop2 .tabArea .tabBtn2 a {display:inline-block; padding:20px 30px; text-align:center; font-size:15px;}
	
	.layerPop2.guidePop .productTit {line-height:1.3; word-break:keep-all;}
	
	.layerPop2.guidePop .guide1 {padding:0 30px 30px;}/* 가공기술 */
	.layerPop2.guidePop .guide1 .h3TxtArea .txt br {display:none;}
	.layerPop2.guidePop .guide1 .productList > div {width:32%; margin-left:2%; margin-top:15px;}
	.layerPop2.guidePop .guide1 .productList > div:nth-of-type(-n+3) {margin-top:0;}
	.layerPop2.guidePop .guide1 .productList > div:nth-of-type(3n-2){margin-left:0}
	.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.imgType {padding:20px 30px;}
	.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType {padding:20px 40px;}
	.layerPop2.guidePop .guide1 .compList {margin: 50px auto;}
	.layerPop2.guidePop .guide1 .compList li {width:140px; height:159px; background-size:140px 159px}
	.layerPop2.guidePop .guide1 .grayBox .img {display:block; margin-right:0;}
	.layerPop2.guidePop .guide1 .grayBox .img:last-child {margin-top:35px;}

	
	.layerPop2.guidePop .guideDiv2 .h3TxtArea {padding:0 30px;}
	.layerPop2.guidePop .guideDiv2 .h3TxtArea br {display:none;}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn {width:calc(100% - 60px); overflow-x:auto;}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn .scrollDiv {width:792px;}
	
	.layerPop2.guidePop .guideDiv2 .grayArea .linkArea {text-align:left; }
	.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div {width:49%; display:inline-block; margin-top:40px;}
	.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div:nth-of-type(-n+2) {margin-top:0}
	.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul {display:inline-block; vertical-align:top; border-left:1px solid #e0e0e0; padding-left:20px;}
	.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li {text-align:left; margin-top:20px;}
	.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li:first-child {margin-top:0}
	.layerPop2.guidePop .productDiv {padding:0 30px;}
	.layerPop2.guidePop .productDiv .imgList li {width:32%; margin-right:2%; margin-top:20px;}
	.layerPop2.guidePop .productDiv .imgList li:nth-of-type(3n) {margin-right:0}
	.layerPop2.guidePop .productDiv .imgList li:nth-of-type(-n+3) {margin-top:0;}

	.layerPop2.guidePop .productDiv .whiteBox {padding:30px;}
	.layerPop2.guidePop .productDiv .whiteBox .imgCon {width:100%; margin-top:15px;}
	.layerPop2.guidePop .productDiv .whiteBox .imgCon li {width:48%; }
	.layerPop2.guidePop .productDiv .whiteBox .imgCon li:first-child {margin-right:2%;}
	.layerPop2.guidePop .productDiv .whiteBox .imgCon li img {max-width:100%; width:100%;}
	.layerPop2.guidePop .productDiv .whiteBox .dotList {margin-top:0}


	.layerPop2 .factoryDiv {padding:0 30px;}
	.layerPop2 .factoryDiv .h3TxtArea br {display:none;}

	.layerPop2 .factoryDiv .factoryList > div .factoryTxt {float:none; width:100%; padding-right:0;}	

}

@media screen and (max-width:758px) {/* 모바일 */
	select{padding:5px 6% 5px 2%; height:40px; font-size:14px; background-position:right 7px center; background-size:8px auto;}
		
	.subWrap {padding-bottom:88px;}
	.inner {width:auto; padding:0 3%;}
	
	/* 간격 */
	.mt40{margin-top:20px !important}
	.mt60{margin-top:30px !important}
	.mt80{margin-top:40px !important}

	/* header */
	#header {height:45px;}
	#header h1 {margin:12px 10px 0 3%;}/* 서브페이지 */
	#header h1 a {width:119px; height:19px; background-size:100% auto;}
	#header .rightDiv .allMenu .allMenuBtn {width:45px; height:45px; background-size:15px 12px;}
	#header .rightDiv .allMenu .allMenuBtn.on {background-size:14px;}

	
	/* 전체메뉴 */
	.allMenu .openDiv {height:calc(100% - 45px); height:-webkit-calc(100% - 45px); top:45px; padding-top:20px; padding-bottom:50px;}
	.allMenu .openDiv .oneD_area .oneD {padding:20px 3%; font-size:18px; background-size:13px;}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD > a {display:block; padding:15px 5%; font-size:15px; }
	.allMenu .openDiv .oneD_area > .twoD_area .twoD > a.thrBt {background-size:10px auto;}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD {padding:15px 0;}
	.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a {font-size:13px; line-height:30px; padding:0 5%}
	.allMenu .openDiv .mlangBtn {padding:0 3% 20px;}	
	.allMenu .openDiv .mlangBtn a {font-size:13px; margin-right:15px;}

	/* footer */
	#footer .top {padding:25px 0;}
	#footer .top .inner {padding-top:85px; }
	#footer .top .left {padding-right:0;}
	#footer .top .left .links {margin:15px 0;}
	#footer .top .left .links a {line-height:25px; font-size:12px; margin-top:0;}
	#footer .top .left .links a:after {margin:0 4px 0 9px;}
	#footer .top .left > p {font-size:12px; line-height:1.5; margin-top:0;}
	#footer .top .familySite {top:0; left:3%; width:94%;}
	#footer .bottom {padding:15px 0;}
	#footer .bottom .inner {position:relative;}
	#footer .bottom .inner:after {content:""; display:block; clear:both;}
	#footer .bottom p {float:none;}
	#footer .bottom .inner > p:nth-of-type(1) img {width:100px;}
	#footer .bottom .copyright {padding:15px 0; float:none; margin-left:0; font-size:10px;}
	#footer .bottom .sns {float:none; position:absolute; top:0; right:3%; margin-top:0;}
	#footer .bottom .sns a:first-child img {width:7px;}
	#footer .bottom .sns a:last-child img {width:50px;}
	#footer .bottom .sns a:after {height:14px; margin:0 5px;}
	#footer .bottom .award {float:none; position:absolute; top:-4px; right:calc(3% + 90px); margin:0;}
	#footer .bottom .award img {width:18px; height:auto;}

	/* 서브비주얼 영역 */
	.subV {height:190px;}
	.subV .titArea .h2Txt {font-size:11px; margin-bottom:10px;}
	.subV .titArea h2 {font-size:28px;} 

	/* 서브페이지 lnb */
	.lnb {top:calc(100% - 40px);}
	.lnb .inner .container > div:last-child  > a {padding:14px 3%; border-right:0; font-size:12px; background-position:right 3% center; background-size:20px;}
	.lnb .moreMenu {padding:10px 0 12px;}
	.lnb .moreMenu a {display:block; padding-left:3%; font-size:12px; line-height:27px;}
	
	/* 타이틀 스타일 */
	#cBody h3 {font-size:29px; margin-top:50px;}	/* 타이틀 스타일 */
	.h3TxtArea {margin-bottom:40px;}
	.h3TxtArea.prodTab {margin-top:35px;}
	.h3TxtArea.mt {margin-top:50px;}
	.h3TxtArea .tit {font-size: 16px; margin-top: 35px;}
	.h3TxtArea .sTit {font-size:29px;}
	.h3TxtArea .sTitSub {font-size:13px; margin-top:10px;}
	.h3TxtArea .txt {font-size: 13px; line-height: 20px; margin-top:25px; line-height: 1.6;}
	.productTit {font-size:16px; padding-left:25px; margin:40px 0 20px;}
	.productTit:before {width:15px; height:16px; background-size:13px;}
	.productTit2 {font-size:15px; margin:30px 0 15px;}
	.productTxt.ncc {font-size:13px; line-height:1.5;}
	
	/* 검색영역 */
	.srchType1 {margin:35px 0 15px;}
	.srchType1 select {width:100%; height:40px; font-size:13px; padding:5px 3%;}
	.srchType1 .inputDiv input {width:calc(100% - 40px); height:40px;}
	.srchType1 .inputDiv .srchBtn {width:40px; height:40px; background-size:19px; }
	.srchType1 .inputDiv .grayBtn {padding:0; font-size:14px; margin-left:5px; width:60px; height:35px; line-height:37px;}
	.srchType1.yearS {}
	.srchType1.yearS select{position:relative; top:0; right:auto; width:calc(100% - 65px); height:35px; font-size:13px;}
	.srchType1.yearS .inputDiv {width:auto;}


	/* listType */
	.listType1 {margin-top:50px;}
	.listType1 .listTab {top:-37px; left:0;}
	.listType1 .listTab a {padding:0 8px; font-size:12px;}
	.listType1 ul {padding:0}
	.listType1 ul li a {padding:30px 0;}
	.listType1 ul li a .date {font-size:13px; line-height:16px;}
	.listType1 ul li a .txtArea {margin:10px 0 15px;}
	.listType1 ul li a .txtArea .tit {font-size:14px; line-height:20px; height:40px;}

	.listType2 {margin-top:50px;}
	.listType2 .poolBtn {top:-45px; padding:10px 15px; font-size:13px;}
	.listType2 ul li a {padding:10px 3%;}
	.listType2 ul li a > p.type {width:160px; margin-bottom:5px;}
	.listType2 ul li a > p.type span {width:50px; height:14px; padding:4px 0 2px; font-size:12px; line-height:1.1; border-radius:10px;}
	.listType2 ul li a > p.title span {font-size:14px;}
	.listType2 ul li a > p.date {top:10px; font-size:12px; line-height:17px;}

	.listType2 ul.type2 li {padding:20px 3%;}
	.listType2 ul.type2 li .num {font-size:12px;}/* 공고 리스트 */
	.listType2 ul.type2 li .title {font-size:14px; }
	.listType2 ul.type2 li .date {font-size:12px;}
	.listType2 ul.type2 li .down {margin-top:10px;}
	.listType2 ul.type2 li .down a {border:1px solid #e0e0e0; padding:5px 10px;}
	.listType2 ul.type2 li .down a span {padding-right:15px; background-size:8px; font-size:12px;}
	.listType2 ul.type2 li .down a:hover {background:#8bbf45; border-color:#8bbf45; }
	.listType2 ul.type2 li .down a:hover span {color:#fff; background-image:url("/templates/BFPC/images/down_icon.png");}
	.listType2 ul.type2 li .down.type2 {width:100%; display:block; text-align:left; }


	.listType3 {margin-top:50px;} /* pr자료실 - 광고리스트 */
	.listType3 .listTab {top:-35px; left:0;}
	.listType3 .listTab a {padding:0 10px; font-size:13px;}
	
	.listType3 .listDiv {margin-top:60px;}
	.listType3 .listDiv a .txtArea .tit {font-size:16px; line-height:1.3; }
	.listType3 .listDiv a .txtArea .date {margin:15px 0; font-size:13px;} 
	.listType3 .listDiv a .txtArea .txt {font-size:13px; line-height:1.3; height:48px;}

	.listType3 .listDiv.type2 {margin-top:30px;}
	.listType3 .listDiv.type2 > div {margin-top:15px;}/* pr자료실 - 브로셔 리스트 */
	.listType3 .listDiv.type2 > div:nth-child(-n+2) {margin-top:0;} 
	.listType3 .listDiv.type2 > div .imgCon {padding:20px 20px 0; overflow:hidden;}
	.listType3 .listDiv.type2 > div .txtArea {padding:15px;}
	.listType3 .listDiv.type2 > div .txtArea .tit {font-size:14px; line-height:1.3;}
	.listType3 .listDiv.type2 > div .txtArea .downLink {margin-top:15px; padding:5px 10px; border:1px solid #e0e0e0;}
	.listType3 .listDiv.type2 > div .txtArea .downLink span {padding-right:15px; background-size:8px; font-size:12px;}
	
	.listType4 a {margin-top:25px;}/* 직무인터뷰 리스트 */
	.listType4 a:nth-of-type(-n+4) {margin-top:25px;}
	.listType4 a:nth-of-type(-n+2) {margin-top:0;}
	.listType4 a .label {top:10px; left:15px; padding:5px 5px 3px; font-size:12px;}
	.listType4 a .imgCon .txt {width:calc(100% - 30px); padding:10px 0;}
	.listType4 a .imgCon .txt span {font-size:13px; line-height:1.5; padding:0 10px;}
	.listType4 a .imgCon .txt span:before {width:8px; height:4px; background-size:100%;}
	.listType4 a .imgCon .txt span:after {bottom:4px; width:8px; height:4px; background-size:100%;}
	.listType4 a .txtCon {padding-top:20px; font-size:13px;}
	
	.listType5 a {float:none; width:100%; margin-top:10px;} /* 개발실적 리스트 */
	.listType5 a:nth-of-type(even) {float:none;}
	.listType5 a:nth-child(-n+2) {margin-top:10px;}
	.listType5 a:first-child {margin-top:0}
	.listType5 a .imgCon {width:45%; height:200px; overflow:hidden; float:left;}
	.listType5 a .imgCon img {max-height:100%;}
	.listType5 a .txtArea {float:left; width:calc(100% - 45%); height:200px; padding:20px;}
	.listType5 a .txtArea > .tit {font-size:16px; line-height:1.3; height:42px; word-break:keep-all;}
	.listType5 a .txtArea ul {margin-top:10px;}
	.listType5 a .txtArea ul li {margin-top:8px;}
	.listType5 a .txtArea ul li p {font-size:13px; line-height:1.3; width:calc(100% - 70px);}
	.listType5 a .txtArea ul li p.tit {width:70px;}
	.listType5 a .txtArea ul li.t2 p {float:none; width:100%;}
	.listType5 a .txtArea ul li.t2 p.tit {width:100%;}

	.noData {padding:60px 0 85px;}/* 검색결과 없을 때 */
	.noData .txt {font-size:13px; padding-top:73px; background-size:57px;}
	.noData.faq {margin-top:30px;}


	/* viewType */
	.viewType1 {margin:40px auto 0;}
	.viewType1 .titArea {padding:25px 3%;}
	.viewType1 .titArea .tit {font-size:15px; line-height:20px; color:#000; font-weight:bold;}
	.viewType1 .titArea .date {font-size:12px; margin-top:15px;}

	.viewType1 .titArea.type2 .type {margin-bottom:15px;}
	.viewType1 .titArea.type2 .type span {width:50px; height:14px; padding-top:4px; line-height:1; border-radius:10px; font-size:12px;}
	.viewType1 .txtArea {padding:30px 3% 50px;}
	.viewType1 .txtArea .imgCon {margin-bottom:30px;}
	.viewType1 .txtArea .txt {font-size:12px; line-height:20px;}
	.viewType1 .fileArea {padding:0 3%;}
	.viewType1 .fileArea a {padding:7px 10px; margin-right:2px; font-size:11px;}
	.viewType1 .fileArea a span {padding-left:15px; background-size:11px; background-position:0 3px}
	.viewType1 .prevNext {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-top:20px;}
	.viewType1 .prevNext > div {padding:11px 15px;}
	.viewType1 .prevNext .prev span:first-child {padding-right:10px; width:45px; background-size:8px auto; font-size:13px;}
	.viewType1 .prevNext .prev span:last-child {width:calc(100% - 91px); padding-left:25px; font-size:13px; }
	.viewType1 .prevNext .next span:first-child {padding-right:10px; width:45px;  background-size:8px auto; font-size:13px;}
	.viewType1 .prevNext .next span:last-child {width:calc(100% - 91px); padding-left:25px; font-size:13px; }

	
	.viewType2 {margin:40px auto 0;} /* 개발실적_상세 */
	.viewType2 .titArea {padding:25px 3%;}
	.viewType2 .titArea .tit {font-size:15px; line-height:20px; }
	.viewType2 .txtArea {margin:30px 3% 50px; padding:0}
	.viewType2 .txtArea .dotList {padding:25px 0 0}
	.viewType2 .txtArea .dotList li {font-size:13px; line-height:1.5; margin-top:10px;}
	.viewType2 .txtArea .dotList li:first-child {margin-top:0}
	.viewType2 .txtArea .dotList li .clear .tit {float:left; width:75px; padding-left:8px; background-size:2px; }
	.viewType2 .txtArea .dotList li .clear .tit:after {right:auto; left:70px; font-size:13px;}
	.viewType2 .txtArea .dotList li.t2 .clear p {float:none; width:100%; }

	.viewType2 .prevNext {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-top:20px;}
	.viewType2 .prevNext > div {padding:11px 15px;}
	.viewType2 .prevNext .prev span:first-child {padding-right:10px; width:45px; background-size:8px auto; font-size:13px;}
	.viewType2 .prevNext .prev span:last-child {width:calc(100% - 91px); padding-left:25px; font-size:13px; }
	.viewType2 .prevNext .next span:first-child {padding-right:10px; width:45px;  background-size:8px auto; font-size:13px;}
	.viewType2 .prevNext .next span:last-child {width:calc(100% - 91px); padding-left:25px; font-size:13px; }


	/* writeType */
	.writeType1 ul li {padding-bottom:15px; }/* 제품문의 */
	.writeType1 ul li .left {padding:15px 3%;}
	.writeType1 ul li .left .tit {font-size:15px;}
	.writeType1 ul li .right {padding:0 3%;}		
	.writeType1 ul li .right .txt {font-size:14px; line-height:1.3}
	.writeType1 ul li .right.inputArea select {height:35px; padding-right:20px;}
	.writeType1 ul li .right.inputArea input[type="text"] {height:35px; font-size:14px;}
	.writeType1 ul li .right.inputArea input[type="tel"] {height:35px; font-size:14px;}
	.writeType1 ul li .right.inputArea .mark {font-size:13px; line-height:1.5; margin-top:10px;}
	.writeType1 ul li .right.inputArea .fileDiv > input {height:27px; width:calc(100% - 87px);}
	.writeType1 ul li .right.inputArea .fileChoice {width:60px; height:14px; padding:10px 0 10px; font-size:13px;}
	.writeType1 ul li .right.inputArea .fileChoice > input {height:35px;}
	.writeType1 ul li .right.inputArea .fileArea {margin-top:5px;}
	.writeType1 ul li .right.inputArea .fileArea a {font-size:13px; padding:5px 25px 5px 10px; background-size:10px; background-position:right 10px center;}
	.writeType1 ul li .right.inputArea .captchaDiv {position:relative; }
	.writeType1 ul li .right.inputArea .captchaDiv .captchaImg {width:135px; height:35px; position:absolute; top:-30px; right:50px;}
	.writeType1 ul li .right.inputArea .captchaDiv .againBt {height:35px; background-size:15px auto; margin:0; position:absolute; top:-30px; right:25px;}
	.writeType1 ul li .right.inputArea .captchaDiv .listenBt {height:35px; background-size:15px auto; margin:0; position:absolute; top:-30px; right:0;}
	.writeType1 ul li .right.inputArea .captchaDiv input {width:100%; margin-top:15px; font-size:13px;}

	/* 신규파트너사 정보등록 문의 팝업 */
	.writeType1.type2 ul li .right {padding:0 3%;}
	.writeType1.type2 ul li .right.inputArea select {height:35px;}
	.writeType1.type2 ul li .right.inputArea .captchaDiv input {width:100%;}
	.writeType1Notice {padding:20px 3%;}
	.writeType1Notice .tit {font-size:16px;}
	.writeType1Notice ul {margin-top:10px;}
	.writeType1Notice ul li {font-size:14px; line-height:1.5;}
	.writeType1Notice .txt {padding-left:8px; font-size:13px; line-height:1.5;}
	.writeType1Notice .txt p {padding-left:0; display:inline;}
	.writeType1Notice .txt p:first-child {position:relative; left:0;}
	.writeType1Notice .txt p br {display:none;}
		
	/* 페이징 */
	.paging {margin-top:30px;}
	.paging a {font-size:12px; margin:0 9px;}
	.paging a:hover:after, .paging a.on:after {bottom:0;}
	.paging .first {width:28px; height:28px; background-size:auto 9px;}
	.paging .prev {width:28px; height:28px; background-size:auto 9px; margin-right:0;}
	.paging .next {width:28px; height:28px; background-size:auto 9px; margin-left:0;}
	.paging .last {width:28px; height:28px; background-size:auto 9px;}

	/* 버튼 스타일 */
	.btnArea {margin-top:25px;}
	.btnArea a {margin:2px;}
	.btnArea a:first-child {margin:2px;}
	.btnArea .blueBtn {margin-top:40px;}	
	.bBlueBtn {padding:9px 36px 10px; font-size:12px;}
	.blueBtn {padding:11px 40px 12px; font-size:12px;}
	.tabBtn {display:block;width:100%;}/* tab 버튼*/
	.tabBtn.mt80 {margin-top:40px !important;}
	.tabBtn:after {content:""; display:block; clear:both;}
	.tabBtn a {display:block; float:left; width:50%; padding:12px 0 13px; box-sizing:border-box; border-left:0; border-top:0; font-size:13px;}
	.tabBtn a:nth-of-type(2n-1) {border-left:1px solid #e0e0e0;}
	.tabBtn a:nth-of-type(-n+2) {border-top:1px solid #e0e0e0;}
	.tabBtn a.on {background:#8bbf45; color:#fff; font-weight:bold;}
	.tabBtn a.w100 {width:100%;}
	.tabBtn.employ a br {display:none;}
	.tabBtn.table {display:table; table-layout:fixed; width:100%;}/* tab 버튼*/
	.tabBtn.table a {display:table-cell; vertical-align:middle; text-align:center; float:none;}
	.tabBtn.table a:first-child {border-left:1px solid #e0e0e0;}
	.tabBtn.table a.on {background:#8bbf45; border-color:#8bbf45; color:#fff; font-weight:bold;}

	/* 체크, 라디오 스타일 */
	.chkType1 {margin:10px 0 0;}
	.chkType1 label {padding-left:22px; font-size:14px; height:16px; line-height:16px; background:url("/templates/BFPC/images/checkbox.gif") no-repeat 0 50%; background-size:15px 15px;}
	.chkType1 input[type="checkbox"]:checked + label {background:url("/templates/BFPC/images/checkbox_on.gif") no-repeat 0 50%; background-size:15px 15px}

	.radioType1 label {padding-left:20px; height:15px; line-height:15px; font-size:13px; background:url("/templates/BFPC/images/radio_btn.png") no-repeat 0 50%; background-size:15px 15px;}
	.radioType1 input[type="radio"]:checked + label {background:url("/templates/BFPC/images/radio_btn_on.png") no-repeat 0 50%; background-size:15px 15px;}

	/* 레이어 팝업 */
	.layerPop {width:100%; height:100%;}
	.layerPop .popHead {padding:15px 3%; font-size:16px;}
	.layerPop .popBody {padding:20px 3% 30px; height:calc(100% - 66px); overflow-y:auto; -webkit-overflow-scrolling:touch;}
	.layerPop .popBody .searchDiv .selectArea {margin-bottom:5px;}
	.layerPop .popBody .searchDiv .selectArea select {height:40px; font-size:14px;}
	.layerPop .popBody .searchDiv .inputArea {width:100%;}
	.layerPop .popBody .searchDiv .inputArea input {width:calc(100% - 61px); height:32px; font-size:14px;}
	.layerPop .popBody .searchDiv .inputArea .srchBtn {width:40px; height:40px; background-size:15px auto;}
	.layerPop .popBody .searchDiv .resetBtn {width:40px; height:40px; background-size:15px auto;}
	.layerPop .popClose {top:15px; right:3%;}
	.layerPop .popClose img {width:14px; height:14px;}
	.layerPop.prodDown .grayBox {padding:15px 3%; margin-top:20px;}
	.layerPop.prodDown .grayBox .tit {font-size:18px;}
	.layerPop.prodDown .grayBox .roundList {margin-top:10px}
	.layerPop.prodDown .grayBox .roundList li {min-width:195px; width:100%; font-size:13px;}
	.layerPop.prodDown .grayBox .roundList li .round {width:25px; height:25px; font-size:13px; line-height:25px; margin-right:5px;}
	.layerPop.prodDown .grayBox .moreBtn {width:24px; height:13px; margin:10px auto 0; background-size:24px 13px;}
	.layerPop.prodDown .popBody .popBtnArea {margin:10px 0 25px;}
	.layerPop.prodDown .popBody .popBtnArea .grayBtn {padding:10px 30px; font-size:14px;}
	.layerPop.prodDown .tableType1 table {width:200%;}
	.layerPop.prodDown .tableType1 table th {padding:15px 0; font-size:14px;}
	.layerPop.prodDown .tableType1 table th:nth-child(1) {width:100px;}
	.layerPop.prodDown .tableType1 table th:nth-child(2) {width:160px;}
	.layerPop.prodDown .tableType1 table th:nth-child(3) {width:160px;}
	.layerPop.prodDown .tableType1 table th:nth-child(4) {width:130px;}
	.layerPop.prodDown .tableType1 table th:nth-child(5) {width:160px;}
	.layerPop.prodDown .tableType1 table td {padding:10px 5px; font-size:13px; line-height:1.5;}
	.layerPop.prodDown .tableType1 table td.roundTd img {width:25px}
	.layerPop.prodDown .popBody > *:last-child {margin-bottom:30px;}	
	.layerPop.contPop .popBody > *:last-child {margin-bottom:30px;}
	.layerPop.recruitPop .popBody > *:last-child {margin-bottom:30px;}
	.layerPop.mail .popBody {padding:20px 3%; height:calc(100% - 85px);}
	.layerPop.mail .popBody .icon > img {height:70px;}
	.layerPop.mail .popBody .txt1 {font-size:16px; line-height:1.5; margin-top:15px;}
	.layerPop.mail .popBody .txt2 {font-size:13px; line-height:1.5; margin-top:10px;}
	.layerPop.mail .popBody .btnArea .blueBtn {margin-top:30px;}
	.layerPop.browser {width:100%;}
	.layerPop.browser .popBody {padding:20px 3%; height:calc(100% - 85px);}
	.layerPop.browser .popBody .txt1 {font-size:14px; line-height:1.5; word-break:keep-all;}
	.layerPop.browser .popBody .txt1 br {display:none;}
	.layerPop.browser .popBody .txt2 {font-size:14px; line-height:1.5; word-break:keep-all; margin-top:5px;}
	.layerPop.browser .popBody .txt2 br {display:none;}
	.layerPop.browser .popBody .icons {display:block; text-align:center; margin-top:20px;}
	.layerPop.browser .popBody .icons a {float:none; padding:15px 0; width:32%; margin:0;}
	.layerPop.browser .popBody .icons a .icon img {height:30px;}
	.layerPop.browser .popBody .icons a .name {font-size:13px; margin-top:10px;}
	.layerPop.browser .popFoot {position:absolute; bottom:0; left:0; width:94%; padding:10px 3%;}
	.layerPop.poolPop .popBody {height:calc(100% - 96px); padding:20px 3% 30px;}/* pool 팝업 */
	.layerPop.poolPop .txt {font-size:13px; line-height:1.5;}
	.layerPop.poolPop .employBox .tit {font-size:15px; margin-top:15px;}
	.layerPop.poolPop .employBox .grayBox {padding:25px 10px; margin-top:20px;}
	.layerPop.poolPop .employList li {width:120px; height:136px; margin-right:5px; background-size:120px 136px;}
	.layerPop.poolPop .employList li p span{letter-spacing:-2px; font-size:14px}
	.layerPop.poolPop .employList li p span strong{letter-spacing:0}
	.layerPop.poolPop .employList li p span .greenBt {font-size:12px; line-height:1.3; margin-top:10px; border-radius:3px;}
	.layerPop.poolPop .employList li p span .greenT {display:block; color:#8cc63e; line-height:20px; margin-top:10px;}
	.layerPop .imgBtn {margin-top:25px;}/* 2018-10-24 추가 */
	.layerPop .imgBtn .pc {display:none;}
	.layerPop .imgBtn .mobile {display:inline-block; height:35px;}
	.layerPop .msdsBtn img {width:50px;}
	.layerPop.prodDown2 {} /* 2018-12-27 ncc팝업 */
	.layerPop.prodDown2 .h3TxtArea {margin-bottom:15px;}
	.layerPop.prodDown2 .tabBtn a {padding:8px 0;}
	.layerPop.prodDown2 .tabCon {margin-top:15px; margin-bottom:30px;}

	.layerPop2 {width:100%; height:100%;}
	.layerPop2 .popHead {padding:15px 3%; font-size:16px;}
	.layerPop2 .popBody {padding:20px 0 0; height:calc(100% - 66px); overflow-y:auto; -webkit-overflow-scrolling:touch;}	
	/*.layerPop2 .popBody > *:last-child {margin-bottom:30px;}	*/
	.layerPop2 .popBody .guide1 {margin-bottom:30px;}
	.layerPop2 .popBody .guideDiv2 {margin-bottom:30px;}
	.layerPop2 .popBody .factoryDiv {margin-bottom:30px;}
	.layerPop2 .popBody .btnArea {margin-bottom:30px;}

	.layerPop2 .popClose {top:15px; right:3%;}
	.layerPop2 .popClose img {width:14px; height:14px;}
	/*.layerPop2 .imgBtn {margin-top:25px;}*/
	.layerPop2 .imgBtn .pc {display:none;}
	.layerPop2 .imgBtn .mobile {display:inline-block; height:35px;}

	.layerPop2 .tabArea {padding:0 3%;} 
	.layerPop2 .tabArea .tabBtn2 {margin-top:15px;}
	.layerPop2 .tabArea .tabBtn2 a {font-size:13px; padding:10px 20px;}
	
	.layerPop2.guidePop .productTit {margin:30px 0 15px;}
	.layerPop2.guidePop .productTit2 {font-size:14px; margin:25px 0 15px;}
	.layerPop2.guidePop .productTxt {font-size:13px; line-height:1.5}
	.layerPop2.guidePop .h3TxtArea {margin:30px 0;}

	.layerPop2.guidePop .guide1 {padding:0 3% 15px;}
	.layerPop2.guidePop .guide1 .productList > div {float:left; width:49%; margin-top:10px;}
	.layerPop2.guidePop .guide1 .productList > div:nth-of-type(-n+3) {margin-top:10px;}
	.layerPop2.guidePop .guide1 .productList > div:nth-of-type(-n+2) {margin-top:0;}
	.layerPop2.guidePop .guide1 .productList > div:nth-of-type(3n-2){margin-left:2%}
	.layerPop2.guidePop .guide1 .productList > div:nth-of-type(2n-1){margin-left:0}	
	.layerPop2.guidePop .guide1 .productArea .boxWrap {margin-top:10px;}
	.layerPop2.guidePop .guide1 .productArea .boxWrap:nth-of-type(1) {margin-top:0;}
	.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea {float:none; width: 100%; min-height:auto; padding:15px 0;}
	.layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea {float:none;}
	.layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea {float:left;}
	.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType {padding:20px 0;}
	.layerPop2.guidePop .guide1 .productArea .boxWrap:last-child .boxArea.txtType {padding-bottom:0}
	.layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea.txtType {text-align:left;}
	.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .tit {font-size:16px; line-height:1.3;}
	.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .txt {font-size:13px; line-height:1.5;}
	.layerPop2.guidePop .guide1 .compList {width:290px; margin:10px auto;}
	.layerPop2.guidePop .guide1 .compList li {width:70px; height:80px; padding-right:40px; background-size:70px 80px;}
	.layerPop2.guidePop .guide1 .compList li:last-child {padding-right:0;}
	.layerPop2.guidePop .guide1 .compList li:after {width:40px; height:80px; background-size:15px auto;}
	.layerPop2.guidePop .guide1 .compList li:last-child:after {display:none}
	.layerPop2.guidePop .guide1 .compList li p span {padding:0 6px; font-size:12px; line-height:1.3;}
	.layerPop2.guidePop .guide1 .grayBox {padding:40px 0; margin-top:15px;}
	.layerPop2.guidePop .guide1 .grayBox .dotList {margin-left:25px;}
	.layerPop2.guidePop .guide1 .grayBox .dotList li {padding-left:7px; background-size:2px; background-position:0 8px; font-size:13px; line-height:1.6;}
	.layerPop2.guidePop .guide1 .grayBox .img:last-child {margin-top:30px;}
	.layerPop2.guidePop .guide1 .grayBox img.pc {display:none;}
	.layerPop2.guidePop .guide1 .grayBox img.mobile {display:inline-block;}
	.layerPop2.guidePop .guide1 .whiteBox {padding:30px 3%; margin-top:10px; overflow-x:auto}
	.layerPop2.guidePop .guide1 .whiteBox img.pc {display:none;}
	.layerPop2.guidePop .guide1 .whiteBox img.mobile {display:inline-block; /*max-width:120%;*/}
	
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn { margin:0 auto; position:relative; top:50px; width:94%}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn .scrollDiv {width:722px;}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a .txt {font-size:13px; padding-top:50px; text-align:center;}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1 .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2 .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3 .txt {background-size:49px auto;}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4 .txt {background-size:49px auto;}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5 .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6 .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7 .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8 .txt {background-size:49px auto;}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:hover:after {content:""; display:block; width:calc(100% + 2px); position:absolute; bottom:-1px; left:-1px; border-bottom:2px solid #8bbf45} /* hover */
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:hover .txt {color:#8bbf45; font-weight:bold;}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1:hover .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2:hover .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3:hover .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4:hover .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5:hover .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6:hover .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7:hover .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8:hover .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.on:after {content:""; display:block; width:calc(100% + 2px); position:absolute; bottom:-1px; left:-1px; border-bottom:2px solid #8bbf45} /* on 활성화 */
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.on .txt {color:#8bbf45; font-weight:bold;}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1.on .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2.on .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3.on .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4.on .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5.on .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6.on .txt {background-size:49px auto}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7.on .txt {background-size:49px auto;}
	.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8.on .txt {background-size:49px auto}	
	.layerPop2.guidePop .guideDiv2 .grayArea {background:#f9f9f9; padding:100px 3% 30px;}
	.layerPop2.guidePop .guideDiv2 .grayArea .tit {font-size:16px; color:#000; font-weight:bold; text-align:center;}
	.layerPop2.guidePop .guideDiv2 .grayArea .linkArea {margin-top:30px;}
	.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div {width:100%; display:block; margin-top:25px;}
	.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div:nth-of-type(-n+2) {margin-top:25px}
	.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div:first-child {margin-top:0}
	.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul {display:inline-block; vertical-align:top; border-left:1px solid #e0e0e0; padding-left:20px; font-size:13px;}
	.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li {margin-top:10px;}
	.layerPop2.guidePop .productDiv {padding:0 3%;}
	.layerPop2.guidePop .productDiv .tit {font-size:16px; margin-bottom:15px;}
	.layerPop2.guidePop .productDiv .grayImgBox {padding:30px 30px; margin-bottom:25px;}
	.layerPop2.guidePop .productDiv .tableType1 .scrollDiv {}
	.layerPop2.guidePop .productDiv .tableType1 .scrollDiv table {width:200%;}
	.layerPop2.guidePop .productDiv .tableType1 table thead th {font-size:13px; padding:10px 0;}
	.layerPop2.guidePop .productDiv .tableType1 table tbody td {padding:10px 15px; font-size:12px; line-height:1.3;}
	.layerPop2.guidePop .productDiv .tableType1 table tfoot td {padding:10px 15px; font-size:12px; line-height:1.3;}
	.layerPop2.guidePop .productDiv .imgList {margin-top:15px;}
	.layerPop2.guidePop .productDiv .imgList li {float:left; width:49%; margin-right:2%; margin-top:10px;}
	.layerPop2.guidePop .productDiv .imgList li:nth-of-type(-n+3) {margin-top:10px;}
	.layerPop2.guidePop .productDiv .imgList li:nth-of-type(-n+2) {margin-top:0;}
	.layerPop2.guidePop .productDiv .imgList li:nth-of-type(3n) {margin-right:2%;}
	.layerPop2.guidePop .productDiv .imgList li:nth-of-type(2n) {margin-right:0;}
	.layerPop2.guidePop .productDiv .whiteBox {padding:25px 5%;}
	.layerPop2.guidePop .productDiv .whiteBox .dotList li {padding-left:7px; background-size:2px; background-position:0 8px; font-size:13px; line-height:1.6;}

	.layerPop2 .factoryDiv {padding:0 3%;}
	.layerPop2 .factoryDiv .factoryList > div .factoryTxt {margin-top:30px;}
	.layerPop2 .factoryDiv .factoryList > div .factoryTxt .tit {font-size:14px; line-height:25px;}
	.layerPop2 .factoryDiv .factoryList > div .factoryTxt .tit span {width:25px; height:25px; font-size:12px; line-height:25px; margin-right:5px;}
	.layerPop2 .factoryDiv .factoryList > div .factoryTxt .txt {font-size:13px; line-height:1.5; margin-top:10px;}
	.layerPop2 .factoryDiv .tabArea a {padding:10px; font-size:13px;}

	/* 탑버튼 */
	.topBtn {right:3%; width:40px; height:40px;}
	.topBtn a {padding-top:9px;}
	.topBtn a img {height:19px;}
}

@media screen and (max-width:450px) {	
	.tabBtn.employ a {font-size:11px;}

}

@media screen and (max-width:350px) {	
	.btnArea {margin-top:25px;}
	.btnArea a {margin:2px;}
	.btnArea a:first-child {margin:2px;}
}