@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

/* common */
html.not-scroll,body.not-scroll{overflow:hidden!important}
*{font-family:'Roboto',sans-serif;box-sizing:border-box;word-break:keep-all;word-wrap:break-word}
.clearfix > li{float:left}
.slick-slide > div{font-size:0}
.btn-box{font-size:0}
select{-webkit-appearance:none;/* 네이티브 외형 감추기 */-moz-appearance:none;appearance:none;background:url(../images/support/icon01.png) no-repeat right center;border:none;outline:none}
.rajdhani{font-family:'Rajdhani',sans-serif}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand{display:none}
.title{font-size:24px;font-weight:700;color:#1d2f01;text-transform:uppercase;letter-spacing:1.5px}
.title:first-child{margin-bottom:30px}
h3{font-size:36px;font-weight:700}
h4{font-size:24px;font-weight:700}
h5{font-size:16px;font-weight:700}
.regular{font-weight:400}
.bold{font-weight:700}
.w100{width:100%!important}
/* broad.php */
.broad{position:relative;height:450px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.broad h2{padding-top:240px;padding-bottom:60px;font-size:42px;font-weight:500;letter-spacing:-0.4px;color:#ffffff;text-transform:uppercase;line-height:1.2}
.broad h2 strong{font-size:inherit;font-weight:700;color:#fff;text-transform:uppercase;line-height:1.2}
.broad + section{padding-top:60px}
.down{text-transform:uppercase}
.down{font-size:18px;color:#2bb011}
.down:hover{color:#2bb011;font-weight:500}
.table-border{border-right:1px solid #999}
.bg-grey{background:#eef1f4}
.block{display:block;font-weight:700}
.new-title01{padding:5px 15px;border-radius: 17.5px;background:#5cbbd1;font-size: 20px;font-weight: 700;color:#fff;text-align: center}
.new-title02{padding:5px 15px;border-radius: 17.5px;background:#d45a33;font-size: 20px;font-weight: 700;color:#fff;text-align: center}
.new-title03{padding:5px 15px;border-radius: 17.5px;background:#7b69ac;font-size: 20px;font-weight: 700;color:#fff;text-align: center}

/* header.php */
header{position:absolute;top:0;left:0;z-index:10;width:100%;padding-bottom:15px;background:transparent}
header .container{position:relative}
header .head-top{position:relative;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #fff}
header .head-top li:last-child{float:right;padding-top: 20px;padding-right: 15px;font-size: 0;}
header .head-top li:last-child > div{display: inline-block;vertical-align: middle;}
header .head-top li:last-child .open-popup{padding: 5px 10px;background: #2bb011;text-align: center;font-size: 0;border-radius: 15px;cursor: pointer;}
header .head-top li:last-child .open-popup span{font-size: 12px;color: #fff}
header .head-top .hamburger{width: 32px; height: 20px; position: relative; cursor: pointer;}
header .head-top .hamburger span{height: 4px; background-color: #474a88; position: absolute; left: 0; transform: translateY(0) scale(1); transition-duration: .3s;}
header .head-top .hamburger span{background-color: #fff;}
header .head-top .hamburger span:first-child{width: 32px; top: 0;}
header .head-top .hamburger span:nth-child(2){width: 16px; top: 8px;}
header .head-top .hamburger span:last-child{width: 8px; top: 16px;}
header .head-bottom > li{display:inline-block;position:relative;width:calc(100% / 9);margin-left:-1px;vertical-align:middle;text-align:center;font-size:0}
header .head-bottom > li:after{content:"";position:absolute;left:0;top:-11px;width:1px;height:40px;background:#737880}
header .head-bottom > li:last-child:before{content:"";position:absolute;right:0;top:-11px;width:1px;height:40px;background:#737880}
header .head-bottom > li.long:after{top:0}
header .head-bottom > li > a{font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.4px;transition:all .5s}
header .head-bottom > li > a.on,header .head-bottom > li > a:hover{color:#2bb011}
header .megamenu{display:none}
header .megamenu > div{display:inline-block;width:calc(100% / 9);margin-left:-1px;vertical-align:top;padding-left:15px;font-size: 0;}
header .megamenu > div ul li{padding-bottom:10px;line-height:1}
header .megamenu > div a{color:#fff;font-size:12px;line-height:1}
header .megamenu > div a:hover{color:#2bb011}
header .megamenu > div a.depth-title{display: block;position: relative;margin-bottom: 10px;padding-left: 5px;font-size: 13px;font-weight: 700;color: #fff;cursor: pointer;line-height: 1.4;}
header .megamenu > div a.depth-title:after{content: "";display: block;position: absolute;top:4px;left:0;width: 1px;height: 10px;background-color: #fff}
header .megamenu > div a.depth-title + ul{display: none;}
header .megamenu > div a.depth-title:hover,header .megamenu > div a.depth-title.on{color: #2bb011}
header .megamenu > div a.depth-title:hover:after,header .megamenu > div a.depth-title.on:after{background-color: #2bb011}
header .megamenu > div a.depth-title.on + ul{display: block;}
.nav_box{position:absolute;top:23px;right:15px}
.nav_box .nav_btn{width: 32px; height: 20px; position: relative; cursor: pointer;}
.nav_box .nav_btn span{height: 4px; background-color: #474a88; position: absolute; left: 0; transform: translateY(0) scale(1); transition-duration: .3s;}
.nav_box .nav_btn span{background-color: #fff;}
.nav_box .nav_btn span:first-child{width: 32px; top: 0;}
.nav_box .nav_btn span:nth-child(2){width: 16px; top: 8px;}
.nav_box .nav_btn span:last-child{width: 8px; top: 16px;}
.nav_box .nav_btn.active span{background-color: #474a88;}
.nav_box .nav_btn.active span:first-child{width: 32px; top: 50%; transform: translateY(-50%) rotate(135deg);}
.nav_box .nav_btn.active span:nth-child(2){width: 32px; top: 8px; transform: scale(0);}
.nav_box .nav_btn.active span:last-child{width: 32px; top: 50%; transform: translateY(-50%) rotate(-135deg);}

.mobile-gnb{display:none;position:fixed;right:0;top:0;z-index:100;width:100%;max-width:600px;height:100%;background-color:#f1f2f6;overflow-y:auto}
.mobile-gnb .gnb-wrap > p:first-child{display:block;padding:17px;background-color:#2bb011;font-size:18px;line-height:18px;color:#fff;text-align:left}
.mobile-gnb .gnb-wrap .gnb > li{border-bottom:1px solid #fff}
.mobile-gnb .gnb-wrap h3{padding:10px 15px;font-size:18px;cursor:pointer;text-transform:uppercase}
.mobile-gnb .gnb-wrap li.on h3{color:#2bb011}
.mobile-gnb .gnb-wrap .gnb ul{display:none;border-top:1px solid #fff}
.mobile-gnb .gnb-wrap .gnb ul li{padding:10px 15px}
.mobile-gnb .close-btn{display:block;position:absolute;top:17px;right:17px;width:17px;height:17px;background:url(../images/header/icon02.png) no-repeat 0 0;background-size:17px;cursor:pointer}
.lang-btn{width: 30px;height: 30px;margin-right: 10px;border-radius: 50%;background: #fff;color: #333;text-align: center;line-height: 30px;}
.lang-btn a{font-size: 12px;font-weight: 500;}

/* footer.php */
footer{padding-top:60px;padding-bottom:60px;background:#2e2e2e}
footer h4{font-weight:900;color:#fff;text-transform:uppercase}
footer address{font-size:16px;font-weight:500;color:#fff;line-height:2}
footer p{font-size:14px;font-weight:500;color:#fff}
footer span{display:block;position:absolute;top:0;right:15px;width:100px;height:100px;border-radius:50%;border:2px solid #fff;line-height:98px;text-align:center;font-size:0;cursor:pointer}
footer span img{vertical-align:middle}
footer span img:last-child{display:none}

/* index.php */
.main-slide-wrap{overflow:hidden}
.main-slide .item{height:990px;padding-top:400px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.main-slide .img-slide01{background-image:url(../images/main/visual01.jpg)}
.main-slide .img-slide02{background-image:url(../images/main/visual02.jpg)}
.main-slide .item h3{font-size:48px;font-weight:500;color:#fff;text-transform:uppercase}
.main-slide .item h3 strong{font-size:inherit;font-weight:700;color:#fff}
.main-slide .item a{display:block;width:350px;height:85px;border:2px solid #fff;border-radius:42px;line-height:83px;text-align:center;font-size:18px;font-weight:700;color:#fff;transition: all 0.9s,color 0.3s}
.main-slide .item a:hover{box-shadow:350px 0 0 0 rgba(255,255,255,1) inset,-350px 0 0 0 rgba(255,255,255,1) inset;color:#333;border-color:transparent}
.main-slide .slick-dots{left:50%;bottom:70px;width:1170px;padding-left:15px;padding-right:15px;transform:translateX(-50%);text-align:left}
.main-slide .slick-dots li button:before{font-size:20px;color:#fff}
.main-slide .slick-dots li.slick-active button:before{opacity:1}
.slick-dotted.slick-slider{margin-bottom:0}
.main-content01{height:640px;background:url(../images/main/content01.png?ver=1) no-repeat right center}
.main-content01 .col-md-6:last-child{cursor:pointer}
.main-content01 .col-md-6:last-child:hover h3{text-decoration:underline}
.main-content01 ul li{cursor:pointer}
.main-content01 ul li:hover .inline{text-decoration:underline}
.main-content01 .inline{width:300px;height:300px;line-height:300px;border-radius:50%;font-size:24px;font-weight:700;text-align:center;color:#fff;background-repeat:no-repeat;background-size:cover;vertical-align:top;transition:all .5s}
.main-content01 .circle01{background-image:url(../images/main/content02.png)}
.main-content01 .circle02{background-image:url(../images/main/content03.png)}
.main-content01 p{display:inline-block;position:relative;width:180px;margin-top:70px;padding-top:5px;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:2px;line-height:1.8;vertical-align:top}
.main-content01 p:after{content:"";position:absolute;top:0;right:0;width:370px;height:1px;background:#333}
.main-content01 p.white{width:auto;margin-left:200px;color:#fff}
.main-content01 h3{margin-left:200px;font-size:28px;color:#fff;text-transform:uppercase;letter-spacing:4px}
.main-content02 h4{font-weight:900;letter-spacing:2px}
.main-content02 ul{padding-left:40px;padding-right:40px}
.main-content02 ul li{width:calc((100% - 160px) / 5);margin-right:40px}
.main-content02 ul li:last-child{margin-right:0}
.main-content02 ul li figure{width:100%;height:100%;border-radius:50%;overflow:hidden}
.main-content02 ul li figure img{transition:all .5s}
.main-content02 ul li a:hover img{transform:scale(1.2)}
.main-content02 ul li p{margin-top:10px;font-size:24px;font-weight:900;text-align:center;text-transform:uppercase;transition:all .5s}
.main-content02 ul li a:hover{text-decoration:underline}
.main-content03 .inline{vertical-align:top}
.main-content03 .product{width:50%;height:640px;background:#fff url(../images/main/content06.png) no-repeat center center/cover;border-radius:0 315px 315px 0;overflow:hidden}
.main-content03 .text{position:absolute;top:0;left:50%;width:600px;padding-left:70px;padding-right:70px}
.main-content03 .text h4{font-weight:900;letter-spacing:2px}
.main-content03 .text h3{font-size:30px;font-weight:900;line-height:1.2}
.main-content03 .text p{font-size:18px;font-weight:900}
.main-content03 .text a{display:block;width:195px;height:55px;border:1px solid #333;line-height:53px;font-size:18px;font-weight:900;text-align:center;transition:all .9s,color .3s}
.main-content03 .text a:hover{box-shadow:195px 0 0 0 rgba(0,0,0,1) inset,-195px 0 0 0 rgba(0,0,0,1) inset;color:#fff;border-color:transparent}
.main-content03 .circle{width:20%;height:640px;margin-left:30%;background:#fff url(../images/main/content08.png) no-repeat center center/cover;border-radius:315px 0 0 315px}
.main-content04{padding-top:45px;padding-bottom:70px;background:#f4f4f4}
.main-content04 h4{font-weight:900}
.main-content04 ul li{width:calc((100% - 80px) / 3);margin-right:40px}
.main-content04 ul li:last-child{margin-right:0}
.main-content04 ul li h4{display:-webkit-box;height:72px;margin-top:25px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden}
.main-content04 ul li figure{height:250px;overflow:hidden}
.main-content04 ul li figure img{transition:all .5s}
.main-content04 ul li a:hover img{transform:scale(1.1)}
.main-content04 ul li p{margin-top:10px;font-weight:500;word-break: break-all;}
.main-content05{height:330px;padding:70px 15px;background:url(../images/main/content05.jpg) no-repeat center center/cover}
.main-content05 h4{font-weight:900;color:#fff;text-transform:uppercase}
.main-content05 p{font-weight:500;color:#fff;text-transform:uppercase}
.main-content05 a{display:block;width:195px;height:55px;margin:30px auto 0;border:1px solid #fff;line-height:53px;font-size:18px;font-weight:900;color:#fff;text-align:center;transition:all .9s,color .3s}
.main-content05 a:hover{box-shadow:195px 0 0 0 rgba(255,255,255,1) inset,-195px 0 0 0 rgba(255,255,255,1) inset;color:#333;border-color:transparent}

/* company01.php */
.company01-content01 .img-wrap li:first-child{width:570px}
.company01-content01 .img-wrap li:last-child{width:calc(100% - 570px);padding-left:30px}
.company01-content01 .img-wrap li h3{margin-top:130px;margin-bottom:20px}
.company01-content01 .img-wrap li .line{position:relative}
.company01-content01 .img-wrap li .line:after{content:"";display:block;position:absolute;top:0;left:-125px;width:calc(100% + 125px);height:2px;background:#3399cc}
.company01-content01 .text-wrap li{width:calc((100% - 25px)/ 2);margin-right:25px}
.company01-content01 .text-wrap li:nth-child(even){margin-right:0}
.company01-content01 .text-wrap li:nth-child(n+3) div{border-top:none}
.company01-content01 .text-wrap li div{height:160px;padding-top:45px;padding-bottom:45px;font-size:0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.company01-content01 .text-wrap li div > *{vertical-align:middle}
.company01-content01 .text-wrap li div figure{display:inline-block;width:80px;font-size:0}
.company01-content01 .text-wrap li div p{display:inline-block;width:calc(100% - 80px);font-size:15px}

/* company02.php */
.company02-content01 .vision li{font-size:0}
.company02-content01 .vision li div{width:50%}
.company02-content01 .vision li div h3{margin-bottom:20px;color:#3399cc}
.company02-content01 .value li{width:calc((100% - 30px) / 2);margin-right:30px}
.company02-content01 .value li:nth-child(2n){margin-right:0}
.company02-content01 .value li:nth-child(n+3){margin-top:40px}
.company02-content01 .value li h4{margin-top:20px;font-size:18px}

/* company03.php */
.company03-content01{margin-bottom:170px}
.company03-content01 ul li{width:calc((100% - 30px) / 2);margin-right:30px}
.company03-content01 ul li:nth-child(even){margin-right:0}
.company03-content01 ul li:nth-child(n+3){margin-top:80px}
.company03-content01 ul li div{padding:15px;border:1px solid #d9d9d9}
.company03-content01 ul li p{margin-top:15px;font-size:18px;font-weight:700;text-align:center}

/* business01.php */
.business01-content01 p{border-bottom:1px solid #d9d9d9}
.business01-content01 ul{padding:35px 50px;border:1px solid #d9d9d9}
.business01-content01 ul li{width:calc(100% / 3);margin-left:-1px;padding-left:35px;background-repeat:no-repeat;background-position:left top}
.business01-content01 ul li:first-child{background-image:url(../images/business/icon01.png)}
.business01-content01 ul li:first-child + li{background-image:url(../images/business/icon02.png)}
.business01-content01 ul li:first-child + li + li{background-image:url(../images/business/icon03.png)}
.business01-content01 ul li strong{display:block;font-size:14px;font-weight:700}
.business01-content01 .relative a{position:absolute;bottom:160px;left:290px;display:block;width:200px;height:100px}

/* business02.php */
.business02-content01 ul li{font-size:0}
.business02-content01 .col-md-12 > ul > li:nth-child(n+2){margin-top:60px}
.business02-content01 ul li div{display:inline-block;vertical-align:top}
.business02-content01 ul li div:first-child{width:130px;font-size:24px;font-weight:700;color:#1d2f01}
.business02-content01 ul li div:first-child + div{width:70px}
.business02-content01 ul li div:first-child + div + div{width:calc(100% - 200px)}
.business02-content01 ul li ul li{width:calc((100% - 30px) / 2);margin-right:30px}
.business02-content01 ul li ul li:nth-child(2n){margin-right:0}
.business02-content01 ul li ul li:nth-child(n+3){margin-top:30px}
.business02-content01 ul li ul li p{position:relative;margin-top:15px;padding-left:15px;color:#1d2f01}
.business02-content01 ul li ul li p:after{content:"";display:block;position:absolute;left:0;top:0;width:1px;height:100%;background:#ccc}

/* prd-parge */
.prd-page01 .prd-title{display: inline-block;line-height: 1.2;}
.prd-page01 .prd-title.ce{padding-right: 60px;background: url(../images/immu/ce.png) no-repeat right center/45px;}
.prd-page01 .prd-title small{margin-left:5px;font-size:18px;font-weight:700}
.prd-page01 .table-wrap > li{width:calc((100% - 25px) / 2)}
.prd-page01 .table-wrap > li:first-child{margin-right:25px}
.prd-page01 .table-wrap li table{width:100%}
.prd-page01 .table-wrap li table caption,.prd-page01 .table-wrap li table thead th,.prd-page01 .table-wrap li table thead td{padding:12px;font-weight:700;text-align:center;background:#eef1f4;border-top:1px solid #08396a;border-bottom:1px solid #08396a}
.prd-page01 .table-wrap li table caption{border-bottom:none}
.prd-page01 .table-wrap li table tbody th,.prd-page01 .table-wrap li table tbody td{padding:5px 10px;vertical-align:middle;border-bottom:1px solid #999999}
.prd-page01 .table-wrap li table tbody th{width:170px;font-weight:700}
.prd-page01 .table-wrap li table tbody td{position:relative;width:calc(100% - 170px);text-align:center}
.prd-page01 .table-wrap li table tbody td:after{content:"";position:absolute;left:0;top:50%;width:1px;height:calc(100% - 20px);background:#999;transform:translateY(-50%)}
.prd-page01 .table-wrap li table tbody td.no-border:after{height: 0;}
.prd-page01 sup{font-size:10px}
.prd-page01 .table-wrap li table.table02 thead td{vertical-align:middle}
.prd-page01 .table-wrap li table.table02 tbody td:first-child{text-align:left;font-weight:700}
.prd-page01 .table-wrap li table.table02 tbody td:first-child:after{width:0}
.prd-page01 .table-wrap li table.table02 tbody td:last-child{text-align:right}
.prd-page01 .table-wrap li img{margin-left:auto}
.prd-page01 .icon-wrap > li:after{content:"";display:block;clear:both}
.prd-page01 .icon-wrap > li div{float:left;width:calc((100% - 80px) / 3);margin-right:40px;margin-left:-1px}
.prd-page01 .table-wrap .icon-wrap > li div{width:calc((100% - 40px) / 2)}
.prd-page01 .table-wrap table table tbody td.no-border:after{width:0}
.plat02-content01.prd-page01 .table-wrap .icon-wrap > li div:nth-child(2n){margin-right:0}
.plat02-content01.prd-page01 table{border:1px solid #333}
.plat02-content01.prd-page01 table th{background:#eef1f4}
.plat02-content01.prd-page01 .table-wrap li table tbody th{text-align:center}
.plat02-content01.prd-page01 .table-wrap li table tbody th+td,.plat02-content01.prd-page01 .table-wrap li table tbody td:first-child{font-size:15px;font-weight:700}
.plat02-content01.prd-page01 .table-wrap li table tbody th+td:after,.plat02-content01.prd-page01 .table-wrap li table tbody td:first-child:after{width:0}
.plat02-content01.prd-page01 .table-wrap li table tbody td{padding-left:15px;text-align:left;font-size:15px}
.prd-page01 .icon-wrap > li div + div + div{margin-right:0}
.prd-page01 .icon-wrap > li div h4{margin-top:10px;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}
.prd-page01 .icon-wrap > li ul{margin-top:5px}
.prd-page01 .icon-wrap > li ul li{position:relative}
.prd-page01 .icon-wrap > li ul li:before{content:"·";position:absolute;left:-10px;font-size:16px;color:#333}
.prd-page02{background:#eeeeee}
.prd-page02 .content01 li{width:calc((100% - 75px) / 4);margin-right:25px;margin-left:-1px}
.prd-page02 .content01 li:last-child{margin-right:0}
.prd-page02 .content01.three li{width:calc((100% - 50px) / 3)}
.prd-page02 .content01 li .circle{position:relative;width:70px;height:70px;margin:0 auto;line-height:70px;border-radius:50%;text-align:center;font-family:'Rajdhani',sans-serif;font-size:24px;font-weight:700;color:#fff}
.prd-page02 .content01 li .circle:after{content:"";position:absolute;top:100%;left:50%;width:1px;height:36px;margin-left:-.5px}
.prd-page02 .content01 li .circle:before{content:"";position:absolute;top:calc(100% + 36px);left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%}
.prd-page02 .content01 li:first-child .circle,.prd-page02 .content01 li:first-child .circle:after,.prd-page02 .content01 li:first-child .circle:before{background:#7e67a8}
.prd-page02 .content01 li:first-child + li .circle,.prd-page02 .content01 li:first-child + li .circle:after,.prd-page02 .content01 li:first-child + li .circle:before{background:#5cbbd1}
.prd-page02 .content01 li:first-child + li + li .circle,.prd-page02 .content01 li:first-child + li + li .circle:after,.prd-page02 .content01 li:first-child + li + li .circle:before{background:#90b852}
.prd-page02 .content01 li:first-child + li + li + li .circle,.prd-page02 .content01 li:first-child + li + li + li .circle:after,.prd-page02 .content01 li:first-child + li + li + li .circle:before{background:#d45a33}
.prd-page02 .content01 li:first-child + li + li + li + li .circle,.prd-page02 .content01 li:first-child + li + li + li + li .circle:after,.prd-page02 .content01 li:first-child + li + li + li + li .circle:before{background:#335dd4}
.prd-page02 .content01 li .img-wrap{height:175px;margin-top:70px;margin-bottom:70px;line-height:175px}
.prd-page02 .content01.three li .img-wrap{height:auto;margin-bottom:10px}
.prd-page02 .content01 li .img-wrap img{vertical-align:middle}
.prd-page02 .content01 li .line{position:relative;width:100%;height:2px}
.prd-page02 .content01 li .line:after{content:"";position:absolute;top:-36px;left:50%;width:1px;height:36px;margin-left:-.5px}
.prd-page02 .content01 li .line:before{content:"";position:absolute;top:-41px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%}
.prd-page02 .content01 li:first-child .line,.prd-page02 .content01 li:first-child .line:after,.prd-page02 .content01 li:first-child .line:before{background:#7e67a8}
.prd-page02 .content01 li:first-child + li .line,.prd-page02 .content01 li:first-child + li .line:after,.prd-page02 .content01 li:first-child + li .line:before{background:#5cbbd1}
.prd-page02 .content01 li:first-child + li + li .line,.prd-page02 .content01 li:first-child + li + li .line:after,.prd-page02 .content01 li:first-child + li + li .line:before{background:#90b852}
.prd-page02 .content01 li:first-child + li + li + li .line,.prd-page02 .content01 li:first-child + li + li + li .line:after,.prd-page02 .content01 li:first-child + li + li + li .line:before{background:#d45a33}
.prd-page02 .content01 li:first-child + li + li + li + li .line,.prd-page02 .content01 li:first-child + li + li + li + li .line:after,.prd-page02 .content01 li:first-child + li + li + li + li .line:before{background:#335dd4}
.prd-page02 .content01 li p{margin-top:15px;font-size:14px}
.prd-page02 .content02 li{width:25%}
.prd-page02 .content02.three li{width:calc(100% / 3)}
.prd-page02 .content02 li .circle{position:relative;height:70px}
.prd-page02 .content02 li .circle:after{content:"";display:block;position:absolute;top:0;z-index:1;right:-35px;width:70px;height:70px;border-radius:50%}
.prd-page02 .content02 li .circle .text-wrap{position:absolute;top:50%;width:100%;font-size:18px;font-weight:700;color:#fff;transform:translateY(-50%);text-align:center;line-height:1.2;letter-spacing:1px}
.prd-page02 .content02 li:first-child .circle,.prd-page02 .content02 li:first-child .circle:after,.prd-page02 .content02 li:first-child .circle:before{background:#7e67a8}
.prd-page02 .content02 li:first-child + li .circle,.prd-page02 .content02 li:first-child + li .circle:after,.prd-page02 .content02 li:first-child + li .circle:before{background:#5cbbd1}
.prd-page02 .content02 li:first-child + li + li .circle,.prd-page02 .content02 li:first-child + li + li .circle:after,.prd-page02 .content02 li:first-child + li + li .circle:before{background:#90b852}
.prd-page02 .content02 li:first-child + li + li + li .circle,.prd-page02 .content02 li:first-child + li + li + li .circle:after,.prd-page02 .content02 li:first-child + li + li + li .circle:before{background:#d45a33}
.prd-page02 .content02 li:first-child + li + li + li .circle:after{width:0;height:0;background:transparent;border-radius:0;border-top:35px solid transparent;border-left:35px solid #d45a33;border-bottom:35px solid transparent}
.prd-page02 .content02.three li:first-child + li + li .circle:after{width:0;height:0;background:transparent;border-radius:0;border-top:35px solid transparent;border-left:35px solid #90b852;border-bottom:35px solid transparent}
.prd-page02 .content02 li .line{position:relative;width:100%;height:45px}
.prd-page02 .content02 li .line:after{content:"";position:absolute;top:0;left:50%;width:1px;height:45px;margin-left:-.5px}
.prd-page02 .content02 li .line:before{content:"";position:absolute;bottom:0;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%}
.prd-page02 .content02 li:first-child .line:after,.prd-page02 .content02 li:first-child .line:before{background:#7e67a8}
.prd-page02 .content02 li:first-child + li .line:after,.prd-page02 .content02 li:first-child + li .line:before{background:#5cbbd1}
.prd-page02 .content02 li:first-child + li + li .line:after,.prd-page02 .content02 li:first-child + li + li .line:before{background:#90b852}
.prd-page02 .content02 li:first-child + li + li + li .line:after,.prd-page02 .content02 li:first-child + li + li + li .line:before{background:#d45a33}
.prd-page02 .content02 li .img-wrap{height:190px;line-height:190px}
.prd-page02 .content02 li .img-wrap img{vertical-align:middle}
.prd-page02 .content02 li .line02{position:relative;top:10px;z-index:3;width:100%;height:30px}
.prd-page02 .content02 li .line02:after{content:"";position:absolute;top:5px;left:50%;width:1px;height:25px;margin-left:-.5px}
.prd-page02 .content02 li .line02:before{content:"";position:absolute;top:0;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%}
.prd-page02 .content02 li:first-child .line02:after,.prd-page02 .content02 li:first-child .line02:before{background:#7e67a8}
.prd-page02 .content02 li:first-child + li .line02:after,.prd-page02 .content02 li:first-child + li .line02:before{background:#5cbbd1}
.prd-page02 .content02 li:first-child + li + li .line02:after,.prd-page02 .content02 li:first-child + li + li .line02:before{background:#90b852}
.prd-page02 .content02 li:first-child + li + li + li .line02:after,.prd-page02 .content02 li:first-child + li + li + li .line02:before{background:#d45a33}
.prd-page02 .content02 li .circle-wrap{position:relative;width:156px;height:156px;margin:0 auto}
.prd-page02 .content02 li .circle02{position:absolute;top:8px;left:8px;z-index:2;width:140px;height:140px;line-height:140px;margin:0 auto;text-align:center;font-size:20px;font-weight:700;color:#fff;border-radius:50%}
.prd-page02 .content02 li .white{display:block;position:absolute;left:0;top:0;z-index:1;width:156px;height:156px;border-radius:50%;background:#fff}
.prd-page02 .content02 li:first-child .circle02{background:#7e67a8}
.prd-page02 .content02 li:first-child + li .circle02{background:#5cbbd1}
.prd-page02 .content02 li:first-child + li + li .circle02{background:#90b852}
.prd-page02 .content02 li:first-child + li + li + li .circle02{background:#d45a33}
.prd-page02 .content02 li dl dd{position:relative;padding-left:10px;font-size:14px}
.prd-page02 .content02 li dl dd:after{content:"";display:block;position:absolute;top:9px;left:0;width:2px;height:2px;background:#333;border-radius:50%}
.prd-page02 .content02 li p{font-size:14px;font-style:italic}
.prd-page03 .border{padding-bottom:5px;border-bottom:1px solid #d9d9d9;font-size:0;text-align:right}
.prd-page03 .border strong{margin-right:10px;font-size:16px;font-weight:700}
.prd-page03 .border span{font-size:16px}
.prd-page03 .border + img{margin-top:35px}
.prd-page03 ul li{width:calc((100% - 30px) / 2)}
.prd-page03 ul li:first-child{margin-right:30px}
.prd-page03 ul li.full{width:100%}
.prd-page03 ul li p{margin-top:10px}
.prd-page03 .red{font-size:inherit;color:#cc0000}
.prd-page03 .blue{font-size:inherit;color:#0033ff}
.prd-page03 table{width:100%}
.prd-page03 table caption{padding:12px;font-weight:700;text-align:center;background:#eef1f4;border-top:1px solid #08396a}
.prd-page03 table thead th,.prd-page03 table thead td{padding:12px;font-weight:700;text-align:center;background:#eef1f4;border-top:1px solid #08396a;border-bottom:1px solid #08396a;vertical-align:middle}
.prd-page03 table tbody th,.prd-page03 table tbody td{padding:5px 10px;vertical-align:middle;border-bottom:1px solid #999999}
.prd-page03 table tbody th{width:170px;font-weight:700}
.prd-page03 table tbody td{position:relative;width:calc(100% - 170px);text-align:center}
.prd-page03 table tbody td.bold{text-align:left}
.prd-page03 table tbody td.bold.text-center{text-align:center}
.prd-page03 table tbody td:after{content:"";position:absolute;left:0;top:50%;width:1px;height:calc(100% - 20px);background:#999;transform:translateY(-50%)}
.prd-page03 table tbody tr.no-border td:after,.prd-page03 table tbody td.no-border:after{width:0}
.prd-page03 table tbody td sup{font-size:10px}
.prd-page03 table tbody td.text-left{padding-left:20px;text-align:left!important}
.prd-page03 sup,.prd-page03 sub{font-size:10px}
.prd-page03 sub{bottom:0}

/* 210427 수정사항 */
.prd-page02 .content02.new li{width: 33.33333333%;}
.prd-page02 .content02.new li:first-child .circle,.prd-page02 .content02.new li:first-child .circle:after{background: #5cbbd1}
.prd-page02 .content02.new li + li .circle,.prd-page02 .content02.new li + li .circle:after,.prd-page02 .content02.new li + li + li .circle,.prd-page02 .content02.new li + li + li .circle:after{background:#dc5e35;}
.prd-page02 .content02.new li + li + li .circle .text-wrap{z-index: 1;left:-50%;}
.prd-page02 .content02.new li span{display:block;text-align:center}
.prd-page02 .content02.new + .line02{position: relative;}
.prd-page02 .content02.new + .line02 strong{display:block;position:relative;z-index: 2;width:180px;height:70px;margin:15px auto 0;background: #7b69ac;border-radius:35px;font-size: 25px;font-weight: 700;text-align: center;line-height:70px;color:#fff;}
.prd-page02 .content02.new + .line02:after{content:"";display:block;position: absolute;left:0;top:50%;z-index: 0;width:100%;height: 3px;margin-top:-1.5px;background:#7b69ac }
.brown{color:#a36200;font-weight: 500;}
.purple{color:#844cac;font-weight: 500;}
.yellow{color:#f8bb15;font-weight: 500;}
.blue{color:#1b7ac3;font-weight: 500;}
.red{color:#ef5423;font-weight: 500;}
.green{color:#7db700;font-weight: 500;}

/* img-board-list*/
.board-search{padding-bottom:15px;border-bottom:1px solid #333}
.board-search *{vertical-align:middle}
.board-search select{width:115px;height:30px;margin-right:15px;line-height:30px;padding-left:10px;font-size:16px;border-bottom:1px solid #d9d9d9;background:url(../images/news/icon02.png) no-repeat right+10px center}
.board-search input{width:330px;height:30px;border:none;border-bottom:1px solid #d9d9d9;line-height:30px;outline:none;font-size:16px}
.board-search img{position:absolute;top:7px;right:10px;cursor:pointer}
.img-board-list ul{border-bottom:1px solid #333}
.img-board-list ul li{margin-bottom:35px}
.img-board-list ul li a{display:block;font-size:0}
.img-board-list ul li div{vertical-align:top}
.img-board-list ul li div:first-child{width:370px;max-height:370px;overflow:hidden}
.img-board-list ul li div:first-child + div{width:calc(100% - 370px);padding-top:15px;padding-left:25px}
.img-board-list ul li div span{font-size:14px;color:#666}
.img-board-list ul li div p{margin-top:30px;font-size:14px}
.paging a{display:inline-block;width:35px;height:15px;line-height:15px;text-align:center;font-size:14px;color:#999;cursor:pointer}
.paging a:hover,.paging a.on{color:#333;font-weight:700}

/* img-board-view*/
.img-board-view .head{padding:30px 0;border-top:1px solid #333;border-bottom:1px solid #d9d9d9}
.img-board-view .head h4{margin-bottom:10px;text-transform:uppercase}
.img-board-view .head div *{font-size:14px}
.img-board-view .head div strong{margin-right:10px;font-weight:700}
.img-board-view .head div span{color:#666}
.img-board-view .body{padding-top:40px;padding-bottom:30px;border-bottom:1px solid #d9d9d9}
.img-board-view .body img{display:block;max-width:100%;height:auto!important}
.img-board-view .body *:not(img){font-family:'Roboto',sans-serif!important;font-size:16px!important}
.img-board-view .file{padding:10px 20px;background:#fafafa;border-bottom:1px solid #d9d9d9}
.img-board-view .file span{margin-right:10px;font-size:14px;font-weight:700;vertical-align:middle}
.img-board-view .file a{font-size:14px;color:#666;text-decoration:underline;vertical-align:middle}
.img-board-view .file a:hover{font-weight:700;color:#333}
.img-board-view .btn-box{margin-top:15px}
.img-board-view .btn-box a{display:inline-block;width:110px;height:35px;line-height:33px;border:1px solid #d9d9d9;text-align:center;font-size:13px;font-weight:700}

/* community01.php */
.community01-content01 #map{width:100%;height:500px}
.community01-content01 .marker{width:130px;height:35px;padding-left:5px;background:#0475f4;border-radius:15px;line-height:35px;font-size:0}
.community01-content01 .marker .icon{display:inline-block;width:28px;height:28px;margin-right:5px;border-radius:50%;background:#fff url(../images/community/icon01.png) no-repeat center center/12px;vertical-align:middle}
.community01-content01 .marker .text{font-size:10px;font-weight:700;color:#fff;vertical-align:middle}
.community01-content01 ul li{width:50%}
.community01-content01 ul li:last-child {padding-left: 50px;}
.community01-content01 ul li h3,.community01-content01 ul li h5{text-transform:uppercase}
.community01-content01 ul li div{padding-right: 20px;}
.community01-content01 ul li p{margin-top:10px;font-size: 15px;}

/* popup */
.popup{display:none;position: fixed;top:50%;width: 600px;transform: translateY(-50%);z-index: 11}
.popup.popup01{left: 100px}
.popup.popup02{right: 100px}
.popup-overlay{display:none;position: fixed;top:0;left:0;width: 100%;height: 100vh;background: rgba(0,0,0,.2);z-index: 10}
.popup ul{background: #5b5b5b}
.popup ul:after{content: "";display: block;clear: both}
.popup ul li{float:left;font-size: 0;padding:15px 30px;}
.popup ul li:last-child{float: right}
.popup ul li input{position: absolute;left:-10000px;width: 0;height: 0;}
.popup ul li label{display:block;padding-left: 30px;padding-top: 1px;font-size: 14px;color:#fff;cursor: pointer;background: url(../images/trouble/icon01.png) no-repeat left top}
.popup ul li span{display:block;padding-left: 30px;padding-top: 1px;font-size: 14px;color:#fff;cursor: pointer;background: url(../images/trouble/icon02.png) no-repeat left top;}

/* plat07.php */
.plat07-content01 .title + ul li{display: flex;width: 100%;flex-wrap: wrap;}
.plat07-content01 .title + ul li:after{content: "";display: block;clear: both;}
.plat07-content01 .title + ul li > div{float: left;}
.plat07-content01 .title + ul li .img-box{width: 400px;}
.plat07-content01 .title + ul li .text-box{width: calc(100% - 410px);border-bottom: 1px solid #999}
.plat07-content02 .img-wrap{padding-bottom: 80px;border-bottom: 1px solid #999}
.plat07-content02 .img-wrap div{display: inline-block;padding: 35px 60px;  background-color: #eef1f4;border-radius: 50%;}
.plat07-content02 .flow-chart{display: flex;width: 100%;flex-wrap: wrap;}
.plat07-content02 .flow-chart li{display: inline-block;position: relative;width: 25%;padding-bottom: 40px;padding-left: 20px;padding-right: 20px;vertical-align: top;border-bottom: 1px solid rgba(102,102,102.5);}
.plat07-content02 .flow-chart li.two{width: 50%;}
.plat07-content02 .flow-chart li:nth-child(n+5){padding-top: 40px;padding-bottom: 0;border-bottom: none}
.plat07-content02 .flow-chart li.arrow:after{content: "";display: block;position: absolute;left: 50%;bottom: -32px;width: 9px;height: 64px;margin-left: -4.5px;background: url(../images/plat/icon08.png) no-repeat center center;}
.plat07-content02 .flow-chart li.arrow02:after{content: "";display: block;position: absolute;left: 50%;bottom: -32px;width: 9px;height: 64px;margin-left: -4.5px;background: url(../images/plat/icon09.png) no-repeat center center;}
.plat07-content02 .flow-chart li .icon-wrap{height: 245px;border-radius: 50%;line-height: 245px;}
.plat07-content02 .flow01 li .green{background-color: rgba(51,204,204,.6);}
.plat07-content02 .flow01 li .lightgreen{background-color: rgba(51,204,204,.45);}
.plat07-content02 .flow01 li .blue{background-color: #89b1ca}
.plat07-content02 .flow01 li .lightblue{background-color: #9fc0d4}
.plat07-content02 .flow01 li .purple{background-color: #a97fb3;}
.plat07-content02 .flow-chart li .icon-wrap{font-size: 0;text-align: center;}
.plat07-content02 .flow-chart li .icon-wrap img{max-width: 100%;vertical-align: middle;}
.plat07-content02 .flow-chart li p{margin-top: 10px;font-size: 16px;font-weight: 700;color: #333;text-align: center;}
.plat07-content02 .flow-chart li p strong{font-size: inherit;font-weight: inherit;color:#25bec1}
.plat07-content02 .box{width: 50%;padding: 10px;font-size: 16px;font-weight: 700; color: #995fa3;border: solid 2px #995fa3;}
.plat07-content02 h3.title{font-size: 18px;}
.plat07-content02 h3.title strong{font-weight: inherit;color:#2bb011 }
.popup { background-color:#fff; }
.popup-slide-dot { position:relative; }
.popup-slide-dot .slick-dots { position:absolute;bottom:-2px;padding:15px 0;text-align:center;background: rgba(0,0,0,0); }
.popup-slide-dot .slick-dots li { float:none;width:auto;height:auto;padding:0; }
.popup-slide-dot .slick-dots li:last-child { float:none; }

/* 220914 */
.mobile-gnb .gnb-wrap h4{display: none;padding: 10px 15px;font-size: 16px;font-weight: 500;color: #666}
.mobile-gnb .gnb-wrap h4.on{color: #2bb011}
.mobile-gnb .gnb-wrap .gnb h4 + ul li{padding-left: 20px;}
.mobile-gnb .gnb-wrap .gnb h4 + ul li a{font-size: 14px;}
.prd-page02.prd-page02-new .content01 li{width: calc((100% - 100px) / 5);}
.plat08-content01 ul{font-size: 0;}
.plat08-content01 ul li{display: inline-block;vertical-align: middle;text-align: center;}
.plat08-content01 ul li{width: 300px;}
.plat08-content01 ul li.plus{width: 100px;padding-left: 25px;padding-right: 25px;}
.plat08-content01 ul li h5{font-size: 18px;font-weight: 700;color: #333;text-align: left;}
.plat08-content01 ul li p{display: inline-block;position: relative;padding-left: 10px;font-size: 16px;font-weight: 500;color: #333}
.plat08-content01 ul li p:after{content: "";display: block;position: absolute;top: 9px;left: 0;width: 4px;height: 4px;border-radius: 50%;background-color: #333;}
.plat08-content01 ul li:first-child p{padding-left: 0;}
.plat08-content01 ul li:first-child p:after{height: 0;}
.plat08-content01 ul li div{text-align: left;}
.plat08-content01 ul li:last-child div{height: 120px}
.plat08-content01 ul li:first-child h5{margin-top: 10px;}
.plat08-content01 ul li:first-child h5,.plat08-content01 ul li:first-child p{text-align: center;}

/* 221130 */
.veterinary03-content01 .col-md-12 > div:after{content:"";display: block;clear: both}
.veterinary03-content01 .left,.veterinary03-content01 .right{float: left}
.veterinary03-content01 .left{width:calc(100% - 450px)}
.veterinary03-content01 .right{width: 450px}

/* 221202 */
.veterinary08-content01 .img-wrap {padding-bottom: 40px; display: flex;}
.veterinary08-content01 .img-wrap div { background-position: top center; background-repeat: no-repeat; height: 0; padding-bottom: 38%; width: calc(100% / 3); margin-right: 90px; }
.veterinary08-content01 .img-wrap div:nth-child(2) {position: relative;}
.veterinary08-content01 .img-wrap div:nth-child(2):before { content: ''; display: block; width: 50px; height: 50px; background-image: url(../images/veterinary/content7_04.png); background-repeat: no-repeat; background-position: center; position: absolute; left: -75px; top: 30%; }
.veterinary08-content01 .img-wrap div:nth-child(2):after { content: ''; display: block; width: 50px; height: 50px; background-image: url(../images/veterinary/content7_04.png); background-repeat: no-repeat; background-position: center; position: absolute; right: -75px; top: 30%; }
.veterinary08-content01 .img-wrap div:last-child { margin-right: 0; }


/*
.veterinary08-content01 .img-wrap img { display: inline-block; vertical-align: top; }
.veterinary08-content01 .img-wrap img:nth-child(even) { margin-top: 130px; }
.veterinary08-content01 .img-wrap img:nth-child(2) { margin-left: 30px; }
.veterinary08-content01 .img-wrap img:nth-child(4) { margin-right: 30px; }
*/
.veterinary08-content01 .sub_tit {font-size: 16px; color: #333; font-weight: bold; margin-top: 20px;}

.veterinary08-content02 { background-color: #eee; padding-bottom: 60px;}
.veterinary08-content02 .plat07-content02 .flow01 li .color01 {background-color: #71d4d6;}
.veterinary08-content02 .plat07-content02 .flow01 li .color02 {background-color: #a97bb1;}
.veterinary08-content02 .plat07-content02 .flow-chart li {border-bottom: none;}
.veterinary08-content02 .plat07-content02 .flow-chart li p span._blue{color: #55babd; font-weight: bold; font-size: 18px;}
.veterinary08-content02 .plat07-content02 .flow-chart li p span._pink{color: #a97bb1; font-weight: bold; font-size: 18px;}
.veterinary08-content02 .bottom_txt { font-size: 0; margin-top: 30px; }
.veterinary08-content02 .bottom_txt > * { display: inline-block; vertical-align: top; }
.veterinary08-content02 .bottom_txt p { margin-left: 15px; font-size: 16px; color: #707070; }

.veterinary08-content03 .flex_wrap { display: flex; }
.veterinary08-content03 .flex_wrap ._left { width: 32%; margin-right: 25px; }
.veterinary08-content03 .flex_wrap ._left .box img { border-right: 1px solid rgba(112,112,112,0.23); }
.veterinary08-content03 .flex_wrap ._right { width: calc(100% - 32% - 25px); }
.veterinary08-content03 .flex_wrap ._right ._inner {display: flex;}
.veterinary08-content03 .flex_wrap p {font-size:20px; font-weight: bold; color: #333; text-align: center;}
.veterinary08-content03 .flex_wrap p._sub {font-size: 18px; font-weight: 500;}