@CHARSET "UTF-8"; /*common*/ ol,ul,li { list-style:none; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display:block; } a:hover{color:#103ab3;} /* 레이아웃 공통 */ html, body { position:relative; height:100%; } /* #contentBody h3{padding-left:18px; padding-top:3px; color:#000;font-weight:700; font-size:23px; margin-bottom:10px; margin-top:10px; background-image:url('/Ivylib/css/site/main/common/images/common/h3_line.gif'); background-repeat:no-repeat; background-position:18px 0px;} */ #contentBody h3 .bnk {display:block; line-height:20px;} #contentBody div.contTit {overflow:hidden;position:relative;margin:45px 0 0px;} #contentBody ul.li-type01 {margin-top:20px; margin-bottom:20px; padding-left:20px;} #contentBody ul.li-type01 > li {margin-top:5px; padding-left:12px; background-image:url('/Ivylib/css/site/main/common/images/common/ul_depth1_bu.gif'); background-repeat:no-repeat; background-position:left 11px; } #contentBody ul.li-type01 > li:first-child {margin-top:0;} #contentBody ul.li-type01 > li > ul {margin-top:6px; padding-left:4px;} #contentBody ul.li-type01 > li > ul > li {margin-top:5px; padding-left:14px; background-image:url('/Ivylib/css/site/main/common/images/common/ul_depth2_bu.gif'); background-repeat:no-repeat; background-position:left 12px; } #contentBody ul.li-type01 > li > ul > li:first-child {margin-top:0;} /********** TABLE **********/ #contentBody table{width:100%} #contentBody table th{color:#222;border-left:1px solid #e5e4e4;border-bottom:1px solid #e5e4e4;padding:20px} #contentBody table td{text-align:center;border-left:1px solid #e5e4e4;border-bottom:1px solid #e5e4e4;padding:20px} #contentBody table thead th{background-color:rgba(229,228,228,.5);padding:20px 20px 17px} #contentBody table thead th:first-child{border-left:0} #contentBody table tbody td:first-child{border-left:0} #contentBody table tbody th{text-align:left;background-color:rgba(229,228,228,.3);border-left:0} #contentBody table td.left{text-align:left} #contentBody table td.right{text-align:right} #contentBody table tr.last th, #contentBody table tr.last td{border-bottom-color:#aeaeae} #contentBody table .red{color:#ff4135} #contentBody table .blue{color:#0047ff} #contentBody table .gray{color:#0047ff} #contentBody table .gray{color:#aeaeae} #contentBody table .bdgray{border-bottom-color:#aeaeae} #contentBody table .date{padding:20px 0} #contentBody table tr:last-child th, #contentBody table tr:last-child td{border-bottom:1px solid #aeaeae} #contentBody .table_wrap table{margin-top:40px} #contentBody .table_wrap table th{font-size:17px;background-color:transparent;border-top:1px solid #000000;border-bottom:1px solid #A8A8A8;border-left:0;padding:22px 0 21px;} #contentBody .table_wrap table td{font-size:16px;color: #223c89;border-left:0;border-bottom:1px solid #E5E4E4;padding:20px 0 18px;} #contentBody .table_wrap table td.title{background-color:#F8F7F7} #contentBody .table_wrap table tr:last-child td{border-bottom:1px solid #E5E4E4} /* -------- 공통 테이블 -------- */ .sub-tbl {width:100%; border-top: 1px solid #222; table-layout:fixed; } .sub-tbl th {font-size: 16px;letter-spacing:-0.5px;color: #222;border-bottom:1px solid #ddd;border-left: 0px;font-weight: 500;} .sub-tbl td {font-size: 16px; line-height:26px; letter-spacing:-0.5px; color: #222; border-bottom: 1px solid #ddd;} /* 공통 테이블 :: sub-tbl01 */ .sub-tbl01 tbody th {background-color: #f5f5f5; padding: 0 20px; text-align:left;} .sub-tbl01 tbody td {padding:14px 20px;font-weight: 300;} /********** flex **********/ .flex-wrap{ display: flex; justify-content: space-between; } /********** TAB **********/ #contentBody .tabCont {} #contentBody .tab-1 { display:table; width:100%; border-collapse:collapse; margin-bottom:70px; } #contentBody .title-2 + .tab-1 { margin-bottom:30px; margin-top:32px; } #contentBody .tab-1 > li { display:table-cell; border:1px solid #ddd; color:#666; } #contentBody .tab-1 > li a { display:block; line-height:58px; color:inherit; text-align:center; } #contentBody .tab-1 > li a:hover, .tab-1 > li a:focus, .tab-1 > li a:active { color:inherit; text-decoration:none; } #contentBody .tab-1 > li a.active {color:#fff;background: #388cd5;border-color: #388cd5;font-weight:500;} #contentBody .tab-1.ty2 > li { vertical-align:middle; } #contentBody .tab-1.ty2 > li a { line-height:22px; padding:15px 0; } #contentBody .tab-1.col1 > li { width:100%; } #contentBody .tab-1.col2 > li { width:50%; } #contentBody .tab-1.col3 > li { width:33.33%; } #contentBody .tab-1.col4 > li { width:25%; } #contentBody .tab-1.col5 > li { width:20%; } #contentBody .tab-1.col6 > li { width:16.66%; } #contentBody .tab-1.col7 > li { width:14.285%; } #contentBody .tab-1.col8 > li { width:12.5%; } /* ****************** 서브컨텐츠 :: Plant Engineering ********************* */ #contentBody .contWrap {width: 1300px;margin:0 auto;} #contentBody .contWrap h3 {} #contentBody .contWrap .cont_wrap .img_box { border: 1px solid #bfbfbf; text-align: center; padding: 30px; border-top-color: #222; } .flex-wrap.border {border-bottom: 1px solid #e5e5e5;} .cont_wrap .tit-wrap.w-type1 {width: 45%;} .cont_wrap .txt-wrap.w-type1 {width: 65%;max-width:1100px;} .cont_wrap .tit-wrap.w-type2 {width: 25%;} .cont_wrap .txt-wrap.w-type2 {width: 75%;} .cont_wrap .tit-wrap.w-type3 {width: 20%;} .cont_wrap .txt-wrap.w-type3 {width: 80%;} .cont_wrap .tit-wrap .title{font-size: 27px;line-height:1.4em;position:relative;padding-left: 30px;/*font-family: 'Tahoma','play', sans-serif;*/} .cont_wrap .tit-wrap .title:before{content:'';display: block;width: 4px;height: 11px;background: #333;position: absolute;left: 6px;top: 51%;margin-top: -3px;transform: rotate(-40deg);border-radius: 3px;} .cont_wrap .tit-wrap .title:after{content:'';display: block;width: 4px;height: 18px;background: #333;position: absolute;left: 14px;top: 46%;margin-top: -6px;transform: rotate(37deg);border-radius: 3px;} .cont_wrap .tit-wrap .title a.t_link:hover {text-decoration:underline;color:#135dcb;} /*.cont_wrap .tit-wrap .title:before{position:absolute;content:"";width: 7px;height: 7px;background-color:#ed1c24;border-radius:50%;left: 0px;top:8px;}*/ .cont_wrap .tit-wrap .title span {display:block;} .cont_wrap .tit-wrap .text{margin-top:15px;} .cont_wrap .tit-wrap .title .lang {color:#2d7cd7;font-weight:500;} .cont_wrap .tit-wrap .title .lang:before { content:''; display:inline-block; width:4px; height:4px; margin:0 17px 6px 16px; background:#2d7cd7; border-radius:100%; } .cont_wrap .s-text {width: 100%;display: flex;} .cont_wrap .s-text.flex-col {flex-direction: column;} .cont_wrap .s-text ul.width1 {width:330px;} .cont_wrap ul.line-b li {position:relative;padding: 4px 0 4px 15px;} .cont_wrap ul.line-b li:before{content:'';width: 7px;height: 1px;border-radius:50%;position:absolute;left:0;top: 16px;background:#014099;} #contentBody .contWrap .busTitle1 {max-width:1400px;position:relative;padding:0px;margin: 40px 0 40px;font-size: 35px;color:#1377df;font-family: 'Tahoma','play', sans-serif;} /*#contentBody .contWrap .busTitle1:before{content:'';display:block;width:70px;height:2px;background:#134078;top:50%;left:0;margin:0 25px 0 0;position:absolute;z-index:99;transform:translateY(-50%);}*/ #contentBody .contWrap .busTitle1 .lang {color:#2d7cd7;font-weight:600;font-family: 'Tahoma','play', sans-serif;} #contentBody .contWrap .busTitle1 .lang:before { content:''; display:inline-block; width:4px; height:4px; margin:0 17px 6px 16px; background:#2d7cd7; border-radius:100%; } #contentBody .contWrap .flex-wrap-elc .txt-wrap { display: flex; justify-content: space-between; } #contentBody .product01-page .elc_txt{ padding: 15px; background: #fff; border: 1px solid #c2c8d9; margin: 20px 0 0 450px; } #contentBody .contWrap .pr-gray-box{ background-color: #f9f8fd; padding: 25px 45px; border: 1px solid #ebebeb; width: 100%; /*text-align: center;*/ border-top-color: #355ca3; text-align: left; } #contentBody .contWrap .pr-gray-box div { position:relative; background-color: #fff; padding: 10px; color: #1559a5; border: 1px solid #eae7f3; width: 30%; display: inline-block; margin-right: 30px; } #contentBody .contWrap .pr-gray-box div:before { content:''; position:absolute; top: 15px; left: -29px; width:22px; height:17px; background:url(/Ivyimages/site/tyeng/sub/arrow_icon.png) no-repeat; vertical-align:middle; } #contentBody .contWrap .pr-gray-box div:first-child:before { display:none; } #contentBody .contWrap .pr-gray-box div:nth-child(4) {margin-top:10px;} #contentBody .product01-page .img-Cont01 .img-Cont-list02 .item-img {padding-top: 72% !important;} #contentBody .contWrap .title-2 {margin:73px 0 19px;font-size:27px;color:#111;line-height:1.2;font-weight:bold;} #contentBody .contWrap .title-2 .lang { color:#2d7cd7;font-weight:500;} #contentBody .contWrap .title-2 .lang:before { content:''; display:inline-block; width:4px; height:4px; margin:0 17px 6px 16px; background:#2d7cd7; border-radius:100%; } #contentBody .contWrap .title-2.line { margin:56px 0 29px; padding-bottom:26px; border-bottom:1px solid #e5e5e5; } #contentBody .ContWrap-type1{position:relative;} #contentBody .ContWrap-type1 .txt-wrap {padding:50px 0 93px 20px;} #contentBody .ContWrap-type1 .txt-wrap ul:nth-child(2) {padding-left:70px;} #contentBody .ContWrap-type1 .img-wrap { position: absolute; top: 0; right: 140px; } #contentBody .line-b {display:inline-block;} #contentBody .bu-type1, #contentBody .bu-type2 {position:relative;padding-left: 10px;} #contentBody .bu-type1:after{content: '*';position:absolute;left: -5px;top: 5px;font-size: 23px;} #contentBody .bu-type2:after{content:'';position:absolute;left: -10px;top:9px;width:6px;height:6px;border-radius:50%;border-width:3px;border-style:solid;border-color:#437dea;} #contentBody .img-g {display:flex;} #contentBody .img-g div {padding-right:15px;} #contentBody .img-g div:nth-child(1) {padding-left:30px;} #contentBody .img-g div:nth-last-child(1) {padding-right:0;} #contentBody .clearfix{*zoom:1;} #contentBody .clearfix:after{clear:both; display:block; content:"";} #contentBody .img-Cont01 {/*margin-top: 60px;*/} #contentBody .img-Cont01 .img-Cont-list li {float:left; width:47.56%; margin:0 1.21%;} #contentBody .img-Cont01 .img-Cont-list {margin:0 -1.21%;} #contentBody .img-Cont01 .img-Cont-list .item-img .img2-wrap {display:block; position:absolute; top:10px; left:10px; right:10px; bottom:10px; margin:auto;} #contentBody .img-Cont01 .img-Cont-list .item-img .img2-wrap img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height: 100%; } #contentBody .img-Cont01 .business-img-box {border:1px solid #ddd; border-top-color: #222; -webkit-box-sizing: border-box;} #contentBody .img-Cont01 .img-Cont-list .item-img {position:relative; padding-top: 56.92%;} #contentBody .img-Cont01 .img-Cont-list02 {margin:30px 0; padding: 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #contentBody .img-Cont01 .img-Cont-list02 .item-txt {width:100%; text-align:center;} #contentBody .img-Cont01 .img-Cont-list02 .item-txt span { display: inline-block; background: #79818d; color: #fff; border-radius: 20px; padding: 0px 18px; line-height: 29px; box-sizing: border-box; font-size:16px; } #contentBody .img-Cont01 .img-Cont-list02 li {float:left;width: 33%;position:relative;} #contentBody .img-Cont01 .img-Cont-list02.col1 li {width: 100%;} #contentBody .img-Cont01 .img-Cont-list02.col2 li {width: 50%;} #contentBody .img-Cont01 .img-Cont-list02.col4 li {width: 25%;} #contentBody .img-Cont01 .img-Cont-list02 li:before {content:""; display:block; position:absolute; width:1px; height:100%; background-color: #dfdfdf;top:0;} #contentBody .img-Cont01 .img-Cont-list02 li.item01:before {display:none;} #contentBody .img-Cont01 .img-Cont-list02 .item-img {position:relative; padding-top: 69.75%;} #contentBody .img-Cont01 .img-Cont-list02 .item-img .img-wrap {display:block; position:absolute; top:10px; left:10px; right:10px; bottom:10px; margin:auto;} #contentBody .img-Cont01 .img-Cont-list02 .item-img .img-wrap img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height: 100%; } #contentBody .img-Cont01 .img-Cont-list02 .item-img .num {top:-15px;} #contentBody .img-Cont02 .img-Cont-list03 li {float:left; margin:0 1.21%;width: 30.89%; } #contentBody .img-Cont02 .img-Cont-list03 .top-img {position:relative; padding-top: 100%; } #contentBody .img-Cont02 .img-Cont-list03 .item-img .img-wrap {display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto;} #contentBody .img-Cont02 .img-Cont-list03 .item-img .img-wrap img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height: 100%; } #contentBody .product01-page .cont_wrap .img-wrap-b { position: absolute; right: 0; } #contentBody .product01-page .cont_wrap .img-wrap-b2 { position: absolute; bottom: 0; left:0; } /* ****************** 서브컨텐츠 :: 신재생에너지 ********************* */ #contentBody .product02-page .intro-con-box .img-con {background-image:url("/Ivyimages/site/tyeng/sub/pr02_01_top_img.jpg");} #contentBody .product02-page .intro-con-box .txt-con p.bu-type1 {font-size:16px;margin: 20px 0 0 15px;} #contentBody .product02-page .intro-con-box .txt-con .txt-con-inner .txt02 ul li {margin-top:12px;} #contentBody .product02-page .intro-con-box .txt-con .txt-con-inner .txt02 ul li span{font-size:15px;} #contentBody .product02-page .intro-con-box .img-con {height:330px;} #contentBody .product02-page .intro-con-box .txt-con {height:330px;} #contentBody .product02-page .cont_wrap .s-text {width: 100%;display: flex;flex-direction: column;} #contentBody .product02-page .img-g {display:flex; margin-top:30px;} #contentBody .product02-page .img-g div {padding-right:15px;} #contentBody .product02-page .img-g div:nth-child(1) {padding-left:0px;} #contentBody .product02-page .img-g div:nth-last-child(1) {padding-right:0;} #contentBody .img-Cont01 .img-Cont-list02.w-pt110 .item-img {padding-top: 110%;} #contentBody .img-Cont01 .img-Cont-list02.w-pt100 .item-img {padding-top: 100%;} #contentBody .img-Cont01 .img-Cont-list02.w-pt25 .item-img {padding-top: 25.75%;} #contentBody .img-Cont01 .img-Cont-list02.w-pt30 .item-img {padding-top: 30.75%;} #contentBody .img-Cont01 .img-Cont-list02.w-pt38 .item-img {padding-top: 38.75%;} #contentBody .img-Cont01 .img-Cont-list02.w-pt46 .item-img {padding-top: 38.75%;} #contentBody .img-Cont01 .img-Cont-list02.w-pt58 .item-img {padding-top: 58.75%;} #contentBody .img-Cont01 .img-Cont-list02.w-pt68 .item-img {padding-top: 68%;} #contentBody .img-Cont01 .img-Cont-list02.w-pt50 .item-img {padding-top: 50.75%;} #contentBody .img-Cont01 .img-Cont-list02.w-pt89 .item-img {padding-top: 89%;} #contentBody ul.clearfix li {padding:0;} #contentBody .product02-page .width-type-n1 li.item01, #contentBody .product02-page .width-type-n1 li.item02, #contentBody .product02-page .width-type-n1 li.item03 {width:22%;} #contentBody .product02-page .width-type-n1 li.item04 {width:34%;} #contentBody .product02-page .width-type-n1 li.item04 .item-img {padding-top:57%;} /* ****************** 서브컨텐츠 :: 플랜트전장품********************* */ #contentBody .product03_03-page .con-list {margin: 0 -1.36%;} #contentBody .product03_03-page .con-list dl.innerWrap {margin:0;} #contentBody .product03_03-page .con-list .inner-box {background-color: #f9f9f9;height: 585px;} #contentBody .product03_03-page .con-list dl dd {margin:0;} #contentBody .product03_03-page .con-list li {float:left;width: 47.28%;margin: 0 1.36% 45px;border:1px solid #ddd;border-top-color: #000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #contentBody .product03_03-page .con-list .tit-box {background-color: #ffffff;display:table;width:100%;height:60px;text-align:center;/* border-top-color: #000 !important; *//* border: 1px solid #fff; */border-bottom: 1px solid #ddd;} #contentBody .product03_03-page .con-list .tit-box p {color: #2c2c2c;display:table-cell;vertical-align:middle;font-size: 20px;} #contentBody .product03_03-page .con-list .tit-img {position:relative;padding-top: 48.66%;} #contentBody .product03_03-page .con-list .tit-img span {position:absolute; top:0; left:0; right:0; bottom:0; display:block; margin:auto; background-color: #fff;} #contentBody .product03_03-page .con-list .tit-img span img {position:absolute; top:0; left:0; right:0; bottom:0; display:block; margin:auto; max-width:100%; max-height:100%; } #contentBody .product03_03-page .con-list .txt-box {padding:20px;} #contentBody .product03_03-page .con-list .txt-box p {line-height: 30px;color: #1a1a1a;letter-spacing:-0.8px;position:relative;padding-left: 10px;margin: 0;font-size: 18px;} #contentBody .product03_03-page .con-list .txt-box p:before {content:"-"; position:absolute; left:0;} #contentBody .pr-fi-list {margin:-0.61%;} #contentBody .pr-fi-list li {float:left;width: 23.78%;margin: 0.61%;} #contentBody .pr-fi-list dl {border:1px solid #ddd;overflow:hidden;border-top-color: #000;} #contentBody .pr-fi-list dl dt { text-align:center; border-bottom:1px solid #ddd;} #contentBody .pr-fi-list dl dt span {display:table;width:100%;height: 50px;font-size:20px;letter-spacing:-0.5px;line-height: 1.2;color: #000;} #contentBody .pr-fi-list dl dt span em {display:table-cell; vertical-align:middle; } #contentBody .pr-fi-list dl dd {margin:0;} #contentBody .pr-fi-list dl dd p {position:relative;padding-top: 53.61%;margin: 20px 10px;} #contentBody .pr-fi-list dl dd p img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; margin:0 auto;} /* ****************** 서브컨텐츠 :: 전문사제품********************* */ #contentBody .pr-sa-list {margin:-0.61%;} #contentBody .pr-sa-list li {float:left;width: 23.78%;margin: 0.61%;} #contentBody .pr-sa-list dl {border:1px solid #ddd;overflow:hidden;border-top-color: #0053c5;height:210px;} #contentBody .pr-sa-list dl dt {text-align:center;border-bottom:1px solid #ddd;background: #1e5187;color: #fff;} #contentBody .pr-sa-list dl dt span {display:table;width:100%;height: 50px;font-size: 19px;line-height: 1.2;color: #fff;font-weight: 300;} #contentBody .pr-sa-list dl dt span em {display:table-cell; vertical-align:middle; } #contentBody .pr-sa-list dl dd {margin:18px;} #contentBody .pr-sa-list dl dd ul{display:flex;flex-direction: column;} #contentBody .pr-sa-list dl dd ul li{width:100%;position:relative;padding-left:13px;} #contentBody .pr-sa-list dl dd ul li:before{content:'';width: 7px;height: 1px;border-radius:50%;position:absolute;left:0;top: 13px;background:#014099;} .link-btn{text-align: right;position: absolute;top: 41px;right: 0;} .link-btn button{ width: 200px; height: 45px; padding: 0 40px; display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #2c384b; font-size: 16px; color: #fff; text-align: left; -webkit-transition: all 0.35s; transition: all 0.35s; border-radius: 50px; } .link-btn button:hover{background-color: #55acf9;} .link-btn button i{position: absolute;top: 50%;margin-top: -8px;right: 25px;font-size: 14.5px;line-height: 16px;color: #55acf9;-webkit-transition: right 0.2s;transition: right 0.2s;} .link-btn button:hover i{color:#fff} .link-btn button:hover i{right: 20px;} /* --------테이블 이미지 컨텐츠 -------- */ #contentBody .table-img-con .img-con {float:left; width:340px; border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #contentBody .table-img-con .img-con .inner { position:relative; } #contentBody .table-img-con .img-con .img-wrap {position:absolute; top:10px; left:10px; bottom:10px; right:10px; margin:auto; display:block;} #contentBody .table-img-con .img-con .img-wrap img {position:absolute; top:0; left:0; right:0; bottom:0; margin: auto; max-width:100%; max-height:100%;} #contentBody .table-img-con .tbl-con {float:right; width: calc(100% - 370px); } /* -------- 컨텐츠박스 - 이미지 텍스트-------- */ #contentBody .intro-con-box .img-con {float:left; width:40%; height:400px; background:center no-repeat; background-size:cover; } #contentBody .intro-con-box .img-con .img-m {display:none;} #contentBody .intro-con-box .txt-con {float:right; width:60%; height:400px; display:table; background-color:#192c55;} #contentBody .intro-con-box .txt-con .tit-txt {margin-bottom:20px;} #contentBody .intro-con-box .txt-con .txt-con-inner {display:table-cell;vertical-align: top;padding: 35px;} #contentBody .intro-con-box .txt-con .txt-con-inner .txt01{color: #fff; font-weight: 300; line-height: 27px; font-size: 18px;} #contentBody .intro-con-box .txt-con .txt-con-inner .txt02 {margin-top: 15px; color: #fff; font-weight: 300;} #contentBody .intro-con-box .txt-con .txt-con-inner .txt02 ul li {position:relative;padding-left:13px;} #contentBody .intro-con-box .txt-con .txt-con-inner .txt03 {margin-top:30px;} #contentBody .intro-con-box .txt-con .txt-con-inner .txt03 span{ background: #547fbf; color: #fff; padding: 2px 10px; border-radius: 5px; font-size: 16px; margin-right: 10px; } #contentBody .intro-con-box .txt-con p {font-size: 27px;line-height: 38px;letter-spacing:-0.5px;color: #fff;font-weight:300;word-break:keep-all;margin: 0;} #contentBody .intro-con-box .txt-con p b{font-weight:400; color: #fff; } #contentBody .intro-con-box .txt-con p.txt02 {font-size: 22px; line-height:40px; margin-top:20px;} #contentBody .intro-con-box .txt-con .list-type ul li:before{content:'';width: 7px;height: 2px;position:absolute;left:0;top: 13px;background: #379aff;} #contentBody .intro-con-box .img-con {background-image:url("/Ivyimages/site/tyeng/sub/pr01_top_img.jpg");} #contentBody .prd-list-con {margin-top: 60px;padding: 50px 0 35px;background-color: #f9f9f9;} #contentBody .pr-fi-list.fu-list-cont li:nth-child(1) {width:61% !important;} #contentBody .pr-fi-list.fu-list-cont li:nth-child(2) {width:36.56% !important;} #contentBody .pr-fi-list.fu-list-cont dl dd p {padding-top:121%;} #contentBody .pr-fi-list.fu-list-cont li:nth-child(2) dl dd p {padding-top:202.2%;} #contentBody .pr-sa-list.fu-list2 dl {height:230px;} /* ****************** 서브컨텐츠 :: 전문사제품 fuji********************* */ #contentBody .sub_con_wrap {margin: 20px 0 20px;} #contentBody .sub_con_wrap .sub_tit {font-size: 22px; padding-left: 20px; color: #005cb9;} #contentBody .sub_con_wrap .sub_cont {display:flex;} #contentBody .sub_con_wrap .sub_cont .sub_txt p { padding-right: 30px; word-break: keep-all;} #contentBody .sub_con_wrap .sub_cont .sub_img { padding: 5px; background: #fff; border: 1px solid #e7e7e7;} #contentBody .pr_fu-page .con-list {margin: 0 -0.36%; padding-left:20px;} #contentBody .pr_fu-page .con-list dl.innerWrap {margin:0;} #contentBody .pr_fu-page .con-list .inner-box {background-color: #fff;height: 410px;} #contentBody .pr_fu-page .con-list dl dd {margin:0;} #contentBody .pr_fu-page .con-list li {float:left;width: 15.92%;margin: 0 0.36% 5px;border:1px solid #ddd;border-top-color: #000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #contentBody .pr_fu-page .con-list .tit-box {background-color: #ffffff;display:table;width:100%;height:60px;text-align:center;/* border-top-color: #000 !important; *//* border: 1px solid #fff; */border-bottom: 1px solid #ddd;} #contentBody .pr_fu-page .con-list .tit-box p {color: #2c2c2c;display:table-cell;vertical-align:middle;font-size: 16px;line-height: 17px;} #contentBody .pr_fu-page .con-list .tit-img {position:relative;padding-top: 60.66%;} #contentBody .pr_fu-page .con-list .tit-img span {position:absolute;top:0;left:0;right:0;bottom:0;display:block;margin:auto;background-color: #fff;overflow: hidden;} #contentBody .pr_fu-page .con-list .tit-img span img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;margin:auto;max-width:100%;height: auto;} #contentBody .pr_fu-page .con-list .txt-box {padding: 10px;background-color: #fff;} #contentBody .pr_fu-page .con-list .txt-box p {line-height:25px;color: #444;letter-spacing: 0;position:relative;padding-left: 10px;margin: 0;font-size: 15px;font-weight: 400;} #contentBody .pr_fu-page .con-list .txt-box p:before {content:"-"; position:absolute; left:0;} #contentBody .pr_fu-page2 .sub_con_wrap .sub_cont {justify-content: space-between;} #contentBody .pr_fu-page2 .sub_con_wrap .sub_cont .sub_txt {padding-left:20px;} #contentBody .pr_fu-page2 .sub_con_wrap .sub_cont .sub_txt .sub_img2 {padding-top:15px;} #contentBody .pr_fu-page2 .sub_con_wrap .sub_cont .sub_txt .sub_img2 .tit {padding-left:10px;} #contentBody .pr_fu-page2 .sub_con_wrap .sub_cont ul {margin-bottom:20px;} #contentBody .pr_fu-page2 .sub_con_wrap .sub_cont ul li {position:relative;padding-left:15px;font-weight: 400;} #contentBody .pr_fu-page2 .sub_con_wrap .sub_cont ul li:before{content:'';width: 7px;height: 2px;position:absolute;left:0;top: 12px;background: #1475ff;} #contentBody .pr_fu-page2 .img_wrap2, #contentBody .pr_fu-page3 .img_wrap2 { border: 1px solid #bfbfbf; padding: 15px; border-top-color: #000; background: #fff; text-align: center; } /* ****************** 서브컨텐츠 :: 전문사제품 VUHZ********************* */ #contentBody .contWrap.pr-vuhz-page .cont_wrap .s-text ul.width1 {width: 400px;} #contentBody .contWrap.pr-vuhz-page .img-Cont01 .img-Cont-list02.w-pt30 .item-img {padding-top:43.75%;} #contentBody .contWrap.pr-vuhz-page .img-Cont01 .img-Cont-list02.w-pt100 {margin-top:0px;} #contentBody .contWrap.pr-vuhz-page .img-Cont01 .img-Cont-list02.w-pt100 .item-img {padding-top:63%;} #contentBody .contWrap.pr-vuhz-page .pr-vu-list {margin:-0.61%;} #contentBody .contWrap.pr-vuhz-page .pr-vu-list li {float:left;width: 48.78%;margin: 0.61%;} #contentBody .contWrap.pr-vuhz-page .pr-vu-list dl {border:1px solid #ddd;overflow:hidden;border-top-color: #000;} #contentBody .contWrap.pr-vuhz-page .pr-vu-list dl dt { text-align:center; border-bottom:1px solid #ddd;} #contentBody .contWrap.pr-vuhz-page .pr-vu-list dl dt span {display:table;width:100%;height: 50px;font-size: 18px;letter-spacing:-0.5px;line-height: 1.2;color: #000;} #contentBody .contWrap.pr-vuhz-page .pr-vu-list dl dt span em {display:table-cell; vertical-align:middle; } #contentBody .contWrap.pr-vuhz-page .pr-vu-list dl dd {margin:0;} #contentBody .contWrap.pr-vuhz-page .pr-vu-list dl dd p {position:relative;padding-top: 56.61%;margin: 20px 10px;} #contentBody .contWrap.pr-vuhz-page .pr-vu-list dl dd p img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; margin:0 auto;} #contentBody .contWrap.pr-vuhz-page .s-title, #contentBody .contWrap.pr-uht-page .s-title, #contentBody .contWrap.pr-lsds-page .s-title{font-size:25px;} #contentBody .cont_wrap .s-text .ptxt {margin: 0 0 15px;color: #030556;} #contentBody .contWrap.pr-vuhz-page .img-Cont01 .img-Cont-list02 .item-img {padding-top:58.75%;} #contentBody .contWrap.pr-lsds-page .sub_con_wrap .sub_tit {padding-left:0px;} #contentBody .contWrap.pr-lsds-page .width-type-n2 li:nth-child(1) {width:40%;} #contentBody .contWrap.pr-lsds-page .width-type-n2 li:nth-child(2) {width:60%;} #contentBody .contWrap.pr-lsds-page .width-type-n2 li.item01 .item-img {padding-top:125%;} #contentBody .contWrap.pr-lsds-page .width-type-n2 li.item02 .item-img {padding-top:83.75%;} #contentBody .contWrap.pr-lsds-page .img-Cont01 .img-Cont-list02 li:before {background-color:#fff;} /*step*/ #contentBody .step{overflow:hidden; margin-bottom:50px; padding-left:18px;} #contentBody .step li{float:left; width:17%; height:100px; border:1px solid #d6d6d6; border-left:0; font-size:16px; position:relative; padding:28px 40px 28px 30px; font-weight:500;} #contentBody .step li:first-child{border-left:1px solid #d6d6d6; width: 18%;} #contentBody .step li::before{content:url('/Ivyimages/common/step_bg.gif'); position:absolute; right:-19px; top:50%; margin-top:-18px; z-index:1;} #contentBody .step li:last-child::before{display:none;} #contentBody .step li span{display:block; font-size:30px; font-weight:700;color:#2158bd; margin-bottom:20px;} #contentBody .step li em.bnk {display:block;} #contentBody .step li.active{background:#f8f8f8;} #contentBody .step li.active::before{content:url('/Ivyimages/common/step_bg01.gif');} /*info-ex*/ .info-ex {background:url(/Ivyimages/site/open_content/sub/warning_icon.png) no-repeat 0 3px;padding:0px 0 5px 30px;color:#777;} /*list_ol*/ #contentBody .ol-type li {position:relative;top:0;left:0;padding-left:20px;} #contentBody .ol-type li:before {position:absolute;top:0;left:0;margin:0;background:none;} #contentBody .ol-type li:nth-child(1):before {content:'①'} #contentBody .ol-type li:nth-child(2):before {content:'②'} #contentBody .ol-type li:nth-child(3):before {content:'③'} #contentBody .ol-type li:nth-child(4):before {content:'④'} #contentBody .ol-type li:nth-child(5):before {content:'⑤'} #contentBody .ol-type li:nth-child(6):before {content:'⑥'} #contentBody .ol-type li:nth-child(7):before {content:'⑦'} #contentBody .ol-type li:nth-child(8):before {content:'⑧'} #contentBody .ol-type li:nth-child(9):before {content:'⑨'} #contentBody .ol-type li:nth-child(10):before {content:'⑩'} #contentBody .ol-type li:nth-child(11):before {content:'⑪'} /*PC_scroll숨김*/ div.rsv-info {display:none !important;} div.is-wauto-box {overflow-x:visible !important;} /*btn_Type*/ .cp-btn, a.cp-btn {color:#fff; border-radius:3px; display:inline-block;padding:13px 0px;transition:all .25s ease;line-height:1.1;text-align:center;} /*accessory*/ div.contWrap div.ccl{display: flex;flex-direction: row;width: 1400px;justify-content: flex-end;margin: 0 auto;align-items: center;float: initial;} div.contWrap div.ccl ul li.bt{margin-top:-9px;} div.contWrap div.cclalert{max-width: 1400px;margin: 0 auto;text-align: right;float: initial;} div.contWrap div.infoteam,div.contWrap div.relate_Page{ max-width: 1400px;margin: 0 auto;} #Ivyheader .logo_wrap span.img{width: 131px;height: 51px;position: absolute;top: 18px;right: 0;z-index: 1000;} /* #Ivyheader ul.IvyTopMenu li.top:last-child:after{content: '';background: url(/Ivyimages/site/w130/main/paranuri.png)no-repeat center;width: 131px;height: 51px;position: absolute;top: 18px;right: -340px;z-index: 1000;}*/ @media screen and (max-width:1700px){ #Ivyheader .logo_wrap{width:calc(100% - 70px);} #Ivyheader ul.IvyTopMenu li.top:last-child:after{right:-135px;} } #contentBody .greeting{position:relative;overflow:hidden;padding-bottom:25px;} #contentBody .greeting:after{content:'';background: #f9f8f6;position: absolute;right: 0;top: 270px;height: 380px;width:50%;z-index:-1;} #contentBody .ceo_wrap{width:1400px;margin:0 auto;overflow:hidden;} #contentBody .ceo_wrap .pl_100{padding-left:100px;} #contentBody .ceo_wrap p.tit{font-size:48px;color:#333;margin:0;margin-top:50px;font-weight:600;line-height:64px;text-align:left;position:relative;padding:10px 25px;display:inline-block;margin-bottom:35px;} #contentBody .ceo_wrap p.tit:before {content: '"';color: #c1c1c1;font-size: 48px;position: absolute;left: 0;top: 0;} #contentBody .ceo_wrap p.tit:after {content: '"';color: #c1c1c1;font-size: 48px;position: absolute;right: 0;bottom: 18px;} #contentBody .ceo_wrap p.tit>span{color:#4b78cc;} #contentBody .ceo_wrap .ceo_txt{width:45%;padding-left:20px;margin-top:50px;} #contentBody .ceo_wrap .img_box{float:right; margin-top:100px;} #contentBody .ceo_wrap .img_box > img{width:450px;} #contentBody .ceo_wrap .img_box p.name{text-align:right;margin:15px 35px 0 0;font-size:20px;} #contentBody .ceo_wrap .img_box p.name span.img{margin-left:15px;} /*introduce*/ #contentBody .top_txtbox.bot_line {border-bottom: 1px solid #dbdbdb;} #contentBody .top_txtbox .flex div p {justify-content: center;align-items: center;margin: 0;height: 130px;margin:40px 0 50px;} #contentBody .top_txtbox .txt_L {width: 40%;margin-left: 100px;} #contentBody .top_txtbox .txt_L p.big_txt { font-size: 36px;font-weight: 600;} #contentBody .top_txtbox .txt_R {width: 60%;} #contentBody .top_txtbox .txt_R p.bas_txt {word-break: keep-all;} #contentBody .about_con1 {background: #f9f8f6;padding: 50px 0;text-align: center;margin-top: 40px;} #contentBody .about_con1 ul.flex {justify-content: space-between;align-items: center;} #contentBody .about_con1 ul li.ico {width: 25%;} #contentBody .about_con1 ul li.ico:before{content:'';background:url("/Ivyimages/site/w130/contents/intro_ico.png") no-repeat;width:58px;height:58px;display:block;background-position:0 0;margin:0 auto;} #contentBody .about_con1 ul li.ico2:before{background-position: -58px 0;} #contentBody .about_con1 ul li.ico3:before{background-position: -116px 0;} #contentBody .about_con1 ul li.ico4:before{background-position: -174px 0;} #contentBody .about_con1 ul li.ico p {font-size: 20px;margin:0;margin-top:15px;} #contentBody .about_con1 ul li.ico p>span {display: block;color: #0054a6;font-size: 17px;} #contentBody .about_con2{margin-top:50px;} #contentBody .about_con2.flex {justify-content: space-between;align-items: center;} #contentBody .about_con2 .img{padding-left:15px;position:relative;} #contentBody .about_con2 .img:before{ content: '';position: absolute;top: 15px;left: 0;width: 618px;height: 470px;background: #e1e1e1; z-index: -1;} #contentBody .about_con2>ul {margin: 50px;display: block;float: left;width:45%;} #contentBody .about_con2>ul li {line-height: 70px;border-bottom: 1px solid #959595;margin-bottom: 15px;} #contentBody .about_con2>ul li>div{margin:0px 30px 10px;} #contentBody .about_con2>ul li>div>span{color: #0054a6;font-size: 20px;display: inline-block;margin-right: 15px;width:65px;line-height:180%;} #contentBody .about_con2>ul li p {margin: 0 0 10px 15px;} #contentBody .about_con2>ul li div p>span {border-radius:25px;color:#fff;text-align:center;background:#0054a6;padding:3px 10px;margin-right:15px;} #contentBody .about_con2>ul li div p:last-child>span {border-radius:25px;color:#fff;text-align:center;background:#5c8fda;padding:3px 10px;margin-right:15px;} #contentBody p.partner_txt {text-align: center;margin:35px 0;color:#999;} #contentBody p.partner_txt>span {display: block;font-size: 38px;font-weight:600;margin-bottom:15px;color:#333;} /*#contentBody .item_wrapper {max-width: 1400px;margin: 0 auto;height:100%;overflow:hidden;padding:35px 0;background-color:#f9f8f6;} #contentBody .item_wrapper .item1 {float: left;width: 25%;text-align: center;overflow: hidden;} #contentBody .item_wrapper .item1>a{display:block;border:1px solid #ddd;box-sizing:border-box;margin:10px;background:#fff;} #contentBody .item_wrapper .item1 a>img {max-width: 200px;width: 100%;transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transition: -webkit-opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;padding: 0% 10%;max-height:130px;} #contentBody .item_wrapper .item1 a>span {display: block;height: 52px;line-height: 52px;border-top:1px solid #ddd;background:#e4e4e4;color:#005285;font-weight:400;} #contentBody .item_wrapper .item1:hover a>img{-webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);transform: matrix(1.1, 0, 0, 1.1, 0, 0);} */ #contentBody .filp_img_box {width: 80%;margin: 0 auto;box-sizing: border-box;overflow: hidden;position: relative;height: 750px;} #contentBody .filp_img_box .vision_cont {position: absolute;width: 240px;} #contentBody .filp_img_box .vision_cont.icon1 {top: 0;left: 50%;transform: translateX(-50%);} #contentBody .filp_img_box .vision_cont.icon2 {left: 80px;top: 400px;} #contentBody .filp_img_box .vision_cont.icon3 {top: 400px;right: 80px;} #contentBody .filp_img_box .vision_cont .icon{width:100px;height:100px;margin:0 auto;} #contentBody .filp_img_box .vision_cont.icon1 .icon{background:url("/Ivyimages/site/w130/contents/obj_ico.png") no-repeat;background-position:0 0;} #contentBody .filp_img_box .vision_cont.icon2 .icon{background:url("/Ivyimages/site/w130/contents/obj_ico.png") no-repeat;background-position:-100px 0;} #contentBody .filp_img_box .vision_cont.icon3 .icon{background:url("/Ivyimages/site/w130/contents/obj_ico.png") no-repeat;background-position:-200px 0;} #contentBody .filp_img_box .vision_cont dl dt {color: #333;font-size: 20px;font-weight: 500;} #contentBody .filp_img_box .vision_cont dl dd {margin: 0;font-size: 17px;line-height: 24px;} #contentBody .vision_cont .icon, .vision_cont dl dt, .vision_cont dl dd {text-align: center;} #contentBody .filp_img {position: absolute;left: 50%;top: 0;transform: translate(-50%);width: 450px;height: 450px;margin-top:210px;padding-top:24px;} #contentBody .filp_img:before {content: '';position: absolute;left: 50%;top: 0;width: calc(100% + 50px);height: calc(100% + 50px);transform: translate(-50%);box-sizing: border-box;border: 1px solid #686868;border-radius: 50%;} #contentBody .swiper-container {margin-left: auto;margin-right: auto;position: relative; overflow: hidden;list-style: none;padding: 0;z-index: 1;} #contentBody .filp_img_box .vision_cont.active .icon {transform: translateY(-8px);} #contentBody .filp_img_box .vision_cont dl{margin:0;} #contentBody .filp_img_box .vision_cont.active dl dt {color: #5c8fda;font-size: 24px;} #contentBody .filp_img_box .vision_cont.active dl dd {font-weight: 400;font-size: 20px;} #contentBody .filp_img .swiper-pagination-bullet { position: absolute; width: 44px;height: 44px;border-radius: 50%;background: none; opacity: 1; z-index: 9;} #contentBody .filp_img .swiper-pagination-bullet:nth-child(1) { left: 50%; top: 8px; top: -21px; transform: translateX(-50%);} #contentBody .filp_img .swiper-pagination-bullet:nth-child(2) { left: -24px; bottom: 73px;} #contentBody .filp_img .swiper-pagination-bullet:nth-child(3) {right: -24px; bottom: 73px;} #contentBody .filp_img .swiper-pagination-bullet::before { content: ''; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 8px;height: 8px; background: #373737;border-radius: 50%;} #contentBody .filp_img .swiper-pagination-bullet::after { content: '';position: absolute;left: 50%;top: 50%;z-index: 9;width: 8px;height: 8px;transition: all .3s;border: 2px solid #686868; box-sizing: border-box;border-radius: 50%;transform: translate(-50%, -50%);transition: all .3s;} #contentBody .filp_img .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background: #5c8fda;} #contentBody .filp_img .swiper-pagination-bullet.swiper-pagination-bullet-active::after {width: 44px;height: 44px;transition: all .3s;border-color: #5c8fda;} #contentBody .company_cen {font-weight: normal;text-align: center;font-size: 24px;margin: 50px 0;} #contentBody .company_cen>em {display: block;} #contentBody .obj_cont {margin-top: 35px;} #contentBody .obj_cont .obj_list ul {display: flex;flex-direction: row;justify-content: space-between;align-items: center;} #contentBody .obj_cont .obj_list ul li {width: 33.33%;text-align: center;margin-right: 35px;font-size: 18px; -webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px; perspective: 1000px;} #contentBody .obj_cont .obj_list ul li:last-child {margin-right: 0;} #contentBody .obj_cont .obj_list ul li .ico {position:relative;width: 100px;height: 100px;display: block;background: #c9c9c9;margin: 0 auto;background: url(/Ivyimages/site/w130/contents/obj_ico2.png) no-repeat;} #contentBody .obj_cont .obj_list ul li .ico:after{content: '';width: 40px;height: 2px;background: #a9ccff;display: block;position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);} #contentBody .obj_cont .obj_list ul li .ico.ico1 {background-position: 0 0;} #contentBody .obj_cont .obj_list ul li .ico.ico2 {background-position: -100px 0;} #contentBody .obj_cont .obj_list ul li .ico.ico3 {background-position: -200px 0;} #contentBody .obj_cont .obj_list ul li p{;font-size:20px;margin:30px 0 15px;} #contentBody .obj_cont .obj_list ul li p>span{display: block;font-style: italic;font-size: 38px;margin-bottom: 20px;} #contentBody .obj_cont .obj_list ul li .front,#contentBody .obj_cont .obj_list ul li .back { background-size: cover; border-radius: 10px; background-position: center; -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: center; min-height: 270px; height: 320px; border-radius: 10px;} #contentBody .obj_cont .obj_list ul li .front { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;} #contentBody .obj_cont .obj_list ul li .front { background: #f4f5f5;} #contentBody .obj_cont .obj_list ul li .back { background: #5c8fda; } #contentBody .obj_cont .obj_list ul li .back { position: absolute; top: 0; left: 0; width: 100%;} #contentBody .obj_cont .obj_list ul li .back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;} #contentBody .obj_cont .obj_list .inner { -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); transform: translateY(-50%) translateZ(60px) scale(0.94); top: 50%; position: absolute; left: 0; width: 100%; padding: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 1px solid transparent; -webkit-perspective: inherit; perspective: inherit; z-index: 2;} #contentBody .obj_cont .obj_list ul li .back .inner{color:#fff;} #contentBody .obj_cont .obj_list ul li .back .inner span {font-size: 48px;font-style: italic;position:relative;} #contentBody .obj_cont .obj_list ul li .back .inner span:after {content: '';width: 40px;height: 2px;background: #a9ccff;display: block;position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);} #contentBody .obj_cont .obj_list ul li .back .inner p {font-size: 28px;padding: 0px 50px;margin-left: 0;} #contentBody .obj_cont .obj_list li.active .back { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;} #contentBody .obj_cont .obj_list li.active .front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;} #contentBody .obj_cont .obj_list li:hover .front,#contentBody .obj_cont .obj_list li:hover .back { -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);} #contentBody .obj_cont .obj_list li:hover .front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;} #contentBody .obj_cont .obj_list li:hover .back{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;} .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;} .swiper-container-vertical > .swiper-wrapper { flex-direction: column;} .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;} .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0);} .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap;} .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column;} .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto;} .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;} .swiper-slide-invisible-blank { visibility: hidden;} .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto;} .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height;} .swiper-container-3d { perspective: 1200px;} .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {transform-style: preserve-3d;} .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10;} .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none;} .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none;} .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start;} .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory;} .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory;} :root { --swiper-navigation-size:44px;} .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color));} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none;} .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto;} .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev';} .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto;} .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next';} .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color:#ffffff;} .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color:#000000;} .swiper-button-lock { display: none;} .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10;} .swiper-pagination.swiper-pagination-hidden { opacity: 0;} .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%;} .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0;} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative;} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33);} .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2;} button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer;} .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color));} .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0);} .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block;} .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px;} .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top;} .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px;} .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap;} .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left;} .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right;} .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute;} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top;} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top;} .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0;} .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0;} .swiper-pagination-white { --swiper-pagination-color:#ffffff;} .swiper-pagination-black { --swiper-pagination-color:#000000;} .swiper-pagination-lock { display: none;} .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1);} .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%;} .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%;} .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0;} .swiper-scrollbar-cursor-drag { cursor: move;} .swiper-scrollbar-lock { display: none;} .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;} .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain;} .swiper-slide-zoomed { cursor: move;} .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent;} .swiper-lazy-preloader-white { --swiper-preloader-color:#fff;} .swiper-lazy-preloader-black { --swiper-preloader-color:#000;} @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); }} .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;} .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out;} .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity;} .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none;} .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto;} .swiper-container-cube { overflow: visible;} .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%;} .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none;} .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0;} .swper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto;} .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible;} .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0;} .swiper-container-flip { overflow: visible;} .swiper-container-flip .swiper-slide {pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;} .swiper-container-flip .swiper-slide .swiper-slide {pointer-events: none;} .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events: auto;} .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;} /*연구개발*/ #contentBody h4.sub_tit{position:relative;margin:0;padding-left:20px;font-size:20px;font-weight:500;line-height: 160%;padding-top: 3px;padding-bottom:10px;margin-top:35px;} #contentBody h4.sub_tit:before{content: '';display: block;position: absolute;top: 0px;left: 20px;width: 20px;height: 3px;background: #06378e;transform: skewX(-45deg);transition: all .3s ease;} #contentBody .lab_con3{position:relative;overflow:hidden;} /*equ_new 210824*/ #contentBody .equ {overflow:hidden;} #contentBody .equ ul li.item {position: relative;overflow: hidden;margin-bottom: 25px;width:48%;display:block;float:left;margin-right:35px;border:1px solid #c9c9c9;padding:15px;} #contentBody .equ ul li.item:nth-child(2n) {margin-right: 0;} #contentBody .equ ul li.item p.tit{border-bottom: 1px solid #969696;margin:0;padding-left:20px;font-size:20px;font-weight:500;line-height: 160%;padding-top: 3px;margin-bottom:15px;} #contentBody .equ ul li.item .equ_box{overflow:hidden;} #contentBody .equ span.img {display: block;float:left;width: 225px;height: 189px;background: white;box-sizing: border-box;overflow: hidden;} #contentBody .equ ul li.item .tableType02 {width: calc(100% - 260px);float: left;margin: 0;margin-left: 35px;} #contentBody .equ .tableType02 table.table{border: 0 !important;} #contentBody .equ .tableType02 table.table th,#contentBody .equ .tableType02 table.table td{background: transparent;border: 0 !important;text-align: left;display: block;margin: 0;padding: 0;line-height: 25px;padding:1px 8px;float:left;} #contentBody .equ .tableType02 table.table th{background:#ececec;color:#333;border-radius:5px;margin-right:20px;width:70px;text-align:center;margin-bottom:10px;font-weight:normal;} #contentBody .equ .tableType02 table.table tr:last-child th{margin-bottom:0;} /*rnd*/ #contentBody h3.hs_tit{font-size:24px;margin:50px 0 25px;position:relative;display:inline-block;padding:0 100px 10px 0;} #contentBody h3.hs_tit:before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #cecece;} #contentBody h3.hs_tit:after {content: '';background: #103ab3;position: absolute;left: 0;bottom: 0;width: 50px;height: 3px;} #contentBody .rnd_top {position: relative;} #contentBody .rnd_visual {width: 40%;} #contentBody p.cancerTxt { position: relative;width: 60%;background: #fff;position: absolute;bottom: 0; right: 0;margin: 0;padding: 30px 0 15px 30px;} #contentBody p.cancerTxt>strong {display: block;margin-bottom: 15px;font-size: 22px;} #contentBody .rnd_imgbox{margin:50px 0 20px 0;overflow:hidden;justify-content:space-between;align-items: center;} #contentBody .rnd_imgbox>div{margin-right:25px;display:block;float:left;position:relative;padding:10px;} #contentBody .rnd_imgbox>div>img{width:100%;height:auto;} #contentBody .rnd_imgbox>div:last-child{margin-right:0;} #contentBody .rnd_imgbox>div:before{content:'';background:url(/Ivyimages/site/w130/contents/mail_tit.png) no-repeat;width:26px;height:11px;position:absolute;top:0;left:0;} #contentBody .rnd_imgbox>div:after{content:''; background: url(/Ivyimages/site/w130/contents/mail_tit.png) no-repeat;width: 26px;height: 11px;position: absolute;bottom: 0;right: 0;transform: rotate(180deg);} #contentBody .rnd_cont ul{margin-bottom:35px;} #contentBody .obj_cont.rnd_cont{margin-top:0;padding-bottom:15px;} #contentBody .obj_cont.rnd_cont .obj_list ul li .front, #contentBody .obj_cont.rnd_cont .obj_list ul li .back{min-height:210px;height:210px;cursor:pointer;} #contentBody .obj_cont.rnd_cont .obj_list ul li .rnd_ico {position:relative;width: 70px;height: 70px;display: block;background: #c9c9c9;margin: 0 auto;background: url(/Ivyimages/site/w130/contents/rnd_ico.png) no-repeat;} #contentBody .obj_cont.rnd_cont .obj_list ul li .rnd_ico:after{content: '';width: 40px;height: 2px;background: #a9ccff;display: block;position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);} #contentBody .obj_cont.rnd_cont .obj_list ul li .rnd_ico.ico2{background-position:-70px 0;} #contentBody .obj_cont.rnd_cont .obj_list ul li .rnd_ico.ico3{background-position:-140px 0;} #contentBody .obj_cont.rnd_cont .obj_list ul li .rnd_ico.ico4{background-position:-210px 0;} #contentBody .obj_cont.rnd_cont .obj_list ul li .rnd_ico.ico5{background-position:-280px 0;} #contentBody .obj_cont.rnd_cont .obj_list ul li .rnd_ico.ico6{background-position:-350px 0;} #contentBody .obj_cont.rnd_cont .obj_list ul li p{font-size:18px;} #contentBody .obj_cont.rnd_cont .obj_list ul li .back .inner span{font-size:38px;} #contentBody .obj_cont.rnd_cont .obj_list ul li .back .inner p{font-size:18px;} #contentBody .bg_gray{background: #f9f8f6;padding: 0 0 50px 0;} #contentBody .conf_wrap.rnd_conf {padding:0;} #contentBody .conf_wrap.rnd_conf .flex {width: 100%;} #contentBody .conf_wrap.rnd_conf .flex.flextype01{justify-content:flex-start;} #contentBody .conf_wrap.rnd_conf .flex.flextype01 .item{margin-bottom:0;} #contentBody .conf_wrap.rnd_conf .item{width:20%; max-width: 258px;} #contentBody .conf_wrap.rnd_conf .item:last-child {margin-right: 0;} #contentBody .rnd_history.history-wrap{position:relative;overflow:hidden;padding-top:35px;} #contentBody .rnd_history .history-list-wrap li.history-list span.img #contentBody .history-wrap .history-box .history_imgtype{width:100%;position:relative;} #contentBody .rnd_history .history-list-wrap li.history-list span.img{background: gray;height: 180px;width: 485px;position: absolute;} #contentBody .rnd_history .history-list-wrap li.history-list span.img.img_L{left: 165px;top: 56px;} #contentBody .rnd_history .history-list-wrap li.history-list span.img.img_R{right: 165px;top: 56px;} #contentBody .rnd_history .history-list-wrap li.history-list span.img.img1{background:url("/Ivyimages/site/w130/contents/rndhist_1.png") no-repeat;} #contentBody .rnd_history .history-list-wrap li.history-list span.img.img2{background:url("/Ivyimages/site/w130/contents/rndhist_2.png") no-repeat;} #contentBody .rnd_history .history-list-wrap li.history-list span.img.img3{background:url("/Ivyimages/site/w130/contents/rndhist_3.png") no-repeat;} /*연구소 전경이미지 수정*/ #contentBody .rnd_visual{width:520px;} #contentBody p.cancerTxt{width:calc(100% - 360px);padding:50px 0 50px 50px;} /*연혁및실적*/ #contentBody section.rndhistory_wrap{width:100%;position:relative;} #contentBody section.rndhistory_wrap .imgbox{width:485px;float:left;display:block;} #contentBody section.rndhistory_wrap .imgbox>img{margin-bottom:15px;} #contentBody section.rndhistory_wrap .history_wrap{margin-top:50px;position:relative;} #contentBody section.rndhistory_wrap .history_wrap .history_years{border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:45px;} #contentBody section.rndhistory_wrap .history_wrap .history_years p{line-height:1.2;margin:0;} #contentBody section.rndhistory_wrap .history_wrap .history_years p:first-child{color:#555;font-size:15px;} #contentBody section.rndhistory_wrap .history_wrap .history_years p:last-child{color:#333;font-size:34px;} #contentBody section.rndhistory_wrap .history_wrap .history_years p span{display:inline-block;} #contentBody section.rndhistory_wrap .history_wrap .history_years p span.color_o{color:#0c98d2;} #contentBody section.rndhistory_wrap .history_wrap>ul>li>ul{margin-left:560px;} #contentBody section.rndhistory_wrap .history_wrap>ul>li>ul>li{position:relative;} #contentBody section.rndhistory_wrap .history_wrap .h_year{position:absolute;top:-7px;left:0;padding-right:20px;} #contentBody section.rndhistory_wrap .history_wrap .h_year:before{content:'';position: absolute; width: 30px; height: 1px; background: #ddd; right: 0; top: 50%; transform: translateY(-50%); z-index: -1;} #contentBody section.rndhistory_wrap .history_wrap .h_year:after{content:'';background: #1bb8f9; width: 5px; height: 5px; border-radius: 50%; position: absolute; right: -3px; top: 50%; transform: translateY(-50%);} #contentBody section.rndhistory_wrap .history_wrap .h_year span{padding: 5px 10px;background-color: #1bb8f9;color: #fff;border-radius: 40px;font-size: 20px;min-width: 95px;text-align: center;} #contentBody section.rndhistory_wrap .history_wrap .h_cont{margin-left: 115px;border-left: 1px solid #ddd;padding-left: 20px;} #contentBody section.rndhistory_wrap .history_wrap .h_cont ul li{margin:10px 0 15px;position:relative;padding-left:60px;} #contentBody section.rndhistory_wrap .history_wrap .h_cont strong{position:absolute;top:0;left:0;} #contentBody section.rndhistory_wrap .history_wrap span{display:inline-block;} #contentBody section.rndhistory_wrap .history_wrap .h_cont ul li:last-child {margin-bottom: 45px;} #contentBody .performance_img{background:url(/Ivyimages/site/w130/contents/per_img01.png) no-repeat;width:1400px;height:315px;position:relative;} #contentBody .performance_rnd {margin: 50px 0;} #contentBody .performance_rnd dl {border-bottom: 1px dashed #ddd;margin: 10px 50px 25px;padding-bottom: 25px;} #contentBody .performance_rnd dl dt {display: block;font-size: 34px;float: left;color: #103ab3;} #contentBody .performance_rnd dl dd {margin-left: 150px;display: block;line-height: 2.2;} #contentBody .performance_rnd dl dd span {margin-right: 25px;display: inline-block;min-width: 45px;color: #103ab3;text-align: right;font-weight:500;} /*product*/ #contentBody .prodt_sect{position:relative;overflow:hidden;width:100%} #contentBody .prodt_sect .mapmenu_div{background:#f9f8f6;padding:5px 0;overflow:hidden;margin-bottom:15px;} #contentBody .prodt_sect .mapmenu_div ol.map_menu{width:96%;margin:0 auto;} #contentBody .prodt_sect .mapmenu_div ol.map_menu li{margin:0px 20px;display:block;float:left;} #contentBody .prodt_sect .mapmenu_div ol.map_menu li a {position: relative; display: block;padding-left: 35px;line-height: 40px;overflow: hidden;border: 1px solid transparent;} #contentBody .prodt_sect .mapmenu_div ol.map_menu li a:before {opacity: 0;position: absolute;top: 0;left: 10px;width: 13px;height: 9px;content: '';background: url(/Ivyimages/site/w130/contents/hs_check.png) no-repeat;transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: all 0.2s ease;} #contentBody .prodt_sect .mapmenu_div ol.map_menu li a .num { opacity: 1; position: absolute; top: 50%; left: 5px; width: 19px; height: 19px; font-size: 13px; color: #fff; line-height: 18px; text-align: center; background: #1d928a; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.2s ease;} #contentBody .prodt_sect .mapmenu_div ol.map_menu li:hover a, #contentBody .prodt_sect .mapmenu_div ol.map_menu li.on a { color: #1d928a;} #contentBody .prodt_sect .mapmenu_div ol.map_menu li a:hover:before, #contentBody .prodt_sect .mapmenu_div ol.map_menu li.on a:before,#contentBody .prodt_sect .mapmenu_div ol.map_menu li a:hover:before {opacity: 1; top: 50%;} #contentBody .prodt_sect .mapmenu_div ol.map_menu li a:hover .num, #contentBody .prodt_sect .mapmenu_div ol.map_menu li.on .num { opacity: 0; top: 100%;} #contentBody .prodt_sect .map_area {display:flex;lex-direction: row;justify-content: space-between;align-items: flex-start;} #contentBody .prodt_sect .map_area img{margin-top:64px;} #contentBody .prodt_sect .map_area .list_link{width: 32%;position: relative;overflow:hidden;padding:10px 0 0;} #contentBody .prodt_sect .map_area .list_link ul.tabmenu{border-bottom:1px solid #c9c9c9;display:flex;padding-left:0;margin-bottom:15px;} #contentBody .prodt_sect .map_area .list_link ul.tabmenu li{margin:0;} #contentBody .prodt_sect .map_area .list_link ul.tabmenu li:before{display:none;} #contentBody .prodt_sect .map_area .list_link ul.tabmenu li a{display:block;border:none;} #contentBody .prodt_sect .map_area .list_link ul.tabmenu li a.active{color:#103ab3;border-bottom:1px solid #103ab3;} #contentBody .prodt_sect .map_area .list_link .main{/*height:296px;*/height:358px;overflow-y:auto;border:1px solid #c9c9c9;padding:15px 10px;} #contentBody .prodt_sect .map_area .list_link ul{ position: relative;padding-left:15px;margin: 0px;} #contentBody .prodt_sect .map_area .list_link ul li{line-height:180%;} #contentBody .prodt_sect .map_area .list_link ul li:before {content: '';width: 3px;height: 3px;display: inline-block;width: 4px;height: 4px;background: #333;vertical-align: middle;margin-right: 8px;} #contentBody .prodt_sect .map_area .list_link ul li a span{font-size: 14px;color: #545454;margin-left: 5px;} #contentBody .prodt_link .type01 li a.on, #contentBody .prodt_link .type02 li a.on, #contentBody .prodt_link .type01 li a.on span, #contentBody .prodt_link .type02 li a.on span { color: #1024A3 !important;} #contentBody .prodt_link .type01 li a.selon, #contentBody .prodt_link .type01 li a.selon span, #contentBody .prodt_link .type02 li a.selon, #contentBody .prodt_link .type02 li a.selon span { font-weight: bold;} #contentBody .main{width:100%;position:relative;overflow:hidden;} #contentBody .prodt_wrap{position:relative;} #contentBody .prodt_wrap h3.hs_tit{display:block;} #contentBody .prodt_wrap h3.hs_tit>span{font-size:18px;padding-left:5px;font-weight:500;} #contentBody .prodt_wrap h4.prodt_h4 {margin-bottom: 10px;display: block;float: left; padding-left: 15px;} #contentBody .prodt_wrap ul{width: 85%;display: block;position: relative;overflow: hidden;margin-left: 15%;margin-bottom: 20px;} #contentBody .prodt_wrap ul.prodt_01 li:before {content: '';content: '';display: inline-block;width: 4px;height: 4px;background: #333;vertical-align: middle;margin-right: 8px;} #contentBody .prodt_wrap ul.prodt_02 li {border: 1px solid #ddd;display: block;padding: 5px 10px;width:24%;min-height: 100px;float: left;margin-right: 15px;margin-bottom:15px;vertical-align: middle;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;box-sizing: border-box;} #contentBody .prodt_wrap ul.prodt_02 li:last-child {margin-right: 0;} #contentBody .prodt_wrap ul.prodt_02 li:before {content: '';background: url(/Ivyimages/site/w130/contents/mail_tit.png) no-repeat;width: 26px;height: 11px;position: absolute;top: -1px;left: -1px;} #contentBody .prodt_wrap ul.prodt_02 li:after { content: '';background: url(/Ivyimages/site/w130/contents/mail_tit.png) no-repeat;width: 26px;height: 11px;position: absolute;bottom: -1px;right: -1px;transform: rotate(180deg);} .anchor_area {background: #f9f8f6; padding: 15px 25px;} .anchor_area ul{width: 98%;margin: 0 auto;} .anchor_area ul li {padding: 3px 0px; display: inline-block;width:33%;} .anchor_area ul li:before { content: ''; display: inline-block; width: 4px; height: 4px; background: #333; vertical-align: middle; margin-right: 8px;} .anchor_area ul li a span{font-size:14px;margin-left:5px;} .anchor_area h4 { color: #103bb3; border-bottom: 1px solid #c9c9c9; padding-bottom: 5px; margin-bottom: 15px; font-weight: 500;} /*수처리*/ #contentBody .prodt_sect.first_img{height:357px;background:url(/Ivyimages/site/w130/contents/prodt_img1.png) no-repeat;width:100%;display:block;position:relative;overflow:hidden;} #contentBody .prodt_sect.first_img.img2{background:url(/Ivyimages/site/w130/contents/prodt_img2.png) no-repeat;} #contentBody .prodt_sect.first_img.img3{background:url(/Ivyimages/site/w130/contents/prodt_img3.png) no-repeat;} #contentBody .prodt_sect.first_img.img4{background:url(/Ivyimages/site/w130/contents/prodt_img4.png) no-repeat;} #contentBody .prodt_sect.first_img.img5{background:url(/Ivyimages/site/w130/contents/prodt_img5.png) no-repeat;} #contentBody .prodt_sect.first_img.img6{background:url(/Ivyimages/site/w130/contents/prodt_img6.png) no-repeat;} #contentBody .prodt_wrap ul.prodt_02 li>strong {font-weight: 500;border-bottom: 1px solid #c9c9c9;padding-bottom: 15px;padding-top: 10px;height: 85px;display: block;width: 100%;} #contentBody .prodt_wrap ul.prodt_02 li>strong>span {font-size: 14px;display: block;width: 95%;margin: 0 auto;} #contentBody .prodt_wrap ul.prodt_02 li>ul {padding: 0;margin: 0;margin-top: 15px;width: 100%;height: 70%;min-height: 165px;} #contentBody .prodt_wrap ul.prodt_02 li>ul li {border: 0;width: 100%;padding: 5px;margin-right: 0;min-height: auto;background: rgb(239 239 239 / 70%);margin-bottom: 5px;font-size: 16px;} #contentBody .prodt_wrap ul.prodt_02 li>ul li:before,#contentBody .prodt_wrap ul.prodt_02 li>ul li:after {display: none;} #contentBody .prodt_wrap ul.prodt_02.prodt_heg>li {min-height: 265px;justify-content: flex-start;height: 100%;} #contentBody .prodt_wrap ul.prodt_02 li>ul.line1{min-height:90px;} #contentBody .prodt_wrap ul.prodt_02 li>ul.line2{min-height:auto;} #contentBody .prodt_wrap ul.prodt_02 li p {font-weight: 500;border-bottom: 1px solid #c9c9c9;padding-bottom: 15px;padding-top: 10px;height: 85px;width: 100%;margin: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 22px;} #contentBody .prodt_wrap ul.prodt_02 li p>strong { font-weight: 500;width:100%;} #contentBody .prodt_wrap ul.prodt_02 li p>strong>span { font-size: 14px;display: block;width: 95%;margin: 0 auto;line-height:120%;margin-top:5px;} #contentBody .prodt_wrap .cont_type01{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:30px 0;} #contentBody .prodt_wrap .cont_type01 .cont6_img{width:40%;} #contentBody .prodt_wrap .tableType02 {width: 50%;margin: 0;} #contentBody .prodt_wrap .tableType02 table.table tbody tr th,#contentBody .prodt_wrap .tableType02 table.table tbody tr td {padding: 7px 10px;} #contentBody .prodt_wrap .tableType02 table.table tbody tr th {font-weight: 500;} #contentBody .txtbg_type1 {background: #f9f8f6; text-align: center;padding: 15px 0;} #contentBody .txtbg_type1 p {margin: 0;margin-bottom: 5px;} #contentBody .txtbg_type1 ul {text-align: left;width: 20%;margin: 0 auto;} #contentBody .prodt_wrap .txtbg_type1 ul li>strong {font-weight: 500;display: inline-block;width: 110px;} #contentBody .prodt_wrap .txtbg_type1 ul li:before {content: '';display: inline-block;width: 4px;height: 4px;background: #333;vertical-align: middle;margin-right: 8px;} /*board*/ #IvyContents div#moduleBody{position: relative;margin: 35px auto 0;max-width: 1400px;} #IvyContents div#moduleBody div.photo_box ul{background:#fff;} /*cp*/ #contentBody .cp_wrap{margin-top:35px;} #contentBody .cp_wrap p{margin-left:0;} #contentBody .cp_wrap .cp_tit {font-weight: 500;font-size: 22px;} #contentBody .cp_wrap .cp_tit span {font-size: 17px;font-weight: normal;display: block;} #contentBody .cp_wrap .indiv_tit {text-align: center;margin-left:0;} #contentBody .cp_wrap .indiv_tit strong { font-size: 18px;} #contentBody .cp_wrap .cp_cont1 {text-align: center;margin-top: 35px;position: relative;overflow: hidden;} #contentBody .cp_wrap .cp_cont1 ul.cp_program {position: relative; overflow: hidden; width: 100%;} #contentBody .cp_wrap .cp_cont1 ul.cp_program li:nth-child(4n) { margin-right: 0;} #contentBody .cp_wrap .cp_cont1 ul.cp_program li {border: 1px solid #d9dce3; width: calc(25% - 12px); float: left;display: block;margin-right: 15px;margin-bottom: 15px;padding: 30px 0;} #contentBody .cp_wrap .cp_cont1 ul.cp_program li>span {background: #e8e6e3;width: 30px;height: 30px;border-radius: 50%;display: block;text-align: center;line-height: 30px;margin: 0 auto;font-weight: 500;margin-bottom: 10px;} #contentBody .cp_wrap .cp_cont2 {background: #fff;text-align: center;box-shadow:0 0 25px -5px #9e9c9e;margin:25px;position:relative;padding:30px 100px 90px;height:100%;} #contentBody .cp_wrap .cp_cont2:before{background:url(/Ivyimages/site/w130/contents/cp2_bg.png) no-repeat top center;content:'';display:block;width:100%;height:444px;position:absolute;left:50%;top:60px;transform:translateX(-50%);} #contentBody .cp_wrap .cp_cont2:after{background:url(/Ivyimages/site/w130/contents/cp2_bg.png) no-repeat bottom center;content:'';display:block;width:100%;height:444px;position:absolute;left:50%;bottom:60px;transform:rotate(-180deg);left:0;} #contentBody .cp_wrap .cp_cont2 .massage_tit {font-size: 24px;position: relative;text-align: center;padding-bottom:5px;} #contentBody .cp_wrap .cp_cont2 .massage_tit:before{content:'';background: url(/Ivyimages/site/w130/contents/cp2_img.png) no-repeat;width:347px;height:81px;position:absolute;top:-12px;left:50%;background-position: 0 -76px;transform: translateX(-50%);} #contentBody .cp_wrap .cp_cont2 .massage_tit:after{content:'';background: url(/Ivyimages/site/w130/contents/cp2_img.png) no-repeat;height:3px;width:463px;position:absolute;bottom:0;left:50%;transform: translateX(-50%);} #contentBody .cp_wrap .cp_cont2 .massage_tit p {display: inline-block;z-index: 9;position: relative;padding: 0px 15px;margin: 110px 0 0;} #contentBody .cp_wrap .cp_cont2 p.strong {font-weight: 400;text-align: center;font-size: 18px;word-break: keep-all;margin:60px 0 50px 0;} #contentBody .cp_wrap .cp_cont2 .txt_L{text-align:left;margin:0 auto;width:70%;} #contentBody .cp_wrap .cp_cont2 .writed_ceo {margin: 60px 0 35px 0;font-size: 16px;position:relative;} #contentBody .cp_wrap .cp_cont2 .writed_ceo:before{content:'';background: url(/Ivyimages/site/w130/contents/cp2_img.png) no-repeat;width:200px;height:42px;background-position: 0 -20px;display:block;margin:0 auto;} #contentBody .cp_wrap .cp_cont2 .writed_ceo p{margin: 5px 0;} #contentBody .cp_wrap .cp_cont2 .writed_ceo strong {margin-left:10px;font-size: 20px;} #contentBody .cp_wrap .cp_cont3 .cp_img{background:#f9f8f6;min-height:250px;margin-top:60px;position:relative;} #contentBody .cp_wrap .cp_cont3 .cp_img .img_txt{background: url(/Ivyimages/site/w130/contents/cpimg.png) 50% 50% no-repeat; background-attachment: fixed;background-size: cover;width: 1330px;height: 250px;display: block;position: absolute;bottom: 35px;left: 35px;} #contentBody .cp_wrap .cp_cont3 .cp_img .img_txt p.cp_tit{margin-top: 78px; color: #fff;text-align:center;} #contentBody .cp_wrap .cp_cont3 .cp_img .img_txt p.cp_tit span{width: 80%;line-height: 160%;margin: 15px auto 0;} #contentBody .cp_wrap .cp_cont3 ul.list {position: relative;margin: 100px 25px 0;} #contentBody .cp_wrap .cp_cont3 ul.list:before{content: ""; width: 1px;height: calc(100% - 260px);background: url(/assets/img/sustainability/dash2.png) repeat-y;position: absolute;left: 95px;top: 0;bottom: 0;margin: auto;} #contentBody .cp_wrap .cp_cont3 ul.list >li{display: table;width: 100%;position: relative;padding-left: 200px;min-height: 200px;} #contentBody .cp_wrap .cp_cont3 ul.list >li:nth-child(2){min-height: 250px;} #contentBody .cp_wrap .cp_cont3 ul.list li .circle_txt{position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 150px;height: 150px;} #contentBody .cp_wrap .cp_cont3 ul.list li .circle_txt.bg1{border: 10px solid #0158af;/* border-color: #1d928a; */} #contentBody .cp_wrap .cp_cont3 ul.list li .circle_txt.bg2 {border: 10px solid #1d928a;} #contentBody .cp_wrap .cp_cont3 ul.list li .circle_txt.bg3 { border: 10px solid #b6d45e;} #contentBody .cp_wrap .cp_cont3 ul.list li .circle_txt{display: inline-block;text-align: center;border-radius: 50%;background: #fff;} #contentBody .cp_wrap .cp_cont3 ul.list li .circle_txt span{ font-weight: 500;font-size: 18px;color: #222;transform: translateY(-50%);position: absolute;left: 0;top: 50%;width:100%;} #contentBody .cp_wrap .cp_cont3 ul.list li:first-child .detail{border-top: 1px solid #ddd;} #contentBody .cp_wrap .cp_cont3 ul.list li .detail{display: table-cell;width: 100%;vertical-align: middle;border-bottom: 1px solid #ddd;} #contentBody .cp_wrap .cp_cont3 ul.list li .bullet_type1 > li { position: relative;font-weight: 400; font-size: 18px; color: #666; letter-spacing: -0.2px; line-height: 28px; padding-left: 10px; margin-top: 7px;} #contentBody .cp_wrap .cp_cont3 ul.list li .bullet_type1 > li:first-child { margin-top: 0;} #contentBody .cp_wrap .cp_cont3 ul.list li .bullet_type1 > li:before {content: "-";position: absolute;left: 0;top: -1px;} #contentBody .cp_wrap .cp_cont3 ul.list li .detail li strong {font-weight: 500;margin-right: 15px;} /*lightbox.min.css*/ .lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} .lb-data .lb-details{display:none;} .lb-data .lb-close{background:url("/Ivyimages/site/w130/contents/close.png") top right no-repeat; } /*post slider*/ .post-slider{ width:1300px; margin:0px auto; position:relative; } .post-slider .silder-title{ text-align:center; margin:30px auto; } .post-slider .next{ position:absolute; top: 40%; right: -50px; font-size: 35px; color:gray; cursor: pointer; } .post-slider .prev{ position:absolute; top: 40%; left: -50px; font-size: 35px; color:gray; cursor: pointer; } .post-slider .post-wrapper{ width: 100%; height: 210px; margin:0px auto; overflow: hidden; padding:10px 0px 10px 0px; } .post-slider .post-wrapper .post{ width:235px; height:157px; margin:0px 10px; display:inline-block; background:white; border-radius: 5px; } .post-slider .post-wrapper .post .post-info{ font-size:15px; height:30%; padding-left:10px; } .post-slider .post-wrapper .post .slider-image{ width:100%; height:175px; /* border-top-left-radius:5px; */ /* border-top-right-radius:5px; */ border: 1px solid #f5f5f5; }