@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;} /*box*/ #contentBody .box {display:block; position:relative; border-radius: 0px !important; margin-top:10px; margin-bottom:30px; padding-top:11px; padding-right:35px; padding-bottom:11px; padding-left:35px; border-top-width:1px; border-top-style:dashed; border-top-color:#c8c8c8; border-right-width:1px; border-right-style:dashed; border-right-color:#c8c8c8; border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#c8c8c8; border-left-width:1px; border-left-style:dashed; border-left-color:#c8c8c8;} #contentBody .box p {color:#333; font-size:16px; line-height:24px;} #contentBody .box.type1 {padding-top:32px; padding-bottom:32px; border-top-style:dotted; border-left-width:0; border-bottom-style:dotted; border-right-width:0; background-color:#fdfdfd; background-repeat:no-repeat;} #contentBody .box.type2 {padding-top:30px; padding-bottom:30px; border-top-style:solid; border-top-color:#a9a9a9; border-right-width:0; border-bottom-style:solid; border-bottom-color:#a9a9a9; border-left-width:0; background-color:#fdfdfd;} #contentBody .topbox{background:url('/Ivyimages/common/main/box_type_pattern.png') repeat; margin-bottom:26px; padding:8px;} #contentBody .topbox .innerbox{background-color:#fff; padding:18px 4% 5px;} /*download*/ #contentBody .btn.down {/* overflow:hidden; */display:inline-block;min-width:92px;margin:1px 0px;height:42px;text-align:center;line-height:42px;padding:0px 28px 0px 60px;font-size:16px;box-sizing:border-box;}/*190614수정전_padding:0px 35px 0px 63px;*/ #contentBody .btn.down.bg_01:link, #contentBody .btn.down.bg_01:visited, #contentBody .btn.down.bg_01:active {border:1px solid #bbb;color:#404040;background:url(/Ivyimages/common/icon_down.gif) no-repeat left -42px;} #contentBody .btn.down.bg_01:hover {text-decoration:underline; border:1px solid #bbb; color:#303030; background:url(/Ivyimages/common/icon_down.gif) no-repeat left 0px;} .mr_105{margin-right: 3px !important;} #contentBody .btn { transition : all 0.5s ease; -webkit-transition : all 0.5s ease; -moz-transition : all 0.5s ease; -ms-transition : all 0.5s ease; -khtml-transition : all 0.5s ease; -o-transition : all 0.5s ease; } /*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;} } /*greeting #contentBody .ceo_wrap{background:url("/Ivyimages/site/w130/contents/ceo_bg.png") no-repeat top left;width:100%;height:500px;display:block;overflow:hidden;} #contentBody .ceo_wrap .ceo_box{display: flex;flex-direction: row;justify-content: space-between;align-content: flex-start;max-width: 1400px;margin: 0 auto;} #contentBody .ceo_wrap .box_L{width:50%;} #contentBody .ceo_wrap .box_L p.tit{font-size:48px;color:#333;margin:0;margin-top:233px;font-weight:600;line-height:58px;text-align:left;position:relative;padding:10px 25px;display:inline-block;margin-left:100px;} #contentBody .ceo_wrap .box_L p.tit:before {content: '"';color: #c1c1c1;font-size: 48px;position: absolute;left: 0;top: 0;} #contentBody .ceo_wrap .box_L p.tit:after {content: '"';color: #c1c1c1;font-size: 48px;position: absolute;right: 0;bottom: 18px;} #contentBody .ceo_wrap .box_L p.name{margin: 25px 0 0 475px;padding: 0;} #contentBody .ceo_wrap .box_L p.name .img{margin-left:9px;} #contentBody .ceo_wrap .box_R{width:50%;position:relative;} #contentBody .ceo_wrap .box_R>img{position:absolute;right:0;top:38px;} #contentBody .inner .txt_box{margin:70px 0 0 100px;} #contentBody .inner .txt_box p.line_txt{margin:0 0 40px 0;padding:0;} #contentBody .inner .txt_box p.line_txt>span{display:block;font-size:22px;}*/ /*new*/ #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;} /*history*/ #contentBody .history-wrap{max-width: 1400px;margin: 35px auto 0;} #contentBody .history-wrap:before {content: '';display: block;position: absolute;width: 2px;height: 100%;background: #ddd;left: 0;right: 0;top: 40px;margin: 0 auto;} #contentBody .history-wrap span.history-line {display: block;position: absolute;left: 0;right: 0;top: 40px;margin: 0 auto;width: 2px;height: 150px;padding-bottom: 200px;box-sizing: border-box;background: #1bb8f9;z-index: 1;} #contentBody .history-wrap .tit {position: relative;color: rgba(0, 0, 0, .05);font-size: 100px;text-align: center;font-family: "poppins";font-weight: 500;} #contentBody .history-wrap .history-box {position: relative;z-index: 2;} #contentBody .history-wrap .history-box .history-list-wrap {margin: 0;padding: 0;/*margin-top: -120px;*/margin-top:-150px;} #contentBody .history-wrap .history-box .history-list-wrap .history-list {margin: 0 0 40px;text-align: center;position:relative;min-height:300px;} #contentBody .history-wrap .history-box .history-list-wrap .history-list .year {position: relative;display: block;line-height: 1.2;font-size: 30px;color: #292c32;font-family: "poppins";font-weight: 500;letter-spacing: 0;margin: 0 0 20px;} #contentBody .history-wrap .history-box .history-list-wrap .history-list .year .dot {display: block;position: absolute;width: 8px;height: 8px;background: #1bb8f9;top: 50%;margin-top: -4px;border-radius: 50%;z-index: 1;transition: all .3s ease;} #contentBody .history-wrap .history-box .history-list-wrap .history-list .history {position: relative;padding: 15px 0;border-top: 1px solid #d1d1d1;} #contentBody .history-wrap .history-box .history-list-wrap .history-list .history li {display: block;box-sizing: border-box;position: relative;padding: 0 0 0 50px;margin: 0 0 13px;} #contentBody .history-wrap .history-box .history-list-wrap .history-list .history li:last-child {margin: 0;} #contentBody .history-wrap .history-box .history-list-wrap .history-list .history li .day {display: block;position: absolute;top: 3px;box-sizing: border-box;color: #333;font-family: "poppins";letter-spacing: 0;font-weight: 500;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(odd) {margin: -45px 0 20px 0;padding: 0 0 0 50%;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(odd) .year {text-align: left;padding: 0 0 0 50px;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(odd) .year .dot {left: -4px;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(odd) .history {margin: 0 0 0 50px;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(odd) li {padding: 0 0 0 50px;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(odd) li .day {left: 0;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(odd) li .txt {text-align: left;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(even) {margin: -45px 0 20px 0;padding: 0 50% 0 0;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(even) .year {text-align: right;padding: 0 50px 0 0;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(even) .year .dot {right: -4px;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(even) .history { margin: 0 50px 0 0;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(even) li {padding: 0 50px 0 0;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(even) .history li .day {right: 0;} #contentBody .history-wrap .history-box .history-list-wrap .history-list:nth-child(even) .history li .txt {text-align: right;} #contentBody .history-wrap .history-box .history-list-wrap .history-list.history-firstL {margin: -45px 0 20px 0;padding: 0 50% 0 0;} #contentBody .history-wrap .history-box .history-list-wrap .history-list.history-firstL .year {text-align: right;padding: 0 50px 0 0;} #contentBody .history-wrap .history-box .history-list-wrap .history-list.history-firstL .year .dot {right: -4px;left:initial;} #contentBody .history-wrap .history-box .history-list-wrap .history-list.history-firstL .history { margin: 0 50px 0 0;} #contentBody .history-wrap .history-box .history-list-wrap .history-list.history-firstL li {padding: 0 50px 0 0;} #contentBody .history-wrap .history-box .history-list-wrap .history-list.history-firstL .history li .day {right: 0;left:initial;} #contentBody .history-wrap .history-box .history-list-wrap .history-list.history-firstL .history li .txt {text-align: right;} #contentBody .history-wrap .history-box .history_imgtype{width:100%;position:relative;} #contentBody .history-wrap .history-box .history_imgtype .img{background: gray;height: 180px;width: 485px;position: absolute;} #contentBody .history-wrap .history-box .history_imgtype .img.img_L{left: 165px;top: 56px;} #contentBody .history-wrap .history-box .history_imgtype .img.img_R{right: 165px;top: 56px;} #contentBody .history-wrap .history-box .history_imgtype .img2021{background:url("/Ivyimages/site/w130/contents/hist_2021.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2020{background:url("/Ivyimages/site/w130/contents/hist_2020.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2019{background:url("/Ivyimages/site/w130/contents/hist_2019.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2018{background:url("/Ivyimages/site/w130/contents/hist_2018.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2017{background:url("/Ivyimages/site/w130/contents/hist_2017.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2016{background:url("/Ivyimages/site/w130/contents/hist_2016.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2015{background:url("/Ivyimages/site/w130/contents/hist_2015.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2014{background:url("/Ivyimages/site/w130/contents/hist_2014.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2013{background:url("/Ivyimages/site/w130/contents/hist_2013.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2012{background:url("/Ivyimages/site/w130/contents/hist_2012.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2011{background:url("/Ivyimages/site/w130/contents/hist_2011.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2010{background:url("/Ivyimages/site/w130/contents/hist_2010.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2009{background:url("/Ivyimages/site/w130/contents/hist_2009.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2008{background:url("/Ivyimages/site/w130/contents/hist_2008.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2007{background:url("/Ivyimages/site/w130/contents/hist_2007.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2006{background:url("/Ivyimages/site/w130/contents/hist_2006.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2005{background:url("/Ivyimages/site/w130/contents/hist_2005.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2004{background:url("/Ivyimages/site/w130/contents/hist_2004.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img2001{background:url("/Ivyimages/site/w130/contents/hist_2001.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img1992{background:url("/Ivyimages/site/w130/contents/hist_1992.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img3{left: 165px;top: 56px;background:url("/Ivyimages/site/w130/contents/hist_3.png") no-repeat;} #contentBody .history-wrap .history-box .history_imgtype .img.img4{right: 165px;top: 56px;background:url("/Ivyimages/site/w130/contents/hist_4.png") no-repeat;} /*2021*/ /*system*/ #contentBody .mayorbox {position: relative;z-index: 0;padding: 0;text-align: center;overflow: hidden;} #contentBody .mayorbox:before {content: '';position: absolute;left: 50%;top: 0;z-index: -1;width: 1px;height:calc(100% - 67px);margin-left: -0.5px;background-color: #bfbfbf;content: '';} #contentBody .mayorbox .depth {display: block;width: 220px;text-align: center;height: 52px;max-width: 100%;padding: 0;font-size: 17px;color: #333;line-height: 52px;} #contentBody .mayorbox .depth1 {background: #284780;width: 177px;height: 177px;margin: 0 auto;border-radius: 100%;font-size: 20px;color: #fff;line-height: 177px;margin-bottom: 45px;} #contentBody .mayorbox .depth.depth_L {float: left; position: relative;margin-left: 265px;} #contentBody .mayorbox .depth.depth_L:before {content: '';position: absolute;left: 100%;top: 50%;z-index: -3;width: 100%;height: 1px;background-color: #bfbfbf;} #contentBody .mayorbox .depth.depth_R {float: right;position: relative;margin-right: 265px;} #contentBody .mayorbox .depth.depth_R:before {content: '';position: absolute;right: 100%;top: 50%;z-index: -3;width: 100%;height: 1px;background-color: #bfbfbf;} #contentBody .mayorbox .depth.depth_L, #contentBody .mayorbox .depth.depth_R{margin-bottom:100px;} #contentBody .mayorbox .depth.depth2 { background: #466cb7;color: #fff;border-color: #466cb7;height: 55px;line-height: 55px;} #contentBody .mayorbox .depth_group {clear: both;width:100%;height:100%;} #contentBody .mayorbox .depth_group>ul{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;} #contentBody .mayorbox .depth_group li.depth.depth2 {display: inline-block;width: 31%;position: relative;height:100%;} #contentBody .mayorbox .depth_group li.depth.depth2>ul { padding-top: 80px; width: 100%;display: block;height: 100%;position: relative;background:#fff;} #contentBody .mayorbox .depth_group li.depth.depth2>ul>li {width: 100%;margin-bottom: 15px;} #contentBody .mayorbox .depth_group li.depth.depth2>ul>li:last-child{margin-bottom:0;} #contentBody .mayorbox .depth_group li.depth.depth2>ul:after {content: '';width: 1px;height: 100%;position: absolute;left: 50%;top: 0;margin-left: -0.5px;background-color: #bfbfbf;z-index: 1;display: block;} #contentBody .mayorbox .depth_group li.depth.depth2:last-child>ul:before {width: 948px;height: 1px;background: #bfbfbf;display: block;position: absolute;top: -45.5px;right: 216px;} #contentBody .mayorbox .depth_group li.depth.depth2:last-child:before {content: '';z-index:2;width: 968px;height: 1px;background: #bfbfbf;display: block;position: absolute;top: 87px;right: 216px;} #contentBody .mayorbox .depth_group li.depth.depth2:last-child:after { content: ''; font-family: cursive;display: block;position: absolute;right: 1156px;top: 61px;color: #bfbfbf;transform: rotate(-180deg);} #contentBody .mayorbox .depth_group li.depth.depth3 {border:2px solid #284780;color: #284780;background: #fff;z-index:3;position:relative;} /*partner*/ #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);} /*map*/ div#contentBody .inner .location_wrap .tabmenu{margin:0 0 20px 0;} div#contentBody .location_wrap .roughmap_maker_label .roughmap_lebel_text {padding: 6px 8px 5px;font-size: 12px; font-family: Malgun Gothic,dotum,sans-serif;} #contentBody .mapwrap{width:100%;} #contentBody .map_table table th.line_L{border-left: 1px solid #c6c6c6;} #contentBody .con3 {margin-top: 70px;} #contentBody .con3 .car>h1 { font-size: 26px;font-weight: 600;line-height: 34px;margin-bottom: 50px;position:relative;padding-left:60px;} #contentBody .con3 .car>h1:before{content:'';background:url("/Ivyimages/site/w130/contents/map_ico.png") no-repeat;width:47px;height:40px;position:absolute;left:0;top:50%;transform:translateY(-50%);} #contentBody .con3 .car:last-child h1:before {content: '';background-position-x: -47px;} #contentBody .con3 .car:last-child {margin-top: 35px;} #contentBody .con3 .car table th {width: 120px;font-size: 20px;font-weight: 500;text-align: left; vertical-align: top;line-height: 30px;padding-bottom: 20px;position:relative;padding-left:13px;} #contentBody .con3 .car table th:before {content: '>';display: inline-block;font-family: cursive;position: absolute;left: 0;top: 0;font-size: 16px;font-weight: 500;color: #333;} #contentBody .con3 .car table td {font-size: 17px;line-height: 30px;font-weight: normal;padding-bottom: 20px;} #contentBody .con3 .car table td>span {padding: 0px 12px;background: #395cb3;border-radius: 25px;color: #fff;margin-right: 5px;display: inline-block;line-height: 24px;} #contentBody .con3 .car table td>strong {display: inline-block;} #contentBody .con3 .car table td>p {padding: 0;margin: 5px 25px; display: block;} /*object*/ #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;} /*confirm*/ #contentBody .img_wrap{width:380px;} #contentBody ul.tabmenu {width: 100%;padding: 0;margin: 50px 0 20px;float: left;justify-content: space-between;align-items: center;} #contentBody .inner ul.tabmenu{margin:20px 0;} #contentBody ul.tabmenu li {width: 50%;font-size: 18px;list-style: none;margin: 0 0 15px 0;text-align: center;} #contentBody ul.tabmenu li a {color: #696969;border: 1px solid #dfdfdf;display: block;height: 48px;line-height: 48px;box-sizing: border-box;} #contentBody ul.tabmenu li a.active {border: 2px solid #5c86ff;font-weight: 500;color: #333333;} div#contentBody .section_box .tabmenu li{margin:0;} div#contentBody .section_box .tabmenu li a{border:0;border-bottom:2px solid #c9c9c9;} div#contentBody .section_box .tabmenu li a.active{border:0;border-bottom:2px solid #000;color:#000;} #contentBody .conf_wrap {background: #f9f8f6;width: 100%;padding: 35px 25px;height: 100%;overflow: hidden;margin: 0 auto;} #contentBody .conf_wrap .flex {width: 95%;margin: 0 auto;justify-content: space-between;} #contentBody .conf_wrap .flex.div_flex2{justify-content: flex-start;} #contentBody .conf_wrap .flex .item{width: 23%;display: block;float: left;text-align: center;border: 1px solid #ddd;background: #fff;margin: 0 25px 25px 0;position:relative;max-height:345px;} #contentBody .conf_wrap .flex .item>a{display:block;} #contentBody .conf_wrap .flex .item>p{position: absolute;bottom: 0;left: 0;width: 100%;height: 38px;line-height: 38px;background: rgba(0,0,0,0.75);color: #fff;margin: 0;} #contentBody .conf_wrap div a:nth-child(4n) {margin-right: 0;} #contentBody .conf_wrap div a>img {width: 80%;height: auto;vertical-align: middle;} #contentBody .conf_wrap div a:hover {opacity: 0.8;} /** * Swiper 5.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 16, 2020 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff;} .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;} /*add*/ #contentBody .individual ul li,#contentBody .individual p{line-height:170%;} #contentBody .individual .main {position: relative;clear: both;} #contentBody .individual ul.tabmenu {margin: 20px 0 15px;} #contentBody .individual section.view {padding: 10px 35px;} #contentBody .individual section.view p {margin: 0;padding: 0;word-break:keep-all;} #contentBody .individual h3.add_h3:first-child{margin-top:0;} #contentBody .individual h3.add_h3 {position: relative;font-weight: 700;font-size: 20px;margin: 50px 0 15px 0;padding-bottom:10px;} #contentBody .individual h3.add_h3:before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #ededed;} #contentBody .individual h3.add_h3:after {content: '';/*background: #5c86ff;*/background:#103ab3;position: absolute;left: 0;bottom: 0;width: 80px;height: 3px;} #contentBody .individual .txt_cen{text-align:center;} #contentBody .indiv_tit{border:3px solid #d9dce3;padding:25px 35px;} #contentBody .indiv_tit strong{display:block;font-size:20px;font-weight:600;color:#3e4e6f;margin-bottom:5px;} #contentBody .individual .indiv_box {background: #f1f1f1;padding: 25px;margin: 15px;} #contentBody .individual .indiv_box ul li {position: relative;line-height:160%;} #contentBody .individual .indiv_box ul li:before {content: '';display: inline-block;width: 4px;height: 4px;background: #333;vertical-align: middle;margin-right: 8px;} #contentBody .individual .indiv_box dl,#contentBody .individual .indiv_box dd{margin:0;} #contentBody .individual .indiv_box dd>ul{margin-left:15px;} #contentBody .individual .mail_tit{position:relative; width: 78%;margin: 0 auto;padding: 15px 5px;font-size: 20px;margin-top: 35px;} #contentBody .individual .mail_tit:before{content:'';background:url("/Ivyimages/site/w130/contents/mail_tit.png") no-repeat;width:26px;height:11px;position:absolute;top:0;left:0;} #contentBody .individual .mail_tit: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);} /*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);} #contentBody .prodt_wrap .cont6_img { position:absolute; left:60%; top:25%; } .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; }