@import url(common.css);
@import url(lottechem_style2.css);


.taL{text-align:left !important}

/* ȸ��Ұ� */
.companyDiv .mTit {font-size:30px; font-weight:bold; color:#000; margin-bottom:25px; text-align:center;} /* ���� */
.companyDiv .sTit {text-align:center; line-height:1.5}
.companyDiv .summaryArea {margin-top:80px;}
.companyDiv .summaryArea .mainImg {position:relative; top:100px; left:0; opacity:0; height:810px; margin-bottom:217px; background:url("/common/images/icon/summaryArea_main.jpg") no-repeat center;}
.companyDiv .summaryArea .mainImg .inner {height:100%; position:relative;}
.companyDiv .summaryArea .mainImg .txtArea {
	position:absolute; bottom:-217px; left:-150px; width:795px; height:457px; padding:80px 60px; box-sizing:border-box; box-shadow:70px 70px 80px rgba(0,0,0,0.4); color:#fff; opacity:0;
	background:url("/common/images/icon/mainImg_Bg.png") no-repeat center; background-size:cover; 
}
.companyDiv .summaryArea .mainImg .txtArea .tit {font-size:24px; line-height:36px; font-weight:bold; margin-bottom:30px;}
.companyDiv .summaryArea .mainImg .txtArea .txt {line-height:28px; margin-top:20px; color:rgba(255,255,255,0.6)}
.summaryDiv > div {padding-top:80px; position:relative; top:100px; left:0; opacity:0;}
.summaryDiv > div:after {content:""; display:block; clear:both;}
.summaryDiv > div .txtArea {float:left; width:700px; padding:80px 60px; box-sizing:border-box;}
.summaryDiv > div .txtArea .tit {font-size:22px; line-height:34px; color:#000; font-weight:bold;}
.summaryDiv > div .txtArea .tit .greenT {color:#8bbf45;}
.summaryDiv > div .txtArea .txt {line-height:28px; margin-top:40px; word-break:keep-all;}
.summaryDiv > div .imgArea {float:left; width:700px; height:450px; overflow:hidden; box-sizing:border-box;}
.summaryDiv > div .imgArea img {width:100%;}
.summaryDiv > div:first-child .txtArea {float:right;}
.summaryDiv > div:first-child .imgArea {float:right;}
.companyArea1 {position:relative; top:100px; left:0; opacity:0; padding:260px 0 80px; background:url("/common/images/icon/companyArea1_bg.png") no-repeat center top;}
.companyList {margin-top:60px;}
.companyList:after {content:""; display:block; clear:both;}
.companyList li {float:left; position:relative; top:50px; left:0; opacity:0; width:275px; height:260px; padding:40px; margin-left:5px; box-sizing:border-box; text-align:center; background:rgba(255,255,255,0.9);}
.companyList li:first-child {margin-left:0}
.companyList li .icon {margin-bottom:40px;}
.companyList li .tit {font-size:18px; font-weight:bold; color:#000; margin-bottom:30px;}
.companyList li .txt {line-height:28px;}
.gradeList {position:relative; top:100px; left:0; opacity:0; border-bottom:1px solid #e0e0e0; margin-bottom:150px;}
.gradeList:after {content:""; display:block; clear:both;}
.gradeList li {float:left; width:350px; padding:80px 0; text-align:center;}
.gradeList li .tit {font-size:18px; color:#000; margin-bottom:30px;}
.gradeList li .txt {font-size:20px; color:#000;}
.gradeList li .txt strong {font-size:50px; color:#000; font-weight:bold; font-family:'Proxima-Bold', sans-serif; font-weight:normal;}
.gradeList li .date {font-size:15px; position:absolute; bottom:20px; right:0;}
.bizArea > div {position:relative; top:100px; left:0; opacity:0; }
.bizList {margin:60px 0 0;}
.bizList:after {content:""; display:block; clear:both;}
.bizList li {float:left; width:350px; position:relative;}
.bizList li a {display:block;}
.bizList li div .img img {width:100%;}
.bizList li div .img img.mobile {display:none;}
.bizList li .frontDiv .txt {position:absolute; top:50px; left:50px; font-size:26px; line-height:36px; color:#fff;}
.bizList li .frontDiv .txt span {display:block; font-weight:bold;}
.bizList li .backDiv {opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; box-shadow:80px 60px 80px rgba(0,0,0,0.5); transition:all 0.3s; -webkit-transition: all 0.3s;}
.bizList li .backDiv .txtArea {position:absolute; top:0; left:0; padding:50px; width:100%; height:100%; box-sizing:border-box;}
.bizList li .backDiv .txtArea:after {content:""; display:block; position:absolute; bottom:50px; left:50px; width:63px; height:12px; background:url("/common/images/icon/box_arrow_w.png") no-repeat 0 0;}
.bizList li .backDiv .txtArea .tit {font-size:26px; line-height:36px; color:#fff;}
.bizList li .backDiv .txtArea .tit span {display:block; font-weight:bold;}
.bizList li .backDiv .txtArea .txt {line-height:28px; color:#fff; margin-top:30px; word-break:keep-all;}
.bizList li:hover .backDiv, .bizList li:focus .backDiv {opacity:1}
.bizArea .imgCon {margin-top:80px; position:relative;}
.bizArea .imgCon img {width:100%;}
.bizList.right{margin: 0 0 120px 0;}
.bizList.right li {float:right;}
/* 2018-10-30 ���� */
.bizArea .imgCon .img2 , .bizArea .imgCon .img3 , .bizArea .imgCon .img4 {position:absolute; top:0; left:0; opacity:0;}
.bizArea .imgCon > a {display:inline-block; position:absolute; background:#545a66; color:#fff; padding:15px 60px ; text-align:center; top:-25px; left:50%; border-radius:3px; transform:translateX(-50%);}
/* //2018-10-30 ���� */
.companyDiv .bottomArea {background:#f3f3f3; padding:80px 0 130px;}
.downList {width:1108px; margin:60px auto 0;}
.downList:after {content:""; display:block; clear:both;}
.downList li {width:232px; float:left; margin-left:60px; text-align:center;}
.downList li:first-child {margin-left:0;}
.downList li .img img {max-width:100%;}
.downList li .tit {margin-top:35px; font-weight:bold; color:#000}
.downList li a {display:inline-block; padding:10px 20px; border:2px solid #e1e1e1; border-radius:3px;  margin-top:20px; transition:all 0.3s; -webkit-transition: all 0.3s;}
.downList li a span {transition:all 0.3s; -webkit-transition: all 0.3s;}
.downList li a:hover {background:#8bbf45; border-color:#8bbf45;}
.downList li a:hover span {color:#fff;}

.visionArea p {line-height:26px;} /* ���� */
.visionArea > .mTit {font-size:30px; font-weight:bold; color:#000; line-height:42px; text-align:center;}
.visionArea > .mTit .greenT {color:#8bbf45;}
.visionImg {margin:80px 0;  text-align:center;}
.visionImg img {max-width:100%;}
.visionImg .mobile {display:none;}
.visionImg .mobileTxt {display:none;}
.visionList:after {content:""; display:block; clear:both;}
.visionList li {float:left; width:332px; margin-left:24px;}
.visionList li:first-child {margin-left:0;}
.visionList li .img {width:332px; height:260px; overflow:hidden; margin-bottom:30px;}
.visionList li .tit {font-size:22px; font-weight:bold; color:#000; margin-bottom:20px;}
.visionList li .txt {line-height:26px; word-break:keep-all;}
.visionDiv {text-align:center;}
.visionDiv > .tit {font-size:22px; font-weight:bold; color:#000;}
.visionDiv .redBox {display:inline-block; padding:26px 60px 28px; margin:30px 0; background:#ed1b23; border-radius:40px; font-size:30px; font-weight:bold; font-family:'Proxima-Bold', sans-serif; font-weight:normal; color:#fff;}
.visionDiv .boxArea {margin:60px 0;}
.visionDiv .boxArea:last-child {margin-bottom:0;}
.visionDiv .boxArea > .tit {font-size:30px; color:#000; font-family:'Proxima-Bold', sans-serif; font-weight:normal; margin-bottom:30px;}
.visionDiv .boxArea > ul {margin-top:30px;}
.visionDiv .boxArea > ul:after {content:""; display:block; clear:both;}
.visionDiv .boxArea > ul li {position:relative; float:left; width:424px; height:190px; background:#f4f4f4; padding:0 10px 10px; margin-right:34px;}
.visionDiv .boxArea > ul li:after {content:""; display:block; width:34px; height:100%; position:absolute; top:0; right:-34px; background:url("/common/images/icon/vision_arrow.png") no-repeat center;}
.visionDiv .boxArea > ul li:last-child {margin-right:0}
.visionDiv .boxArea > ul li:last-child:after {display:none;}
.visionDiv .boxArea > ul li .tit {font-size:18px; color:#000; padding:27px 0;}
.visionDiv .boxArea > ul li .txt {line-height:26px; height:48px; padding:30px 10px; background:#fff; border:1px solid #e0e0e0; word-break:keep-all;}

.ceoArea {margin-top:80px;} /* ceo �λ縻 */
.ceoArea .topArea {padding:130px 480px 100px 275px; background:url("/common/images/icon/ceoTop_bg.png?v=20200102") no-repeat center top;}
.ceoArea .topArea .tit {
	font-size:30px; line-height:44px; font-weight:bold; color:#000; padding-left:27px; display:inline; padding-right:30px;
	background-image:url("/common/images/icon/ceoTop_txt_bg1.png") , url("/common/images/icon/ceoTop_txt_bg2.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom 30px;
}
.ceoArea .topArea .tit .greenT {color:#8bbf45;}
.ceoArea .topArea .name {margin-top:20px; font-size:18px; padding-left:27px;}
.ceoArea .topArea .name span {display:block; font-size:20px; line-height:36px; font-weight:bold; color:#000;}
.ceoArea .txtArea {padding-top:60px; line-height:30px; word-break:keep-all;}
.ceoArea .txtArea .ceoInfo {text-align:right; font-weight:bold; line-height:38px; margin-top:25px;}
.ceoArea .txtArea .ceoInfo .info_name{display:inline-block; margin-left:10px; font-size:22px; line-height:38px; color:#000; padding-right:85px; background:url("/common/images/icon/ceoInfo_bg.png") no-repeat right center;}

.advertiseTop{margin-top:60px;} /* pr ���� */
.advertiseTop:after {content:""; display:block; clear:both;}
.advertiseTop .videoDiv {width:926px; height:521px; float:left;}
.advertiseTop .videoDiv iframe {position:relative; width:100%; height:100%;}
.advertiseTop .video_info{width:474px; height:521px; float:left; padding:40px; box-sizing:border-box; overflow-y:auto; background:#f2f2f2;}
.advertiseTop .video_info .tit{color:#000; font-size:20px; line-height:30px; margin-bottom:25px;}
.advertiseTop .video_info .date{color:#888; font-family:'Proxima-Regular', sans-serif; font-weight:normal;}
.advertiseTop .video_info .videoTxt{line-height:26px; margin-top:50px;}
.advertiseBot {margin-top:40px; padding-bottom:60px; border-bottom:2px solid #e0e0e0;}
.advertiseBot:after {content:""; display:block; clear:both;}
.advertiseBot .list{width:452px; float:left; margin-right:20px; position:relative;}
.advertiseBot .list:last-child{margin-right:0;}
.advertiseBot .list .txtDiv {padding-top:30px;}
.advertiseBot .list .txtDiv .txt {font-size:20px; font-weight:bold; color:#000; line-height:30px; overflow:hidden; text-overflow:ellipsis; height:60px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.advertiseBot .list .txtDiv .date{font-family:'Proxima-Regular', sans-serif; font-weight:normal; color:#888; margin-top:20px;}
.advertiseBot .list .advertise_hover{position:absolute; top:0; left:0; opacity:0;}
.advertiseBot .list:hover .advertise_hover{opacity:1;}

.ciArea .ciDiv1 .imgCon {text-align:center;} /* ci */
.ciArea .ciDiv1 .imgCon img {max-width:100%;}
.ciArea .ciDiv1 .imgCon img.mobile {display:none;}
.ciArea .ciDiv1 .logoTxt {text-align:center; margin:70px 0 50px;}
.ciArea .ciDiv1 .logoTxt .txt {display:inline-block; text-align:left; line-height:26px; padding:12px 0 11px 90px; background:url("/common/images/icon/ci_img2.png") no-repeat left center;}
.ciArea .ciDiv1 .ciList {border-top:1px solid #e0e0e0; padding-top:50px;}
.ciArea .ciDiv1 .ciList:after {content:""; display:block; clear:both;}
.ciArea .ciDiv1 .ciList li {float:left; width:465px; height:200px; text-align:center; border-left:1px solid #e0e0e0;}
.ciArea .ciDiv1 .ciList li:first-child {border-left:0}
.ciArea .ciDiv1 .ciList li .img {margin-bottom:40px;}
.ciArea .ciDiv1 .ciList li .txt {line-height:26px;}
.ciArea .ciDiv2 {position:relative; margin-top:100px;}
.ciArea .ciDiv2 .btnDiv {position:absolute; top:-16px; right:0;}
.ciArea .ciDiv2 .btnDiv a {display:inline-block; width:100px; box-sizing:border-box; border-radius:3px; padding:10px 20px; border:2px solid #e0e0e0; transition:all 0.3s; -webkit-transition: all 0.3s;}
.ciArea .ciDiv2 .btnDiv a span {display:block;  text-align:left; font-weight:bold; padding-right:30px; background:url("/common/images/icon/alertArea_btnIcon.png") no-repeat right center; transition:all 0.3s; -webkit-transition: all 0.3s;}
.ciArea .ciDiv2 .btnDiv a:hover {background:#8bbf45; border-color:#8bbf45}
.ciArea .ciDiv2 .btnDiv a:hover span {background-image:url("/common/images/icon/down_icon.png"); color:#fff;}
.ciArea .ciDiv2 .grayBox {background:#f7f7f7; padding:40px; margin-bottom:30px;}
.ciArea .ciDiv2 .grayBox:after {content:""; display:block; clear:both;}
.ciArea .ciDiv2 .grayBox > div {float:left; width:638px; margin-left:44px;}
.ciArea .ciDiv2 .grayBox > div:first-child {margin-left:0}
.ciArea .ciDiv2 .grayBox > div .tit {font-size:22px; font-weight:bold; color:#000; margin-bottom:20px; text-align:center;}
.ciArea .ciDiv2 .grayBox > div .img {margin-top:10px;}
.ciArea .ciDiv2 .grayBox > div .img:nth-of-type(1) {margin-top:0}
.ciArea .ciDiv3 .infoT {line-height:26px;}
.ciArea .ciDiv3 .colorDiv {margin-top:60px;}
.ciArea .ciDiv3 .colorDiv:after {content:""; display:block; clear:both;}
.ciArea .ciDiv3 .colorDiv .leftDiv {float:left; width:390px;}
.ciArea .ciDiv3 .colorDiv .rightDiv {float:right; width:945px;}
.ciArea .ciDiv3 .colorDiv > div .tit {font-size:22px; font-weight:bold; color:#000; border-bottom:1px solid #e0e0e0; padding-bottom:30px; }
.ciArea .ciDiv3 .colorDiv > div .txtArea {margin-top:25px;}
.ciArea .ciDiv3 .colorDiv > div .txtArea > .txt {line-height:24px;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color {height:90px; padding:20px; margin-top:15px;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color .txt {color:#fff; line-height:22px;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color.t1 {background:#da291c;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color.t2 {background:#064975;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color.t3 {background:#8dc63f;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color.t4 {background:#54585a;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color.t5 {background:#949599;}
.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea {float:left; width:220px; margin-left:20px;}
.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea:nth-of-type(1) {margin-left:0}
.ciArea .ciDiv4 .boxArea {display:table; border:1px solid #e0e0e0; padding:50px 0;}
.ciArea .ciDiv4 .boxArea .img {display:table-cell; vertical-align:middle; padding:0 100px; text-align:center;}
.ciArea .ciDiv4 .boxArea .img img {max-width:100%;}
.ciArea .ciDiv4 .boxArea .txt {display:table-cell; padding-right:100px; font-size:18px; color:#000; line-height:32px; word-break:keep-all;}

/* R&D */
.studyImgTxt {margin-top:80px; text-align:center;}
.studyImgTxt img {max-width:100%;}
.studyImgTxt .mobile {display:none;}
.studyArea .tabBtn {width:1400px; margin:0 auto;}
.studyArea .mainDiv {padding-top:80px; background:url("/common/images/icon/study_mainBg.jpg") no-repeat top;}
.studyArea.type2 .mainDiv {background-image:url("/common/images/icon/study_mainBg2.jpg");}
.studyArea .mainDiv .mTit {font-size:30px; font-weight:bold; color:#000; line-height:1.3; margin-bottom:55px; text-align:center;}
.studyArea .mainDiv .mTit .greenT {color:#8cc63e;}
.studyArea .mainDiv ul{position:relative; width:580px; height:310px; margin:55px auto 0;}
.studyArea .mainDiv li{position:absolute; top:0; left:0; width:310px; height:310px; border-radius:155px; text-align:center; box-sizing:border-box; color:#fff; background:#8bbf45; opacity:0.95; padding:110px 0 0; font-size:18px}
.studyArea .mainDiv li:nth-child(1) p:nth-child(2){font-size:50px; font-family:'Proxima-Bold', sans-serif; font-weight:normal; }
.studyArea .mainDiv li:nth-child(2){left:auto; right:0; background:#034875}
.studyArea .mainDiv li p:nth-child(2){margin-top:30px}
.studyArea .mainDiv li p:nth-child(2) span{font-size:20px; font-family:'���� ���', 'Malgun Gothic',  sans-serif}
.studyArea .mainDiv li:nth-child(2) p:nth-child(2){font-size:35px; font-weight:bold;}
.studyArea .mainDiv li:nth-child(2) p:nth-child(2) span{display:block; font-weight:normal; margin-top:15px}
.rndHistory .productTit {width:1368px; margin:60px auto 0;}
.rndHistory .historyDiv {margin:80px 0 140px; position:relative;}
.rndHistory .historyDiv:before {content:""; display:block; width:100%; height:1px; background:#e0e0e0; position:absolute; top:60px; z-index:-1}
.rndHistory .historyDiv .inner:after {content:""; display:block; clear:both;}
.rndHistory .historyDiv .yearArea {float:left; width:452px; margin-left:22px; text-align:center;}
.rndHistory .historyDiv .yearArea:first-child {margin-left:0}
.rndHistory .historyDiv .yearArea .tit {font-family:'Proxima-Bold', sans-serif; font-weight:normal; font-size:30px; color:#000; margin-bottom:22px;}
.rndHistory .historyDiv .yearArea .txtArea {padding-top:65px; background:url("/common/images/icon/rndHistory_icon.png") no-repeat center 0;}
.rndHistory .historyDiv .yearArea .txtArea .grayBox {border:1px solid #e0e0e0; background:#f4f4f4; padding:60px 0; height:160px;}
.rndHistory .historyDiv .yearArea .txtArea ul {display:inline-block; text-align:left;}
.rndHistory .historyDiv .yearArea .txtArea ul li {margin-bottom:30px; }
.rndHistory .historyDiv .yearArea .txtArea ul li:last-child {margin-bottom:0;}
.rndHistory .historyDiv .yearArea .txtArea ul li:after {content:""; display:block; clear:both;}
.rndHistory .historyDiv .yearArea .txtArea ul li p {float:left; font-size:18px; line-height:1.5;}
.rndHistory .historyDiv .yearArea .txtArea ul li p.yearT {font-size:20px; font-family:'Proxima-Bold', sans-serif; font-weight:normal; width:70px; margin-right:30px;}

.studyArea .bottomArea {margin-top:140px; padding:80px 0 110px; background:url("/common/images/icon/studyBot_bg.jpg") no-repeat center;}
.studyArea .bottomArea .tit {font-size:26px; font-weight:bold; color:#000; text-align:center;}
.studyArea .bottomArea .img {text-align:center; margin-top:10px;}
.studyArea .bottomArea .img img {max-width:100%;}
.studyArea .bottomArea .img .mobile {display:none;}
.studyArea .txtBox {padding:60px 0; margin-top:505px; line-height:30px; text-align:center; word-break:keep-all;}
.studyArea.type2 .txtBox {padding:60px 0 20px;}
.studyArea .txtBox .tit {color:#000; font-size:28px; font-weight:bold; line-height:1; margin-bottom:25px;}
.studyArea .historyArea.type2 {margin-top:30px; margin-bottom:140px;}
.studyArea .historyArea.type2 .history .year {margin-top:50px;}
.studyArea .historyArea.type2 .history .year:first-child {margin-top:0}

/* �������� */
.investImg {position:relative; text-align:center; }
.investImg .date {position:absolute; top:-45px; right:0;}
.investImg img {max-width:100%;}
.boardArea1 {background:#f4f4f4; padding:60px; margin-top:60px;} /* �̻�ȸ*/
.boardArea1 .tit {font-size:18px; font-weight:bold; color:#000; text-align:center;}
.boardArea1 .downList {margin:30px auto 0; width:943px; text-align:center;}
.boardArea1 .downList:after {content:""; display:block; clear:both;}
.boardArea1 .downList a {display:inline-block; width:237px; padding:15px 30px; margin:20px 10px 0 0; background:#545a66; border-radius:3px;}
.boardArea1 .downList a:nth-child(3n) {margin-right:0;}
.boardArea1 .downList .top a:nth-child(-n+2) {margin-top:0;}
.boardArea1 .downList a span {display:block; background:url("/common/images/icon/down_icon.png") no-repeat right center; color:#fff; text-align:left;}

.boardArea2:after {content:""; display:block; clear:both;}
.boardArea2 .memberList {float:left; width:335px; margin:20px 20px 0 0; padding:0 10px 10px; background:#f4f4f4; box-sizing:border-box;}
.boardArea2 .memberList:nth-child(4n) {margin-right:0;}
.boardArea2 .memberList:nth-child(-n+4) {margin-top:0;}
.boardArea2 .memberList > .tit {font-size:18px; font-weight:bold; color:#000; padding:30px 0; text-align:center;}
.boardArea2 .memberList .txtArea {border:1px solid #e0e0e0; background:#fff; padding:20px;}
.boardArea2 .memberList:nth-of-type(1) .txtArea, .boardArea2 .memberList:nth-of-type(2) .txtArea, .boardArea2 .memberList:nth-of-type(3) .txtArea, .boardArea2 .memberList:nth-of-type(4) .txtArea {height:250px;}
.boardArea2 .memberList:nth-of-type(5) .txtArea, .boardArea2 .memberList:nth-of-type(6) .txtArea, .boardArea2 .memberList:nth-of-type(7) .txtArea, .boardArea2 .memberList:nth-of-type(8) .txtArea {height:425px;}
.boardArea2 .memberList:nth-of-type(9) .txtArea, .boardArea2 .memberList:nth-of-type(10) .txtArea, .boardArea2 .memberList:nth-of-type(11) .txtArea {height:425px;}
.boardArea2 .memberList .txtArea .list {border-top:1px solid #e0e0e0; padding:10px 20px;}
.boardArea2 .memberList .txtArea .list:first-child {border-top:0}
.boardArea2 .memberList .txtArea .list:after {content:""; display:block; clear:both;}
.boardArea2 .memberList .txtArea .list .tit {float:left; width:100px; color:#000; font-weight:bold; line-height:26px;}
.boardArea2 .memberList .txtArea .list ul {float:right; width:calc(100% - 100px);}
.boardArea2 .memberList .txtArea .list ul li {position:relative; padding-left:12px; line-height:26px; word-break:keep-all;}
.boardArea2 .memberList .txtArea .list ul li:before {content:""; display:block; position:absolute; top:0; left:0; width:4px; height:26px; background:url("/common/images/icon/dotG_4x4.gif") no-repeat 0 center;}
.boardArea2 .memberList .txtArea .list .txt {float:right; width:calc(100% - 100px); line-height:26px; word-break:keep-all;}
.boardArea2 .memberList .txtArea .list.type3 .tit{float:inherit;width:100%;margin-bottom:5px;}
.boardArea2 .memberList .txtArea .list.type3 ul{float:inherit;width:100%;}

.boardArea3 {}
.boardArea3 > .txt {line-height:30px;}
.boardArea3 .dotDl dt {font-size:22px; font-weight:bold; color:#000; margin:50px 0 25px;}
.boardArea3 .dotDl dd {line-height:30px; padding-left:15px; background:url("/common/images/icon/dotG_4x4.gif") no-repeat 0 14px;}
.boardArea3 .acoArea { margin-top:40px;}
.boardArea3 .acoArea a {display:block; border:1px solid #e0e0e0; padding:30px; font-size:18px; color:#000; font-weight:bold; background:url("/common/images/icon/manage2_acco_icon.gif") no-repeat right 30px center;}
.boardArea3 .acoArea a.on {background-image:url("/common/images/icon/manage2_acco_icon_on.gif");}
.boardArea3 .acoArea .acoCon {display:none; border:1px solid #e0e0e0; border-top:0; padding:60px 80px;}

.investTab {margin:80px auto 0; width:200px;}
.investTab:after {content:""; display:block; clear:both;}
.investTab a {display:block;float:left; width:100px; text-align:center; font-size:18px; padding-bottom:20px; border-bottom:2px solid #e0e0e0;}
.investTab a.on {color:#000; font-weight:bold; border-color:#8bbf45;}
.investList {margin-top:40px;}
.investList:after {content:""; display:block; clear:both;}
.investList li {float:left; width:450px; border:1px solid #e0e0e0; margin-left:22px; text-align:center;}
.investList li:first-child {margin-left:0}
.investList li img {max-width:100%;}

.brochureTop {background:#f4f4f4; margin-top:80px; padding:60px 0;} /* ��μ� */
.brochureTop .inner:after {content:""; display:block; clear:both;}
.brochureTop .txtArea {float:left; width:60%; padding:60px 30px 0 100px; box-sizing:border-box; }
.brochureTop .txtArea .tit {font-size:34px; font-weight:bold; color:#000; line-height:1.3;}
.brochureTop .txtArea .txt {margin-top:30px; line-height:1.5;}
.brochureTop .txtArea .downBtn {margin-top:50px;} 
.brochureTop .txtArea .downBtn a {display:inline-block; padding:12px 30px; background:#fff; border:2px solid #e0e0e0; border-radius:3px; margin-left:2px;}
.brochureTop .txtArea .downBtn a:first-child {margin-left:0}
.brochureTop .txtArea .downBtn a:hover {background:#8bbf45; border-color:#8bbf45;}
.brochureTop .txtArea .downBtn a:hover span {background-image:url("/common/images/icon/down_icon.png"); color:#fff;}
.brochureTop .txtArea a span {padding-right:30px; background:url("/common/images/icon/alertArea_btnIcon.png") no-repeat right center;}
.brochureTop .txtArea .infoT {background:url("/common/images/icon/infoT_icon.png") no-repeat left 5px; padding-left:30px; font-size:15px; line-height:26px; margin-top:120px;}
.brochureTop .txtArea .greenT {color:#8bbf45; font-size:15px; line-height:30px; border-bottom:1px solid #8bbf45;} 
.brochureTop .imgArea {float:right; width:40%; padding-right:100px;  box-sizing:border-box; text-align:right;}
.brochureTop .imgArea > div {display:inline-block; box-shadow:10px 10px 0 #ebebeb; width:280px; height:388px; overflow:hidden;}
.brochureTop .imgArea > div img {height:100%;}

/* ��ǰ�Ұ� */
.prodMainV {position:fixed; top:0; left:0; z-index:0; min-height:700px; width:100%; background:url("/common/images/icon/prodMainV.jpg") no-repeat center; background-size:cover;}/* ��ǰ�Ұ�_������� */
.prodMainV .txtArea {position:absolute; top:40%; left:0; transform:translateY(-50%); width:100%; text-align:center; color:#fff;}
.prodMainV .txtArea .tit1 {position:relative; top:-120px; opacity:0; display:block; margin-bottom:20px; font-size:22px; font-family:'Proxima-Bold', sans-serif; font-weight:normal;}
.prodMainV .txtArea .tit2 {position:relative; top:-100px; opacity:0; font-size:74px; font-weight:bold; margin-bottom:55px; letter-spacing:-5px;}
.prodMainV .txtArea .txt {position:relative; top:100px; opacity:0; font-size:18px; line-height:30px;}
.prodMainV .scroll {position:absolute; bottom:60px; left:0; width:100%; font-size:14px; font-weight:bold; color:#fff; font-family:'Proxima-Bold', sans-serif; font-weight:normal; text-align:center; opacity:0;}
.prodMainV .scroll .arrow {display:block; width:74px; height:74px; margin:30px auto 0; border:1px solid #fff; background:url("/common/images/icon/prodMainV_scroll.png") no-repeat center; cursor:pointer }


/* 2018-11-06 ���� */
/* .subWrap .inner  */.h3TxtArea.prod .downBtn {display:inline-block; padding:19px 30px; background:#545a66; border-radius:3px; margin-top:45px}
/* .subWrap .inner  */.h3TxtArea.prod .downBtn span {color:#fff; font-weight:bold; background:url("/common/images/icon/down_icon.png") no-repeat right center; padding-right:36px;}
/* .subWrap .inner  */.h3TxtArea.prodTab .downBtn {display:inline-block; padding:19px 30px; background:#545a66; border-radius:3px; margin-top:45px}
/* .subWrap .inner  */.h3TxtArea.prodTab .downBtn span {color:#fff; font-weight:bold; background:url("/common/images/icon/down_icon.png") no-repeat right center; padding-right:36px;}
/* //2018-11-06 ���� */
.h3TxtArea .downBtn.hoverG:hover {background:#8bbf45;}

/* 2019-12-09 ��ũ ��ư �߰� */
.h3TxtArea .linkBtn.hoverG:hover {background:#8bbf45;}
.h3TxtArea .linkBtn {display:inline-block; padding:19px 30px; background:#545a66; border-radius:3px; margin-top:45px}
.h3TxtArea .linkBtn span {color:#fff; font-weight:bold; background:url("/common/images/icon/link_icon.png") no-repeat right center; padding-right:36px;}


.prodCon {background:#fff; position:relative; max-width:1920px; margin:0 auto;}
.prodCon .inner {position:relative;}
.prod_subList {position:relative; top:0; left:0; opacity:1; height:555px; padding-top:80px; background:url("/common/images/icon/prod_subList_bg.jpg") no-repeat 100% bottom;}
.prod_subList:nth-of-type(even) {background-position:0 bottom; text-align:right;}
.prod_subList:nth-of-type(1) {padding-top:120px;}
.prod_subList .txtArea {position:absolute; top:0; left:-260px; min-height:475px; padding:75px 0 0 1260px;}
.prod_subList:nth-of-type(even) .txtArea {left:auto; right:-260px; padding:75px 1260px 0 0;}
.prod_subList.type1 .txtArea {background:url("/common/images/icon/prod_subList_txt_bg1.jpg") no-repeat 0 top;}
.prod_subList.type2 .txtArea {background:url("/common/images/icon/prod_subList_txt_bg2.jpg") no-repeat 100% top;}
.prod_subList.type3 .txtArea {background:url("/common/images/icon/prod_subList_txt_bg3.jpg") no-repeat 0 top;}
.prod_subList.type4 .txtArea {background:url("/common/images/icon/prod_subList_txt_bg4.jpg") no-repeat 100% top;}
.prod_subList.type5 .txtArea {background:url("/common/images/icon/prod_subList_txt_bg5.jpg") no-repeat 0 top;}
.prod_subList.type6 .txtArea {background:url("/common/images/icon/prod_subList_txt_bg6.jpg") no-repeat 0 top;}
.prod_subList.type7 .txtArea {background:url("/common/images/icon/prod_subList_txt_bg7.jpg") no-repeat 100% top;}
.prod_subList .txtArea .mTxt {font-size:56px; font-weight:bold; color:#000;}
.prod_subList .txtArea .subTxt {font-size:18px; line-height:28px; margin:35px 0 30px;}
.prod_subList .txtArea .linkArea {text-align:right;}
.prod_subList .txtArea .linkArea.type2 {text-align:left;}
.prod_subList .txtArea .linkArea > div {display:inline-block; max-width:310px; vertical-align:top; text-align:left;}
.prod_subList .txtArea .linkArea a {display:inline-block; width:150px; font-size:18px; font-weight:bold; padding:19px 0 15px; margin-right:5px; border-bottom:1px solid #ccc; text-align:left;} 
.prod_subList .txtArea .linkArea a.w230 {width:230px;}
.prod_subList .txtArea .linkArea a:nth-child(even) {margin-right:0}
/*.prod_subList .txtArea .linkArea.type2 a {display:block;}*/
.prod_subList .txtArea .linkArea a:hover {color:#8bbf45; border-color:#8bbf45; background:url("/common/images/icon/linkArea_icon_on.png") no-repeat right 57%;}
.prodCon .bottArea {position:relative; padding:140px 0 150px; background:url("/common/images/icon/prodBottArea_bg.jpg") no-repeat center; background-size:cover; color:#fff; text-align:center; margin-top:80px;}
.prodCon .bottArea .tit {font-size:30px; font-weight:bold; }
.prodCon .bottArea .txt {font-size:18px; margin:30px 0 50px;}
.prodCon .bottArea a {display:inline-block; border:2px solid #fff; border-radius:3px; padding:19px 100px 19px 24px; background:url("/common/images/icon/prodBottArea_arrow.png") no-repeat right 30px center; font-size:18px; color:#fff;}
.prodImg {border:1px solid #e0e0e0; text-align:center;}
.prodImg img {max-width:100%;}
.prodImg .mobile {display:none;}

.prodList {text-align:center;} /* ��ǰ�뵵 */
.prodList li {position:relative; display:inline-block; width:219px; min-height:110px; padding:20px 0; border-left:1px solid #e0e0e0;}
.prodList li:first-child {border-left:0;}
.prodList li .icon {margin-bottom:30px;}
.prodList li .txt {position:absolute; bottom:0; left:0; width:100%; height:40px; line-height:1.3; box-sizing:border-box;}
.processImg {text-align:center;}
.processImg img {max-width:100%;}
.processImg img.mobile {display:none;}

.compList {text-align:center;} /* ����� */
.compList li {display:inline-block; position:relative; width:140px; height:160px; padding-right:115px; background:url("/common/images/icon/compList_bg1.png") no-repeat 0 0;}
.compList li:nth-child(even) {background-image:url("/common/images/icon/compList_bg2.png")}
.compList li:after {content:""; display:block; position:absolute; top:0; right:0; width:120px; height:160px; background:url("/common/images/icon/compList_dot.png") no-repeat center;}
.compList li:last-child {padding-right:0}
.compList li:last-child:after {display:none;} 
.compList li p {display:table; width:100%; height:100%;}
.compList li p span {display:table-cell; vertical-align:middle; padding:0 10px; color:#fff; font-size:18px; line-height:26px; font-weight:bold;}

.compList2 {text-align:center; padding-bottom:20px;}/* ��ǰƯ¡ */
.compList2 dt {display:block; margin-bottom:20px;}
.compList2 dt p {
	display:table; position:relative; width:165px; height:186px; margin:0 auto; 
	background:url("/common/images/icon/compList2_dt_icon.png"), url("/common/images/icon/compList2_bg1.png");
	background-repeat: no-repeat, no-repeat;
	background-position:center 50px ,0 0 ;
}
.compList2 dt p span {display:table-cell; vertical-align:middle; padding:55px 10px 0; color:#fff; font-size:18px; font-weight:bold; }
.compList2 dd {display:inline-block; position:relative; width:140px; height:160px; padding-right:115px; background:url("/common/images/icon/compList2_bg2.png") no-repeat 0 0;}
.compList2 dd:after {content:""; display:block; position:absolute; top:0; right:0; width:120px; height:160px; background:url("/common/images/icon/compList_dot.png") no-repeat center;}
.compList2 dd:last-child {padding-right:0}
.compList2 dd:last-child:after {display:none;} 
.compList2 dd p {display:table; width:100%; height:100%;}
.compList2 dd p span {display:table-cell; vertical-align:middle; padding:0 10px; font-size:18px; line-height:26px; font-weight:bold;}

.prodLineup {width:1092px;margin:0 auto ;text-align:center;}
.prodLineup li {float:left;border: 1px solid #e0e0e0;}
.prodLineup li:last-child {border-left: 0 none;}
@media screen and (max-width:1230px) {
	.prodLineup {width: 100%;}
	.prodLineup li {width:49.5%;}
	.prodLineup li img {width:100%;}
}
@media screen and (max-width:768px) {
	.prodLineup {width: 100%;}
	.prodLineup li {float:none;width:90%;margin:0 auto;}
	.prodLineup li img {width:100%;}
    .prodLineup li:last-child {border-left:1px solid #e0e0e0;border-top: 0 none;}
}

.prodEx {width:1110px;margin:0 auto;text-align:center;}
.prodEx li {float:left;margin: 0 9px;}
@media screen and (max-width:1230px) {
	.prodEx {width: 100%;}
	.prodEx li {width:32.3%;margin: 0 0.5%;}
	.prodEx li img {width:100%;}
}


/* tableType */
.tableWrap {position:relative;}
.tableWrap .tableTit {font-size:20px; font-weight:bold; color:#000; margin-bottom:20px;}/* ��ǰ �з� table */

/* 2018-12-12 ���� */
.tableWrap .downBtn {position:absolute; top:-62px; right:0; display:inline-block; padding:19px 30px; background:#545a66; border-radius:3px; }
.tableWrap .downBtn span {color:#fff; font-weight:bold; background:url("/common/images/icon/down_icon.png") no-repeat right center; padding-right:36px;}
.tableWrap .downBtn.hoverG:hover {background:#8bbf45;}
.tableWrap .downBtn span.bgNo {background:none; padding-right:0}

.tableType1 {border-top:2px solid #000; margin-bottom:40px;} 
.tableType1:last-child {margin-bottom:0}
.tableType1 table {width:100%; table-layout:fixed;}
.tableType1 table thead th {font-size:18px; color:#000; font-weight:bold; padding:20px 0; border-bottom:1px solid #e0e0e0;}
.tableType1 table tbody td {padding:20px 30px; border-bottom:1px solid #e0e0e0; text-align:center; line-height:1.5;}
.tableType1 .mobile {display:none;}
.tableType1 .tableTxt {margin-top:30px;}
.tableType1 .tableTxt .dotT {position:relative; padding-left:12px; line-height:26px;}
.tableType1 .tableTxt .dotT:before {content:""; display:block; position:absolute; top:0; left:0; width:2px; height:26px; background:url("/common/images/icon/dot_2x2.gif") no-repeat 0 center;}
.tableType1 .tableTxt .dotT strong {display:inline-block; font-weight:bold; margin-right:25px;}
.tableType1 .scrollDiv {overflow-x:auto;}
.tableType1 .scrollDiv::-webkit-scrollbar { height: 2px; }
.tableType1 .scrollDiv::-webkit-scrollbar-thumb { background: #a9a9a9; }
.tableType1 table tbody td.borL {border-left:1px solid #e0e0e0;}

.tableType2 {border-top:2px solid #000; position:relative;} /* �������� table*/
.tableType2 .taL {text-align:left !important;}
.tableType2 .date {position:absolute; top:-45px; right:0;}
.tableType2 .grayBtn {position:absolute; top:-62px; right:0; display:inline-block; padding:12px 30px; background:#545a66; border-radius:3px; color:#fff; font-weight:bold;}
.tableType2 .scrollDiv {overflow-x:auto;}
.tableType2 .scrollDiv::-webkit-scrollbar {height: 2px; }
.tableType2 .scrollDiv::-webkit-scrollbar-thumb { background: #a9a9a9; }

.tableType2 table {width:100%; table-layout:fixed;}
.tableType2 table thead th {font-size:18px; color:#000; font-weight:bold; padding:20px 0; border-bottom:1px solid #e0e0e0;}
.tableType2 table tbody td {padding:20px 10px; border-bottom:1px solid #e0e0e0; text-align:center; line-height:30px;}
.tableType2 table tfoot td {padding:20px 10px; border-bottom:1px solid #e0e0e0; font-weight:bold; text-align:center; line-height:30px;}
.tableType2 table.type2 th, .tableType2 table.type2 td {border-left:1px solid #e0e0e0;}
.tableType2 table.type2 th:first-child, .tableType2 table.type2 td:first-child {border-left:0; border-right:1px solid #e0e0e0;}
.tableType2 table.type2 td .checkIcon {vertical-align:middle;}
.tableType2 .tableTxt {margin:20px 0;}
.tableType2 .tableTxt .dotT {position:relative; padding-left:12px; line-height:26px;}
.tableType2 .tableTxt .dotT:before {content:""; display:block; position:absolute; top:0; left:0; width:4px; height:26px; background:url("/common/images/icon/dotG_4x4.gif") no-repeat 0 center;}
.tableType2 .tableTxt .dotT strong {display:inline-block; font-weight:bold; margin-right:25px;}

.contArea {background:url("/common/images/icon/contArea_bg.jpg") no-repeat center; background-size:cover; padding:80px 0 140px; text-align:center;}/* ��繮�� */
.contArea .tit {font-size:28px; font-weight:bold; color:#000; margin-bottom:40px;}
.contArea .contBox {position:relative; display:inline-block; width:392px; background:#fff; margin-left:14px; padding:35px 30px 0 35px; text-align:left;}
.contArea .contBox:first-child {margin-left:0;}
.contArea .contBox .tit {font-size:22px; font-weight:bold; margin-bottom:130px;}
.contArea .contBox .icon {position:absolute; top:30px; right:30px; width:47px; height:51px; padding-top:44px; background:url("/common/images/icon/contArea_icon.png") no-repeat center 0; font-size:14px;}
.contArea .contBox .icon.t2 {width:52px; height:51px; background:url("/common/images/icon/contArea_icon2.png") no-repeat center 0; }
.contArea .contBox .txt {border-top:1px solid #dcdcdc; padding:20px 0 25px;} 
.contArea .contBox .txt span{background:url('/common/images/icon/contArea_icon_q.png') no-repeat right; padding-right:20px;}

.contArea .contBox2 {position:relative; display:inline-block; width:392px; background:#fff; margin-left:14px; padding:35px 30px 0 35px; text-align:left;}
.contArea .contBox2:first-child {margin-left:0;}
.contArea .contBox2 .tit {font-size:22px; font-weight:bold; margin-bottom:130px;}
.contArea .contBox2 .icon {position:absolute; top:30px; right:30px; width:47px; height:51px; padding-top:44px; background:url("/common/images/icon/contArea_icon.png") no-repeat center 0; font-size:14px;}
.contArea .contBox2 .icon.t2 {width:52px; height:51px; background:url("/common/images/icon/contArea_icon2.png") no-repeat center 0; }
.contArea .contBox2 .txt {border-top:1px solid #dcdcdc; padding:20px 0 25px;} 
.contArea .contBox2 .txt span{background:url('/common/images/icon/contArea_icon_q.png') no-repeat right; padding-right:20px;}


.agreeDiv {margin-bottom:50px;}/* ��ǰ�����˾�_���� */
.agreeDiv .agreeTxt {border:1px solid #e0e0e0; padding:30px; height:240px; overflow-y:auto; line-height:28px; word-break:break-all;}
.agreeDiv .agreeTxt p+p {margin-top:15px;}
.agreeDiv .agreeTxt p:last-child {margin-bottom:20px;}

/* ����� */
.recruitList:after {content:""; display:block; clear:both;}
.recruitList .recruitBox {float:left; width:452px; margin-left:20px; border-top:1px solid #e0e0e0; padding-top:40px;}
.recruitList .recruitBox:first-child {margin-left:0;}
.recruitList .recruitBox .tit {font-size:22px; font-weight:bold; color:#000; line-height:30px;}
.recruitList .recruitBox .tit .num {display:block; font-size:20px; color:#8cc63e; font-family:'Proxima-Bold', sans-serif; font-weight:normal;}
.recruitList .recruitBox .img {margin:30px 0;}
.recruitList .recruitBox .img img {width:100%;}
.recruitList .recruitBox .txt {line-height:26px; word-break:keep-all; letter-spacing:-1px}
.recruitList .recruitBox.type2 {border-top:0; padding-top:0;}
.recruitList .recruitBox.type2 .tit {margin:30px 0;}
.recruitList .recruitBox.type2 .img {margin:0;}
.recruitList .recruitBox.type2 .dotList {border-top:1px solid #e0e0e0; margin-top:40px; padding-top:30px;}
.recruitList .recruitBox.type2 .dotList li {background:url("/common/images/icon/dotG_4x4.gif") no-repeat 0 13px; line-height:30px; padding-left:15px;}
.recruiteImg {text-align:center;}
.recruiteImg.type2 {border:1px solid #e0e0e0;}
.recruiteImg img {max-width:100%;}
.recruiteImg img.mobile {display:none;}
.recruiteDiv > .mTit {font-size:24px; font-weight:bold; line-height:36px; color:#000; text-align:center;}
.recruiteDiv > .mTit .greenT {color:#8cc63e;}
.recruiteDiv .tit {font-size:22px; font-weight:bold; color:#000; margin:50px 0 30px; word-break:keep-all;}
.recruiteDiv .tit:first-child {margin-top:80px;}
.recruiteDiv .txt {line-height:30px; margin-top:25px; word-break:keep-all;}
.recruiteDiv .txt .greenT {display:block; font-size:18px; font-weight:bold; color:#8cc63e; margin-bottom:10px;}
.recruiteDiv .dotTxt {position:relative; line-height:26px; padding-left:15px;}
.recruiteDiv .dotTxt:before {content:""; display:block; width:4px; height:26px; background:url("/common/images/icon/dotG_4x4.gif") no-repeat 0 center; position:absolute; top:0; left:0;}
.benefitTable {border-top:2px solid #000; }/* �����Ļ� */
.benefitTable table {width:100%;}
.benefitTable table th {font-size:18px; padding:25px 0; text-align:center; border-bottom:1px solid #e0e0e0;}
.benefitTable table th br {display:none;}
.benefitTable table td {padding:10px 0; border-bottom:1px solid #e0e0e0;}
.benefitTable table td .arrowT {font-size:18px; font-weight:bold; color:#fff; text-align:center; padding:15px 0;}
.benefitTable table td .arrowT.t1 {background:url("/common/images/icon/benefitTable_bg1.png") no-repeat right center;}
.benefitTable table td .arrowT.t2 {background:url("/common/images/icon/benefitTable_bg2.png") no-repeat right center;}
.benefitTable table td .arrowT span br {display:none;}
.benefitList {display:table; width:100%; border:1px solid #e0e0e0;} 
.benefitList li {display:table-cell; width:25%; border-left:1px solid #e0e0e0; padding:60px 10px; text-align:center;}
.benefitList li:first-child {border-left:0;}
.benefitList li .tit {font-size:20px; font-weight:bold; color:#000; margin:55px 0 0;}
.benefitList li .txt {display:inline-block; text-align:left;}

.employDiv {margin-top:80px;}
.employDiv > .txt {text-align:center; line-height:32px; font-size:18px;}
.employDiv .employBox {padding:100px 30px; margin-top:60px; background:#f4f4f4;}
.employDiv .btnArea .downBtn {position:relative; top:0; left:0; display:inline-block; padding:21px 28px; border-radius:3px; background:#545a66; color:#fff; font-size:18px; margin-top:50px; margin-right:5px;}
.employDiv .btnArea .downBtn span {padding-right:36px; background:url("/common/images/icon/down_icon.png") no-repeat right center;}
.employDiv .btnArea .blueBtn {position:relative; top:0; left:0;}
.employList {text-align:center;}
.employList li {display:inline-block; position:relative; width:154px; height:174px; margin-right:5px; background:url("/common/images/icon/employList_bg.png") no-repeat 0 0;}
.employList li:after {content:""; display:block; position:absolute; top:50%; right:-16px; transform:translateY(-50%); z-index:1; width:26px; height:24px; background:url("/common/images/icon/employList_arrow.png") no-repeat 0 0; }
.employList li:last-child {margin-right:0;}
.employList li:last-child:after {display:none;}
.employList li p {display:table; width:100%; height:100%;}
.employList li p span {display:table-cell; vertical-align:middle; padding:0 10px; color:#000; line-height:26px; font-weight:bold;}
.employList li p span .greenBt {display:inline-block; padding:5px 10px; font-size:15px; color:#fff; background:#8cc63e; margin-top:10px; border-radius:3px;}
.employList li p span .greenT {display:block; color:#8cc63e; line-height:20px; margin-top:10px;}

.recruitG_box {background:#f4f4f4; padding:70px 0; margin-top:80px; text-align:center;}/* ä�빮�� �ڽ�_ȸ�� */
.recruitG_box .txt {font-size:18px;}
.recruitG_box .grayBtn {display:inline-block; padding:17px 60px; margin-top:30px; border-radius:3px; background:#545a66; color:#fff; font-weight:bold;}

/* 2�� */
/* ������̵� */
.productDiv_G {margin-top:80px;}
.productDiv_G:after {content:""; display:block; clear:both;}
.productDiv_G > div {width:690px; padding:60px 0; text-align:center; background-color:#f4f4f4;}
.productDiv_G div.t1 {float:left;}
.productDiv_G div.t2 {float:right;}
.productDiv_G > div .txt {font-size:18px; line-height:32px; font-weight:bold; color:#000; padding-top:145px;}
.productDiv_G div.t1 .txt {background:url("/common/images/icon/productDiv_G_list_icon1.png") no-repeat center 0}
.productDiv_G div.t2 .txt {background:url("/common/images/icon/productDiv_G_list_icon2.png") no-repeat center 0}
.productDiv_G > div .btnDiv {margin-top:45px;}
.productDiv_G > div .btnDiv a {display:inline-block; padding:15px 60px; margin-left:5px; background:#fff; border:2px solid #e0e0e0; border-radius:3px; font-weight:bold;}
.productDiv_G > div .btnDiv a:first-child {margin-left:0}
.productDiv_G > div.t1 .btnDiv a:hover {background:#12547a; border-color:#12547a; color:#fff;}
.productDiv_G > div.t2 .btnDiv a:hover {background:#8bbf45; border-color:#8bbf45; color:#fff;}

/* �������ͺ� */
.recuitDiv.view {border-bottom:1px solid #e0e0e0; padding-bottom:30px; word-break:break-all;}
.recuitDiv.view:after {content:""; display:block; clear:both;}
.recuitDiv.view .leftDiv {float:left; position:relative; width:420px; margin-right:46px;}
.recuitDiv.view .leftDiv .img img {max-width:100%;}
.recuitDiv.view .leftDiv .txtCon {position:absolute; top:60px; left:50%; transform:translateX(-50%); width:calc(100% - 60px); text-align:center;}
.recuitDiv.view .leftDiv .txtCon .tit {
	font-size:24px; color:#034874; font-weight:bold; display:inline-block; padding:0 20px;
	background-image:url("/common/images/icon/listType4_txt_bg1.png") , url("/common/images/icon/listType4_txt_bg2.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
}
.recuitDiv.view .leftDiv .txtCon .txt {font-size:18px; margin-top:20px;}
.recuitDiv.view .leftDiv .txtCon .txt span {font-weight:bold;}
.recuitDiv.view .rightDiv {float:right; width:calc(100% - 466px);}
.recuitDiv.view .qnaList li {border-top:1px solid #e0e0e0; padding:30px 0;}
.recuitDiv.view .qnaList li .qTit {position:relative; padding-left:60px; font-size:18px; font-weight:bold; line-height:40px;}
.recuitDiv.view .qnaList li .qTit:before {content:""; display:block; width:40px; height:40px; position:absolute; top:0; left:0; background:url("/common/images/icon/recuitDiv_qna_bg.png") no-repeat 0 0;}
.recuitDiv.view .qnaList li .aTxt {padding:0 50px 0 60px; line-height:30px; word-break:break-all;}

/* ���� �� �� */
.promoteArea {margin-top:80px;}
.promoteArea > .txt {text-align:center; font-size:18px; line-height:32px;}
.promoteList {margin-top:95px; text-align:center;}
.promoteList li {display:inline-block; position:relative; margin-right:70px; width:220px; height:249px; background-repeat:no-repeat; background-position:0 center;}
.promoteList li:before {content:""; display:block; position:absolute; top:0; right:-73px; width:73px; height:249px; background:url("/common/images/icon/promoteList_arrow.png") no-repeat center;}
.promoteList li.t1 {background-image:url("/common/images/icon/promoteList_bg1.png");}
.promoteList li.t2 {background-image:url("/common/images/icon/promoteList_bg2.png");}
.promoteList li.t3 {background-image:url("/common/images/icon/promoteList_bg3.png");}
.promoteList li.t4 {background-image:url("/common/images/icon/promoteList_bg4.png");}
.promoteList li.t5 {background-image:url("/common/images/icon/promoteList_bg5.png"); margin-right:0;}
.promoteList li.t5:before {display:none;}
.promoteList li div {display:table; width:100%; height:100%; }
.promoteList li div .txt {display:table-cell; vertical-align:middle; text-align:center; font-size:18px; line-height:30px; color:#000; }
.promoteList li div .txt span {display:block; font-weight:bold;}
.promoteImg {text-align:center;}
.promoteImg img {max-width:100%;}
.promoteImg img.mobile {display:none;}

/* �ְ����� */
#stockInfoIframe {height:1500px;}

/* ncc/ecc */
.factoryList:after {content:""; display:block; clear:both;}
.factoryList > div {float:left; width:50%;}
.factoryList .factoryTxt {float:left; width:50%; padding-right:65px; box-sizing:border-box;margin-top:40px;}
.factoryList .factoryTxt .tit {font-size:20px; line-height:32px; font-weight:bold; color:#000}
.factoryList .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;}
.factoryList .factoryTxt .txt {font-size:16px; line-height:28px; margin-top:20px; word-break:keep-all;}


/* �̵������ ���� */
@media screen and (max-width:1480px) {/* ���� ��, �º����� */
	
	/* ȸ��Ұ� */
	.companyDiv .summaryArea .mainImg {margin-bottom:227px;}/* ���� */
	.companyDiv .summaryArea .mainImg .txtArea {margin-left:5%; box-shadow:50px 50px 60px rgba(0,0,0,0.4)} 
	.summaryDiv > div .txtArea {width:50%; padding: 0 20px;}
	.summaryDiv > div .txtArea .tit br {display:none;}
	.summaryDiv > div .txtArea .txt {margin-top:20px;}
	.summaryDiv > div .imgArea {width:50%; height:auto;}
	.companyList li {width:19%; padding:40px 10px; margin-left:1%;}
	.companyList li .icon {margin-bottom:30px;}
	.companyList li .tit {margin-bottom:20px;}
	/*.companyList li .txt br {display:none;}*/
	.gradeList li {width:25%;}
	.gradeList li .txt strong {font-size:40px;}
	.bizList li {width:25%;}
	.bizList li .frontDiv .txt {top:20px; left:20px; font-size:23px; line-height:1.3}
	.bizList li .backDiv .txtArea {padding:20px;}
	.bizList li .backDiv .txtArea:after {bottom:25px; left:20px;}
	.bizList li .backDiv .txtArea .tit {font-size:23px; line-height:1.3}
	.bizList li .backDiv .txtArea .txt {margin-top:20px; font-size:14px; line-height:1.5;}
	.bizArea .imgCon {margin-top:80px; position:relative;}
	.bizArea .imgCon > a {padding:10px 40px; font-size:14px; top:-20px;} /* 2018-10-30 �߰� */
	.downList {width:90%; margin:60px auto 0;}
	.downList li {display:inline-block; width:23%; margin-left:2%;}

	.visionArea p {line-height:26px;} /* ���� */
	.visionList li {width:23%; margin-left:2%;}
	.visionList li:first-child {margin-left:0;}
	.visionList li .img {width:100%; height:auto;}
	.visionList li .img img {width:100%;}
	.visionDiv .boxArea > ul li {width:32%; height:240px; box-sizing:border-box; margin-right:2%;}
	.visionDiv .boxArea > ul li:after {width:7%; right:-7%; }
	.visionDiv .boxArea > ul li .txt {height:88px;}

	.ceoArea .topArea {padding:110px 40% 100px 60px; background-position:left -160px top;}/* ceo �λ縻 */
	.ceoArea .topArea .tit {font-size:25px; line-height:1.5; background-position:left top, right bottom 20px}

	
	.advertiseTop .videoDiv {width:60%; height:311px; float:left; overflow:hidden;}/* pr ���� */
	.advertiseTop .videoDiv img {width:100%;}
	.advertiseTop .video_info {width:40%; height:311px;}
	.advertiseBot .list {width:31%; float:left; margin-right:2%; position:relative;}
	.advertiseBot .list .img img {width:100%}

	/* ci */
	.ciArea .ciDiv1 .ciList li {float:left; width:33%; padding:0 20px; height:240px; text-align:center; border-left:1px solid #e0e0e0; box-sizing:border-box;}
	.ciArea .ciDiv1 .ciList li .txt br {display:none;}
	.ciArea .ciDiv2 .grayBox > div {float:left; width:49%; margin-left:2%;}
	.ciArea .ciDiv2 .grayBox > div:first-child {margin-left:0}
	.ciArea .ciDiv2 .grayBox > div .tit {font-size:22px; font-weight:bold; color:#000; margin-bottom:20px; text-align:center;}
	.ciArea .ciDiv2 .grayBox > div .img {margin-top:10px;}
	.ciArea .ciDiv2 .grayBox > div .img:nth-of-type(1) {margin-top:0}
	.ciArea .ciDiv2 .grayBox > div .img img {width:100%;}
	.ciArea .ciDiv3 .infoT br {display:none;}
	.ciArea .ciDiv3 .colorDiv .leftDiv {float:left; width:23%;}
	.ciArea .ciDiv3 .colorDiv .rightDiv {float:right; width:75%;}
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea {width:23%; margin:25px 2% 0 0;}
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea:last-child {margin-right:0}
	.ciArea .ciDiv3 .colorDiv > div .txtArea .color {height:90px; padding:20px; }
	.ciArea .ciDiv4 .boxArea .img {padding:0 50px;}
	.ciArea .ciDiv4 .boxArea .txt {padding-right:50px; font-size:16px; line-height:1.5;}
	
	/* R&D */
	.studyArea .tabBtn {width:90%;}
	.studyArea .mainDiv .studyList li {float:left; width:25%; height:120px; text-align:center; padding-top:10px; border-left:1px solid rgba(255,255,255,0.2); box-sizing:border-box;}
	.studyArea .bottomArea .img {width:90%; margin:10px auto 0}
	.studyArea .bottomArea .img img {max-width:100%;}
	.studyArea .bottomArea .img .mobile {display:none;}
	.studyArea .txtBox br {display:none;}

	.rndHistory .productTit {width:calc(90% - 32px); margin:60px auto 0;}
	.rndHistory .historyDiv .yearArea {width:32%; margin-left:2%;}
	.rndHistory .historyDiv .yearArea .txtArea .grayBox {padding:40px 20px; height:230px;}
	.rndHistory .historyDiv .yearArea .txtArea ul {display:inline-block; text-align:left;}
	.rndHistory .historyDiv .yearArea:first-child .txtArea ul {width:215px;}
	.rndHistory .historyDiv .yearArea .txtArea ul li {margin-bottom:20px; }
	.rndHistory .historyDiv .yearArea .txtArea ul li p {width:calc(100% - 85px);}
	.rndHistory .historyDiv .yearArea .txtArea ul li p br {display:none;}
	.rndHistory .historyDiv .yearArea .txtArea ul li p.yearT {width:70px; margin-right:15px;}

	/* �������� */
	.boardArea1 {padding:40px;} /* �̻�ȸ*/
	.boardArea1 .downList {width:100%;}
	.boardArea1 .downList a {width:30%; margin-right:2%; box-sizing:border-box; padding:15px;}
	.boardArea1 .downList a:nth-child(3n) {margin-right:2%;}
	.boardArea2 .memberList {width:49%; margin:20px 2% 0 0; box-sizing:border-box;}
	.boardArea2 .memberList:nth-child(4n) {margin-right:2%;}
	.boardArea2 .memberList:nth-child(even) {margin-right:0;}
	.boardArea2 .memberList:nth-child(-n+4) {margin-top:20px;}
	.boardArea2 .memberList:nth-child(-n+2) {margin-top:0;}
	.boardArea2 .memberList > .tit {font-size:18px; font-weight:bold; color:#000; padding:30px 0; text-align:center;}
	.boardArea2 .memberList .txtArea {border:1px solid #e0e0e0; background:#fff; padding:20px;}
	.boardArea2 .memberList:nth-of-type(1) .txtArea, .boardArea2 .memberList:nth-of-type(2) .txtArea {height:185px;}
	.boardArea2 .memberList:nth-of-type(3) .txtArea, .boardArea2 .memberList:nth-of-type(4) .txtArea {height:200px;}
	.boardArea2 .memberList:nth-of-type(5) .txtArea, .boardArea2 .memberList:nth-of-type(6) .txtArea {height:375px;}
	.boardArea2 .memberList:nth-of-type(7) .txtArea, .boardArea2 .memberList:nth-of-type(8) .txtArea {height:375px;}
	.boardArea2 .memberList:nth-of-type(9) .txtArea, .boardArea2 .memberList:nth-of-type(10) .txtArea {height:385px;}
	.boardArea2 .memberList:nth-of-type(11) .txtArea {height:385px;}
	.boardArea2 .memberList .txtArea .list {border-top:1px solid #e0e0e0;}
	
	.investList li {width:31%; margin-left:3%;}

	.brochureTop .txtArea {padding:50px 30px 0 60px; box-sizing:border-box; } /* ��μ� */
	.brochureTop .imgArea {padding-right:60px;  box-sizing:border-box; }
	.brochureTop .imgArea > div {box-shadow:10px 10px 0 #ebebeb;}


	/* ��ǰ�Ұ� */
	.prodCon {max-width:100%;} /* ��ǰ�Ұ�_������� */	
	.prod_subList {height:445px; background-size:1340px auto}
	.prod_subList .txtArea {min-height:355px; padding:60px 0 0 890px;}
	.prod_subList:nth-of-type(even) .txtArea { padding:60px 890px 0 0;}
	.prod_subList.type1 .txtArea {background-size:850px auto;}
	.prod_subList.type2 .txtArea {background-size:850px auto;}
	.prod_subList.type3 .txtArea {background-size:850px auto;}
	.prod_subList.type4 .txtArea {background-size:850px auto;}
	.prod_subList.type5 .txtArea {background-size:850px auto;}
	.prod_subList.type6 .txtArea {background-size:850px auto;}
	.prod_subList.type7 .txtArea {background-size:850px auto;}
	.prod_subList .txtArea .mTxt {font-size:40px;}
	.prod_subList .txtArea .subTxt {margin:30px 0 20px;}
	.prod_subList .txtArea .linkArea a {font-size:16px; padding:13px 0 11px;} 

	.prodList li {width:16%;} /* ��ǰ�뵵 */
	.compList li {width:120px; height:136px; padding-right:80px; background-size:120px 136px;}/* ����� */
	.compList li:after {width:80px; height:136px; background-size:30px auto;}	
	
	.compList2 dd {width:120px; height:136px; padding-right:50px; background-size:120px 136px;}/* ��ǰƯ¡ */
	.compList2 dd:after {width:50px; height:136px; background-size:auto 4px;}
	.compList2 dd p {display:table; width:100%; height:100%;}
	.compList2 dd p span {display:table-cell; vertical-align:middle; padding:0 10px; font-size:18px; line-height:26px; font-weight:bold;}

	/* ����� */
	.recruitList .recruitBox {width:32%; margin-left:2%; padding-top:40px;}

	.employList li {width:120px; height:136px; margin-right:5px; background-size:120px 136px;}
	.employList li p span{letter-spacing:-2px; font-size:14px; line-height:1.5}
	.employList li p span strong{letter-spacing:0}
	.employList li p span .greenBt {font-size:12px; line-height:1.3; margin-top:10px; border-radius:3px;}
	.employList li p span .greenT {display:block; color:#8cc63e; line-height:1.3; margin-top:8px;}

	/* 2�� */
	/* ������̵� */
	.productDiv_G > div {width:49%;}
	.productDiv_G > div .btnDiv a {display:inline-block; padding:15px 30px; background:#fff; border:2px solid #e0e0e0; border-radius:3px; font-weight:bold;}

	/* ���� �� �� */
	.promoteList {margin-top:50px;}
	.promoteList li {margin-right:30px; width:150px; height:168px; background-size:150px 168px;}
	.promoteList li:before {right:-33px; width:33px; height:168px; background-size:20px auto;}

	/* ncc/ecc */
	.factoryList > div {float:none; width:100%;}
	.factoryList > div:after {content:""; display:block; clear:both;}
	.factoryList .factoryTxt {float:left; width:50%; padding-right:65px; box-sizing:border-box;margin-top:40px;}
	.factoryList .factoryTxt .tit {font-size:20px; line-height:32px; font-weight:bold; color:#000}
	.factoryList .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;}
	.factoryList .factoryTxt .txt {font-size:16px; line-height:28px; margin-top:20px; word-break:keep-all;}

	
}

@media screen and (max-width:1023px) {/* �º� ���� */

	/* ȸ��Ұ� */
	.companyDiv .summaryArea .mainImg .txtArea {margin-left:5%; width:90%; height:447px; padding:60px 40px; }/* ���� */
	.companyDiv .summaryArea .mainImg .txtArea .tit, .companyDiv .summaryArea .mainImg .txtArea .txt {word-break:keep-all;}
	.companyDiv .summaryArea .mainImg .txtArea .tit br, .companyDiv .summaryArea .mainImg .txtArea .txt br {display:none;}
	.summaryDiv > div .txtArea {float:none; width:auto; padding:0;}
	.summaryDiv > div .imgArea {float:none; width:auto; height:auto; margin-bottom:30px;}
	.summaryDiv > div .imgArea img {width:100%;}
	.companyArea1 {margin-top:80px; padding-top:80px; background:url("/common/images/icon/companyArea1_bg_m.jpg") no-repeat center bottom; background-size:cover;}
	.companyList li {width:48%; margin:20px 2% 0 0;}
	.companyList li:nth-child(-n+2) {margin-top:0}
	.companyList li:nth-child(even) {margin-right:0}
	.companyList li .icon {margin-bottom:30px;}
	.companyList li .tit {margin-bottom:20px;}
	/*.companyList li .txt br {display:none;}*/
	.gradeList li {width:50%; padding:60px 0;}
	.bizList {position:relative; top:0; left:-5%; width:110%;}
	.bizList li {float:none; width:100%; height:320px; overflow:hidden;}
	.bizList li:first-child {margin-top:0}
	.bizList li div .img img.pc {display:none;}
	.bizList li div .img img.mobile {display:block;}
	.bizArea .imgCon > a {padding:6px 24px; font-size:12px; top:-20px;} /* 2018-10-30 �߰� */
	.bizList li .frontDiv .txt {top:30px; left:30px; display:none;}
	.bizList li .backDiv {opacity:1; box-shadow:none;}
	.bizList li .backDiv .img {display:none;}
	.bizList li .backDiv .txtArea {position:absolute; top:0; left:0; padding:50px; width:100%; height:100%; box-sizing:border-box;}
	.bizList li .backDiv .txtArea:after {bottom:50px; left:50px;}
	.bizList li .backDiv .txtArea .tit {font-size:26px; line-height:36px; color:#fff;}
	.bizList li .backDiv .txtArea .tit span {display:block; font-weight:bold;}
	.bizList li .backDiv .txtArea .txt {line-height:28px; color:#fff; margin-top:30px; word-break:keep-all;}
	.bizList li:hover .backDiv, .bizList li:focus .backDiv {opacity:1}
	
	.downList {width:90%;}
	.downList li {width:48%; margin:20px 2% 0 0;}
	.downList li:nth-child(even) {margin-right:0;}
	.downList li:nth-child(-n+2) {margin-top:0;}

	.visionList li {float:left; width:48%; margin:40px 4% 0 0;} /* ���� */
	.visionList li:nth-child(even) {margin-right:0;}
	.visionList li:nth-child(-n+2) {margin-top:0;}
	.visionImg .pc {display:none;}
	.visionImg .mobile {display:inline-block;}
	.visionImg .mobileTxt {display:block;}
	.visionImg .mobileTxt:after {content:""; display:block; clear:both;}
	.visionImg .mobileTxt .list {float:left; width:48%; border-top:4px solid #8cc63e; padding:30px 0; text-align:left; word-break:keep-all;}
	.visionImg .mobileTxt .list .tit {font-size:27px; color:#000; font-weight:bold; line-height:38px;}
	.visionImg .mobileTxt .list ul li {position:relative; font-size:20px; line-height:30px; padding-left:20px; margin-top:20px;}
	.visionImg .mobileTxt .list ul li:before {content:""; position:absolute; top:0; left:0; display:block; width:6px; height:30px; background:url("/common/images/icon/vision_dot1.gif") no-repeat 0 center;}
	.visionImg .mobileTxt .list:nth-child(even) {float:right;}
	.visionImg .mobileTxt .list:nth-child(-n+2) {height:280px;}
	.visionImg .mobileTxt .list.t2 {border-top:4px solid #12547a; }
	.visionImg .mobileTxt .list.t2 ul li:before {background-image:url("/common/images/icon/vision_dot2.gif");}

	.visionDiv .boxArea > ul li {float:none; width:100%; height:auto; margin:20px 0 0 0}
	.visionDiv .boxArea > ul li:after {width:100%; height:20px; right:0; top:auto; bottom:-20px; background-image:url("/common/images/icon/vision_arrow_m.png");}
	.visionDiv .boxArea > ul li .txt {height:auto;}

	.ceoArea {margin-top:80px;} /* ceo �λ縻 */
	.ceoArea .topArea {padding:65px 35% 50px 3%; background:url("/common/images/icon/ceoTop_bg_m.jpg?v=20200102") no-repeat center; background-size:cover;}
	.ceoArea .topArea .tit br {display:none;}
	
	.advertiseTop .videoDiv {position: relative; padding-bottom: 56.25%;  padding-top: 30px; height: 0; overflow: hidden; width:100%; height:auto; float:none;}/* pr ���� */
	.advertiseTop .videoDiv iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
	.advertiseTop{margin-top:30px;} /* pr ���� */
	.advertiseTop .video_info {width:100%; height:300px; float:none;}
	.advertiseBot .list{width:49%; margin-right:0;}
	.advertiseBot .list:nth-child(even) {float:right; margin-right:0;}
	.advertiseBot .list .txtDiv {height:136px; }
	
	.ciArea .ciDiv1 .imgCon img.pc {display:none;} /* ci */
	.ciArea .ciDiv1 .imgCon img.mobile {display:inline-block;}
	.ciArea .ciDiv1 .ciList li {width:100%; height:auto; border-left:0; border-bottom:1px solid #e0e0e0; padding:30px 0;}
	.ciArea .ciDiv1 .ciList li:first-child {border-left:0; padding-top:0;}
	.ciArea .ciDiv2 .grayBox > div {float:none; width:100%; margin-left:0; margin-top:20px;}
	.ciArea .ciDiv2 .grayBox > div:first-child {margin-left:0; margin-top:0}
	.ciArea .ciDiv3 .colorDiv .leftDiv {float:none; width:100%;}
	.ciArea .ciDiv3 .colorDiv .rightDiv {float:none; width:100%; margin-top:30px;}
	.ciArea .ciDiv3 .colorDiv > div .txtArea .color {height:120px; width:100%; box-sizing:border-box; }
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea {width:23%; margin:0; margin-left:2%; padding-top:25px;}
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea:nth-of-type(1) {margin-left:0}	
	.ciArea .ciDiv4 .boxArea {display:block; padding:50px 5%;}
	.ciArea .ciDiv4 .boxArea .img {display:block; margin-bottom:50px;}
	.ciArea .ciDiv4 .boxArea .txt {display:block; padding-right:0;}


	/* R&D */	
	.studyImgTxt .pc {display:none;}
	.studyImgTxt .mobile {display:inline-block;}
	.studyArea .mainDiv {position:relative; padding-top:50px; height:854px; background-image:url("/common/images/icon/study_mainBg_m.jpg"); background-position:center bottom; background-size:cover; margin-bottom:410px; }
	.studyArea.type2 .mainDiv {margin-bottom:220px;}
	.studyArea .txtBox {margin-top:450px; }
	.studyArea.type2 .txtBox {margin-top:410px; }
	.rndHistory .historyDiv:before {display:none;width:1px; height:100%; position:absolute; top:0; left:calc(5% + 8px); z-index:-1}
	.rndHistory .historyDiv .yearArea {float:left; width:100%; margin-left:0; margin-top:80px; text-align:center;}
	.rndHistory .historyDiv .yearArea:first-child {margin-top:0;}
	.rndHistory .historyDiv .yearArea .txtArea {padding-top:65px; background:url("/common/images/icon/rndHistory_icon.png") no-repeat center 0;}
	.rndHistory .historyDiv .yearArea .txtArea .grayBox {padding:40px 0; height:auto;}
	.rndHistory .historyDiv .yearArea .txtArea ul li {margin-bottom:30px; }
	.rndHistory .historyDiv .yearArea .txtArea ul li:last-child {margin-bottom:0;}
	.rndHistory .historyDiv .yearArea .txtArea ul li:after {content:""; display:block; clear:both;}
	/*.rndHistory .historyDiv .yearArea .txtArea ul li p {float:left; font-size:18px; line-height:1.5;}
	.rndHistory .historyDiv .yearArea .txtArea ul li p.yearT {font-size:20px; font-family:'Proxima-Bold', sans-serif; font-weight:normal; margin-right:30px;}

	/* �������� */
	.boardArea1 .downList a {width:48%; margin:20px 2% 0 0; }/* �̻�ȸ*/
	.boardArea1 .downList a:nth-child(3n) {margin-right:2%;}
	.boardArea1 .downList a:nth-child(even) {margin-right:0;}
	.boardArea1 .downList a:nth-child(-n+3) {margin-top:20px;}
	.boardArea1 .downList .top a:nth-child(-n+2) {margin-top:0;}
	.boardArea1 .downList br {display:none;}
	.boardArea2 .memberList {width:100%; margin:20px 0 0 0}
	.boardArea2 .memberList:nth-child(3n) {margin-right:0}
	.boardArea2 .memberList:nth-of-type(2) {margin-top:20px;}
	.boardArea2 .memberList:nth-of-type(1) .txtArea, .boardArea2 .memberList:nth-of-type(2) .txtArea {height:auto;}
	.boardArea2 .memberList:nth-of-type(3) .txtArea, .boardArea2 .memberList:nth-of-type(4) .txtArea {height:auto;}
	.boardArea2 .memberList:nth-of-type(5) .txtArea, .boardArea2 .memberList:nth-of-type(6) .txtArea {height:auto;}
	.boardArea2 .memberList:nth-of-type(7) .txtArea, .boardArea2 .memberList:nth-of-type(8) .txtArea {height:auto;}
	.boardArea2 .memberList:nth-of-type(9) .txtArea, .boardArea2 .memberList:nth-of-type(10) .txtArea {height:auto;}
	.boardArea2 .memberList:nth-of-type(11) .txtArea {height:auto;}
	.boardArea2 .memberList .txtArea .list .tit {float:none;}
	.boardArea2 .memberList .txtArea .list ul {float:none; width:100%; margin-top:20px;}
	.boardArea2 .memberList .txtArea .list.type2 .tit {float:left;}

	.brochureTop .txtArea {float:none; width:100%; padding:50px 0 0 0; }/* ��μ� */
	.brochureTop .imgArea {float:none; width:100%; padding-right:0;  box-sizing:border-box; text-align:center;}
	
	/* ��ǰ�Ұ� */
	.prodMainV .txtArea .tit {font-size:55px; margin-bottom:40px;}	/* ��ǰ�Ұ�_������� */
	.prodMainV .txtArea .tit span {margin-bottom:20px; font-size:22px;}

	.prod_subList {height:600px;}
	.prod_subList .txtArea {position:relative; top:0; left:0; width:100%; min-height:auto; padding:0; padding-top:320px;}
	.prod_subList:nth-of-type(even) .txtArea {left:auto; right:auto; padding:0; padding-top:320px;}
	.prod_subList.type1 .txtArea {background-size:695px auto; background-position:center top;}
	.prod_subList.type2 .txtArea {background-size:695px auto; background-position:center top;}
	.prod_subList.type3 .txtArea {background-size:695px auto; background-position:center top;}
	.prod_subList.type4 .txtArea {background-size:695px auto; background-position:center top;}
	.prod_subList.type5 .txtArea {background-size:695px auto; background-position:center top;}
	.prod_subList.type6 .txtArea {background-size:695px auto; background-position:center top;}
	.prod_subList.type7 .txtArea {background-size:695px auto; background-position:center top;}
	.prod_subList .txtArea .mTxt {font-size:45px;}
	.prod_subList .txtArea .subTxt {font-size:18px; line-height:28px; margin:20px 0 15px;}

	.prodList:after {content:""; display:block; clear:both;} /* ��ǰ�뵵 */
	.prodList li {display:block; float:left; width:50%; box-sizing:border-box; margin-top:20px;}
	.prodList li:nth-of-type(-n+2) {margin-top:0}
	.prodList li:nth-of-type(2n-1) {border-left:0;}	
	.processImg img.pc {display:none}
	.processImg img.mobile {display:inline-block;}


	.compList {width:580px; margin:0 auto;}/* ����� */
	.compList:after {content:""; display:block; clear:both;}
	.compList li {display:block; float:left; width:140px; height:159px; padding-right:80px; margin-top:20px; background-size:140px 159px;}
	.compList li:nth-of-type(3n) {padding-right:0;}
	.compList li:nth-of-type(-n+3) {margin-top:0;}
	.compList li:after {width:80px; height:159px; background:url("/common/images/icon/compList_dot_m.png") no-repeat center;}
	.compList li:nth-of-type(3n):after {display:none;}
	
	.compList2 {width:520px; margin:0 auto;}/* ��ǰƯ¡ */
	.compList2:after {content:""; display:block; clear:both;}
	.compList2 dd {display:block; float:left; width:140px; height:160px; background-size:140px 160px; margin-top:20px;}
	.compList2 dd:after {height:160px; background:url("/common/images/icon/compList_dot_m.png") no-repeat center; background-size:20px auto;}
	.compList2 dd:last-child, .compList2 dd:nth-of-type(3n){padding-right:0}
	.compList2 dd:last-child:after, .compList2 dd:nth-of-type(3n):after {display:none;} 
	.compList2 dd:nth-of-type(-n+3) {margin-top:0}
	
	.contArea {background:url("/common/images/icon/contArea_bg_m.jpg") no-repeat center bottom; background-size:cover;} /* ��繮�� */
	.contArea .contBox {width:90%; box-sizing:border-box; margin-left:0; margin-top:20px;}
	.contArea .contBox:first-child {margin-top:0}
	.contArea .contBox .tit {font-size:22px; font-weight:bold; margin-bottom:130px;}
	.contArea .contBox .icon {position:absolute; top:30px; right:30px; padding-top:44px; background:url("/common/images/icon/contArea_icon.png") no-repeat center 0; font-size:14px;}
	
	/* tableType */
	.tableType1 .pc {display:none;} /* ��ǰ �з� table */
	.tableType1 .mobile {display:block; text-align:center; }
	.tableType1 .mobile > .tit {font-size:24px; font-weight:bold; color:#000; padding:25px 0; border-bottom:1px solid #e0e0e0;}
	.tableType1 .mobile ul li {display:table; width:100%; border-bottom:1px solid #e0e0e0;}
	.tableType1 .mobile ul li .tit {display:table-cell; vertical-align:middle; width:130px; padding:25px 0; font-size:21px; font-weight:bold; color:#000; border-right:1px solid #e0e0e0;}
	.tableType1 .mobile ul li .txt {display:table-cell; vertical-align:middle; padding:25px 0; font-size:18px; line-height:1.3;}
	.tableType1 .scrollDiv {padding-bottom:1px;}
	.tableType1 .scrollDiv::-webkit-scrollbar { height: 2px; }
	.tableType1 .scrollDiv::-webkit-scrollbar-thumb { background: #a9a9a9; }
	.tableType1 .scrollDiv table {width:150%;}
	
	.tableType2 .scrollDiv {padding-bottom:1px;}
	.tableType2 .scrollDiv::-webkit-scrollbar { height: 2px; }
	.tableType2 .scrollDiv::-webkit-scrollbar-thumb { background: #a9a9a9; }
	.tableType2 table {width:150%; }	
	
	/* ����� */
	.recruitList .recruitBox {float:none; width:100%; margin-left:0; padding:40px 0;}
	.recruitList .recruitBox:last-child {padding-bottom:0;}
	.recruiteDiv > .mTit br {display:none;}
	.recruiteImg.type2 {border:0}
	.recruiteImg img.mobile {display:inline-block;}
	.recruiteImg img.pc {display:none;}	

	.benefitTable table td .arrowT {font-size:16px;}/* �����Ļ� */
	.benefitTable table td .arrowT span {padding-right:20px;}
	.benefitList {display:block;} 
	.benefitList:after {content:""; display:block; clear:both;}
	.benefitList li {float:left; display:block; width:50%; box-sizing:border-box; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0;}
	.benefitList li:nth-child(-n+2) {border-top:0;}
	.benefitList li:nth-child(odd) {border-left:0;}


	/* 2�� */
	/* ������̵� */
	.productDiv_G > div {width:100%;}
	.productDiv_G div.t1,.productDiv_G div.t2 {float:none;}
	.productDiv_G div.t2 {margin-top:30px;}
	.productDiv_G > div .btnDiv a {display:inline-block; padding:15px 60px; background:#fff; border:2px solid #e0e0e0; border-radius:3px; font-weight:bold;}
	
	/* �������ͺ� */
	.recuitDiv.view .leftDiv {float:none; width:100%; margin-right:0;}
	.recuitDiv.view .leftDiv .img {text-align:center;}
	.recuitDiv.view .rightDiv {float:none; width:100%; margin-top:40px;}
	.recuitDiv.view .qnaList li {border-top:1px solid #e0e0e0; padding:30px 0;}
	.recuitDiv.view .qnaList li .qTit {position:relative; padding-left:60px; font-size:18px; font-weight:bold; line-height:40px;}
	.recuitDiv.view .qnaList li .qTit:before {content:""; display:block; width:40px; height:40px; position:absolute; top:0; left:0; background:url("/common/images/icon/recuitDiv_qna_bg.png") no-repeat 0 0;}
	.recuitDiv.view .qnaList li .aTxt {padding:0 50px 0 60px; line-height:30px;}
	
	/* ���� �� �� */
	.promoteList {width:596px; margin:60px auto 0;}
	.promoteList li:nth-child(3) {margin-right:0}
	.promoteList li:nth-child(3):before {display:none;}
	.promoteImg img.pc {display:none;}
	.promoteImg img.mobile {display:inline-block;}

	/* ncc/ecc */
	.factoryList > div .factoryTxt {float:none; width:100%; padding-right:0;}
	
}

@media screen and (max-width:758px) { /* ����� */
	/* ȸ��Ұ� */
	.companyDiv .mTit {font-size:22px; margin-bottom:15px;} /* ���� */
	.companyDiv .sTit {font-size:13px; line-height:1.5; padding:0 3% }
	.companyDiv .summaryArea {margin-top:40px;}
	.companyDiv .summaryArea .mainImg {height:405px; margin-bottom:230px; background-size:cover;}
	.companyDiv .summaryArea .mainImg .txtArea {bottom:auto; top:330px; width:94%; height:auto;  margin-left:3%; padding:40px 30px; box-shadow:35px 35px 40px rgba(0,0,0,0.4);}
	.companyDiv .summaryArea .mainImg .txtArea .tit {font-size:16px; line-height:1.5; margin-bottom:20px;}
	.companyDiv .summaryArea .mainImg .txtArea .txt {font-size:13px; line-height:1.5; margin-top:10px;}
	.summaryDiv > div {padding-top:40px;}
	.summaryDiv > div .txtArea .tit {font-size:16px; line-height:1.5;}
	.summaryDiv > div .txtArea .txt {font-size:13px; line-height:1.5; margin-top:20px;}
	.summaryDiv > div .imgArea {margin-top:10px;}
	.companyArea1 {padding:40px 0; margin-top:40px;}
	.companyList {margin-top:30px;}	
	.companyList li {width:48%; height:210px; margin:10px 2% 0 0;}
	.companyList li .icon {margin-bottom:15px;}
	.companyList li .tit {font-size:15px; margin-bottom:10px;}
	.companyList li .txt {font-size:13px; line-height:1.5;}
	.gradeList {margin-bottom:75px;}
	.gradeList li {padding:30px 0;}
	.gradeList li .tit {font-size:14px; margin-bottom:15px;;}
	.gradeList li .txt {font-size:13px;}
	.gradeList li .txt strong {font-size:25px;}
	.gradeList li .date {font-size:10px; bottom:10px; }
	.bizList {margin:30px 0 0; left:-3%; width:106%;}
	.bizList li {height:180px;}
	.bizList li .frontDiv .txt {top:20px; left:20px; font-size:16px; line-height:1.3;}
	.bizList li .backDiv .txtArea {padding:20px;}	
	.bizList li .backDiv .txtArea:after {bottom:20px; left:20px; width:30px; height:6px; background-size:30px 6px;}
	.bizList li .backDiv .txtArea .tit {font-size:16px; line-height:1.3;}
	.bizList li .backDiv .txtArea .txt {font-size:13px; line-height:1.5; margin-top:20px;}
	.bizArea .imgCon {margin-top:40px;}
	.bizArea .imgCon > a {padding:5px 20px; font-size:12px; top:-20px} /* 2018-10-30 �߰� */
	.companyDiv .bottomArea {padding:40px 0 65px;}
	.downList {margin-top:30px;}
	.downList li {margin:10px 2% 0 0;}
	.downList li .tit {margin-top:15px; font-size:13px;}
	.downList li a {padding:5px 10px; border:1px solid #e1e1e1; margin-top:10px;}
	.downList li a span {padding-right:0; font-size:12px; background-size:8px;}

	.visionArea p {line-height:1.5; font-size:13px;} /* ���� */
	.visionArea .productTit {font-size:16px; line-height:1}
	.visionArea > .mTit {font-size:18px; line-height:1.3;}
	.visionImg {margin:40px 0;}
	.visionImg .mobileTxt .list {border-top:2px solid #8cc63e; padding:20px 0;}
	.visionImg .mobileTxt .list .tit {font-size:16px; line-height:1.3;}
	.visionImg .mobileTxt .list ul li {font-size:13px; line-height:1.5; padding-left:10px; margin-top:10px;}
	.visionImg .mobileTxt .list ul li:before {width:3px; height:18px; background-size:3px;}
	.visionImg .mobileTxt .list:nth-child(-n+2) {height:165px;}
	.visionImg .mobileTxt .list:nth-child(3), .visionImg .mobileTxt .list:nth-child(4) {padding-bottom:0}
	.visionImg .mobileTxt .list.t2 {border-top:2px solid #12547a; }
	.visionImg .mobileTxt .list.t2 ul li:before {background-size:3px;}

	.visionList li .img {margin-bottom:15px;}
	.visionList li .tit {font-size:16px; margin-bottom:10px;}
	.visionList li .txt {font-size:13px; line-height:1.5;}
	.visionDiv > .tit {font-size:16px;}
	.visionDiv .redBox {padding:13px 30px 14px; margin:15px 0; border-radius:20px; font-size:15px;}
	.visionDiv .boxArea {margin:30px 0;}
	.visionDiv .boxArea > .tit {font-size:18px; margin-bottom:15px;}
	.visionDiv .boxArea > ul {margin-top:15px;}
	.visionDiv .boxArea > ul li:after {background-size:auto 5px;}	
	.visionDiv .boxArea > ul li .tit {font-size:16px; line-height:1; padding:15px 0;}
	.visionDiv .boxArea > ul li .txt {font-size:13px; line-height:1.3; padding:15px 10px;}

	.ceoArea {margin-top:40px;} /* ceo �λ縻 */
	.ceoArea .topArea {padding:65px 35% 50px 3%;}
	.ceoArea .topArea .tit {font-size:15px; line-height:22px; padding:0 15px; background-size:10px auto, 10px auto; background-position:left top, right bottom 10px}
	.ceoArea .topArea .name {margin-top:10px; font-size:14px; line-height:1.3; padding-left:15px;}
	.ceoArea .topArea .name span {font-size:14px; line-height:1.3;}
	.ceoArea .txtArea {padding-top:30px; font-size:13px; line-height:1.5;}
	.ceoArea .txtArea .ceoInfo {font-size:12px; line-height:19px;; margin-top:15px;}
	.ceoArea .txtArea .ceoInfo .info_name{margin-left:5px; font-size:13px; line-height:19px;; padding-right:42px; background-size:auto 19px;}

	/* pr ���� */
	.advertiseTop .video_info {height:200px; padding:20px;}
	.advertiseTop .video_info .tit{font-size:16px; line-height:1.5; margin-bottom:12px;}
	.advertiseTop .video_info .date{font-size:13px;}
	.advertiseTop .video_info .videoTxt{font-size:13px; line-height:1.3; margin-top:25px;}
	.advertiseBot {margin-top:10px; padding-bottom:15px;}
	.advertiseBot .list .txtDiv {padding-top:15px; height:85px;}
	.advertiseBot .list .txtDiv .txt {font-size:15px; line-height:1.3; height:39px;}
	.advertiseBot .list .txtDiv .date{margin-top:15px; font-size:12px;}

	.ciArea .ciDiv1 .logoTxt {margin:40px 0 25px;} /* ci */
	.ciArea .ciDiv1 .logoTxt .txt {font-size:13px; line-height:1.5; padding:95px 0 10px; background:url("/common/images/icon/ci_img2.png") no-repeat center top;}
	.ciArea .ciDiv1 .ciList {padding-top:25px;}
	.ciArea .ciDiv1 .ciList li .img {margin-bottom:20px;}
	.ciArea .ciDiv1 .ciList li .txt {line-height:1.5; font-size:13px;}
	.ciArea .ciDiv2 .btnDiv {top:-4px;}
	.ciArea .ciDiv2 .btnDiv a {width:50px; border-radius:1px; padding:5px 10px; border:1px solid #e0e0e0;}
	.ciArea .ciDiv2 .btnDiv a span {font-size:12px; padding-right:15px; background-size:8px;}
	.ciArea .ciDiv2 .grayBox {padding:20px; margin-bottom:15px;}
	.ciArea .ciDiv2 .grayBox > div .tit {font-size:14px; margin-bottom:20px;}
	.ciArea .infoT {line-height:1.5; font-size:13px;}
	.ciArea .ciDiv3 .infoT {line-height:1.5; font-size:13px;}
	.ciArea .ciDiv3 .colorDiv {margin-top:15px;}
	.ciArea .ciDiv3 .colorDiv > div .tit {font-size:16px; padding-bottom:15px; }
	.ciArea .ciDiv3 .colorDiv > div .txtArea {margin-top:15px;}
	.ciArea .ciDiv3 .colorDiv > div .txtArea > .txt {line-height:1.3; font-size:13px;}
	.ciArea .ciDiv3 .colorDiv > div .txtArea .color {height:90px; padding:10px; margin-top:15px;}
	.ciArea .ciDiv3 .colorDiv > div .txtArea .color .txt {font-size:13px; line-height:1.3;}
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea {float:left; width:48%; margin:10px 2% 0 0;}
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea:nth-of-type(even) {float:right; margin-right:0}
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea:nth-of-type(-n+2) {margin-top:0}	
	.ciArea .ciDiv4 .boxArea {padding:25px 3%;}
	.ciArea .ciDiv4 .boxArea .img {margin-bottom:25px;}
	.ciArea .ciDiv4 .boxArea .txt {font-size:13px;}

	/* R&D */
	.studyImgTxt {margin-top:40px; border-top:1px solid #e0e0e0;}
	.studyArea > .mTit {font-size:16px; margin-bottom:25px;}
	.studyArea .tabBtn {width:94%;}
	.studyArea .mainDiv {position:relative; padding-top:50px; height:410px; margin-bottom:270px; }
	.studyArea.type2 .mainDiv {margin-bottom:160px;}
	.studyArea .mainDiv .mTit {font-size:16px; line-height:1.3; margin-bottom:25px;}
	.studyArea .mainDiv .mTit .greenT {display:block;}
	.studyArea .mainDiv ul{position:relative; width:290px; height:155px; margin:25px auto 0;}
	.studyArea .mainDiv li{width:155px; height:155px; border-radius:50%; padding:50px 0 0; font-size:14px}
	.studyArea .mainDiv li:nth-child(1) p:nth-child(2){font-size:25px;}
	.studyArea .mainDiv li p:nth-child(2){margin-top:15px}
	.studyArea .mainDiv li p:nth-child(2) span{font-size:13px;}
	.studyArea .mainDiv li:nth-child(2) p:nth-child(2){font-size:18px;}
	.studyArea .mainDiv li:nth-child(2) p:nth-child(2) span{margin-top:5px}
	.studyArea .txtBox {padding:30px 3%; margin-top:0; line-height:1.5; font-size:13px; position:absolute; top:100%; left:0; width:100%; box-sizing:border-box;}
	.studyArea.type2 .txtBox {padding:30px 3% 10px;}
	.studyArea .txtBox .tit {font-size:15px; margin-bottom:15px;}

	.rndHistory .productTit {width:calc(94% - 25px); margin:30px auto 0;}
	.rndHistory .historyDiv {margin:40px 0 70px;}
	.rndHistory .historyDiv .yearArea {margin-top:40px;}
	.rndHistory .historyDiv .yearArea .tit {font-size:20px; margin-bottom:10px;}
	.rndHistory .historyDiv .yearArea .txtArea {padding-top:35px; background-size:auto 50px;}
	.rndHistory .historyDiv .yearArea .txtArea .grayBox {padding:30px;}
	.rndHistory .historyDiv .yearArea:first-child .txtArea ul {width:163px;}
	.rndHistory .historyDiv .yearArea .txtArea ul li {margin-bottom:15px; }
	.rndHistory .historyDiv .yearArea .txtArea ul li p {font-size:14px; line-height:1.5; width:calc(100% - 65px); word-break:keep-all;}
	.rndHistory .historyDiv .yearArea .txtArea ul li p.yearT {width:55px; font-size:15px; font-family:'Proxima-Bold', sans-serif; font-weight:normal; margin-right:10px;}
	
	.studyArea .bottomArea {margin-top:70px; padding:40px 0 55px; background:url("/common/images/icon/studyBot_bg.jpg") no-repeat center;}
	.studyArea .bottomArea .tit {font-size:16px;}
	.studyArea .bottomArea .img img {max-width:100%;}
	.studyArea .bottomArea .img .mobile {display:none;}

	/* �������� */
	.investImg .date {position:absolute; top:auto; bottom:-20px; right:0; font-size:13px;}
	.investImg .scrollDiv {overflow-x:auto;}
	.investImg .scrollDiv img {max-width:180%;}
	.boardArea1 {padding:30px 20px;}
	.boardArea1 .tit {font-size:16px;}
	.boardArea1 .downList {margin-top:15px;}
	.boardArea1 .downList a {width:100%; margin:10px 0 0 0; font-size:13px; }/* �̻�ȸ*/
	.boardArea1 .downList a:nth-child(2), .boardArea1 .downList a:nth-child(3) {margin:10px 0 0 0;}
	.boardArea1 .downList a:nth-child(2) {margin:10px 0 0 0;}
	.boardArea2 .memberList {float:none; width:auto; margin:0; margin-top:20px;}
	.boardArea1 .downList a:nth-child(-n+3) {margin-top:10px;}
	.boardArea1 .downList .top a:nth-child(-n+2) {margin-top:10px;}
	.boardArea2 .memberList .top a:nth-child(1) {margin-top:0;}
	.boardArea2 .memberList > .tit {font-size:14px; padding:15px 0;}
	.boardArea2 .memberList .txtArea {padding:10px;}
	.boardArea2 .memberList .txtArea.type1, .boardArea2 .memberList .txtArea.type2, .boardArea2 .memberList .txtArea.type3 {height:auto; }
	.boardArea2 .memberList .txtArea .list {padding:10px 0}
	.boardArea2 .memberList .txtArea .list .tit {font-size:14px; line-height:1.3}
	.boardArea2 .memberList .txtArea .list ul {margin-top:10px;}
	.boardArea2 .memberList .txtArea .list ul li {font-size:13px; line-height:1.3}
	.boardArea2 .memberList .txtArea .list ul li:before {height:16px; background-size:2px;}
	.boardArea2 .memberList .txtArea .list .txt {float:none; line-height:1.3; font-size:13px;}
	.boardArea3 > .txt {font-size:13px; line-height:1.3;}
	.boardArea3 .dotDl dt {font-size:16px; margin:25px 0 10px;}
	.boardArea3 .dotDl dd {font-size:13px; line-height:1.3; padding-left:15px; background-size:2px; background-position:left 6px; padding-left:8px;}
	.boardArea3 .acoArea { margin-top:20px;}
	.boardArea3 .acoArea a {padding:15px; font-size:14px; background-position:right 15px center; background-size:8px auto;}
	.boardArea3 .acoArea .acoCon {padding:30px 40px;}
	
	.investTab {margin:40px auto 0; width:100px;}
	.investTab a {width:50px; font-size:13px; padding-bottom:10px; border-bottom:1px solid #e0e0e0;}
	.investList {margin-top:20px;}
	.investList li {width:48%; margin-left:0; margin-top:10px;}
	.investList li:nth-child(-n+2) {margin-top:0}
	.investList li:nth-child(even) {float:right;}

	.brochureTop {margin-top:40px; padding:45px 0;} /* ��μ� */
	.brochureTop .txtArea {padding:25px 0 0 0; }
	.brochureTop .txtArea .tit {font-size:17px; }
	.brochureTop .txtArea .txt {margin-top:10px; font-size:13px;}	
	.brochureTop .txtArea .downBtn {margin-top:25px;} 
	.brochureTop .txtArea .downBtn a {padding:5px 15px; border:1px solid #e0e0e0;}
	.brochureTop .txtArea .downBtn a span {background-size:9px; font-size:12px; padding-right:15px;}
	.brochureTop .txtArea .grayBtn {padding:6px 15px; margin-top:20px; font-size:12px;}
	.brochureTop .txtArea .grayBtn span {padding-right:15px; background-size:8px;}
	.brochureTop .txtArea .infoT {background-size:9px; background-position:left 8px; padding-left:15px; font-size:12px; line-height:1.5; margin-top:60px;}
	.brochureTop .txtArea .greenT {color:#8bbf45; font-size:12px; line-height:1.5;} 
	.brochureTop .imgArea > div {width:152px; height:210px;}
	.brochureTop .imgArea > div img {height:100%;}

	/* ��ǰ�Ұ� */	
	.prodMainV .txtArea .tit1 {margin-bottom:15px; font-size:14px; word-break:keep-all;}/* ��ǰ�Ұ�_������� */
	.prodMainV .txtArea .tit2 {font-size:33px; word-break:keep-all; margin-bottom:30px; letter-spacing:-1px;}
	.prodMainV .txtArea .txt {font-size:12px; word-break:keep-all; line-height:1.3;}
	.prodMainV .scroll {bottom:30px;font-size:12px;}
	.prodMainV .scroll .arrow {width:37px; height:37px; margin:15px auto 0; background-size:10px auto;}
		
	/*.prod_subList .txtArea {position:absolute; top:0; left:-260px; min-height:475px; padding:90px 0 0 1260px;}
	.prod_subList:nth-of-type(even) .txtArea {left:auto; right:-260px; padding:90px 1260px 0 0;}
	.prod_subList.type1 .txtArea {background:url("/common/images/icon/prod_subList_txt_bg1.jpg") no-repeat 0 top;}
	.prod_subList.type2 .txtArea {background:url("/common/images/icon/prod_subList_txt_bg2.jpg") no-repeat 100% top;}
	.prod_subList.type3 .txtArea {background:url("/common/images/icon/prod_subList_txt_bg3.jpg") no-repeat 0 top;}
	.prod_subList.type4 .txtArea {background:url("/common/images/icon/prod_subList_txt_bg4.jpg") no-repeat 100% top;}
	.prod_subList.type5 .txtArea {background:url("/common/images/icon/prod_subList_txt_bg5.jpg") no-repeat 0 top;}
	.prod_subList .txtArea .mTxt {font-size:56px; font-weight:bold; color:#000;}
	.prod_subList .txtArea .subTxt {font-size:18px; line-height:28px; margin:40px 0 30px;}
	.prod_subList .txtArea .linkArea a {display:inline-block; width:150px; font-size:18px; font-weight:bold; padding:19px 0 15px; border-bottom:1px solid #ccc; text-align:left;} 
	.prod_subList .txtArea .linkArea.type2 a {display:block;}
	.prod_subList .txtArea .linkArea a:hover {color:#8bbf45; border-color:#8bbf45; background:url("/common/images/icon/linkArea_icon_on.png") no-repeat right center;}
	.prodCon .bottArea {padding:140px 0 150px; background:url("/common/images/icon/prodBottArea_bg.jpg") no-repeat center; background-size:cover; color:#fff; text-align:center;}
	.prodCon .bottArea .tit {font-size:30px; font-weight:bold; }
	.prodCon .bottArea .txt {font-size:18px; margin:30px 0 50px;}
	.prodCon .bottArea a {display:inline-block; border:2px solid #fff; border-radius:3px; padding:19px 100px 19px 24px; background:url("/common/images/icon/prodBottArea_arrow.png") no-repeat right 30px center; font-size:18px; color:#fff;}*/

	.prod_subList {height:auto; padding:50px 0 50px;}
	.prod_subList:nth-of-type(1) {padding-top:60px;}
	.prod_subList .txtArea {padding-top:230px;}
	.prod_subList:nth-of-type(even) .txtArea {padding-top:230px;}
	.prod_subList.type1 .txtArea {background-size:500px auto;}
	.prod_subList.type2 .txtArea {background-size:500px auto;}
	.prod_subList.type3 .txtArea {background-size:500px auto;}
	.prod_subList.type4 .txtArea {background-size:500px auto;}
	.prod_subList.type5 .txtArea {background-size:500px auto;}
	.prod_subList.type6 .txtArea {background-size:500px auto;}
	.prod_subList.type7 .txtArea {background-size:500px auto;}
	.prod_subList .txtArea .mTxt {font-size:22px;}
	.prod_subList .txtArea .subTxt {font-size:13px; line-height:1.3; margin:20px 0 15px;}
	.prod_subList .txtArea .linkArea > div {max-width:100%; width:100%;}
	.prod_subList .txtArea .linkArea:after {content:""; display:block; clear:both;}
	.prod_subList .txtArea .linkArea a {font-size:13px; padding:10px 0 8px; width:48% !important; float:left;}
	.prod_subList .txtArea .linkArea a:nth-of-type(even) {float:right;}
	.prod_subList .txtArea .linkArea a:hover {background-size:5px auto;}
	.prodCon .bottArea {padding:70px 0 75px; margin-top:50px;}
	.prodCon .bottArea .tit {font-size:15px; font-weight:bold; }
	.prodCon .bottArea .txt {font-size:13px; margin:15px 0 25px;}
	.prodCon .bottArea a {border:1px solid #fff; padding:10px 50px 9px 12px; background-position:right 15px center; font-size:13px;}
	.prodImg .pc {display:none;}
	.prodImg .mobile {display:block;}

	/* 2018-11-06 ���� */
	/* .subWrap .inner  */.h3TxtArea.prod .downBtn {display:inline-block; padding:14px 26px; background:#545a66; border-radius:3px; margin-top:45px}
	/* .subWrap .inner  */.h3TxtArea.prod .downBtn span {color:#fff; font-weight:bold; background:url("/common/images/icon/down_icon.png") no-repeat right center; padding-right:36px; font-size:13px}
	/* .subWrap .inner  */.h3TxtArea.prodTab .downBtn {display:inline-block; padding:14px 26px; background:#545a66; border-radius:3px; margin-top:45px}
	/* .subWrap .inner  */.h3TxtArea.prodTab .downBtn span {color:#fff; font-weight:bold; background:url("/common/images/icon/down_icon.png") no-repeat right center; padding-right:36px; font-size:13px}
	/* //2018-11-06 ���� */

	.prodList li {margin-top:10px;} /* ��ǰ�뵵 */
	.prodList li .icon {margin-bottom:15px;min-height:31px}
	.prodList li .icon img {width:38px;}
	.prodList li .txt {position:relative; top:0; left:0; font-size:12px; padding:0 10px;}
	.processImg.scroll {overflow-x:auto;}
	.processImg.scroll img {width:225%; max-width:225%;}

	.compList {width:290px; margin:0 auto;}/* ����� */
	.compList li {display:block; float:left; width:70px; height:80px; padding-right:40px; margin-top:10px; background-size:70px 80px;}
	.compList li:after {width:40px; height:80px; background-size:15px auto;}
	.compList li p span {padding:0 6px; font-size:12px; line-height:1.6;}

	.compList2 {width:290px;}/* ��ǰƯ¡ */
	.compList2 dt {margin-bottom:15px;}
	.compList2 dt p {
		width:110px; height:125px;  
		background-position:center 35px ,0 0 ;
		background-size:28px auto , 110px 125px;
	}
	.compList2 dt p span {padding:40px 3% 0; font-size:16px;}
	.compList2 dd {width:73px; height:83px; background-size:73px 83px; padding-right:35px; margin-top:10px;}
	.compList2 dd:after {width:35px; height:83px; background-size:15px 5px;}
	.compList2 dd p span {font-size:12px; line-height:1.3; padding:5px 3% 0;}

	.contArea {padding:40px 3% 80px; }/* ��繮�� */
	.contArea .tit {font-size:20px; margin-bottom:25px;}
	.contArea .contBox {width:100%; margin-top:10px; padding:20px 5% 0;}
	.contArea .contBox .tit {font-size:15px; margin-bottom:80px;}
	.contArea .contBox .icon {top:20px; right:5%; padding-top:35px; background-size:35px 39px; font-size:11px;}
	.contArea .contBox .icon.t2{background-size: 40px 39px;}
	.contArea .contBox .txt {font-size:12px; padding:13px 0 15px;}
	.contArea .contBox .txt span {background-size:auto 8px; padding-right:13px}
	
	/* tableType */
	.tableWrap .tableTit {font-size:14px; margin-bottom:15px; clear:both;}/* ��ǰ �з� table */
	.tableWrap .downBtn {position:relative; top:0; float:right; padding:8px 20px; margin-bottom:10px;}
	.tableWrap .downBtn span {background-size:13px; padding-right:23px; font-size:13px;}
	.tableType1 {clear:both; margin-bottom:20px;}
	.tableType1 .mobile > .tit {font-size:13px; padding:18px 0;}
	.tableType1 .mobile ul li .tit {width:75px; padding:19px 0; font-size:13px;}
	.tableType1 .mobile ul li .txt {padding:19px 0; font-size:12px;}
	.tableType1 .tableTxt {margin-top:30px;}	
	.tableType1 .tableTxt .dotT {position:relative; padding-left:6px; font-size:13px; line-height:20px; margin-top:10px;}
	.tableType1 .tableTxt .dotT:first-child {margin-top:0}
	.tableType1 .tableTxt .dotT strong {margin-right:0; display:block;}
	.tableType1 table thead th {font-size:15px; padding:16px 0;}
	.tableType1 table tbody td {font-size:13px; padding:16px 15px; line-height:1.3;}
	.tableType1 table.standar thead th {font-size:15px; padding:16px 0}
	.tableType1 table.standar tbody td {font-size:13px; padding:16px 0}
	
	.tableType2 .date {font-size:13px; top:auto; bottom:-20px;} /* �������� table*/
	.tableType2 .grayBtn {top:-42px; right:0; padding:6px 15px; font-size:13px;}
	.tableType2 table {width:200%; }
	.tableType2 table thead th {font-size:13px; padding:10px 0;}
	.tableType2 table tbody td {padding:10px 15px; font-size:12px; line-height:1.3;}
	.tableType2 table tfoot td {padding:10px 15px; font-size:12px; line-height:1.3;}
	.tableType2 table.type2 th, .tableType2 table.type2 td {border-left:1px solid #e0e0e0;}
	.tableType2 table.type2 th:first-child, .tableType2 table.type2 td:first-child {border-left:0;}
	.tableType2 table.type2 td .checkIcon {vertical-align:middle;}
	.tableType2 .tableTxt {margin:20px 0;}
	.tableType2 .tableTxt .dotT {position:relative; padding-left:12px; line-height:1.5; font-size:13px;}
	.tableType2 .tableTxt .dotT:before {height:20px; background-size:2px;}
	.tableType2 .tableTxt .dotT strong {display:inline-block; font-weight:bold; margin-right:25px;}
	
	.agreeDiv {margin-bottom:25px;}/* ��ǰ�����˾�_���� */
	.agreeDiv .agreeTxt {padding:15px; height:120px; font-size:13px; line-height:1.5;}

	/* ����� */
	.recruitList .recruitBox {padding:20px 0;}
	.recruitList .recruitBox .tit {font-size:15px; line-height:1.5;}
	.recruitList .recruitBox .tit .num {font-size:14px;}
	.recruitList .recruitBox .img {margin:15px 0;}
	.recruitList .recruitBox .txt {font-size:13px; line-height:1.6;}	
	.recruitList .recruitBox.type2 .tit {margin:15px 0;}
	.recruitList .recruitBox.type2 .dotList {margin-top:20px; padding-top:15px;}
	.recruitList .recruitBox.type2 .dotList li {background-size:2px; background-position:0 8px; line-height:1.6; font-size:13px; padding-left:7px;}
	
	.recruiteDiv > .mTit {font-size:14px; line-height:1.5;}
	.recruiteDiv .tit {font-size:15px; margin:25px 0 15px;}
	.recruiteDiv .tit:first-child {margin-top:40px;}
	.recruiteDiv .txt {font-size:13px; line-height:1.5; margin-top:15px;}
	.recruiteDiv .txt .greenT {font-size:14px; margin-bottom:5px;}
	.recruiteDiv .dotTxt {font-size:13px; line-height:1.5; padding-left:8px;}
	.recruiteDiv .dotTxt:before {width:2px; height:18px; background-size:2px;}
	
	.benefitTable table th {font-size:14px; line-height:1.3; padding:10px 0;} /* �����Ļ� */
	.benefitTable table th br {display:block;}
	.benefitTable table td {padding:5px 0;}
	.benefitTable table td .arrowT {display:table; width:100%; font-size:13px; line-height:1.3; padding:10px 0;}
	.benefitTable table td .arrowT.t1 {background-image:url("/common/images/icon/benefitTable_bg1_m.png");}
	.benefitTable table td .arrowT.t2 {background-image:url("/common/images/icon/benefitTable_bg2_m.png");}
	.benefitTable table td .arrowT span {padding:10px 0; display:table-cell; vertical-align:middle;}
	.benefitTable table td .arrowT.t2 span {padding:18px 0}
	.benefitTable table td .arrowT span br {display:block;}
	.benefitList li {padding:30px 10px;}
	.benefitList li .icon img {width:35px;}
	.benefitList li .tit {font-size:15px; margin:25px 0 0;}

	.employDiv {margin-top:40px;}/*�����*/
	.employDiv > .txt {line-height:1.5; font-size:13px;}
	.employDiv .employBox {padding:30px 3%; margin-top:30px;}
	.employDiv .btnArea .downBtn {padding:11px 15px 12px; font-size:12px; margin-top:25px;}
	.employDiv .btnArea .downBtn span {padding-right:20px; background-size:10px auto;}
	.employDiv .btnArea .blueBtn {padding:11px 30px 12px; margin-top:25px;} 
	.employList {margin:0 auto; width:280px;}
	.employList:after {content:""; display:block; clear:both;}
	.employList li {display:block; float:left; width:125px; height:142px; margin-top:10px; margin-right:5px; background-size:125px 142px;}
	.employList li:nth-of-type(even) {float:right; margin-right:0}
	.employList li:nth-of-type(-n+2) {margin-top:0;}
	.employList li:after {right:-30px; width:30px; height:34px; background-size:20px 19px; background-position:center;}	
	.employList li:nth-of-type(even):after {display:none;}
	.employList li p span {padding:0 3%; font-size:13px; line-height:1.5;}
	.employList li p span .greenBt {font-size:12px; margin-top:5px;}
	.employList li p span .greenT {font-size:12px; line-height:1.5; margin-top:5px;}

	.recruitG_box {padding:35px 0; margin-top:40px;}/* ä�빮�� �ڽ�_ȸ�� */
	.recruitG_box .txt {font-size:13px;}
	.recruitG_box .grayBtn {padding:11px 40px 12px; margin-top:15px; font-size:12px;}
	.recruiteDiv .noData .txt {padding-top:73px; background-size:57px;}

	/* 2�� */
	/* ������̵� */
	.productDiv_G {margin-top:40px;}
	.productDiv_G > div {padding:30px 0;}
	.productDiv_G > div .txt {font-size:16px; line-height:1.5; padding-top:72px;}
	.productDiv_G div.t1 .txt {background-size:55px;}
	.productDiv_G div.t2 .txt {background-size:55px;}
	.productDiv_G div.t2 {margin-top:15px;}
	.productDiv_G > div .btnDiv {margin-top:22px;}
	.productDiv_G > div .btnDiv a {padding:10px 30px 9px; margin-left:0; font-size:12px;}
	
	/* �������ͺ� */
	.recuitDiv.view {padding-bottom:15px;}
	.recuitDiv.view .leftDiv .txtCon {width:calc(100% - 30px); text-align:center;}
	.recuitDiv.view .leftDiv .txtCon .tit {
		font-size:16px; padding:0 10px;
		background-size:8px 4px , 8px 4px;
	}
	.recuitDiv.view .leftDiv .txtCon .txt {font-size:13px; margin-top:10px;}
	.recuitDiv.view .rightDiv {margin-top:25px;}
	.recuitDiv.view .qnaList li {padding:15px 0;}
	.recuitDiv.view .qnaList li:last-child {padding-bottom:0}
	.recuitDiv.view .qnaList li .qTit {padding-left:40px; font-size:16px; line-height:30px;}
	.recuitDiv.view .qnaList li .qTit:before {width:30px; height:30px; background-size:100%;}
	.recuitDiv.view .qnaList li .aTxt {margin-top:10px; padding:0 25px 0 40px; font-size:13px; line-height:1.5;}
	.btnArea.recuitView .blueBtn {margin-top:25px;}
	
	/* ���� �� �� */
	.promoteArea {margin-top:40px;}
	.promoteArea > .txt {font-size:13px; line-height:1.5;}
	.promoteList {width:310px; margin:45px auto 0;}
	.promoteList li {width:90px; margin-right:15px; height:101px; background-size:90px 101px;}
	.promoteList li:before {right:-18px; width:18px; height:101px; background-size:15px auto;}	
	.promoteList li div .txt {font-size:12px; line-height:1.3;}

	/* ncc/ecc */
	.factoryList > div .factoryTxt {margin-top:20px;}
	.factoryList > div .factoryTxt .tit {font-size:14px; line-height:1.3;}
	.factoryList > div .factoryTxt .tit span {width:20px; height:20px; font-size:13px; line-height:20px; }
	.factoryList > div .factoryTxt .txt {font-size:13px; line-height:1.5; margin-top:10px;}
	
}

@media screen and (max-width:700px) {
	/* �ְ����� */
	#stockInfoIframe {height:2850px;}
}

@media screen and (max-width:450px) {

	.companyDiv .summaryArea .mainImg {margin-bottom:260px;}
	.companyDiv .summaryArea .mainImg .txtArea {position:relative; top:330px; width:100%; height:auto;  margin-left:0; padding:30px 8%; box-shadow:35px 35px 40px rgba(0,0,0,0.4);}

	.studyArea .mainDiv {margin-bottom:310px;}

}

@media screen and (max-width:350px) {/* ������5/se�� �� */
	.employBox .btnArea a {margin-top:10px !important;}
	.employBox .btnArea a:first-child {margin-top:0;}
	.downList li .tit {font-size:12px;}
	.companyDiv .summaryArea .mainImg {margin-bottom:350px;}
	.ceoArea .topArea {background-position:left top; padding:45px 3% 50px 40%;}
	.productDiv_G > div .btnDiv a {padding:10px 20px 9px;}

	.recuitDiv.view .leftDiv .txtCon {top:50px;}

}

@media print{
	body {-webkit-print-color-adjust:exact !important;}

	.tableType1 {border-top:2px solid #000 !important; margin-bottom:40px;} 
	.tableType1:last-child {margin-bottom:0}
	.tableType1 table {width:100% !important; table-layout:fixed !important;}
	.tableType1 table thead th {font-size:18px; color:#000; font-weight:bold; padding:20px 0; border-bottom:1px solid #e0e0e0 !important;}
	.tableType1 table tbody td {padding:20px 30px; border-bottom:1px solid #e0e0e0 !important; border-left:1px solid #e0e0e0 !important; vertical-align:middle !important; text-align:center !important; line-height:1.5;}
	.tableType1 table tbody td:first-child {border-left:0 !important; border-right:1px solid #e0e0e0;}
	.tableType1 .mobile {display:none;}
	.tableType1 .tableTxt {margin-top:30px;}
	.tableType1 .tableTxt .dotT {position:relative; padding-left:12px; line-height:26px;}
	.tableType1 .tableTxt .dotT:before {content:""; display:block; position:absolute; top:0; left:0; width:2px; height:26px; background:url("/common/images/icon/dot_2x2.gif") no-repeat 0 center;}
	.tableType1 .tableTxt .dotT strong {display:inline-block; font-weight:bold; margin-right:25px;}
	.tableType1 .scrollDiv {overflow-x:auto;}
	.tableType1 table tbody td.borL {border-left:1px solid #e0e0e0 !important;}

	.tit {font-size:22px !important; color:#000 !important; font-weight:bold !important; margin-bottom:30px !important;}
	.grayImgBox {position:relative !important; display:inline-block !important; padding:60px 0  !important; width:100% !important; background:#f9f9f9 !important; text-align:center !important; margin-bottom:50px !important; -webkit-print-color-adjust:exact !important;}
}