@charset "UTF-8"; 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;%20300;%20400;%20500;%20600;%20700;%20900&display=swap'); 
/* font-family: 'Montserrat', sans-serif; */
* { outline: none; text-decoration: none; } 
body { font-family: 'Montserrat', sans-serif; max-width:1920px; overflow-x: hidden; margin:0 auto; } 
ul { list-style: none; padding: 0; margin: 0; } 
a { text-decoration: none; color: #333; } a:focus { text-decoration: none; color:inherit; } 
h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; } 
a:hover { text-decoration: none; color: #333; } 
a:focus { outline: none; } 
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand { display: none; } 
b { font-weight: normal; } 
.tt { text-transform: uppercase; } 
@media (min-width:1600px) { 
.container { width:1560px } 
 } 
.container_wrap { width: 1560px; margin:0 auto; padding-left:15px; padding-right:15px; font-size:0 } 
.grayscale.g_hover:hover { filter:none; } 
.shadow { border-top:2px solid #333; box-shadow:5px 5px 15px #ccc } 
select { -webkit-appearance:none; /* 네이티브 외형 감추기 */-moz-appearance:none; appearance:none; background:url(../images/support/icon01.html) no-repeat right center; border:none; outline:none } 
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { display:none } 
/* common */
h2 { font-size:48px; font-weight:700 } 
h3 { font-size:36px; font-weight:700 } 
h4 { font-size:24px; font-weight:700 } 
h5 { font-size:20px; font-weight:700 } 
h6 { font-size:18px; font-weight:700 } 
.mt0 { margin-top:0 } 
.broad { position:relative; height:220px; margin:20px 20px 0 20px; background-repeat:no-repeat; background-position:center center; background-size:cover } 
.title { margin-top:70px; font-size:48px; font-weight:700 } 
.title + p { font-size:14px; color:#666 } 
.clearfix > li { float:left } 
html.not-scroll,body.not-scroll { overflow:hidden!important } 
/* header */
header { position:relative; width: 100%; height:90px; font-size: 0; padding-left:60px; border-bottom:1px solid #eaeae8; background: #fff; } 
header.fix { position: fixed; top: 0; left: 0; z-index: 200; } 
.hamburger.fix,.lang_box.fix,.eng_box.fix { position: fixed; z-index: 200; } 
.sub-header.fix { position: fixed; top: 90px } 
header .logo_box { position:absolute; top:50%; left:60px; margin-top:-16.5px } 
header .logo_box svg { width:100%; height:32px; max-width:240px } 
header .navi { width:58%; max-width:1200px; margin:0 auto } 
header .navi>ul { display:flex; padding-left:20px; padding-right:20px; justify-content:space-between } 
header .navi>ul>li { display: inline-block; vertical-align: middle; cursor:pointer } 
header .navi>ul>li:last-child { padding-right:0 } 
header .navi>ul>li>a { display:block; position:relative; height:90px; line-height:90px; font-weight: 500; font-size: 16px; color: #333; letter-spacing: -0.25px; } 
header .navi>ul>li>a:after { content:""; display:block; position:absolute; bottom:0; width:0; height:5px; background:#6eb92c; transition:all .5s } 
header .navi>ul>li.on>a:after,header .navi>ul>li:hover>a:after { width:100% } 
.eng_box { position:absolute; top:0; right:115px; height:90px; line-height:90px; font-size:0 } 
.eng_box > a:first-child { display: inline-block; position: relative; margin-right: 30px; padding: 3px 10px 3px 10px; font-size: 11px; vertical-align: middle; background-color: #333; color: #fff; border-radius: 10px; transition: background .3s; } 
.eng_box > a:first-child:hover { background: #3DA2F5 } 
.mobile-lang a { font-weight:700 } 
.mobile-lang a.on { color:#6eb92c } 
.mobile-lang a:first-child { margin-right:10px } 
.lang_box { position:absolute; top:0; right:0; width:90px; font-size:0;; transition:all .5s; text-align:right } 
.lang_box.on { width:300px } 
.lang_box input { width:0; background:transparent; height:20px; padding:0; border:none; border-bottom:1px solid rgba(255,255,255,.5); vertical-align:middle; color:#fff; } 
.lang_box.on input { width:190px; transition:all .5s; transition-delay:.5s } 
.lang { display: inline-block; vertical-align: middle; width:calc(100% - 90px); } 
.lang p { display: inline-block; border:1px solid #d9d9d9; font-weight: 500; font-size: 14px; color: #666; width:65px; height:30px; line-height: 26px; border:2px solid #eaeae8; border-radius:14px; text-align: center; cursor: pointer; } 
.search_box { display: inline-block; position: relative; vertical-align: middle; width:100%; height: 90px; background:#6eb92c; cursor:pointer } 
.lang_box.on .search_box { padding-left:40px; background:#333; line-height:90px; text-align:left; cursor:default } 
.search_box .search_icon { position: absolute; top: 50%; left: 50%; margin-top:-10px; margin-left:-10px; cursor: pointer; } 
.lang_box.on .search_box .search_icon { left:250px } 
.sub-header { position:absolute; left:0; z-index:-1; width:100%; min-height:95px; opacity:0; padding-left:60px; background-color:#fff; border-bottom:1px solid #eaeae8 } 
.sub-header.on { z-index:102; opacity:1 } 
.sub-header .bg-wrap { position:absolute; position:absolute; left:0; width:23%; max-width:430px; height:100% } 
.sub-header .bg { display:none; width:100%; height:100%; background-repeat:no-repeat; background-position:center left; background-size:cover } 
.sub-header .bg:first-child { background-image:url(../images/header/content01.png) } 
.sub-header .bg:first-child + .bg { background-image:url(../images/header/content02.png) } 
.sub-header .bg:first-child + .bg + .bg { background-image:url(../images/header/content03.png) } 
.sub-header .bg:first-child + .bg + .bg + .bg { background-image:url(../images/header/content05.png) } 
.sub-header .bg:first-child + .bg + .bg + .bg + .bg { background-image:url(../images/header/content04.png) } 
.sub-header .sub-menu { position:absolute; left:calc(50% + 30px); opacity:0; visibility:hidden; transform:translateX(-50%); width:calc(62% - 40px); max-width:1200px; margin:0 auto } 
.sub-header .sub-menu.on { opacity:1; visibility:visible } 
.sub-header ul { position:absolute; top:0; left:0; width:100%; padding-left:40px; padding-right:40px; font-size:0 } 
.sub-header ul li { display: inline-block; width:calc((100% - 80px) / 4); margin-left:-1px; padding-top:35px; padding-bottom:35px; vertical-align:top } 
.sub-header ul li:first-child,.sub-header ul li:first-child + li,.sub-header ul li:first-child + li + li,.sub-header ul li:first-child + li + li + li { padding-top:35px/*; padding-bottom:0*/ } 
.sub-header ul.about li { width: calc((100% - 80px) / 6); } 
.sub-header ul.about li a { text-align: center; } 
.sub-header ul li a { display:block; font-size:14px; font-weight:700; color:#666 } 
.sub-header ul li a:hover { text-decoration:underline } 
.sub-header ul li h4 { padding-bottom:10px; font-size:14px; font-weight:700; color:#666; text-decoration:underline } 
.sub-header .prd-menu a { margin-bottom:10px; font-size:14px; font-weight:400; color:#999 } 
.sub-header .prd-menu a:last-child { margin-bottom:0 } 
.hamburger { display:none; position:absolute; top:23px; right:15px } 
.hamburger { width: 32px; height: 20px; position: absolute; top:35px; right:30px; cursor: pointer; } 
.hamburger span { height: 4px; background-color: #474a88; position: absolute; left: 0; transform: translateY(0) scale(1); transition-duration: .3s; } 
.hamburger span { background-color:rgba(104,181,36,1) } 
.hamburger span:first-child { width: 32px; top: 0; } 
.hamburger span:nth-child(2) { width: 16px; top: 8px; } 
.hamburger span:last-child { width: 8px; top: 16px; } 
.overlay { position:fixed; left:0; top:0; z-index:200; width:100%; height:100%; background:rgba(0,0,0,.3); opacity:0; visibility:hidden; transition:all .5s } 
.overlay.on { opacity:1; visibility:visible } 
.mobile-gnb { position:fixed; top:0; right:0; z-index:201; width:100%; height:100vh; max-width:600px; padding:30px 30px 100px 30px; background:#fff; transition:all .5s; opacity:0; visibility:hidden; overflow:auto } 
.mobile-gnb.on { opacity:1; visibility:visible } 
.mobile-gnb .btn-box img { cursor:pointer } 
.mobile-gnb .mobile-search { position:relative } 
.mobile-gnb .mobile-search input { width:100%; height:35px; padding-bottom:5px; border:none; border-bottom:2px solid #666666 } 
.mobile-gnb .mobile-search input + img { position:absolute; top:0; right:0; cursor:pointer } 
.mobile-gnb .mobile-menu > li { margin-top:30px } 
.mobile-gnb .mobile-menu > li:first-child { margin-top:0 } 
.mobile-gnb .mobile-menu h6 { padding-bottom:10px; font-size:18px; font-weight:500; border-bottom:1px solid #d7d7d7; background-repeat:no-repeat; background-position:top+5px right+10px; background-image:url(../images/btn/icon05.png); cursor:pointer } 
.mobile-gnb .mobile-menu h6.on { background-image:url(../images/btn/icon06.png) } 
.mobile-gnb .mobile-menu h6 + div { display:none; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #d7d7d7 } 
.mobile-gnb .mobile-menu a { display:block; padding-bottom:10px; font-size:14px; color:#999999 } 
.mobile-gnb .mobile-menu a:last-child { padding-bottom:0 } 
.mobile-gnb .mobile-menu li ul li { margin-top:15px } 
.mobile-gnb .mobile-menu li ul li:first-child { margin-top:0 } 
.mobile-gnb .mobile-menu h3 { margin-bottom:10px; font-size:14px; font-weight:500; color:#666; text-decoration:underline } 
header .cls-1 { fill:#6FBA2C; } 
header .cls-2 { fill:#231815; } 
header .cls-3 { fill:#F39800; } 
.eng_box ul { width: 100px; padding: 20px 0; border: 1px solid #666; display: none; background-color: #fff; position: absolute; top: 65px; right: -38px; z-index: 101; } 
.eng_box ul li { margin-bottom: 20px; line-height: normal; } 
.eng_box ul li:last-child { margin-bottom: 0; } 
.eng_box ul li a { width: 100%; display: inline-block; font-size: 16px; font-weight: 500; color: #666; text-align: center; } 
.eng_box ul li a:hover { color: #6eb92c } 
.eng_box img { vertical-align: middle; cursor: pointer; } 

/* main */
.main_banner { position: relative; padding: 20px; height: 600px; overflow: hidden; } 
.main_banner .banner_nav { position: absolute; top:20px; right: 70px; width: 370px; height:100%; background-color:rgba(110,185,44,.75); z-index: 100; } 
.main_banner .banner_nav ul { position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; padding:0px 40px; } 
.main_banner .banner_nav li { position: relative; margin-bottom: 20px; font-weight: 500; font-size: 12px; color: #fff; cursor: pointer; user-select:none; } 
.main_banner .banner_nav li::before { content:''; display: inline-block; width: 0; height: 3px; background-color: #c8ff71; vertical-align: middle; margin-right: 10px; transition:.3s; } 
.main_banner .banner_nav li.on { font-weight: 700; } 
.main_banner .banner_nav li.on::before { width: 30px; transition:.3s; } 
.main_banner .banner_nav li:last-child { margin-bottom: 0; } 
.main_banner .banner { height:600px; } 
.main_banner .banner { background-repeat:no-repeat; background-position:center center; background-size:cover } 
.main_banner .banner .banner_box { padding:0px 15px; } 
.main_banner .banner .banner_box .img { height:250px; padding-top:10px } 
.main_banner .banner .banner_box img { height:100% } 
.main_banner .banner .banner_box .text { color: #fff; } 
.main_banner .banner .banner_box .text h4 { font-weight: 100; font-size: 30px; margin-bottom: 10px; color:#fff } 
.main_banner .banner .banner_box .text h3 { font-weight: 700; font-size: 40px; margin-bottom: 30px; color:#fff } 
.main_banner .banner .banner_box .text h3 span { display: inline-block; font-weight: 600; font-size: 12px; color: #fff; margin-left: 20px; border-bottom:3px solid #fff; padding-bottom: 5px; vertical-align: bottom; margin-bottom:5px; padding-right: 55px; } 
.main_banner .banner .banner_box .text ul li { position: relative; padding-left: 15px; font-weight: 400; font-size: 14px; margin-bottom: 5px; color:#fff } 
.main_banner .banner .banner_box .text ul li::before { content:''; position: absolute; display: block; top: 50%; left: 0; transform:translateY(-50%); width: 6px; height: 6px; border-radius:100%; background-color: #6eb92c; } 
.main_product { padding:50px 0 70px; font-size: 0; } 
.main_product .left_box { display: inline-block; vertical-align: top; width:480px } 
.main_product .left_box h2 { width:280px; font-weight: 700; font-size: 36px; color: #333; margin-bottom:20px; } 
.main_product .left_box p { width:280px; font-weight: 400; font-size: 14px; color: #666; } 
.main_product .slide_wrap { display: inline-block; vertical-align: top; width:calc(100% - 480px); } 
.main_product .slide_wrap .slide_box { display: inline-block; vertical-align: top; padding:0px 10px; margin:0px 15px; width: 100%; } 
.main_product .slide_wrap .slide_box .img_box { height: 300px; position: relative; } 
.main_product .slide_wrap .slide_box .img_box>div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } 
.main_product .slide_wrap .slide_box h5 { font-weight: 700; font-size: 13px; color: #bbbbbb; margin-bottom:10px; } 
.main_product .slide_wrap .slide_box h4 { font-weight: 600; font-size: 16px; color: #666; } 
.main_product_slide_btn { margin-top:90px; width: 100%; font-size: 0; } 
.main_product_slide_btn .main-prd-arrow { display: inline-block; width: 33px; height: 33px; background-repeat: no-repeat; background-size:cover; background-position:center; margin-right: 10px; border: none; background-color:rgba(0,0,0,0); cursor:pointer } 
.main_product_slide_btn .main-prd-prev { background-image: url('../images/btn/left_btn.png'); } 
.main_product_slide_btn .main-prd-next { background-image: url('../images/btn/right_btn.png'); } 
.main_notice { padding:60px 0px 50px; background-color: #f8f8f8; font-size: 0; } 
.main_notice .left_box { display: inline-block; vertical-align: top; width:calc(50% - 20px); margin-right: 40px; font-size: 0; } 
.main_notice .right_box { display: inline-block; vertical-align: top; width:calc(50% - 20px); font-size: 0; } 
.main_notice h3 { position: relative; font-weight: 700; font-size: 24px; color: #333; padding-bottom: 10px; margin-bottom: 10px; } 
.main_notice h3 button { position: absolute; top: -3px; right:0; width: 33px; height: 33px; background: url('../images/btn/right_btn.png') no-repeat center / cover; font-size: 0; border: none; } 
.main_notice .contents_box { display:inline-block; width:50%; background-color:#fff; border:1px solid #eaeae8; padding:20px 20px 35px; min-height:250px; vertical-align: top } 
.main_notice .notice_box { } 
.main_notice .notice_box h6 { font-weight: 600; font-size: 12px; color: #999999; margin-bottom:10px; } 
.main_notice .notice_box h4 { font-weight: 600; font-size: 18px; color: #333; margin-bottom: 15px; } 
.main_notice .notice_box p { font-weight: 400; font-size: 12px; color: #999; } 
.main_notice .contact_box dl { margin-bottom:3px; font-size:0 } 
.main_notice .contact_box dl>* { display: inline-block; vertical-align: top; } 
.main_notice .contact_box dl dt { width: 115px; font-weight: 600; font-size: 14px; color: #333;; line-height:1.4 } 
.main_notice .contact_box dl dd { width:calc(100% - 115px); padding-left: 15px; font-weight:400; font-size: 14px; color: #666;; line-height:1.4 } 
.main_notice .skype_icon { display: inline-block; margin-top: 5px; } 
.main_partners { padding: 55px 0px; background-color: #e6e6e6; font-size: 0; } 
.partners_slide_btn .slick-list { display: none; } 
.partners_slide_btn .slick-arrow { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-size:cover; background-position:center; margin-right: 10px; border: none; background-color:rgba(0,0,0,0); font-size:0 } 
.partners_slide_btn .slick-prev { background-image: url('../images/btn/s_left_btn.png'); } 
.partners_slide_btn .slick-next { background-image: url('../images/btn/s_right_btn.png'); } 
.main_partners h2 { position: relative; font-weight: 700; font-size: 24px; color: #333; padding-bottom:10px; margin-bottom:10px; } 
.main_partners h2::after { content:''; display: block; position: absolute; left: 0; bottom:0px; width: 20px; height: 3px; background-color: #6eb92c; opacity: .3; } 
.main_partners a { outline: none; } 
.main_partners .left_box { display: inline-block; width: 470px; vertical-align: top; } 
.main_partners .slide_wrap { display: inline-block; width:calc(100% - 470px); vertical-align: top; } 
.main_partners .slide_wrap .slide_box { display: inline-block; float:none; vertical-align: middle; margin:0px 30px; } 
/* footer */
footer { margin-top:100px } 
.footer_top { padding:15px 0px; border-top:2px solid #ddd; border-bottom:2px solid #ddd; } 
.footer_top ul li { display: inline-block; vertical-align: middle; margin-right: 20px; } 
.footer_top ul li:last-child { float:right; margin-top:5px; font-size:0 } 
.footer_top ul li:last-child a { font-size:0 } 
.footer_top ul li:last-child a img { vertical-align:middle } 
.footer_top ul li a { font-weight: 500; font-size: 12px; color: #666; } 
.footer_bottom { padding:30px 0px; } 
.footer_bottom ul { margin-bottom: 10px; } 
.footer_bottom ul li { display: inline-block; vertical-align: middle; margin-right:20px; } 
.footer_bottom ul li h4 { display: inline-block; vertical-align: middle; margin-right: 5px; font-weight: 700; font-size: 12px; color: #bbb; } 
.footer_bottom ul:first-child li h4 { vertical-align: top } 
.footer_bottom ul li p { display: inline-block; vertical-align: middle; font-weight: 500; font-size: 12px; color: #666; } 
.footer_bottom .col-md-4 { text-align: right; font-size: 0; } 
.footer_bottom .col-md-4 svg { vertical-align: middle; } 
.footer_bottom .col-md-4 img{display: inline-block;vertical-align: middle;}
.footer_bottom .col-md-4 svg:first-child { width: 75px; height: 70px; margin-right: 30px; } 
.footer_bottom .col-md-4 svg:first-child + img{margin-right: 30px;}
.footer_bottom .col-md-4 svg:first-child + img + svg { width: 85px; height: 70px; margin-right: 30px; } 
.footer_bottom .col-md-4 svg:first-child + img + svg + img { width: 85px; display: inline-block; vertical-align: middle; } 
.footer_bottom ul + p { font-size: 12px; } 

/* company */
.company01-content01 ul li { width:calc((100% - 40px) / 2); height:270px; margin-right:40px; padding:50px 50px 70px; background-repeat:no-repeat; background-position:center center; background-size:cover } 
.company01-content01 ul li:nth-child(even) { margin-right:0 } 
.company01-content01 ul li:nth-child(n+3) { margin-top:40px } 
.company01-content01 ul li:first-child { background-image:url(../images/company/content01.png) } 
.company01-content01 ul li:first-child + li { background-image:url(../images/company/content02.png) } 
.company01-content01 ul li:first-child + li + li { background-image:url(../images/company/content03.png) } 
.company01-content01 ul li:first-child + li + li + li { background-image:url(../images/company/content04.png) } 
.company01-content01 ul li h4 { position:relative; padding-bottom:5px; font-weight:700 } 
.company01-content01 ul li h4:after { content:""; display:block; position:absolute; bottom:0; left:0; width:20px; height:3px; background:#6eb92c } 
.company01-content01 ul li h4,.company01-content01 ul li p { color:#fff } 
.company01-content01 ul li p { line-height:1.8 } 
.company02-content01 ul li { width:calc((100% - 70px) / 3); margin-left:-1px; padding:50px; border-top:1px solid #333; box-shadow:5px 5px 15px #ccc } 
.company02-content01 ul li:nth-child(3n) { margin-right:0 } 
.company02-content01 ul li:nth-child(n+4) { margin-top:35px } 
.company02-content01 ul li div img { float:left } 
.company02-content01 ul li div a { float:right; display:block; width:20px; height:20px; background:#6baa5b; line-height:20px; font-size:18px; font-weight:500; color:#fff; text-align:center } 
.company02-content01 ul li h5 { margin-top:30px; font-size:18px; font-weight:700; letter-spacing:-.5px } 
.company02-content01 ul li p { margin-top:20px; font-size:16px; font-weight:500; color:#666; line-height:1.6 } 
.company02-content01 h4 { position:relative; } 
.company02-content01 h4:before { content:""; display:inline-block; margin-right:10px; width:5px; height:20px; background:#68b524 } 

.company h3 { font-family: 'KoPubWorldDotum'; font-size: 18px; color: #333; line-height: 1.33; font-weight: 300; max-width: 620px; width: 100%; } 
.company03-content01 .img-txt-wrap { position: relative; width: 100%; } 
.company.company03-content01 h3 { font-weight: bold; } 
/* .company03-content01 .img-txt-wrap .img-wrap { display: inline-block; vertical-align: top; width: 50%; } 
.company03-content01 .img-txt-wrap .txt-wrap { display: inline-block; vertical-align: top; width: calc(50% - 20px); margin-left: 20px; } */
.company03-content01 .img-txt-wrap .txt-wrap p { font-family: 'KoPubWorldDotum'; font-size: 18px; color: #707070; font-weight: 300; line-height: normal; padding-right: 20px; position: relative; width: 50%; } 
.company03-content01 .img-txt-wrap .txt-wrap .ceo-txt { font-family: 'KoPubWorldDotum'; text-align: right; display: block; color: #333; line-height: normal; margin-top: 50px; } 
.company03-content01 img { position: absolute; right: 0; top: 0; width: 50%; } 

.company04-content01 .history-index .line { border-top: 1px solid #ccc; max-width: 580px; width: 100%; margin-bottom: 45px; position: relative; } 
.company04-content01 .history-index .line:before { content: ''; display: block; width: 40px; height: 3px; background: #6eb92c; position: absolute; left: 0; top: -2px; } 
.company04-content01 .history-index p { font-family: 'KoPubWorldDotum'; font-weight: bold; font-size: 18px; color: #333; line-height: 1.33; } 
.company04-content01 .history-index h4 { font-family: 'KoPubWorldDotum'; font-weight: bold; color: #6eb92c; font-size: 36px; margin-top: 20px; } 
.company04-content01 .history-con ul li { font-size: 0; padding-bottom: 20px; } 
.company04-content01 .history-con ul li .date { font-family: 'KoPubWorldDotum'; display: inline-block; vertical-align: top; width: 80px; margin-right: 20px; font-size: 18px; font-weight: bold; line-height: 1; } 
.company04-content01 .history-con ul li .date_txt { font-family: 'KoPubWorldDotum'; display: inline-block; vertical-align: top; width: calc(100% - 100px); color: #707070; font-size: 18px; font-weight: 300; line-height: 1; } 

/*certificate*/
.certificate01-content01 .tab_index { width: 900px; border: 1px solid #ccc; } 
.certificate01-content01.tech .tab_index { width: 1200px; margin-bottom: 40px; } 
.certificate01-content01 .tab_index ul { font-size: 0; } 
.certificate01-content01 .tab_index ul li { height: 70px; display: inline-block; vertical-align: top; text-align: center; border-right: 1px solid #ccc; width: 33.333333%; position: relative; } 
.certificate01-content01.tech .tab_index ul li { width: 25%; } 
.certificate01-content01 .tab_index ul li:last-child { border: none; } 
.certificate01-content01 .tab_index ul li.on { background: #6eb92c; } 
.certificate01-content01 .tab_index ul li.on a { color: #fff; font-weight: bold; } 
.certificate01-content01 .tab_index ul li a { font-family: 'KoPubWorldDotum'; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; color: #707070; font-size: 18px; font-weight: 500; line-height: 2.5; } 
.certificate01-content01 h3 { font-family: 'Montserrat',sans-serif; margin-top: 60px; font-size: 24px; font-weight: bold; line-height: 2; color: #333; } 
.certificate01-content01 h3:before { content: ''; display: inline-block; position: relative; left: 0; width: 5px; height: 20px; background: #6eb92c; top: 0; margin-right: 10px; } 
.certificate01-content01 .cer_list_wrap { font-size: 0; margin-top: 85px; } 
.certificate01-content01 .cer_list_wrap .img-txt-wrap { margin-bottom: 60px; display: inline-block; vertical-align: top; width: calc(25% - 70px); margin-right: 90px; } 
.certificate01-content01 .cer_list_wrap .img-txt-wrap:nth-child(4n) { margin-right: 0; } 
.certificate01-content01 .cer_list_wrap .img-txt-wrap .img-wrap { box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%); } 
.certificate01-content01 .cer_list_wrap .img-txt-wrap .txt-wrap p { font-family: 'KoPubWorldDotum'; font-size: 18px; font-weight: bold; line-height: 1.33; padding-top: 25px; padding-bottom: 35px; height: 100px; } 
.certificate01-content01 .cer_list_wrap .img-txt-wrap .txt-wrap p.long-txt { font-size: 14px; } 
.certificate01-content01 .cer_list_wrap .img-txt-wrap .line { width: 100%; height: 1px; background: #ccc; position: relative; } 
.certificate01-content01 .cer_list_wrap .img-txt-wrap .line:after { width: 40px; height: 3px; position: absolute; content: ''; right: 0; background: #6eb92c; display: inline-block; top: -1px; } 

/*wizbio*/
.certificate01-content01.wizbio p { font-family: 'KoPubWorldDotum'; font-size: 18px; } 
.certificate01-content01.wizbio .txt-wrap p { padding-top: 20px; } 
.certificate01-content01.wizbio .img-wrap { margin-top: 60px; margin-bottom: 50px; } 
.certificate01-content01.wizbio h4 { font-family: 'KoPubWorldDotum'; font-size: 36px; font-weight: bold; color: #88b73f; } 
.certificate01-content01.wizbio .bg-wrap { font-size: 0; display: flex; flex-wrap: nowrap; } 
.certificate01-content01.wizbio .bg-wrap .img-wrap { padding: 30px 20px; background: rgba(153, 152, 153, 0.1); border-radius: 50px; } 
.certificate01-content01.wizbio .bg-wrap .img-wrap.img-wrap01 { width: 900px; margin-right: 40px; } 
.certificate01-content01.wizbio .bg-wrap .img-wrap.img-wrap02 { width: 588px; } 

.wizbio02 .wiz_wrap { margin-top: 45px; } 
.wizbio02 .wiz_wrap .img-txt-wrap { margin-bottom: 25px; display: inline-block; vertical-align: top; width: calc(25% - 12px); margin-right: 15px; } 
.wizbio02 .wiz_wrap .img-txt-wrap:nth-child(4n) { margin-right: 0; } 
.wizbio02 .wiz_wrap .img-txt-wrap .img-wrap { margin-top: 0; margin-bottom: 0; } 
.wizbio02 .wiz_wrap .img-txt-wrap .txt-wrap p { padding-top: 15px; font-weight: bold; line-height: 1.33; padding-bottom: 10px; } 
.wizbio02 .wiz_wrap .img-txt-wrap .line { width: 100%; height: 1px; background: #ccc; } 

.wizbio03 .bg { background: rgba(153, 152, 153, 0.1); margin-top: 20px; } 
.wizbio03 .wizbio-content { max-width: 1200px; width: 100%; margin: 0 auto; padding-top: 140px; padding-bottom: 40px; } 
.wizbio03 .wizbio-content .img-txt-wrap { margin-bottom: 60px; } 
.wizbio03 .wizbio-content .img-txt-wrap .img-wrap { margin-top: 0; margin-bottom: 0; width: 375px; position: relative; } 
.wizbio03 .wizbio-content .txt-wrap { width: 700px; margin: 0 auto; border: 1px solid #ccc; background: #fff; box-shadow: 4px 4px 15px 0 rgb(0 0 0 / 16%); } 
.wizbio03 .wizbio-content .txt-wrap h4 { color: #333; } 

.wizbio03 .wizbio-content .img-txt-wrap.left { float: left; } 
.wizbio03 .wizbio-content .img-txt-wrap.left .txt-wrap { margin-top: -200px; margin-left: 250px; padding: 50px 130px 50px 160px; } 


.wizbio03 .wizbio-content .img-txt-wrap.right { float: right; } 
.wizbio03 .wizbio-content .img-txt-wrap.right .img-wrap { float: right; } 
.wizbio03 .wizbio-content .img-txt-wrap.right .txt-wrap { padding: 50px 200px 50px 50px; margin-top: 50px; margin-right: 250px; } 




/*product_list*/
.product-list .prd-lnb,.product-list .prd-list { padding:50px; border-top:2px solid #333; box-shadow:5px 5px 15px #ccc } 
.product-list .prd-lnb { width:440px; margin-right:40px } 
.product-list .prd-list { width:calc(100% - 480px) } 
.product-list .prd-lnb a { display:block; position:relative; margin-bottom:20px; font-size:16px; font-weight:500 } 
.product-list .prd-lnb a:last-child { margin-bottom:0 } 
.product-list .prd-lnb a:hover { font-weight:700 } 
.product-list .prd-lnb a.on { padding-left:35px; font-weight:700 } 
.product-list .prd-lnb a.on:after { content:""; position:absolute; top:50%; left:0; width:30px; height:3px; margin-top:-2.5px; background:#6eb92c } 
.product-list .prd-list ul li { padding:50px 0; border-bottom:1px solid #999999 } 
.product-list .prd-list ul li:first-child { padding-top:0 } 
.product-list .prd-list p { display:inline-block; position:relative; padding-left:30px; padding-right:30px; font-size:16px; font-weight:500; transition:all .5s } 
.product-list .prd-list p:after { content:""; display:block; position:absolute; top:8px; left:0; width:20px; height:3px; background:#6baa5b } 
/*.product-list .prd-list p:before { content:""; display:block; position:absolute; right:0; width:20px; height:20px; border-radius:50%; background:#6baa5b url(../images/product/icon01.png) no-repeat center center } 
.product-list .prd-list p.on:before { transform:rotate(180deg) } */
.product-list .prd-list div { margin-top:30px } 
.product-list .prd-list div a { display:block; margin-bottom:10px; color:#666; font-size:0 } 
.product-list .prd-list div a:hover span { color:#6eb92c; text-decoration:underline } 
.product-list .prd-list div a:last-child { margin-bottom:0 } 
.product-list .prd-list div a span,.product-list .prd-list div a img { margin-right:10px; vertical-align:middle } 
.product-list .prd-list div a span { font-size:16px; color:#666 } 
.product-list .prd-list div a img { width:30px } 
.product-list .prd-list div a img:last-child { margin-right:0 } 
/*product_view*/
.product-view .col-md-12 > .clearfix > li:first-child { width:440px; margin-right:40px } 
.product-view .col-md-12 > .clearfix > li:last-child { width:calc(100% - 480px) } 
.product-view .prd-info > li:first-child { border:1px solid #d9d9d9 } 
.product-view .prd-info > li div { position:relative } 
.product-view .prd-info h6 { font-size:16px; font-weight:500; color:#999 } 
.product-view .prd-info h6 a:hover { color:#6eb92c; text-decoration:underline } 
.product-view .prd-info h3 { margin-top:15px; font-size:32px } 
.product-view .prd-info h3 + div img { width:30px; margin-right:5px; vertical-align:middle } 
.product-view .prd-info p { margin-top:50px; font-size:14px } 
.product-view .prd-info .slider-for { padding-top:50px; padding-bottom:15px } 
.product-view .prd-info .thumbnail-img { margin-bottom:15px } 
.product-view .prd-info .thumbnail-img li { position:relative; height:72px; margin-right:5px; margin-left:5px; padding:5px; cursor:pointer; border:1px solid #d9d9d9 } 
.product-view .prd-info .thumbnail-img li.slick-current { border-color:#6eb92c } 
.product-view .prd-info .thumbnail-img li img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } 
.product-view .prd-info li:last-child p strong { color:inherit; font-weight:700 } 
.product-view .prd-info li:last-child p strong span { font-weight:700 } 
.product-view .prd-detail { position:relative } 
.product-view .prd-detail > li:first-child { position:relative } 
.product-view .prd-detail > li:first-child:after { content:""; display:block; position:absolute; top:-15px; left:50%; width:34px; height:34px; margin-left:-17px; border-radius:50%; background:#333 url(../images/product/icon02.png) no-repeat center center } 
.product-view .prd-detail > li > ul { border-top:2px solid #333; box-shadow:5px 5px 15px #ccc } 
.product-view .prd-detail > ul > li:after { content:""; display:block; clear:both } 
.product-view .prd-detail > li > ul { padding:50px } 
.product-view .prd-detail > li > ul > li { margin-top:25px; padding-bottom:25px; border-bottom:1px solid #d9d9d9 } 
.product-view .prd-detail > li > ul > li:first-child { margin-top:0 } 
.product-view .prd-detail > li > ul > li:last-child { padding-bottom:0; border-bottom:none } 
.product-view .prd-detail > li:first-child > ul > li:after { content:""; display:block; clear:both } 
.product-view .prd-detail > li:first-child > ul > li h6 { float:left } 
.product-view .prd-detail > li:first-child > ul > li p { display:none; float:right; font-size:12px; font-weight:700; color:#6eb92c } 
.product-view .prd-detail > li:first-child > ul > li div { float:left; width:100%; margin-top:10px } 
.product-view .prd-detail > li:first-child > ul > li div a { display:block; position:relative; word-break:break-all; vertical-align:middle } 
.product-view .prd-detail > li:first-child > ul > li div a:hover { text-decoration:underline } 
.product-view .prd-detail > li:first-child > ul > li div a:after { content:""; display:inline-block; width:22px; height:22px; margin-left:5px; border-radius:50%; background:#333 url(../images/product/icon02.png) no-repeat center center/14px; vertical-align:top } 
.product-view .prd-detail .rel-product { padding:30px 20px; border:1px solid #cacaca } 
.product-view .prd-detail .rel-product h4 { position:relative; padding-left:15px } 
.product-view .prd-detail .rel-product h4:after { content:""; display:block; position:absolute; top:50%; left:0; width:5px; height:18px; margin-top:-9px; background:#6eb92c } 
.product-view .prd-detail .rel-product .rel-list { border-top:1px solid #cacaca } 
.product-view .prd-detail .rel-product .rel-list > div { margin-top:15px; padding-top:15px; border-top:1px solid #d9d9d9; } 
.product-view .prd-detail .rel-product .rel-list > div:first-child { border:none } 
.product-view .prd-detail .rel-product .rel-list a { display:block } 
.product-view .prd-detail .rel-product .rel-list .rel-img,.product-view .prd-detail .rel-product .rel-list .rel-text { display:inline-block; vertical-align:top } 
.product-view .prd-detail .rel-product .rel-list .rel-img { width:130px; height:130px; border:1px solid #f2f2f2; line-height:130px; font-size:0; text-align:center } 
.product-view .prd-detail .rel-product .rel-list .rel-img img { max-width:110px; vertical-align:middle } 
.product-view .prd-detail .rel-product .rel-list .rel-text { width:calc(100% - 130px); padding-left:20px; padding-right:20px } 
.product-view .prd-detail .rel-product .rel-list .rel-text h5 { margin-top:10px; font-size:16px; font-weight:700; color:#333 } 
.product-view .prd-detail .rel-product .rel-list a:hover h5 { color:#6eb92c; text-decoration:underline; } 
.product-view .prd-detail .rel-product .rel-list .rel-text h6 { margin-top:5px; font-size:14px; font-weight:500; color:#999 } 
.product-view .prd-detail > li > ul img { display:inline-block; max-width:100%!important; height:auto!important } 
.product-view .prd-detail > li dl { margin-top:10px } 
.product-view .prd-detail > li dl dd { color:#666 } 
.product-view .prd-detail > li > ul > li table { width:100%!important } 
.product-view .prd-detail > li > ul > li table td { border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:15px } 
.product-view .prd-detail > li > ul > li table td:first-child { padding-left: 10px; padding-right: 10px; border-left:1px solid #d9d9d9 } 
.product-view .prd-detail > li > ul > li table tr:first-child td { font-size:18px; font-weight:400; color:#333; background:#f7f7f7; border-top:1px solid #d9d9d9 } 
.product-view .prd-detail > li > ul > li ul li { margin-left:15px; list-style:disc } 
/*news01*/
.news01-content01 table { width:100%; border-top:2px solid #333; border-bottom:2px solid #333 } 
.news01-content01 table thead td { padding:15px 10px; border-bottom:1px solid #000; text-align:center; font-size:16px; font-weight:500 } 
.news01-content01 table tbody td { padding:10px 10px; border-bottom:1px solid #d9d9d9; vertical-align:middle; font-family: Arial; } 
.news01-content01 table tbody td:first-child { width:200px; font-size:16px; color:#999 } 
.news01-content01 table tbody td:first-child + td { width:150px } 
.news01-content01 table tbody td:first-child + td + td a { font-family: Arial; font-size:16px; font-weight:500; color:#666; } 
.news01-content01 table tbody td:first-child + td + td a:hover { text-decoration:underline } 
.news01-content01 table tbody td:first-child + td + td + td { width:250px; font-size:14px; color:#999 } 
.news01-content01 table tbody td span { display:inline-block; width:70px; height:25px; line-height:25px; font-size:14px; font-weight:500; color:#fff } 
.news01-content01 table tbody td span.event { background:#6baa5b } 
.news01-content01 table tbody td span.notice { background:#666 } 
.news01-content01 .paging a { margin-right:20px } 
.news01-content01 .paging a:last-child { margin-right:0 } 
/*news01_view*/
.news01_view-content01 .col-md-12 > ul { border-top:2px solid #333; border-bottom:2px solid #333 } 
.news01_view-content01 ul .head { padding:25px 50px } 
.news01_view-content01 ul .head p { margin-top:10px; font-size:16px; color:#999 } 
.news01_view-content01 ul .body { padding:50px; border-top:1px solid #333 } 
.news01_view-content01 .body ul li { position: relative; margin-left: 15px; padding-left: 10px; } 
.news01_view-content01 .body ul li:after { content: "\2022"; position: absolute; top:0; left: 0; } 
.paging a:not(.arrow) { font-size:16px; font-weight:300; color:#666; vertical-align:middle } 
.paging a.on,.paging a:hover { font-weight:500 } 
.paging a.arrow { display:inline-block; width:20px; height:20px; line-height:20px; background:#bbb; text-align:center; cursor:pointer; vertical-align:middle } 
.paging a.arrow img { vertical-align:middle } 
.news01_view-content01 .btn-box a { display:inline-block; width:280px; height:60px; line-height:60px; background:#333; font-size:16px; font-weight:500; color:#fff } 
/*news02*/
.news02-content01 .shadow { padding:40px } 
.news02-content01 .shadow h5 { position:relative; padding-bottom:10px; font-size:18px } 
.news02-content01 .shadow h5:after { content:""; display:block; position:absolute; bottom:0; width:20px; height:3px; background:#6eb92c } 
.news02-content01 .shadow .catalog li { position:relative; width:calc((100% - 560px) / 5); margin-right:140px; margin-left:-1px } 
.news02-content01 .shadow .catalog li:after { content:""; position:absolute; top:0; right:-70px; width:1px; height:100%; background:#999 } 
.news02-content01 .shadow .catalog li:nth-child(5n) { margin-right:0 } 
.news02-content01 .shadow .catalog li:nth-child(5n):after,.news02-content01 .shadow .catalog li:last-child:after { width:0 } 
.news02-content01 .shadow .catalog li:nth-child(n+6) { margin-top:40px } 
.news02-content01 .shadow .catalog li p { margin-top:20px; font-size:14px; font-weight:500; color:#999 } 
.news02-content01 .shadow .catalog li figure { position:relative } 
.news02-content01 .shadow .catalog li a:hover figure:after { content:""; display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:rgba(255,255,255,.8) url(../images/news/icon03.png) no-repeat center center } 
.news02-content01 .shadow .catalog li a:hover p { color:#87b73e; text-decoration:underline } 
.news02-content01 .shadow .manual { padding-bottom:45px; border-bottom:1px solid #d9d9d9 } 
.news02-content01 .shadow .manual li { display:inline-block; width:25%; margin-bottom:15px; padding-right:15px; vertical-align:top } 
.news02-content01 .shadow .manual li:last-child { margin-bottom:0 } 
.news02-content01 .shadow .manual li h5 { margin-bottom:15px } 
.news02-content01 .shadow .manual li a { display:block; margin-bottom:10px; font-size:14px; font-weight: 400; color:#666 } 
.news02-content01 .shadow .manual li a:last-child { margin-bottom:0 } 
.news02-content01 .shadow .manual li a:hover { color:#87b73e; text-decoration:underline } 
/*contact01*/
.contact01-content01 .shadow { padding:50px } 
.contact01-content01 .shadow ul li { font-size:0 } 
.contact01-content01 .shadow ul li div { display:inline-block; padding-bottom:25px; font-size:0; vertical-align:top } 
.contact01-content01 .shadow ul li div:first-child { width:230px } 
.contact01-content01 .shadow ul li div:first-child + div { width:calc(100% - 230px); padding-left:40px; border-left:1px solid #d9d9d9; font-size:16px; color:#666 } 
.contact01-content01 .shadow ul li:last-child div { padding-bottom:0 } 
.contact01-content01 .shadow ul li div img,.contact01-content01 .shadow ul li div h6 { vertical-align:middle } 
.contact01-content01 .shadow ul li div h6 { display:inline-block } 
.contact01-content01 .shadow ul li div img { margin-right:10px } 
.contact01-content01 .embed-responsive.embed-responsive-16by9 { padding-bottom:21.25% } 
.contact01-content01 h3+p { color:#666 } 
.contact01-content01 .btn-box a { display:inline-block; width:280px; height:60px; line-height:60px; background:#333; font-size:16px; font-weight:500; color:#fff } 
.contact01-content01 .inquiry { padding-top:0; padding-bottom:0; border-bottom:2px solid #333 } 
.contact01-content01 .inquiry ul li { padding-top:10px; padding-bottom:10px; border-bottom:1px solid #d9d9d9 } 
.contact01-content01 .inquiry ul li h6 { display:inline-block; width:230px; padding-top:10px; font-size:16px; font-weight:500; vertical-align:top } 
.contact01-content01 .inquiry ul li input { width:calc(100% - 230px); height:35px; line-height:35px; padding-left:15px; border:none; background:rgba(222,222,222,.3); vertical-align:top; font-size:16px } 
.contact01-content01 .inquiry ul li textarea { width:calc(100% - 230px); height:195px; border:none; padding:15px; background:rgba(222,222,222,.3); font-size:16px } 
/*search*/
.search-content01 .shadow { padding:50px 160px } 
.search-content01 .search-box { padding-bottom:25px; border-bottom:1px solid #ddd } 
.search-content01 .search-box * { vertical-align:middle } 
.search-content01 .search-box select { width:280px; height:60px; padding-left:15px; padding-right:15px; line-height:60px; border:1px solid #dddddd; background:url(../images/btn/icon01.png) no-repeat center right+15px; font-size:16px; font-weight:500 } 
.search-content01 .search-box a { display:inline-block; width:280px; height:60px; line-height:60px; text-align:center; font-size:16px; font-weight:500; color:#fff; background-image:linear-gradient(to right,#5aac7f,#7fa731) } 
.search-content01 .search-box input { width:calc(100% - 580px); height:60px; padding-left:15px; padding-right:15px; line-height:60px; border:1px solid #dddddd; font-size:16px; font-weight:500 } 
.search-content01 .search-result h6 { position:relative; padding-left:30px } 
.search-content01 .search-result h6:after { content:""; display:block; position:absolute; top:50%; left:0; width:20px; height:3px; margin-top:-1.5px; background:#6eb92c } 
.search-content01 .search-result ul li { padding-top:40px; padding-bottom:35px; border-bottom:1px solid #dddddd } 
.search-content01 .search-result ul li:last-child { padding-bottom:0; border-bottom:none } 
.search-content01 .search-result h5 { font-size:14px; font-weight:400; color:#999 } 
.search-content01 .search-result h4 { font-size:16px; font-weight:500 } 
.search-content01 .search-result p { font-size:12px; color:#999 } 
/*tech*/
.tech-content01 h4 { margin-top:-2px; font-size:24px; font-weight:500; color:#666666 } 
.tech-content01 h4:before { content:""; display:inline-block; margin-right:10px; width:5px; height:20px; background:#68b524 } 
.tech-content01 ul li { position:relative; display:inline-block; width:280px; height:300px; margin-right:3px; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:width .5s; vertical-align:middle; cursor:pointer } 
.tech-content01 ul li.on { width:calc(100% - 566px) } 
.tech-content01 ul li:first-child { background-image:url(../images/tech/content01.png) } 
.tech-content01 ul li:first-child + li { background-image:url(../images/tech/content02.png) } 
.tech-content01 ul li:first-child + li + li { margin-right:0; background-image:url(../images/tech/content03.png) } 
.tech-content01 ul li .wrap { position:absolute; top:50%; left:0; transform:translateY(-50%) } 
.tech-content01 ul li.on .wrap { left:150px } 
.tech-content01 ul li h3 { font-size:20px; font-weight:700; color:#fff; text-align:center; transition:all .5s } 
.tech-content01 ul li h3 sup { font-size:inherit; font-weight:inherit; color:inherit } 
.tech-content01 ul li.on h3 { font-size:34px; text-align:left } 
.tech-content01 ul li p { font-size:18px; height:0; font-weight:500; color:#fff; text-align:center; opacity:0; visibility:hidden; transition:opacity 1s } 
.tech-content01 ul li.on p { height:30px; text-align:left; opacity:1; visibility:visible } 
.text-line { display:none; position:relative; padding-top:80px; padding-bottom:10px; padding-left:150px } 
.text-line.on { display:block } 
.text-line:after { content:""; display:block; position:absolute; left:110px; top:0; width:1px; height:100%; background:#000 } 
.text-line h5 { font-size:28px; font-weight:500 } 
.text-line p { font-size:18px; color:#666 } 
.tech-content02 .bg { position:relative; width: 60%; height:350px; background:url(../images/tech/content04.png) no-repeat center center/cover; margin-left: 110px; } 
.tech-content03 .container .row > div { padding-left: 120px; padding-right: 120px; } 
.tech-content03 h5 { margin-top:40px; font-size:26px; font-weight:500; color:#333 } 
.tech-content03 p { margin-top:10px; font-size:18px; color:#666 } 
.tech-content03 .img-box ul { padding-top:70px; padding-bottom:70px; background:#f6f6f6 } 
.tech-content03 .img-box ul li div { position:relative; width:440px; height:360px; padding:20px; border:1px solid #d1d1d1; background:#fff } 
.tech-content03 .img-box ul li h6 { display:inline-block; position:absolute; top:-17.5px; left:50%; width:180px; height:35px; margin-left:-90px; background-image:linear-gradient(to left,#7fa731,#5aac7f); border-radius:17.5px; font-size:18px; font-weight:700; color:#fff; text-align:center; line-height:35px } 
.tech-content03 .img-box ul li figure { position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%) } 
.tech-content03 .img-box span { display:block; margin-top:10px; font-size:14px; font-weight:500; color:#666; text-align:left } 
.tech-content03 .img-box span sup { font-size:inherit; font-weight:inherit; color:inherit } 
.tech-content03 .text-box { position:relative; height:176px; margin-top:160px; margin-bottom:160px; padding-left:320px; background-image:linear-gradient(to left,#7fa731,#5aac7f); border-radius:88px; } 
.tech-content03 .text-box h4 { padding-top:40px; font-size:36px; font-weight:700; color:#fff } 
.tech-content03 .text-box h4 sup { font-size:inherit; font-weight:inherit; color:inherit } 
.tech-content03 .text-box strong { font-size:18px; font-weight:300; color:#fff } 
.tech-content03 .text-box img { position:absolute; top:65px; left:70px } 
.content-list > li { display:none } 
.content-list > li.on { display:block } 
.content-list > li .bg-grey { background:rgba(195,191,190,.1) } 
.content-list > li:first-child + li ul { margin-left:150px; margin-right:150px; padding:15px 30px; font-size:0; text-align:center; border:2px solid #000 } 
.content-list > li:first-child + li ul li { display:inline-block; margin-right:20px; font-size:0 } 
.content-list > li:first-child + li ul li:last-child { margin-right:0 } 
.content-list > li:first-child + li ul li * { vertical-align:middle } 
.content-list > li:first-child + li ul li img { width:45px; margin-right:20px } 
.content-list > li:first-child + li ul li:last-child img { width:20px } 
.content-list > li:first-child + li ul li span { font-size:16px; font-weight:500; color:#333 } 
.content-list > li:first-child + li .chart { border:5px solid #dddddd; font-size:0; border-radius:97.5px } 
.content-list > li:first-child + li .chart:last-child { border-color:#6eb92c } 
.content-list > li:first-child + li .chart > div { display:inline-table; position:relative; width:170px; height:170px; padding:10px; vertical-align:middle } 
.content-list > li:first-child + li .chart > div:after { content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#bbb } 
.content-list > li:first-child + li .chart > div.no-line:after { height:0 } 
.content-list > li:first-child + li .chart > div:first-child + div { width:calc(100% - 1110px) } 
.content-list > li:first-child + li .chart > div:first-child + div img { max-width:100% } 
.content-list > li:first-child + li .chart > div:last-child { width:90px } 
.content-list > li:first-child + li .chart .wrap { display:table-cell; width:100%; vertical-align:middle; text-align:center; font-size:0 } 
.content-list > li:first-child + li .chart > div:first-child .wrap { width:150px; height:150px; border-radius:50%; background:#ddd } 
.content-list > li:first-child + li .chart:last-child > div:first-child .wrap { background:#6eb92c } 
.content-list > li:first-child + li .chart .wrap h4 { font-size:18px; font-weight:700 } 
.content-list > li:first-child + li .chart:last-child > div:first-child h4 { color:#fff } 
.content-list > li:first-child + li .chart .wrap span { font-size:15px; font-weight:500 } 
.content-list > li:first-child + li .chart .wrap h5 { margin-top:20px; font-size:18px; font-weight:700; color:#333 } 
.content-list > li:first-child + li .chart:first-child + .chart { border-color:transparent } 
.content-list > li:first-child + li .chart:first-child + .chart > div { height:80px; background:#eae9e9 } 
.content-list > li:first-child + li .chart:first-child + .chart > div:first-child,.content-list > li:first-child + li .chart:first-child + .chart > div:last-child { background:transparent } 
.content-list > li:first-child + li .chart:first-child + .chart p { font-size:14px; font-weight:500; color:#666 } 
.content-list > li:last-child ul { padding-left:150px; padding-right:150px } 
.content-list > li:last-child ul li { width:calc((100% - 40px) / 2) } 
.content-list > li:last-child ul li:nth-child(n+3) { margin-top:40px } 
.content-list > li:last-child ul li:nth-child(odd) { margin-right:40px } 
.content-list > li:last-child ul li h3 { padding-top:21.5px; height:70px; font-size:18px; font-weight:500; background-image:linear-gradient(to left,#7fa731,#5aac7f); text-align:center; color:#fff; border-radius:30px 30px 0 0 } 
.content-list > li:last-child ul li:first-child h3 { padding-top:8px } 
.content-list > li:last-child ul li .img-wrap { height:260px; padding-left:25px; padding-right:25px; border:1px solid #c3bfbe; line-height:260px; text-align:center } 
.content-list > li:last-child ul li .img-wrap img { max-width:100%; vertical-align:middle } 

.contents_box .txt_box h4 { font-family: 'KoPubWorldDotum', sans-serif; font-size: 24px; font-weight: bold; color: #333; position: relative; padding-left: 15px; margin-bottom: 15px; } 
.contents_box .txt_box h4:before { content: ''; display: block; width: 8px; height: 8px; background: #6eb92c; border-radius: 50px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.contents_box .txt_box p { font-family: 'KoPubWorldDotum', sans-serif; font-size: 18px; font-weight: 500; color: #333; margin-bottom: 30px; } 
.contents_box .img_wrap { display: flex; } 
.contents_box .img_wrap .img_box:first-child { margin-right: 60px; } 
.tech_03 .contents_box { display: flex; margin-bottom: 50px; } 
.tech_03 .contents_box .txt_box { width: 620px; margin-right: 85px; } 

.img_rat { width: 30%; } 



/* news03.php */
.video-board-list ul { padding-top: 60px; padding-bottom: 70px; padding-left: 120px; padding-right: 120px; border-top: 2px solid #222; border-bottom: 2px solid #222 } 
.video-board-list ul li { width: calc((100% - 70px) / 2); margin-left: -1px; } 
.video-board-list ul li:nth-child(odd) { margin-right: 70px; } 
.video-board-list ul li:nth-child(n+3) { margin-top: 60px; } 
.video-board-list ul li a { display: block; } 
.video-board-list ul li figure { position: relative; } 
.video-board-list ul li figure:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 26px; height: 29px; margin-top: -13px; margin-left: -14.5px; background: url(../images/news/icon04.png) no-repeat center center; } 
.video-board-list ul li p { font-size: 18px; font-weight: 500; } 
.video-board-list ul li span { display: inline-block; position: relative; width: 110px; padding-bottom: 5px; font-size: 16px; font-weight: 500;; color: transparent; } 
/*.video-board-list ul li span:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #000; } */

/* 팝업 */
.popup { position:fixed; top:100px; left:100px; z-index:1001; width:100%; max-width:500px; padding:25px 15px 15px; background: #fff; border: 1px solid #222 } 
.close-pop { position:absolute; top:15px; right:15px; z-index:1; cursor:pointer }