/* media max-width(1080px) */
/* all */
::-webkit-scrollbar { display:none; }
body { font-size:13px; }
/* input */
input[type="text"] { height:32px; padding:0 10px; font-size:12px; }
select { height:32px; padding-right:30px; padding-left:10px; font-size:12px; }
textarea { font-size:12px; height:187px; padding:10px; }
.fileWrap input[type="text"] { width:calc(100% - 332px); }
.fileWrap label { width:84px; line-height:32px; margin-left:8px; }
.fileWrap p { width:240px; font-size:12px; line-height:32px; }
.inputWrap input + label:before { margin-right:10px; }
.inputWrap input[type="checkbox"] + label { line-height:13px; height:13px; font-size:13px; }
.inputWrap input[type="radio"] + label { line-height:13px; }
.inputWrap input[type="checkbox"] + label:before { width:13px; height:13px; }
.inputWrap input[type="radio"] + label:before { width:13px; height:13px; }
.inputWrap input[type="checkbox"]:checked + label:after { top:4px; left:4px; width:5px; height:5px; }
.btnWrap {}
.btnWrap input + input { margin-left:9px; }
.btnWrap input, .btnWrap a { font-size:14px; line-height:32px; width:175px; }
.btnWrap { text-align: center;width: 175px;margin-left: 163px; }
.btnWrap2 input,
.btnWrap2 a { font-size:14px; line-height:32px; width:175px; }
.btnWrap2 { text-align: center;width: 175px; margin: 0 auto; }
/* header */
.headerContainer { height:75px; }
.headerContainer.active { top:-75px; }
.header { height:75px; padding:0 16px; }
.header .logoWrap { margin-top:19px; }
.header .logoWrap .logo { margin-left:-159px; height: 18px; }
.header .logoWrap .logo_purecell { display:inline-block; width:138px; height:12px; margin-top:10px; }
.header .gnbContainer .close { display:none; cursor:pointer;position:absolute; top:24px; right:336px; padding:8px;z-index:1; }
.header .gnbContainer .close img { width:17px; }
.header .gnbWrap { display:none; }
.header .gnbWrap > ul.gnb {width:100%; text-align:left; position:static; top:0; left:0; font-size:inherit; clear:both; padding-top:12px; }
.header .gnbWrap > ul.gnb > li { display:block; width:100%; height:auto; min-height:auto; margin-left:0; border:none; padding:0; background-size:17px; }
.header .gnbWrap > ul.gnb > li:nth-child(1) { width:100%; }
.header .gnbWrap > ul.gnb > li:hover,
.header .gnbWrap > ul.gnb > li.on { border:none; }
.header .gnbWrap > ul.gnb:hover > li { border:none; }
.header .gnbWrap > ul.gnb > li > p { height:auto; font-size:21px; line-height:56px;background:url("../images/ico_plus.png") #fff 100% 50% no-repeat;background-size:contain; padding-left:24px; font-weight:300; }
.header .gnbWrap > ul.gnb > li:nth-child(1) > p { word-break:unset;line-height:56px;margin:0; }
.header .gnbWrap > ul.gnb > li:before { display:none; }
.header .gnbWrap > ul.gnb > li.open > p { background-image:url("../images/ico_minus.png"); }
.header .gnbWrap > ul.gnb > li > p a { height:100%; line-height:inherit; }
.header .gnbWrap > ul.gnb > li:hover > p,
.header .gnbWrap > ul.gnb > li.on > p { color:#000; }
.header .gnbWrap ul.gnb + .footerMenu { display:none; }
.header .gnbWrap > ul.gnb > li.on > p + ul,
.header .gnbWrap > ul.gnb > li:hover > p + ul { background:none; }
.header .gnbWrap > ul.gnb > li > p + ul { margin-top:0px; background:#f7f7f7 !important; height:0; display:block; padding-left:40px; }
.header .gnbWrap > ul.gnb.open > li > p + ul { height:auto; }
.header .gnbWrap > ul.gnb > li.open > p + ul { height:auto; }
.header .gnbWrap > ul.gnb > li > p + ul > li > p { position:relative; display:inline-block; }
.header .gnbWrap > ul.gnb > li > p + ul > li > p a { font-size:14px; color:#000; padding:11px 0; }
.header .gnbWrap > ul.gnb > li > p + ul > li > p:after {
content:""; width:0; height:1px; position:absolute; bottom:8px; left:0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.header .gnbWrap > ul.gnb > li > p + ul > li > p:hover:after,
.header .gnbWrap > ul.gnb > li > p + ul > li > p.on:after { width:100%; background:#00ad83; }
.header .gnbWrap > ul.gnb > li > p + ul > li > p:hover a { color:#00ad83; }
.header .gnbWrap > ul.gnb > li > p + ul > li > p.on a { color:#00ad83; }
.header .gnbWrap > ul.gnb li a.link { padding-right:16px; background-image:url("../images/ico_link_t.png"); background-size:8px }
.header .servicesWrap {margin-top:24px;}
.header .servicesWrap .selectForm {padding:1px 0;}
.header .servicesWrap .selectForm:after {height:14px; margin:-1px 14px 0 0;}
.header .servicesWrap .selectForm p {width:80px; height:24px; line-height:24px; padding-left:28px;}
.header .servicesWrap .selectForm p + ul {width:78px; left:0; top:-7px; padding:4px 0;}
.header .servicesWrap .selectForm p + ul li {padding-left:16px;}
.header .servicesWrap .selectForm p + ul li a {line-height:36px;}
.header .servicesWrap .selectForm ul li.selected a:after {bottom:8px;}
.header .servicesWrap .searchWrap {margin-right:18px;}
.header .servicesWrap .searchWrap p {width:26px; height:26px;}
.header .servicesWrap .searchWrap .searchContainer {top:75px;}
.header .servicesWrap .searchWrap .searchContainer.on {height:75px;}
.header .servicesWrap .searchWrap .searchContainer .inputWrap {margin:16px auto; height:40px; padding:0 16px;}
.header .servicesWrap .searchWrap .searchContainer .inputWrap input[type="text"] {width:calc(100% - 40px); height:40px; padding:0 4px; font-size:24px;}
.header .servicesWrap .searchWrap .searchContainer .inputWrap a {width:40px; height:40px; }
.header .servicesWrap .logo_purecell {display:none;}
.header .servicesWrap .menuWrap {display:inline-block; cursor:pointer;}
.header .servicesWrap .menuWrap img {height:20px;}
.headerContainer .header_submenu {}
.headerContainer.fix .header_submenu {height:48px;}
.headerContainer .header_submenu li.swiper-slide {margin:9px 10px;}
.headerContainer .header_submenu li a {padding:8px 0; font-size:14px;}
.headerContainer .header_submenu li a:after {bottom:6px;}
.menuopen .header .gnbContainer { position:fixed; width:100%; height:100%; top:0; left:0; z-index:20; }
.menuopen .header .gnbContainer .dim { position:fixed; width:100%; height:100%; background: rgba(0,0,0,0.85); }
.menuopen .header .gnbContainer .close { display:block; }
.menuopen .header .gnbWrap {display:block; float:none; width:328px; height:100%; background:#fff; position:absolute; top:0; right:0;z-index:1; padding:24px 0;max-height:100%; overflow-y:auto; }
/*footer */
.footerContainer {margin-top:100px;}
.footer { font-size:13px; padding:0 50px;}
.footer a img {height:0.8em; margin-left:0.3em; margin-top:-1px;}
.footer ul.gnb {display:none;}
.footer .footerMenuWrap {height:130px;}
.footer .footerMenuWrap > ul {padding:34px 0;}
.footer .footerMenuWrap > ul li {margin-left:12px;}
.footer .footerMenuWrap > ul li a {line-height:1; padding:5px 0;}
.footer .footerMenuWrap .familysiteWrap {clear:both;float:right; width:182px;}
.footer .footerMenuWrap .familysiteWrap .selectForm p { font-size:11px; padding:13px 15px;}
.footer .footerMenuWrap .familysiteWrap .selectForm p img {height:5px; margin-top:2px;}
.footer .footerMenuWrap .familysiteWrap .selectForm.on ul {height:102px;/* max-height:118px;*/}
.footer .footerMenuWrap .familysiteWrap .selectForm ul li {font-size:11px;}
.footer .footerMenuWrap .familysiteWrap .selectForm ul li a {padding:8px 15px;}
.footer .footerMenuWrap .familysiteWrap .ps__rail-y {width:3px;}
.footer .footerMenuWrap .familysiteWrap .ps__thumb-y {width:3px; min-height:104px;}
.footer .logoWrap {padding:30px 0; margin-top:20px; line-height:47px;}
.footer .logoWrap > img {width:75px; height:10px;}
.footer .logoWrap p {font-size:11px; color:#666;}
/*quickmenu */
.quickmenu { right:16px; margin-top:-18px; }
.quickmenu.on { margin-top:-122px; }
.quickmenu .quickWrap { width:122px; }
.quickmenu.on .quickWrap { height:200px; }
.quickmenu.on ul { height:200px; }
.quickmenu li { width:122px; margin-top:5px; }
.quickmenu li p { font-size:10px; height:36px; line-height:37px; width:calc(100% - 18px); padding-left:18px; border-radius:18px 0 0 18px; }
.quickmenu li span { width:36px; height:36px; }
.quickmenu > p { width:36px; height:36px; cursor:pointer; margin-top:8px; }
.quickmenu > p img { width:18px; margin-top:9px; }
.viewWrap {}
.viewWrap .titleWrap {padding:32px 35px 26px;}
.viewWrap .titleWrap p {font-size:20px;margin-bottom:10px;}
.viewWrap .titleWrap span {font-size:12px;}
.viewWrap .viewContents {}
.viewWrap .viewContents .view {font-size:15px; margin:75px 0 40px;}
.viewWrap .viewContents .view .imgContents {margin:45px auto;}
.viewWrap .viewContents .view .imgContents p {font-size:13px; margin-top:12px;}
.viewWrap .viewContents .file {margin:0 auto 42px; width:554px;line-height: 12px;}
.viewWrap .viewContents .file p.title {padding:18px 15px; font-size:12px;}
.viewWrap .viewContents .file ul {padding:18px 10px;}
.viewWrap .viewContents .file ul li a {font-size:12px;}
.viewWrap .viewContents .file ul li a img {height:12px; margin-left:6px;}
.viewWrap .boardList {}
.viewWrap .boardList li {font-size:12px; padding:15px 0; height:42px;}
.viewWrap .boardList li:first-child {}
.viewWrap .boardList a {width:calc(100% - 70px); margin-top:0px;}
.viewWrap .boardList img {margin:-2px 35px 0 25px;}
.viewWrap .boardList li:last-child img {margin-top:-7px;}
.viewWrap .btnWrap {margin-top:40px;}
.titleWrap {}
.titleWrap > p {font-size:22px;}
.titleWrap > span {font-size:15px;}
.imgDeviceWrap li.deviceL { display:none; }
.imgDeviceWrap li.deviceT { display:block; }
/* content */
/* all */
.contentsContainer {padding-top:75px;}
.contentsContainer .keyvisualWrap {height:250px;}
.contentsContainer .keyvisual h1 {padding-top:91px;}
.contentsContainer .keyvisual h1 p {font-size:20px; padding-bottom:12px;}
.contentsContainer .keyvisual h1 span {margin-top:12px; font-size:19px;}
.contentsContainer .indicatorWrap {display:none;}
.contentsContainer .menuContainer li.swiper-slide { margin:0 17px; }
.contentsContainer .menuContainer li a { font-size:14px; padding:17px 0; }
.contentsWrap { padding:0 50px; }
.contentsWrap .contents:first-child { margin-top:75px; }
dl.information dd ul, dl.information dd ol {margin-bottom:21px;}
dl.information dd .subWrap {padding:20px 20px 0; margin:30px 0;}
dl.information dd .btnWrap {margin-top:80px;}
p.information {font-size:15px;}
p.information + dl.information {margin-top:80px;}
.tab + p.information {font-size:15px;line-height:1.6;}
div.information h2 { font-size:19px; margin:80px 0 30px;}
div.information .infoWrap {font-size:14px; line-height:1.7;}
div.information .infoWrap table {margin-top:14px;}
div.information .infoWrap table thead th {font-size:14px; padding:10px 10px;}
div.information .infoWrap table tbody td {font-size:14px; padding:10px 10px; }
.tableWrap {}
.tableWrap .inputContainer {margin-bottom:30px;}
.tableWrap .inputContainer:after {content:""; clear:both; display:block;}
.tableWrap .inputContainer .selectWrap {width:98px; margin-right:16px;}
.tableWrap .inputContainer .selectWrap select {height:30px; font-size:14px;}
.tableWrap .inputContainer .inputWrap input[type="text"] {width:240px; height:40px; font-size:14px;}
.tableWrap .inputContainer .inputWrap a {width:40px;}
.tableWrap table {font-size:13px;}
.tableWrap table th {padding:12px 0; }
.tableWrap table td.left {padding-left:15px;}
.tableWrap table td {padding:12px 0;}
.tableWrap2 table{font-size:14px;}
.tableWrap3 table{font-size:14px;}
/** ê¸°ìˆ /ì œí’ˆ > ì—°ë£Œì „ì§€ëž€ > ì—°ë£Œì „ì§€ ì›ë¦¬ **/
.tech0101 {}
.tech0101 .techWrap {background:url("../images/img_tech0101_02.png") 50% 0% no-repeat; background-size:217px; padding-top:267px; margin-top:75px;}
.tech0101 .techWrap li {text-align:left; width:50%; height:auto;}
.tech0101 .techWrap li br {display:none;}
.tech0101 .techWrap li:nth-child(-n + 2) {margin-bottom:50px;}
.tech0101 .techWrap li:nth-child(odd) {padding-right:20px;}
.tech0101 .techWrap li:nth-child(even) {padding-left:20px;}
/** ê¸°ìˆ /ì œí’ˆ > ì—°ë£Œì „ì§€ëž€ > ë‘산퓨얼셀 ê¸°ìˆ **/
.tech0102 {}
.tech0102 .techWrap {width:414px; height:306px;}
.tech0102 .techWrap .product li {text-align:center;}
.tech0102 .techWrap .product li img {width:90%; margin-top:-10px;}
.tech0102 .techWrap .product li p {top:252px;}
.tech0102 .techBtn li {width:88px; height:110px; padding-top:88px; margin-top:20px;}
.tech0102 .techBtn li:nth-child(-n + 2) {margin-bottom:30px;}
.tech0102 .techBtn li:nth-child(odd) {clear:both; float:left;}
.tech0102 .techBtn li:nth-child(even) {float:right;}
.tech0102 .techWrap .plus li {width:11px; height:11px;}
.tech0102 .techWrap .plus li:after {width:11px; height:1px; margin-top:-6px;}
.tech0102 .techWrap .plus li:before {width:1px; height:11px; margin-left:5px;}
/** ê¸°ìˆ /ì œí’ˆ > ê³ ê°ê°€ì¹˜ > 친환경 ì—너지 **/
.tech0201 {}
.tech0201 .titleWrap br {display:none;}
.tech0201 .graphContainer table.title thead tr th:nth-child(3) { width: 20%; }
.tech0201 .graphContainer table.title thead tr th:nth-child(4) { width: 20%; }
.tech0201 .graphContainer table.title thead tr th:nth-child(2) p,
.tech0201 .graphContainer table.title thead tr th:nth-child(3) p { margin-left:6px; margin-right:6px; font-size:18px; }
.tech0201 .graphContainer table + table thead tr th:nth-child(2) p,
.tech0201 .graphContainer table + table thead tr th:nth-child(3) p,
.tech0201 .graphContainer table + table thead tr th:nth-child(4) p { margin-left:6px; margin-right:6px; font-size:18px; }
.tech0201 .graphContainer tbody th, .tech0201 .graphContainer tbody td {font-size:12px;}
.tech0201 .graphContainer tbody th img { max-width:127px; }
.tech0201 .graphContainer tbody th .headWrap { position:relative; margin-right:8px; height:116px; }
.tech0201 .graphContainer tbody th .headWrap img { max-width:110px; }
.tech0201 .graphContainer tbody th .headWrap p { bottom:0; top:unset; }
.tech0201 .graphContainer tbody th p { position:absolute; right:0; top:54px; vertical-align:middle; }
.tech0201 .graphContainer tbody td .imgWrap { margin:0 19px; color:#717171;}
.tech0201 .graphContainer tbody td .imgWrap img { max-width:100px; }
.tech0201 .graphContainer tbody td .graphWrap { padding:2px 0 2px 1px;}
.tech0201 .graphContainer tbody td .graphWrap .graphBox { width:100%; height:116px; font-size:12px; }
.tech0201 .graphContainer tbody tr:first-child td .graphWrap .graphBox {background:#e0f4ff; font-size:15px;}
.tech0201 .graphContainer tbody tr:nth-child(2) td .graphWrap .graphBox {background:#e0f4ff; font-size:15px; }
.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox {background:#daf7ef;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox {background:#daf7ef;}
.tech0201 .graphContainer tbody tr td:nth-child(2) .graphWrap {margin-right:6px;margin-left:6px;}
.tech0201 .graphContainer tbody tr td:nth-child(3) .graphWrap {margin-left:6px; margin-right:6px;}
.tech0201 .graphContainer tbody tr td:nth-child(4) .graphWrap {margin-left:6px; margin-right:6px;}
.tech0201 .graphContainer tbody tr td .graphWrap span {margin-top:54px; }
.tech0201 .graphContainer tbody tr td .graphWrap .graph {margin-top:52px; width:0; height:12px; }
.tech0201 .graphContainer tbody tr:first-child td:nth-child(2) .graphWrap .graphBox span {margin-top:54px;}
.tech0201 .graphContainer tbody tr:first-child td:nth-child(3) .graphWrap .graphBox span {margin-top:54px;}
.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox .graph {width:13%;}
.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox span {margin-top:54px;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(2) .graphWrap .graphBox .graph {width:1%;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(2) .graphWrap .graphBox span {margin-top:54px;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(3) .graphWrap .graphBox .graph {width:45.3%;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(3) .graphWrap .graphBox span {margin-top:54px;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox .graph {}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox span {margin-top:54px;}
.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(2) .graphWrap .graphBox .graph {width:32%;}
.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(3) .graphWrap .graphBox .graph {width:67.9%;}
.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(4) .graphWrap .graphBox .graph {width:14%;}
.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(2) .graphWrap .graphBox .graph {width:68%;}
.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(3) .graphWrap .graphBox .graph {width:52.5%;}
.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(4) .graphWrap .graphBox .graph {width:16%;}
/** ê¸°ìˆ /ì œí’ˆ > ê³ ê°ê°€ì¹˜ > ì•ˆì „í•œ ê¸°ìˆ **/
.tech0202 {}
.tech0202 .contents > ul > li {width:calc((100% - 16px) / 2); }
.tech0202 .contents > ul > li:nth-child(even) {margin-left:16px;}
.tech0202 .contents > ul > li:nth-child(-n + 2) {margin-bottom:40px;}
.tech0202 .contents > ul > li:nth-child(n + 3) .imgWrap {vertical-align:bottom;}
.tech0202 .contents > ul > li .imgWrap {width:50%;min-height:auto; display:block;}
.tech0202 .contents > ul > li:last-child .imgWrap {width:100%;padding-bottom:0.5em;}
.tech0202 .contents > ul > li:last-child .imgWrap li:nth-child(-n + 5) {margin-bottom:0.8em;}
.tech0202 .contents > ul > li .textWrap {padding-left:0;display:block;width:100%;margin-top:1em;}
.tech0202 .contents > ul > li .textWrap p {font-size:15px;}
.tech0202 .contents > ul > li .textWrap span {font-size:13px;}
.tech0202 .contents > ul > li .imgWrap ul li {width:20%;}
/** ê¸°ìˆ /ì œí’ˆ > ê³ ê°ê°€ì¹˜ > ê³ íš¨ìœ¨ ë°œì „ **/
.tech0203 {}
.tech0203 .contents > ul > li {margin-top:70px;}
.tech0203 .contents > ul > li .titleWrap p {font-size:15px;}
.tech0203 .contents > ul > li:first-child .tableContainer {padding:18px 0;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li {height:50px;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li img {width:35px;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li span { font-size:12px;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li:first-child {top:84px;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li:nth-child(2) {top:34px;}
.tech0203 .contents > ul > li:first-child .graphContainer {padding:12px 24px 0 73px;}
.tech0203 .contents > ul > li:first-child .graphContainer > li {}
.tech0203 .contents > ul > li:first-child .graphContainer > li p {font-size:15px; margin-bottom:5px;}
.tech0203 .contents > ul > li:first-child .graphContainer > li ul {height:100px;}
.tech0203 .contents > ul > li:first-child .graphContainer > li > ul > li {}
.tech0203 .contents > ul > li:first-child .graphContainer > li li .graphWrap span {font-size:12px;}
.tech0203 .contents > ul > li:first-child .graphContainer > li li .graphWrap {width:14px; margin-left: -7px;}
.tech0203 .contents > ul > li:first-child .title {padding:0 24px 0 73px;}
.tech0203 .contents > ul > li:first-child .title li { padding: 8px 40px 7px;}
.tech0203 .contents > ul > li:first-child .title li .headWrap p { font-size:12px; bottom:14px;}
.tech0203 .contents > ul > li:nth-child(2) {}
.tech0203 .contents > ul > li:nth-child(2) > ul > li {margin-top:13px;}
.tech0203 .contents > ul > li:nth-child(2) > ul > li .imgDeviceWrap {width:calc(100% - 83px); margin-left:-7px;}
.tech0203 .contents > ul > li:nth-child(2) > ul > li p {font-size:12px; margin-left:30px; line-height:57px; width:60px; height:60px; border-width:3px; font-weight:700;}
.tech0203 .contents > ul > li:nth-child(2) > ul > li:first-child p {padding-top:13px;line-height:11px;font-size:10px;}
.tech0203 .contents > ul > li:nth-child(2) > ul > li:nth-child(2) p {color:#00ad83; border-color:#00ad83;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(1) > li {width:calc((100% - 36px) / 4); margin-left:12px; font-size:12px;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) {margin-top:30px;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li {float:left; width:calc((100% - 84px) / 4); margin:0 14px;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:last-child {margin-right:0;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child {margin-left:0;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child img {width:81px;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child span {margin:5px 0 8px -5px; font-size:25px;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child p {font-size:25px;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .headWrap span { right:0; bottom:2px;line-height:1px;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .imgWrap p {font-size:25px; margin-top:-12px;}
/** ê¸°ìˆ /ì œí’ˆ > ê³ ê°ê°€ì¹˜ > ë†’ì€ ì‹ ë¢°ì„± **/
.tech0204 {}
.tech0204 .contents > ul > li {margin-top:70px;}
.tech0204 .contents > ul > li .titleWrap p {font-size:15px;}
.tech0204 .contents > ul > li:last-child img {max-width:288px;}
.tech0204 .dataWrap{padding:0 15px; padding-top:120px;}
.tech0204 .dataWrap .imgContainer li .title {padding:26px 5px 25px; margin-top:1px;}
.tech0204 .dataWrap .imgContainer li .title span {bottom:20%; left:10%; font-size:12px;}
.tech0204 .dataWrap .graphContainer {top:10px;}
.tech0204 .dataWrap .graphContainer li {height:110px}
.tech0204 .dataWrap .graphContainer li .graphWrap span {font-size:12px;}
.tech0204 .dataWrap .graphContainer li .graphWrap {width:10px; margin-left: -5px;}
/** ê¸°ìˆ /ì œí’ˆ > PureCell Model400 **/
.prod .prodContainer {margin-left:40px; width:calc(100% - 210px);}
.prod .prodContainer .prodBtn {margin:0px auto 0}
.prod .prodContainer .prodWrap .plus li {width:11px; height:11px;}
.prod .prodContainer .prodWrap .plus li:after {width:11px; height:1px; margin-top:-6px;}
.prod .prodContainer .prodWrap .plus li:before {width:1px; height:11px; margin-left:5px;}
.prod .prodContainer .prodWrap .plus li:nth-child(3){bottom: -120px;}
.prod .prodContainer .prodWrap .plus li:last-child{bottom: -120px;}
.prod .prodInfo {width:170px;}
.prod .prodInfo ul li {height:80px;}
.prod .prodInfo ul li:last-child {height:100px;background-size:40%;}
.prod .prodInfo ul li dl {font-size:13px; padding-left:0;line-height:1.6; }
.prod .prodInfo ul li dd span { width:38px;}
/* 회사소개 > CEO 메시지 */
.intr0101 {}
.intr0101 .titleWrap > p {margin-top:-8px;}
.intr0101 .imgWrap {height:476px; margin:34px auto 26px; background-position:100% 50%;}
.intr0101 .contents > p {font-size:13px; }
.intr0101 .contents > p span {font-size:14px;}
.intr0101 .contents > p span img {height:38px; margin-top:-19px; margin-left:49px;}
/* 회사소개 > ë¹„ì „ */
.intr0201 {}
.intr0201 .motionContainer .logo {padding-top:30px;}
.intr0201 .motionContainer.on .logo {padding:0 0 30px;}
.intr0201 .motionContainer .logo img {height:48px;}
.intr0201 .motionContainer ul {}
.intr0201 .motionContainer ul:after {}
.intr0201 .motionContainer.on ul:after {}
.intr0201 .motionContainer li {font-size:16px; letter-spacing:0;}
.intr0201 .motionContainer li:nth-child(2) {}
.intr0201 .motionContainer li:nth-child(3) {}
.intr0201 .motionContainer li:nth-child(3) img {}
.intr0201 .motionContainer li:nth-child(4) {}
.intr0201 .motionContainer li:last-child {}
.intr0201 .motionContainer li:last-child span {}
.intr0201 .motionContainer.on li:nth-child(2) {}
.intr0201 .motionContainer.on li:nth-child(3) {}
.intr0201 .motionContainer.on li:nth-child(3) img {}
.intr0201 .motionContainer.on li:nth-child(4) {top:calc(50% - 1.5em); height:1.5em;}
.intr0201 .motionContainer.on li:last-child {height:1.5em;}
.intr0201 .motionContainer.on li:last-child span {}
.intr0201 .contents > ul {}
.intr0201 .contents > ul:before {width:26px; margin:44px auto 60px;}
.intr0201 .contents > ul li {}
.intr0201 .contents > ul li .title {width:95px; height:95px; margin:18px auto; padding:0;}
.intr0201 .contents > ul li p {font-size:11px; padding:13px 0; }
.intr0201 .contents > ul li p span {font-size:14px; margin-bottom:4px;}
/* 회사소개 > ì—사 */
.intr0301 {}
.intr0301 .graphContainer .historyGraph { position:relative; width:100%; }
.intr0301 .graphContainer .historyGraph .leftGrapth img { width:100%; }
.intr0301 .graphContainer .historyGraph .leftGrapth .cover { background-size: cover; }
.intr0301 .graphContainer.on .historyGraph .leftGrapth .cover { height:0%; }
.intr0301 .graphContainer .historyGraph .rightGrapth .rate-number { position: absolute; top: calc(15% + 33%); left: 26%; font-size: 135px; color: #00ad83; }
/* 회사소개 > ë‘ì‚°í“¨ì–¼ì…€ì˜ í™œì•½ìƒ */
.intr0401 {}
.intr0401 .titleWrap + .titleWrap {}
.intr0401 .titleWrap:first-child span {text-align:left;}
.intr0401 .titleWrap:first-child br {display:none;}
.intr0401 .contents .listWrap {margin:20px 0 50px;}
.intr0401 .contents .listWrap> ul > li {width:100%; margin-left:0; text-align:center; margin-top:35px;}
.intr0401 .contents .listWrap> ul > li:first-child {margin-top:0;}
.intr0401 .contents .listWrap> ul > li > img {height:47px;}
.intr0401 .contents .listWrap> ul > li dl {height:auto;}
.intr0401 .contents .listWrap> ul > li dl dt {margin:15px 0 5px;}
.intr0401 .contents .listWrap> ul > li ul li img {width:164px;}
.intr0401 .contents .listWrap> ul > li:nth-child(2) ul li img {width:164px; margin-left:50px;}
.intr0401 .contents .listWrap p {text-align:center;}
/* 회사소개 > CI */
/* .intr0501 {}
.intr0501 .downWrap a {font-size:13px; }
.intr0501 dl dd .tableWrap table { font-size:13px;}
.intr0501 dl dd .tableWrap th p {width:70px; height:70px;}
.intr0501 dl dd .tableWrap tr:first-child th p {top:10px; left:11px;}
.intr0501 dl dd .tableWrap tr:nth-child(7) th p {top:4px; left:5px;}
.intr0501 dl dd .tableWrap tr:nth-child(13) th p {top:5px; left:5px;}
.intr0501 dl dd .tableWrap th {padding-bottom:0.3em;}
.intr0501 dl dd .tableWrap td {padding: 0.3em 0;}
.intr0501 dl dd .tableWrap th.right span {left: 46px; bottom: 0.3em;}
.intr0501 .contentsWrap.wide {width:100%; margin:0 ; padding:0 50px;}
.intr0501 .contentsWrap.wide a {height:125px; font-size:15px; padding:100px 15px 0;} */
/* 회사소개 > ìœ¤ë¦¬ê²½ì˜ > 윤리규범 */
.intr0601 {}
.intr0601 .titleWrap .imgWrap {width:375px; margin:60px auto;}
.intr0601 .titleWrap .imgWrap img {max-width:375px;}
.intr0601 .titleWrap .imgWrap dt {width:134px; height:134px;margin-left:-67px; margin-top:-67px; }
.intr0601 .titleWrap .imgWrap dt p {font-size:13px;}
.intr0601 dl.information dd p + ul li {font-size:14px;}
.intr0601 .titleWrap .imgWrap dd {width:90px; height:90px;}
.intr0601 .titleWrap .imgWrap dd p { font-size:15px;}
.intr0601 .titleWrap .imgWrap dd:nth-of-type(1) {margin-left:-45px;}
.intr0601 dl.information dd:last-child {margin-bottom:40px;}
.intr0601 dl.information dt:nth-child(5){font-size:20px;}
.sust0901 {}
.sust0901 .titleWrap .imgWrap {width:375px; margin:60px auto;}
.sust0901 .titleWrap .imgWrap img {max-width:375px;}
.sust0901 .titleWrap .imgWrap dt {width:134px; height:134px;margin-left:-67px; margin-top:-67px; }
.sust0901 .titleWrap .imgWrap dt p {font-size:13px;}
.sust0901 dl.information dd p + ul li {font-size:14px;}
.sust0901 .titleWrap .imgWrap dd {width:90px; height:90px;}
.sust0901 .titleWrap .imgWrap dd p { font-size:15px;}
.sust0901 .titleWrap .imgWrap dd:nth-of-type(1) {margin-left:-45px;}
.sust0901 dl.information dd:last-child {margin-bottom:40px;}
.sust0901 dl.information dt:nth-child(5){font-size:20px;}
/* 회사소개 > ìœ¤ë¦¬ê²½ì˜ > 사ì´ë²„ ì‹ ê³ ì„¼í„° */
.intr0602 {}
.intr0602 dd ol {}
.intr0602 dd li {margin-bottom:25px; padding:15px 0;}
.intr0602 dd li p {font-size:18px; width:50px; margin-top:-6px;}
.intr0602 dd li span {float:left; width:calc(100% - 50px); padding-right:15px;}
.intr0602 dl.information dd {margin-bottom:40px;}
.sust0902 {}
.sust0902 dd ol {}
.sust0902 dd li {margin-bottom:25px; padding:15px 0;}
.sust0902 dd li p {font-size:18px; width:50px; margin-top:-6px;}
.sust0902 dd li span {float:left; width:calc(100% - 50px); padding-right:15px;}
.sust0902 dl.information dd {margin-bottom:40px;}
/* 회사소개 > EHS */
.contentsWrap[class*="intr07"] {}
.contentsWrap[class*="intr07"] .ehsWrap {font-size:15px;}
.contentsWrap[class*="intr07"] .ehsWrap li:after {height:90px;top:-90px;}
.contentsWrap[class*="intr07"] .ehsWrap li {height:100px; max-height:100px; margin-bottom:90px;}
.contentsWrap[class*="intr07"] .ehsWrap li p.num {margin-top:-8px;}
.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(odd) p.num {right:calc(50% + 65px);}
.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(even) p.num {left:calc(50% + 65px); }
.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(odd) div.text {padding-left:65px;}
.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(even) div.text {padding-right:65px;}
.contentsWrap[class*="intr07"] .ehsWrap li div.text span {font-size:13px;}
.contentsWrap[class*="intr07"] .ehsWrap + p {margin-top:35px; font-size:13px;}
/* 회사소개 > EHS > ì•ˆì „ ë° ë³´ê±´ê´€ë¦¬ */
.intr0701 .intr0702 .contents ul.ehsWrap li:nth-child(5) div.text {position: relative; top:30px;}
.intr0701 .intr0702 .contents > p {margin-top:65px}
/* 투ìžì •ë³´ 공통 */
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 > p{font-size:14px; text-align: right;}
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap3 > p{font-size:16px;}
/* 투ìžì •ë³´ > 거버넌스 > ê°ì‚¬ê¸°êµ¬ */
.inve0203 {}
.inve0203 .listWrap ul {}
.inve0203 .listWrap ul li {font-size:14px; line-height:50px;}
.inve0203 .listWrap ul li > p {width:45%;}
.inve0203 .listWrap ul li ul {width:55%;}
.inve0203 .listWrap ul li ul li {width:100%;border-left:0;}
.inve0203 .listWrap ul li ul li:last-child {}
.inve0203 .listWrap > ul > li {background-position:67px 50%; height:173px; padding:61px 0; margin-top:42px}
.inve0203 .listWrap > ul > li:after {width:12px; height:12px; top:-21px; left:146px;}
/* 투ìžì •ë³´ > ì „ìžê³µê³ */
.inve0501 {}
.inve0501 .tableWrap table th:last-child, .inve0501 .tableWrap table td:last-child {width:212px;}
/* 채용 */
.recr {}
.recr .recrWrap li {width:calc((100% - 16px) / 2);margin-left:0; margin-bottom:40px;}
.recr .recrWrap li:nth-child(odd) {clear:both; float:left;}
.recr .recrWrap li:nth-child(even) {clear:none; margin-left:16px;}
.recr .recrWrap li p {font-size:15px; line-height:1.8; }
.recr .recrWrap li p.title {font-size:15px; margin:10px 0 10px;}
.recr .recrWrap li p.title span {margin-top:0;}
.recr .contentsWrap.wide {width:100%; margin:60px 0 0; height:242px; }
.recr .contentsWrap.wide .btnWrap > img {height:47px; margin:45px auto 20px;}
.recr .contentsWrap.wide .btnWrap a img {height:9px; margin:-2px 0 0 10px;}
/* 미디어센터 > 카달로그 */
.medi0201 {}
.medi0201 .title {float:none; width:100%; font-size:22px; text-align:center; margin-bottom:50px;}
.medi0201 .catalogWrap {float:none; width:100%;}
.medi0201 .catalogWrap > ul > li {width:calc(50% - 8px); margin-left:16px;padding:16px 14px;}
.medi0201 .catalogWrap > ul > li:first-child {margin-left:0;}
.medi0201 .catalogWrap li > img {height:183px;}
.medi0201 li > p {left:170px;}
.medi0201 .catalogWrap li ul {left:170px; bottom:40px;}
.medi0201 .catalogWrap li ul li {display:inline-block; margin-left:25px; margin-top:0;}
.medi0201 .catalogWrap li ul li a {font-size:13px; line-height:13px;}
.medi0201 .catalogWrap li ul li a span {width:auto;}
.medi0201 .catalogWrap li ul li img {height:13px; margin-left:0.8em}
/* Contact Us */
.serv0101 .contantWrap {margin-top:52px;}
.serv0101 .contantWrap > p {font-size:13px; line-height:26px;}
.serv0101 .contantWrap > p span.check {margin-right:3px;}
.serv0101 .contantWrap > ul > li {padding:6px 0;}
.serv0101 .contantWrap p.title {width:86px; line-height:32px;padding-left:15px;}
.serv0101 .contantWrap p.title span.check {top:-4px; left:4px;}
.serv0101 .contantWrap p.title + div {width:calc(100% - 86px);}
.serv0101 .contantWrap > ul > li:first-child,.serv0101 .contantWrap > ul > li:nth-child(3) {width:calc(50% + 25px); padding-right:50px;}
.serv0101 .contantWrap > ul > li:nth-child(2),.serv0101 .contantWrap > ul > li:nth-child(4) {width:calc(50% - 25px);}
.serv0101 .mailWrap {}
.serv0101 .mailWrap input[type="text"] {width:calc(50% + 34px);}
.serv0101 .mailWrap input[type="text"]:first-child {width:calc(50% - 68px);}
.serv0101 .mailWrap span.mail {line-height:32px; width:34px;}
.serv0101 .agreeWrap {}
.serv0101 .agreeWrap p.title {font-size:18px; font-weight:700; margin:79px 0 15px;}
.serv0101 .agreeWrap .scrollWrap {height:245px; padding:25px 20px; font-size:12px; }
.serv0101 .agreeWrap .checkWrap {margin-top:15px; padding-bottom:1px;}
.serv0101 .agreeWrap .checkWrap.all {margin:80px 0 40px;}
.serv0101 .btnWrap {padding-top:40px;}
/* 사업장 위치 */
.serv0201 {}
.serv0201 .contents {}
.serv0201 .contents ul {width:585px; margin:0 auto 35px;}
.serv0201 .contents ul li a {font-size:16px; line-height:45px;}
.serv0201 .contents dl {font-size:14px; line-height:21px; margin-bottom:14px;}
.serv0201 .mapWrap {height:309px;}
/* 법ì ê³ ì§€ */
.serv0301 dl.information {}
.serv0301 dl.information dt {margin-right:24px;}
.serv0301 dl.information dt:nth-child(7) {font-size:20px;}
.serv0301 dl.information dd {width:calc(100% - 195px);}
/* ì´ìš©ì•½ê´€ */
.serv0401 dl.information {}
.serv0401 dl.information dt {margin-right:24px;font-size:20px;}
.serv0401 dl.information dd {width:calc(100% - 195px);}
.serv0401 .btnWrap { margin-left: 187px; }
/* 사ì´íŠ¸ë§µ */
.sitemap > li > ul > li > p > a { font-size:16px; }